﻿#szoNavLine {
	position:relative;
	z-index:11;
}



/*
    Hauptnavigation
*/

/** Nav-Container **/

#szoMainNav {
	position:relative;
	z-index:50;
	border-bottom:3px solid #525252;
}
#szoMainNav:before {
	content:"";
	display:block;
	height:3px;
	border-top:3px solid #525252;
	border-bottom:1px solid #a0a0a0;
}


/** Allgemeine Definitionen **/

#szoMainNav ul,
#szoMainNav a {
    display:block;
    -webkit-transition:opacity 500ms ease 500ms; -o-transition:opacity 500ms ease 500ms; transition:opacity 500ms ease 500ms;
}
#szoMainNav li:hover > a,
#szoMainNav li:focus > a,
#szoMainNav li:hover > ul,
#szoMainNav li:focus > ul {
    -webkit-transition-delay:0ms; -o-transition-delay:0ms; transition-delay:0ms;
}
#szoMainNav a {
    font:normal 16px Gandhi,Times,"Times New Roman",Georgia;
    color:#444;
    text-decoration:none;
    background:transparent;
}


/** Listen **/

#szoMainNav ul.szoMainNavFirstLevel,
#szoMainNav ul.szoMainNavThirdLevel,
#szoMainNav ul.szoMainNavFourthLevel {
    background-color:#f5f5f5;
}
#szoMainNav ul.szoMainNavSecondLevel,
#szoMainNav ul.szoMainNavThirdLevel,
#szoMainNav ul.szoMainNavFourthLevel {
    display:none;
}
#szoMainNav ul.szoMainNavSecondLevel {
    position:absolute;
    z-index:100000;
    width:100%;
    background:#525252;
}
#szoMainNav ul.szoMainNavSecondLevel,
#szoMainNav ul.szoMainNavThirdLevel,
#szoMainNav ul.szoMainNavFourthLevel {
    left:0;
}
#szoMainNav ul.szoMainNavThirdLevel,
#szoMainNav ul.szoMainNavFourthLevel {
    border-bottom:1px solid #d6d6d6;
}

#szoGlobalHeader + div {
    position:relative;
    z-index:1;
}


/** Listen-Elemente **/

#szoMainNav ul.szoMainNavFirstLevel > li {
    display:inline-block;
}
#szoMainNav ul.szoMainNavSecondLevel > li,
#szoMainNav ul.szoMainNavThirdLevel > li,
#szoMainNav ul.szoMainNavFourthLevel > li {
    display:block;
}
#szoMainNav ul.szoMainNavFirstLevel > li {
    width:50%;
}
#szoMainNav ul.szoMainNavSecondLevel > li {
    border-top:1px solid #666;
}
#szoMainNav ul.szoMainNavThirdLevel > li,
#szoMainNav ul.szoMainNavFourthLevel > li {
    border-top:1px solid #d6d6d6;
}
#szoMainNav ul.szoMainNavThirdLevel > li:first-child,
#szoMainNav ul.szoMainNavFourthLevel > li:first-child {
    border-top:none;
}


/** Link-Elemente **/

