/* -- -- Hauptnavi -- -- */
div#navigationWrapper {
	background-color: #2b8ff0;
	height: 41px;
}

div#navigation {
	position: relative;
	left: 50%;
	margin-left: -476px;
	width: 1008px;
}

div#navigation ul#first {
	list-style: none;
	float: left;
	padding-left: 0;
	border-right: 1px solid #2272c0;
}

div#navigation ul#first li {
	display: inline;
	float: left;
	line-height: 11px;
	font-size:12px;
}

div#navigation ul#first li a {
	font-size:12px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding: 16px 0 14px 0;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-image: url('_img/bg_navi_level1.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center;
	font-family:Arial;
}

div#navigation ul#first li#Verstehen a {
	width: 182px;
}

div#navigation ul#first li#ImGriff a {
	width: 160px;
}

div#navigation ul#first li#Service a {
	width: 94px;
}

div#navigation ul#first li#Expertenrat a {
	width: 132px;
}

div#navigation ul#first li#Reizfrei a {
	width: 160px;
}

div#navigation ul#first li#Fachkreise a {
	width: 117px;
}

div#navigation ul#first li#Livocab a {
	width: 117px;
}

div#navigation ul#first li a:hover {
	background-color: #2272c0;
}

div#navigation ul#first li.activePersistant a,
div#navigation ul#first li.active a {
	background-color: #2272c0;
}

/* MouseOver */
#divTopNavigationLayeredVerstehen {
    position: absolute;
    top: 184px;
    left: 50%;
    margin-left:-476px;
    width: 180px;
    z-index: 500;
    display: none;
}

#divTopNavigationLayeredImGriff {
    position: absolute;
    top: 184px;
    left: 50%;
    margin-left:-294px;
     width: 210px;
    z-index: 500;
    display: none;
}

#divTopNavigationLayeredLivocab {
    position: absolute;
    top: 184px;
    left: 50%;
    margin-left:-134px; 
    width: 170px;
    z-index: 500;
    display: none;
}

#divTopNavigationLayeredService {
    position: absolute;
    top: 184px;
    left: 50%;
    margin-left:-17px;
    width: 180px;
    z-index: 500;
    display: none;
}

#divTopNavigationLayeredExpertenrat {
    position: absolute;
    top: 184px;
    left: 50%;
    margin-left:-40px;
    width: 131px;
    z-index: 500;
    display: none;
}

#divTopNavigationLayeredReizfrei {
    position: absolute;
    top: 184px;
    left: 50%;
    margin-left:209px; /* to use if expertenrat is active */
    width: 160px;
    z-index: 500;
    display: none;
}

#divTopNavigationLayeredFachkreise {
    position: absolute;
    top: 184px;
    left: 50%;
    margin-left:340px; /* to use if expertenrat is active */
    width: 145px;
    z-index: 500;
    display: none;
}



/** LAYERED NAVIGATION  - STYLES **/
ul.ulTopNavigationLayered {
    margin: 0;
    padding: 0;
}

ul.ulTopNavigationLayered li {
    list-style-type: none;
    display: block;
}

div.divTopNavigationLayeredItem {
    background: #2272c0;
    border-bottom:1px solid #1f65ab;
    border-right:1px solid #1f65ab;
    border-left:1px solid #1f65ab;
}

div.divTopNavigationLayeredItem a {
	padding: 5px 0 5px 19px;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    font-family:Arial;
    display:block;
	line-height:11px;
}

div.divTopNavigationLayeredItem a:hover {
	text-decoration: none !important;
}

div.divTopNavigationLayeredItemActive {
    background-color:#1f66ac;
}

div.divTopNavigationLayeredItem {
	width: 100%;
}

/* -- -- Funktionsnavi -- -- */
div#funcnavi {
	text-transform: uppercase;
	text-align: right;
	padding-top: 12px;
}

div#footerNavi {
	text-transform: uppercase;
	text-align: left;
}

div#footerNavi a {
	text-decoration: none;
	font-weight: bold;
	color: #83a3c4;
	font-family: Verdana;
	font-size: 10px;
}

div#funcnavi a {
	text-decoration: none;
	font-weight: bold;
	color: #044585;
	font-family: Verdana;
	font-size: 10px;
}

/* -- -- Breadcrumb -- -- */
div#breadcrumb {
	padding: 19px 0 11px 0;
}

div#breadcrumb a {
	font-weight: bold;
	color: #044585;
	text-decoration: none;
}

div#breadcrumb span {
	padding: 0 4px;
}

div#breadcrumb strong {
	font-size: 14px;
}

/* -- -- Linke Navi -- -- */
div#leftNavigation {
	font-family: Arial, Verdana;
	padding-top: 15px;
	padding-bottom: 20px;
}

ul#second {
	font-size: 11px;
	list-style: none;
	background-color: #d4e8fb;
	border: 1px solid #c5dff9;
	padding-bottom: 5px;
	padding: 0;
}

ul#third {
	list-style: none;
	padding: 0;
}

ul#second li {
	line-height: 11px;
	letter-spacing: 0.5px;
}

ul#second li a {
	color: #2286e8;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 20px;
	background-image: url('_img/pfeil_inaktiv.gif');
	background-repeat: no-repeat;
	background-position: 9px 8px;
}

ul#second li.active a {
	color: #2286e8;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 20px;
	background-color: #c5e0f9;
	/*
	background-image: url('_img/pfeil_aktiv.gif');
	background-repeat: no-repeat;
	background-position: 8px 11px;
	*/
}

ul#second li.active ul#third li a {
	color: #2286e8;
	text-decoration: none;
	display: block;
	font-weight: normal;
	padding: 7px 0 7px 29px;
	background-image: none;
}

ul#second li.active ul#third li.active a {
	color: #044585;
	background-color: #afd3f7;
	font-weight: bold;
}

ul#second li a:hover {
	background-color: #afd3f7;
	color: white;
	/*
	background-image: url('_img/pfeil_inaktiv_hover.gif');
	background-repeat: no-repeat;
	background-position: 9px 9px;
	*/
}

ul#second li.active a:hover {
	background-color: #afd3f7;
	color: white;
	/*
	background-image: url('_img/pfeil_aktiv_hover.gif');
	background-repeat: no-repeat;
	background-position: 8px 11px;
	*/
}

div#navigationfourth {
	float: left;
	margin: 15px 0;
	border: 1px solid #d9e4f1;
	background-color: #fff;
}

div#navigationfourth ul.fourth {
	padding: 0;
	width: 207px;
	float: left;
	list-style: none;
	border-right: 1px solid #d9e4f1;
}

div#navigationfourth ul.last {
	width: 227px;
	float: left;
	border-right: 0 none;
	border-left:0;
}

div#navigationfourth ul li {
	border-bottom: 1px solid #f6f7fb;
}

div#navigationfourth ul li a {
	background-color: white;
	display: block;
	padding: 6px 0 5px 22px;
	color: #2286e8;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	background-image:url(_img/pfeil_4ebene.gif);
	background-repeat:no-repeat;
	background-position:8px 9px;
}

div#navigationfourth ul li.active a,
div#navigationfourth ul li a:hover {
	background-color: #afd3f7;
	font-weight: bold;
	color: white;
	background-image:url(_img/pfeil_4ebene_hover.gif);
	background-repeat:no-repeat;
	background-position:8px 9px;
}

div#navigationfourth ul li.last {
	border-bottom: 0;
}