/* =================== NAVI ================== */
/* ####### Navi-Liste ######## */
ul.listmainlevel {
	list-style-type:none;
	list-style-position:outside;
	margin:0px; 
	margin-right:-3px; 
	padding:0px;
	position: relative;
	z-index:1001;
	}
	
ul.listlevel0 {
	list-style-type:none;
	list-style-position:outside;
	height:48px;
	margin:0px;
	padding:0px;
	position: relative;
	z-index:1001;
	}

ul.listlevel1 { /* padding stört Animation */
	width:992px;
	min-height:10px;
	list-style-type:none;
	list-style-position:outside;
	display:none;
	margin-left:-8px;
	position:absolute; /*absolute für Aufklappen ohne Contentverschiebung, relative für Aufklappen mit Contentverschiebung*/
	left:0px;
	z-index:1001;
	background-image:none;
	background-color:#efefef; 
	border: solid 1px #d6d6d6;
	}

ul.listlevel2	{ /* min-height stört Animation */
	width:100%;
	height:auto; 
	list-style-type:none;
	list-style-position:outside;
	display:none;
	margin-top:0px;
	margin-left:20px;
	padding-top:4px;
	padding-bottom:10px;
	position:relative; /*absolute für Aufklappen ohne Contentverschiebung, relative für Aufklappen mit Contentverschiebung*/
	left:8px;
	z-index:1001;
	background:none;
	border-bottom: solid 4px #d6d6d6;
	border-left: solid 4px #d6d6d6;
	}

ul.listlevel3	{
	width:100%;
	list-style-type:none;
	list-style-position:outside;
	border-bottom: solid 1px #d6d6d6;
	border-left: solid 1px #d6d6d6;
	position:relative; /*absolute für Aufklappen ohne Contentverschiebung, relative für Aufklappen mit Contentverschiebung*/
	}


li.itemmainlevel{
  position: relative;
	z-index:1001;
	width:100%
	float:left;
	padding:0px;
	margin:0px;
	}

li.itemlevel0{
  /* für dropdown unterhalb Level0 Button - position: relative; */
	z-index:1001;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	float:left;  /* none: Menüpunkte untereinander, left: Menüpunkte nebeneinander */
	padding:0px;
	}
li.itemlevel0:first-child{
	display:none;
	}

li.itemlevel1{
	position: relative;
	z-index:1001;
	float:left; /* none: Menüpunkte untereinander, left: Menüpunkte nebeneinander */
	padding:0px;
	margin-right:0px;
	margin-left:6px;
	margin-top:20px;
	margin-bottom:10px;
  width:24%;
	background-image:none;
	/* margin-bottom:-4px; margin-bottom:-4px /* erforderlich, da mouseover-Area nicht korrekt erkannt wird wenn level2 vorhanden ist (IE 6,7) */
	}

li.itemlevel1:first-child{
	margin-left:6px;
	}

/* für Dropdownmenü mit Abschlußoptik*/
/*
li.lastitemlevel1{
	background-image:url(/images/itemlevel1-last-bg.png);
	height:54px;
	margin-left:-40px;
}
*/

li.itemlevel2 {
	margin-left:-30px;
	position: relative;
	float:none;
	width:100%;
	}
li.itemlevel2:first-child{
	margin-left:-30px;
	}


li.itemlevel3{
	margin-left:-40px;
	position: relative;
	float:none;
	width:100%;
	height:100%;
	}
li.itemlevel3:first-child{
	margin-left:-40px;
	}




/* ####### Navi-Buttons ######## */

#mainnavi,#changeviewport{
	height:0px;
	overflow:hidden;
	}

.navi0-on {
	background-color:#efefef;
	border-bottom:solid 6px #d6d6d6;
  margin-right:0px;
	margin-top:6px;
	margin-bottom:6px;
	height:36px;
	text-align:center;
}
.navi0-off {
	background-color:#ffffff;
  margin-right:0px;
	margin-top:6px;
	margin-bottom:6px;
	height:36px;
	text-align:center;
}
.navi0-off:hover {
	text-align:center;
	border-bottom:solid 6px #d6d6d6;
}