#szoMainNav ul.szoMainNavFirstLevel > li > a,
#szoMainNav ul.szoMainNavSecondLevel > li > a,
#szoMainNav ul.szoMainNavThirdLevel > li > a,
#szoMainNav ul.szoMainNavFourthLevel > li > a {
    padding:.5em 1em;
}
#szoMainNav ul.szoMainNavFourthLevel > li > a {
    padding-left:2em;
}
#szoMainNav ul.szoMainNavFirstLevel > li > a {
    position:relative;
    padding:.5em 1em;
    vertical-align:text-bottom;
    border-left:1px solid #d6d6d6;
}
#szoMainNav ul.szoMainNavFirstLevel > li > a:after {
    content:"";
    position:absolute;
    top:9px;
    right:6px;
    width:16px;
    height:20px;
    background-image:url(/Layout/Custom/Boilerplate/img/icons/icon-sprites_64x64.png);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:192px;
}
#szoMainNav ul.szoMainNavFirstLevel > li:first-child > a {
    border:none;
}
/* Sonderbehandlung: Sparkasse */
#szoMainNav ul.szoMainNavSecondLevel > li > a[title="Sparkasse"] {
    position:relative;
    padding-left:2.5em;
    font-family:Tahoma, sans-serif;
    font-size:15px;
    background-image:url(/Layout/Custom/Boilerplate/img/content/partner/sparkasse_sprite_24x24.png);
    background-repeat:no-repeat;
    background-position:.8em -21px;
}
/*-*/
#szoMainNav ul.szoMainNavSecondLevel > li > a {
    color:#d6d6d6;
}
/* Untermenu-Icon, ermittelt durch JS */
#szoMainNav ul.szoMainNavSecondLevel li.szoHasSubMenu > a {
    position:relative;
}
#szoMainNav ul.szoMainNavSecondLevel li.szoHasSubMenu > a:before,
#szoMainNav ul.szoMainNavSecondLevel li.szoHasSubMenu > a:after {
    content:"";
    position:absolute;
    width:0;
    height:0;
}
#szoMainNav ul.szoMainNavSecondLevel li.szoHasSubMenu > a:before {
    z-index:10000;
    top:.9em;
    right:.5em;
    border-top:7px solid #d6d6d6;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
}
#szoMainNav ul.szoMainNavThirdLevel li.szoHasSubMenu > a:before {
    border-top-color:#525252;
}
#szoMainNav ul.szoMainNavSecondLevel li.szoHasSubMenu > a:after {
    z-index:10000;
    top:.7em;
    right:.5em;
    border-top:7px solid #525252;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
}
#szoMainNav ul.szoMainNavThirdLevel li.szoHasSubMenu > a:after {
    border-top-color:#f5f5f5;
}
/*-*/

#szoMainNav ul.szoMainNavFirstLevel > li.szoOpenedMenu > a {
    color:#fff;
    background-color:#525252;
}
#szoMainNav ul.szoMainNavFirstLevel > li.szoOpenedMenu > a:after {
    background-position:-65px 0;
}
#szoMainNav ul.szoMainNavSecondLevel li.szoOpenedMenu > a:before,
#szoMainNav ul.szoMainNavSecondLevel li.szoOpenedMenu > a:after {
    border:none;
}
#szoMainNav ul.szoMainNavSecondLevel li.szoOpenedMenu > a:before {
    z-index:10000;
    top:.5em;
    right:.7em;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:7px solid #d6d6d6;
}
#szoMainNav ul.szoMainNavThirdLevel li.szoOpenedMenu > a:before {
    border-left-color:#525252;
}
#szoMainNav ul.szoMainNavSecondLevel li.szoOpenedMenu > a:after {
    z-index:10000;
    top:.5em;
    right:.9em;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:7px solid #525252;
}
#szoMainNav ul.szoMainNavThirdLevel li.szoOpenedMenu > a:after {
    border-left-color:#f5f5f5;
}



/*
    Einstellungen
*/

#szoSettings {
    float:left;
    width:3em;
    height:3em;
    margin-top:.75em;
}


/** Listen **/

#szoSettings ul {
    list-style:none;
    margin:0;
    padding:0;
}

#szoSettings ul.szoSettingsMenuSecondLevel {
    position:absolute;
    z-index:100000;
    display:none;
    width:100%;
    background:#525252;
}

#szoSettings ul.szoSettingsMenuFirstLevel > li.szoOpenedMenu > ul.szoSettingsMenuSecondLevel {
    top:4em;
}


/** Listen-Elemente **/

#szoSettings ul.szoSettingsMenuFirstLevel > li {
    border-right:1px solid #d6d6d6;
}
#szoSettings ul.szoSettingsMenuSecondLevel > li {
    position:relative;
    display:block;
    width:100%;
    background-color:#525252;
    border-top:1px solid #666;
}
#szoSettings ul.szoSettingsMenuSecondLevel > li:first-child {
    border:none;
}

#szoSettings ul.szoSettingsMenuFirstLevel > li.szoOpenedMenu {
    padding-bottom:2em;
    background-color:#525252;
}


/** Inhalte **/

