/* CSS Document */

/* Sprachversion */

#sprachversion{
	    position: absolute;
		top:0;
	    right:6.5em;
		display: block;
		margin:0 0.5em 0 0;
		height:2.05em;
		z-index:1001;
}
	
#sprachversion a {
	color:#333333;
	text-decoration:none;
	display:block;
	height:100%;
	float:right;	
	text-align:center;
	padding:0.3em 0.8em 0.3em 0.8em;
	-webkit-border-radius: 2px;
		border:1px solid #ccc;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		text-align: center;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
}	

#sprachversion a:hover,
#sprachversion a:focus, 
#sprachversion a:active {
	color:#333333 !important;	
	font-weight:bold;
	text-decoration:none !important;
	background-color:#CCC;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
    filter:alpha(opacity=95); 
	opacity: 0.95; 
	-moz-opacity:0.95; 
	}
#eye-able {
	    position: absolute;
		top:0;
	    right:9em;
		display: block;
		margin:0 0.5em 0 0;
		height:2.05em;
		z-index:1000;
}

#eye-able a {
		display: block;
		width: 42px;
		height: 30px;
		background: #fff;
		background-image:url(../../bilder/pictos/eye-able-icon30_2.png); 
	    background-position:left;
		background-repeat:no-repeat;
		text-decoration: none;
		padding:0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
		opacity: 0.9;
		
}

#eye-able a:hover, 
#eye-able a:active,
#eye-able a:focus {
		background-image:url(../../bilder/pictos/eye-able-icon30_1.png); 
		background-repeat:no-repeat;
	}




/* - - - - - - - - - - - - Menue oben - - - - - - - - - - - - */

#menu {
	height:1.6em;
	font-size:1em;
	padding:0.3em 2.5em 0.3em 1.5em;
	background-image:url(../../bilder/pictos/menue_oben.png);
	background-position:top left;
	background-repeat:repeat;
}


#menue_nav{
	color:#fff;
    font-weight:normal; 
	text-align:left;	
}

#menue_hintergrund {
	width:100%;
	height:20px;
	z-index:5;
	position:relative;
}

#menu    ul.sprungmenue li a {
  color:#FFFFFF;
} 
            
#menu a:hover, 
#menu a:active, 
#menu a:focus {
	               color:#333 !important;
	               text-decoration:underline;
				   background-color:#FFF;
}

/*-----Abstand zwischen den einzelnen Rubrikpunkten --------*/
.menue_abstand {
padding-left:0.3em;
padding-right:0.3em;
}

#menue_nav    a {
	            color:#ffffff; 
               text-decoration:none;
}             
#menue_nav    a:hover, a:focus, a:active{
	               color:#FFFFff;
	               text-decoration:underline;
				   padding:0.2em;
}
#menue_nav    a.aktiv {
	            color:#FFFF99; 
               text-decoration:none;
               padding:1em 2em 1em 2em;
}             
#menue_nav    a:hover, 
#menue_nav    a:focus, 
#menue_nav    a:active {
	               color:#333 !important;
	               text-decoration:underline;
				   background-color:#FFF;
}

/* - - - - - - - - - -Krümelpfad - - - - - - - - - */
#pfad{
    /*position:relative;
    top:-20px;*/
    width:auto;
	color:#333333;
    font-weight:normal;
	margin:1.5em 0 2em 0;
	text-align:left;
}


#pfad a{
	      color:#333333;
		  padding:0 0.1em 0 0.1em;
		  text-decoration:none;
}

#pfad a:hover,
#pfad a:focus, 
#pfad a:active  {
				 color:#333333;
		  text-decoration:underline;
}

/* - - - - - - - - - -Navigation links - - - - - - - - - */
.navTopLevel {
display: block;
width: 14.5em;
margin: 0;
padding:0;
position: absolute; 
top:0;
right:0.4%;
text-align: right;
}

.navTopLevel a {
color:#333333;
padding:0.5em 0 0.2em 0.5em;
text-decoration:none;
display:block;
font-size:0.9em;
line-height:110%;
padding-bottom:1em;}

.navTopLevel a.current {
font-weight:bold;
}

.navTopLevel a:hover, .navTopLevel a:focus {
background-color:#333333;
color:#FFFFFF !important;
text-decoration:none !important;
}

.navTopLevel ul {
line-height:125%;
list-style: none;
display: block;
width: 14.5em;
position: absolute; 
right:0;
padding:1em 0.5em 0.3em 0.8em;
margin:0;
text-align: right;
-webkit-border-radius: 2px;
border:1px solid #ccc;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
background-color:#FFF;
}

.navTopLevel ul li {
color:#333333; 
text-align:left; 
border-bottom:1px solid #666;
margin-bottom:1em;

}

.navTopLevel ul li.ohnelinie {
color:#333333; 
text-align:left; 
margin-bottom:-0.2em !important;    
border-bottom:none !important;
}


.opened ul {
  display:block;
  position: absolute;
  z-index:1000;
  width:90%;
}

.opened ul ul {
  display:block;
  position: relative !important;
  z-index:1;
  width:100%;
  padding:0 0 0 0.5em !important;
  border:none !important;
  margin-top:0.5em;
  margin-bottom:0.5em;
}

.opened ul ul li {
font-size:0.9em;
line-height:100% !important;
border-bottom:none;
margin-bottom:0.2em  !important;
}

.closed ul{
  display:none;
}

.navTopLevel .icon {
}

.navTopLevel.opened a {
  display: block;
  text-align: left;
}

.navTopLevel button {
width:7.5em;
padding:0.6em 0.5em 0.6em 0.5em;
-webkit-border-radius: 2px;
border:1px solid #ccc;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
background-color:#FFF; 
margin-top:0; 
}

.navTopLevel button:hover, button:active, button:focus {
	background-color:#E2E2E2 !important;
}

.navTopLevel button:hover:after; button:active:after, button:focus:after {
background-color:#FFF !important;
}	

.siteName {
  font-size:1.2em;
  font-weight:bold;
}