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

ul.listlevel1 {
	position:absolute; /*absolute für Aufklappen ohne Contentverschiebung, relative für Aufklappen mit Contentverschiebung*/
	/*left:7px;*/ /*Zum Festlegen einer festen Breite an einer festen Position - li.itemlevel0 KEIN position relative*/
	margin-top:20px;
  width:auto;
	min-height:30px;
	list-style-type:none;
	list-style-position:outside;
	display:none;
	padding:0px;
	z-index:1001;
	background-color:#000000;
	border:solid 1px #efefef;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}

ul.listlevel2	{
	list-style-type:none;
	list-style-position:outside;
	display:none;
	margin-top:0px;
	margin-left:10px;
	padding-top:4px;
	padding-bottom:10px;
	position: relative;
	z-index:1001;
	clear:left;
	}

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



li.itemmainlevel{
  position: relative;
	z-index:1001;
	width:100%
	min-height:20px;
	float:left;
	padding:0px;
	margin:0px;
	font-size:0px;
	line-height:1px;
	}

li.itemlevel0{
  /* für dropdown unterhalb Level0 Button - position: relative; */
 	z-index:1001;
	float:left;  /* none: Menüpunkte untereinander, left: Menüpunkte nebeneinander */
	padding:0px;
	margin:0px;
	}
li.itemlevel0:nth-child(3){
	margin-right:300px;
	}

li.itemlevel1{
  float:none; 
  position: relative;
	z-index:1001;
	padding:0px;
	margin:0px;
  width:100%;
	min-height:20px;
  clear:left;
	/* 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:-4px;
	}
*/
li.lastitemlevel1{
	height:54px;
	margin-left:-40px;
}

li.itemlevel2{
	width:180px;
	margin-left:0px;
	float:left;
}

li.itemlevel3{
  position: relative;
	z-index:1001;
  height:26px;
	float:left; /* none: Menüpunkte untereinander, left: Menüpunkte nebeneinander */
	padding:0px;
	margin:0px;
	margin-top:10px;
	}
li.itemlevel3:first-child{
	margin-left:-20px;
	}



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

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

.navi0-on {
	/*border: 10px solid transparent;*/
	border-bottom:solid 1px #ffffff;
  margin-right:20px;
	margin-top:6px;
	margin-bottom:6px;
	height:50px;
	text-align:center;
}
.navi0-off {
	/*border: 10px solid transparent;*/
  margin-right:20px;
	margin-top:6px;
	margin-bottom:6px;
	height:50px;
	text-align:center;
}
.navi0-off:hover {
	border-bottom:solid 1px #ffffff;
}



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

.navi0-text, .navi1-text, .navi2-text, .navi3-text{
	color: #ffffff;
}
.navi0-text:hover, .navi1-text:hover, .navi2-text:hover, .navi3-text:hover{
	color: #ffffff;
}
.navi0-text, .navi0-text:hover{
	/* text-shadow: 0px 0px 4px #ffffff, 0 0 8px #a0a0a0; */
}

.navi0-text{
	FONT-FAMILY: 'NeueAachenStd', sans-serif;
	font-weight: 300;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
  FONT-SIZE: 20px;
  LINE-HEIGHT: 38px; 
}
.navi1-text{
	color:#ffffff;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	padding-right:30px;
  FONT-SIZE: 18px;
  LINE-HEIGHT: 22px; 
  font-weight:300;
}
.navi2-text{
	background-image:url(/images/next.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:15px;
  FONT-SIZE: 16px;
  LINE-HEIGHT: 14px;
  TEXT-DECORATION: none;
  font-weight:300;
}
.navi3-text{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
  FONT-SIZE: 16px;
  LINE-HEIGHT: 18px;
  TEXT-DECORATION: none;
  font-weight:300;
}

.navi1-teaserpic{
	float:right; 
	width:450px;
	height:100%;
	border-left:solid 1px #fefefe;
	border-bottom:solid 1px #fefefe;
	background-repeat:no-repeat;	
	background-position:center center;	
	background-size: cover; 
}

/* ################################################ */
/* ############# DESKTOP bis 1600  ################ */
@media only screen and (min-device-width: 1281px) and (max-width: 1600px) {

ul.listlevel1 {
}

ul.listlevel2 {
}


li.itemlevel3{
}

.navi0-on, .navi0-off {
}

.navi0-text{
}

.navi1-text, .navi2-text{
}

}

/* ################################################ */
/* ############# DESKTOP, Tablet bis 1280  ######## */
@media only screen and (min-device-width: 1025px) and (max-width: 1280px) {

ul.listlevel1 {
 width:534px; /*Achtung: li.itemlevel1 um die Hälfte nach links setzen */	
}
li.itemlevel1{
}

.navi0-text{
  padding-left:10px;
  padding-right:7px;
  font-size:18px;
}
.navi1-teaserpic{
	width:330px;
}

}

/* ################################################ */
/* ############# iPad hoch ######################## */
@media only screen and (max-width: 1024px) {

ul.listlevel1 {
	margin-top:30px;
	left:-214px;
	width:636px;
}

li.itemlevel0:first-child{
}
li.itemlevel1{
}

li.itemlevel0:nth-child(3){
	margin-right:150px;
	}

.navi0-text{
	padding-left:6px;
	padding-right:6px;
  font-size:16px;
}

}

/* ################################################ */
/* ############# Smart-Phone ###################### */
@media only screen and (max-width: 767px) {


ul.listmainlevel {
	width:100%;
	min-height:35px;
	margin:0px;
	margin-left:0px;
	margin-top:-10px;
	/*background-color:#efefef;*/
	/*border-bottom:solid 1px #fefefe;*/
	}

ul.listlevel0 {
	clear:both;
	width:100%;
	height:100%;
	display:none;
	position:relative!important;
	padding-top:10px;
	margin-top:130px;
	margin-bottom:0px;
	background-color:#000000;
	border-top:solid 12px #ffffff;
	border-bottom:solid 12px #ffffff;
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
}
ul.listlevel1 {
	width:100%;
	margin-left:0px;
	margin-top:0px;
	left:0px;
}

li.itemlevel0:first-child{
	display:block;
}

li.itemmainlevel, li.itemlevel0, li.itemlevel1, li.itemlevel2 {
  float:none;
  width:100%!important;
}

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

li.itemlevel1:first-child{
	}

ul.listlevel1 {
	padding-top:0px;
	padding-bottom:20px;
	background-image:url(/images/spacer.gif);
	position:relative!important; /*absolute für Aufklappen ohne Contentverschiebung, relative für Aufklappen mit Contentverschiebung*/
}

ul.listlevel2 {
	border:none;
}

/* Navi Button */
#mainnavi {
	height:28px;
	width:100%;
	background-image:url(/images/icon-menu.png?time=2);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;
	float:right;
	margin:0px;
	margin-top:8px;
	margin-bottom:6px;
	margin-right:8px;
  FONT-SIZE: 0px;
  COLOR: #e4e4e4;
	}


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

.navi0-on {
	margin:0px;
}
.navi0-off {
	margin:0px;
}
.navi0-off:hover {
	border-top:solid 1px #868686;
	border-bottom:solid 1px #868686;
}

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


.navi1-teaserpic{
	width:100%;
	border:none;
}
/*++++++++++++++++**/

}