#szoSettings ul span,
#szoSettings ul a {
    display:block;
}
#szoSettings span.szoToggleSettingsMenu {
    height:3em;
    text-indent:-9999em;
    cursor:pointer;
    background-image:url(/Layout/Custom/Boilerplate/img/icons/icon-sprites_64x64.png);
    background-repeat:no-repeat;
    background-position:6px -60px;
    background-size:192px;
}
#szoSettings ul.szoSettingsMenuFirstLevel li.szoOpenedMenu span.szoToggleSettingsMenu {
    background-position:-58px -60px;
}
#szoSettings ul.szoSettingsMenuSecondLevel li a,
#szoSettings ul.szoSettingsMenuSecondLevel li span {
    padding:.5em 1em;
    font:normal 16px Gandhi, Times, "Times New Roman", Georgia;
    color:#d6d6d6;
    text-decoration:none;
}
html.no-touch #szoSettings ul.szoSettingsMenuSecondLevel li a:hover,
html.no-touch #szoSettings ul.szoSettingsMenuSecondLevel li a:focus {
    color:#fff;
}
#szoSettings ul.szoSettingsMenuSecondLevel li span {
    color:#fff;
}


/** Sichtbarkeit der Unterlisten **/

/* HandleTopMenus() in szmMain.js */



/*
    Pagination
*/

.szoPagination:before,
.szoPagination:after {
    content:" ";
    display:table;
}
.szoPagination:after {
    clear:both;
}

.szoPagination a,
.szoPagination input[type="submit"],
.szoPagination p,
.szoPagination div.pages {
    float:left;
}
.szoPagination p.pages,
.szoPagination div.pages {
    font-size:12px;
}
.szoPagination a {
    cursor:pointer;
}
.szoPagination .browse {
    width:30px;
    height:17px;
    margin:10px 0;
    font-size:0;
}
.szoPagination .browse.prev {
    background:url(/Layout/Custom/Boilerplate/img/icons/prev_green_10x17.png) no-repeat 5px 0;
}
.szoPagination .browse.next {
    background:url(/Layout/Custom/Boilerplate/img/icons/next_green_10x17.png) no-repeat 15px 0;
}
.szoPagination .browse.first {
    width:19px;
    margin-right:10px;
    background:url(/Layout/Custom/Boilerplate/img/icons/first_green_19x17.png) no-repeat;
}
.szoPagination .browse.last {
    width:19px;
    margin-left:10px;
    background:url(/Layout/Custom/Boilerplate/img/icons/last_green_19x17.png) no-repeat;
}
.szoPagination .browse.disabled,
.szoPagination input[type="submit"][disabled] {
    opacity:.4;
    cursor:default;
}
.szoPagination .pages {
    margin:8px 0;
}
.szoPagination .pages .page {
    font-size:inherit;
    font-weight:bold;
    color:#005825;
}
.szoPagination > span {
    float:right;
    margin:8px 0 8px 15px;
}

.szoPagination ul {
    list-style:none;
    display:inline-block;
    margin:0;
    padding:0;
}
.szoPagination ul.pageList {
    position:relative;
    z-index:10;
    margin-top:2px;
}
.szoPagination ul.pageList li {
    display:inline-block;
}
.szoPagination ul.pageList li span.pageListControl {
    cursor:pointer;
}
.szoPagination ul.pageList li span.pageListControl:hover,
.szoPagination ul.pageList li.trail:hover span.pageListControl {
    background:#525252;
}
.szoPagination ul.pageList li span.pageListControl:after {
    content:"";
    display:inline-block;
    width:0;
    height:0;
    margin:0 5px 0 4px;
    border-top:6px solid #005825;
    border-right:4px solid transparent;
    border-left:4px solid transparent;
}
.szoPagination ul.pageList li span.pageListControl:hover:after,
.szoPagination ul.pageList li.trail:hover span.pageListControl:after {
    border-top-color:#fff;
}
.szoPagination ul.pageList li ul {
    position:absolute;
    z-index:20;
    top:16px;
    left:35px;
    display:none;
    width:60px;
    padding:5px 10px;
    background:#525252;
}
.szoPagination ul.pageList li.trail:hover ul {
    display:block;
}
.szoPagination ul.pageList li ul li {
    float:left;
    width:20px;
}
.szoPagination ul.pageList li ul li a,
.szoPagination ul.pageList li span.pageListControl:hover,
.szoPagination ul.pageList li.trail:hover span.pageListControl {
    color:#d6d6d6;
}
.szoPagination ul.pageList li ul li a {
    display:block;
    float:none;
    padding:3px 0;
    text-align:center;
    text-decoration:none;
}
.szoPagination ul.pageList li ul li a:hover,
.szoPagination ul.pageList li ul li a:focus {
    color:#fff;
}