#selectnav{ display:none;}

/* ------------------- Horizontale  #topnavi ----------------------*/

#navheader li ul {
display: none;
position: absolute;
text-align:left; line-height:30px; 
top: 0;
left: 0;
margin-left:-200px;
z-index:1000; 

}
#navheader li ul a{ width:215px; text-align:left; border:solid 1px #eaeaea; color:#000000; background-color:#003366; color:#FFFFFF; font-weight:normal; }

#navheader li>ul {
top: auto;
left: auto;
}

#navheader li:hover ul, nav li.over ul {
display: block; 

}

#navheader li:hover ul, nav li.over ul {
display: block; 

}

#navheader .navi-id-16:hover ul{ display:none;}
/*----------------------------------------------------Log In Navigation------------------------------------------*/

.comsubnav ul{ display:block; position:relative; float:left; width:91%; margin:10px 0 0 10px;}
.comsubnav li{ display:block; position:relative; float:left; width:100%; margin-top:2px;}

.comsubnav ul a{ display:block; position:relative; float:left; width:100%; text-align:center;
	background: #ACAEAF;
	background-image: -webkit-linear-gradient(top, #ACAEAF, #CCCCCC);
	background-image: -moz-linear-gradient(top, #ACAEAF, #CCCCCC);
	background-image: -ms-linear-gradient(top, #ACAEAF, #CCCCCC);
	background-image: -o-linear-gradient(top, #ACAEAF, #CCCCCC);
	background-image: linear-gradient(to bottom, #ACAEAF, #CCCCCC);
	color: #000000;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
  font-size: 14px;
  padding: 10px 0;
  text-decoration: none;
}


.comsubnav ul a:hover {
background: #eaeaeb;
  background-image: -webkit-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: -moz-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: -ms-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: -o-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: linear-gradient(to bottom, #eaeaeb, #c6c6c6);
  color: #000000;
  text-decoration: none;
}

/*----------------------------------------------------Log In Navigation------------------------------------------*/

.sitemapnav { display:block; position:relative; float:left; margin-top:20px; }
.sitemapnav li{ display:block; position:relative; float:left; width:100%;}
.sitemapnav ul{ display:block; position:relative; float:left; width:100%;
list-style: none;
padding: 0;
margin:0;
list-style-type:none;
}

.sitemapnav ul a{ display:block; position:relative; float:left;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  margin-bottom:20px;
  padding: 10px 15px 10px 20px;
  text-decoration: none;
}

.sitemapnav ul a:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.sitemapnav ul ul { margin-left:50px;}
.sitemapnav ul ul ul{ margin-left:100px;}


/*----------------------------------------------------USER Navigation------------------------------------------*/

.comusernav { display:block; position:relative; float:right; width:90%; margin-right:10px; }
.comusernav ul{ display:block; position:relative; float:right; width:100%; 
list-style: none;
padding: 0;
margin:0;
list-style-type:none;
}
.comusernav ul a{ text-decoration:none; display:block; position:relative; float:left; padding:5px 20px; }

.comusernav ul a:hover { background-color:#3cb0fd; color:#FFFFFF; }

.comusernav li{ display:block; position:relative; float:right; margin:10px 0; }
.comusernav .normal{ border-right:solid 1px #CCCCCC; }
.comusernav .first { border:none; }

/* ### Vertikale Sub Navigation ######################################################### */

.vertinav {
	display:block;
	float:left;
	width:208px;
	background:url(bg_nav.gif) repeat-y;
}

.vertinav p.copy,
.vertinav p {
	padding-right:20px;
	color:#fff;
	background: inherit;
	text-align:left;
}


.vertinav p.copy a {
	color: #ff0000;
	background: inherit;
	text-decoration: none;
}

.vertinav p.copy a:hover {
	text-decoration: underline;
}

.vertinav {
	min-height: 193px;
}
* html body .vertinav { height: 193px; } /* IE 6 / 5.5 Hack */

.vertinav ul.rex-navi1 { padding:10px 20px;  }


/* ### Vertikale  nav1st - first level navigation ######################################## */

.vertinav ul.rex-navi1 {
	padding:0px 20px;
	font-size:1.2em;
	text-transform:uppercase;
}

.vertinav ul.rex-navi1 li {
	display: block;
	padding:3px 0;
	color:#37444f;
	font-weight:bold;
	text-align: left;
}

.vertinav ul.rex-navi1 a {
	display: block;
	color:#37444f;
	padding: 1px 0;
}

.vertinav ul.rex-navi1 a:hover, 
.vertinav ul.rex-navi1 li a.rex-active, 
.vertinav ul.rex-navi1 li a.rex-current {
	color:#000000;
	padding: 1px 0;
}



/* ### Vertikale  nav2nd - second level navigation ######################################### */

.vertinav ul.rex-navi2 {
	margin: 0 0 10px 0;
	font-size:1em;
	font-weight:normal;
	text-transform:none;
}

.vertinav ul.rex-navi2 li {
	padding:0;
	margin:0;
	font-weight:normal;
	border:none;
	text-align: left;
}

.vertinav ul.rex-navi2 a, 
.vertinav ul.rex-navi2 a:hover, 
.vertinav ul.rex-navi2 li a.rex-active, 
.vertinav ul.rex-navi2 li a.rex-current {
	display:block;
	padding:4px 17px 4px 10px;
	background-image:url(button.gif);
	background-position:158px 8px;
	background-repeat: no-repeat;
}


.vertinav ul.rex-navi2 a:hover, 
.vertinav ul.rex-navi2 li a.rex-active, 
.vertinav ul.rex-navi2 li a.rex-current {
	background-position:158px -12px;
	background-color:#c4d4dc;
	color:#37444f;
}

.vertinav ul.rex-navi2 li a.rex-active, 
.vertinav ul.rex-navi2 li a.rex-current {
	background-position:158px -32px;
}



/*-----------------------------------------------------------Subnav-----------------------------------------------------------------------*/
.soho { display:block; position:relative; float:left; width:99%;  }
.soho ul{ display:block; position:relative; float:left; width:100%; }
.soho li{ display:block; position:relative; float:left; margin-right:1px; }
.soho li a{ display:block; position:relative; float:left; text-decoration:none; 
	background: #000000;
	background-image: -webkit-linear-gradient(top, #000000, #535454);
	background-image: -moz-linear-gradient(top, #000000, #535454);
	background-image: -ms-linear-gradient(top, #000000, #535454);
	background-image: -o-linear-gradient(top, #000000, #535454);
	background-image: linear-gradient(to bottom, #000000, #535454);
	color: #CCCCCC;
  font-size: 14px;
  padding: 6px 10px;
  text-decoration: none;
}

.soho li a:hover{ display:block; position:relative; float:left; text-decoration:none; 
	background: #000000;
	background-image: -webkit-linear-gradient(top, #000000, #dfdfdf);
	background-image: -moz-linear-gradient(top, #000000, #dfdfdf);
	background-image: -ms-linear-gradient(top, #000000, #dfdfdf);
	background-image: -o-linear-gradient(top, #000000, #dfdfdf);
	background-image: linear-gradient(to bottom, #000000, #dfdfdf);
  text-decoration: none;
}

.sover ul{ display:block; position:relative; float:left; width:100%;}
.sover li{ display:block; position:relative; float:left; width:100%; margin-top:5px;}
.sover li a{ display:block; position:relative; float:left; width:100%; text-decoration:none; text-align:center; padding:10px 0; border-bottom:solid 1px #CCCCCC;}

.sonver ul{ display:block; position:relative; float:left; width:100%; margin-top:10px;}
.sonver li{ display:block; position:relative; float:left; width:100%; margin-top:2px;}
.sonver li a{ display:block; position:relative; float:left; width:100%; text-align:center;
	background: #ACAEAF;
	background-image: -webkit-linear-gradient(top, #ACAEAF, #CCCCCC);
	background-image: -moz-linear-gradient(top, #ACAEAF, #CCCCCC);
	background-image: -ms-linear-gradient(top, #ACAEAF, #CCCCCC);
	background-image: -o-linear-gradient(top, #ACAEAF, #CCCCCC);
	background-image: linear-gradient(to bottom, #ACAEAF, #CCCCCC);
	color: #000000;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
  font-size: 14px;
  padding: 10px 0;
  text-decoration: none;
}

.sonver li a:hover {
background: #eaeaeb;
  background-image: -webkit-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: -moz-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: -ms-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: -o-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: linear-gradient(to bottom, #eaeaeb, #c6c6c6);
  color: #000000;
  text-decoration: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 650px) {
#selectnav{ display:block; float:right; margin:10px 0 0 0; font-size:18px; background-color:#395075; color:#FFFFFF; border:solid 1px #778db0; height:40px;}
#selectnav {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 
/* hide browser-styling (arrow) in IE10 */
#selectnav::-ms-expand {
  display:none;
}
#selectnav {
  background: transparent;
  padding:.75em 1em .5em 1em;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
  background-image:url(nav-icon.png);
  background-position: right 20px bottom 10px;
  background-repeat: no-repeat;
}

#selectnav option { display:block; position:relative; float:left;
  background:#222;
  border-top:1px solid #444;
  padding:.7em 1em .7em 1em;
}

#navheader ul{ display:none;}
}