.navi0-on {
  COLOR: #000000;
}
.navi0-off {
  COLOR: #e2061e;
}

.navi1-on {
  COLOR: #000000;
}
.navi1-off {
  COLOR: #e2061e;
}
.navi2-on {
  COLOR: #000000;
}
.navi2-off {
  COLOR: #162f83;
}
.navi0-off:hover, .navi1-off:hover {
  COLOR: #162f83;
}


.navi0-text{
	padding-top:4px;
	padding-left:13px;
	padding-right:13px;
  FONT-SIZE: 18px;
  LINE-HEIGHT: 22px; 
}
.navi1-text{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	padding-right:30px;
  FONT-SIZE: 14px;
  LINE-HEIGHT: 22px; 
  font-weight:lighter;
}
.navi2-text{
	padding-top:5px;
	padding-bottom:5px;
	padding-right:15px;
  FONT-FAMILY: Tahoma, Verdana, Arial; 
  FONT-SIZE: 12px;
  LINE-HEIGHT: 14px;
  TEXT-DECORATION: none;
  font-weight:lighter;
}
.navi3-text{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
  FONT-FAMILY: Tahoma, Verdana, Arial; 
  FONT-SIZE: 10px;
  LINE-HEIGHT: 14px;
  TEXT-DECORATION: none;
  font-weight:lighter;
}

img.menuicon {
	float:left;
	height:32px;
}

/* ############# DISPLAY von 1280 bis 1600  ################ */
@media only screen and (max-width: 1599px) {
ul.listlevel0 {
		height:40px;
}

ul.listlevel1 {
	width:992px;
}

li.itemlevel1{
	width:30%;
}

.navi0-on, .navi0-off {
	height:28px;
	border:none;
}

.navi0-text{
}

}

/* ############# DISPLAY von 1024 bis 1280 (z.B. Tablet Landscape mit 1024px) ################ */
@media only screen and (max-width: 1279px) {
ul.listlevel1 {
	width:742px;
}

}


/* ############# DISPLAY von 768 bis 1024 (z.B. Tablet Portrait) ################ */
@media only screen and (max-width: 1023px) {
ul.listlevel1 {
	width:488px;
}

li.itemlevel1{
	width:45%;
}

.navi0-text{
  FONT-SIZE: 17px;
  padding-left:5px;
  padding-right:5px;
}


}

/* ############# DISPLAY kleiner 768 (z.B. Smart-Phone / mini-Tablet) ################ */
@media only screen and (max-width: 767px) {


ul.listmainlevel {
	width:100%;
	margin:0px;
	margin-left:0px;
	margin-top:10px;
	float:right; /* Wichtig, damit Contentverschiebung bei Smartphone-Navi funktioniert*/
	}

ul.listlevel0 {
	position:relative !important;
	clear:both;
	width:100%;
	height:100%;
	display:none;
	margin-top:50px;
	margin-bottom:30px;
	background-color:#ffffff;
	border-bottom:solid 2px #162f83;
}
ul.listlevel1 {
	position:relative !important;
	width:100%;
	margin-left:0px;
}
ul.listlevel2 {
	border:none;
}

li.itemmainlevel, li.itemlevel0, li.itemlevel1, li.itemlevel2 {
  float:none;
  margin-bottom:4px;
  width:100%!important;
}

li.lastitemlevel1{
	background-image:none!important;
	height:0px;
}
li.itemlevel0{
	min-height:40px;
}
li.itemlevel1{
	margin-left:-20px;
	margin-right:20px;
	background-image:none!important;
}

li.itemlevel1:first-child{
	margin-left:-20px;
	}



/* Navi Button */
#mainnavi {
	height:40px;
	width:60px;
	background-color:none;
	background-image:url(/images/icon-menu.png);
	float:right;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	margin-right:10px;
  FONT-SIZE: 0px;
  font-weight:bold;
  LINE-HEIGHT: 18px; 
	}


#changeviewport{
	width:166px;
	float:left;
}

.navi0-text{
  FONT-SIZE: 20px;
}

.navi0-off:hover, .navi0-on {
}

/*++++++++++++++++**/

}