/* CSS Document */

/* Sprachversion */

#sprachversion{
	    position: absolute;
		top:0;
	    right:7em;
		display: block;
		margin: 0;
		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 {
	color:#333333;
	text-decoration:none;
	display:block;
	height:100%;
	text-align:center;
	padding-top:0.2em;
	}
	
#sprachversion a:hover,
#sprachversion a:focus, 
#sprachversion a:active {
	color:#333333 !important;	
	font-weight:bold;
	text-decoration:none !important;
	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; 
	}



/* - - - - - - - - - - - - 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:#FFFFff;
	               text-decoration:underline;
}

/*-----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;
}
#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:#FFFF99;
}

/* - - - - - - - - - -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  {
	             background-color:#333333;
				 color:#FFFFFF;
		  text-decoration:none;
}

/* - - - - - - - - - -Navigation links - - - - - - - - - */
#toggle, .toggle { display: none; }

#navigation {
    position: absolute;
	top:0px;
	display:block;
	margin-right:0;
	margin-top:0px;
	width:99%;
	border:none;
	z-index:9999;	
}

#navigation h1 { 
                 font-size:1.22em;
                 margin-bottom:0.6em;
}


#navigation p { 
                 font-size:0.91em;
                 font-weight:bold; 
                 margin:0 1.4em 0 1.4em; 
                 text-align:left; 
                 color:#333333; 	
				 padding-bottom:1em;
}



#navigation p.ohne { 
                 margin-bottom:1.2em;
                 border-bottom:1px solid #666;
}

#navigation p.ohne a {
	              color:#333333;
	              padding:0 1em 0.1em 0;
	              text-decoration:none;
				  display:block;
}

#navigation p.ohne a:hover,
#navigation p.ohne a:active, 
#navigation p.ohne a:focus {
						background-color:#333333;
	                    color:#FFFFFF;
}

#navigation p.mitunterpunkt { 
                 border-bottom:1px solid #666;
                 margin-bottom:0.6em;
}

#navigation p.mitunterpunkt a{
				  color:#333333;
	              padding:0 1em 0.1em 0;
	              text-decoration:none;
				  display:block;
}

#navigation p.mitunterpunkt a:hover,
#navigation p.mitunterpunkt a:active,
#navigation p.mitunterpunkt a:focus {
	                    background-color:#333333;
	                    color:#FFFFFF;
}
	              
#navigation ul{
		        margin:0 0 0 2em;
		        padding:0.3em 0 1em 1.4em;
		        list-style:none;	
				line-height:125%;		
}

#navigation li{
	            font-size:0.8em;
	            margin:0.3em 0 0.3em 0;
}

#navigation a.li{
	              color:#333333;
	              text-decoration:none;
	              padding:0.1em 1em 0.1em 0.2em;
}
#navigation a.li:hover,
#navigation a.li:active,
#navigation a.li:focus{
	                    color:#FFFFFF;
	                    background-color:#333333;
	                    text-decoration:none;
}
#navigation li.letzter {
	            font-size:0.8em;
	            margin:0.3em 0 1em 0;
}
           
#navigation .fahne {
	             margin-left:1.4em; 
                 text-align:left; 
}
#navigation .fahne a{
	              border:0; 
                 text-decoration:none; 
}

.menue { 
    display: none; 
	opacity: 0; 
    width: 12.5em;
	position: absolute; 
	right:0;
	top:2.1em;
	padding-top:2em;
	background: #FFFFFF;
	z-index:9999;	
	border: solid 1px #aaa;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
.toggle { 
	display: block; 
	position: relative; 
	cursor: pointer; 
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	user-select: none; 
	}
	
#toggle:checked ~ .menue { display: block; opacity: 1; }

.toggle:after {
	    content:url(../../bilder/pictos/menu20.png) " Menü" ;
		display: block;
		width: auto;
		margin: 0;
		padding:0.5em 0.5em 0.3em 0.8em;
	    position: absolute; 
	    right:0;
		-webkit-border-radius: 2px;
		border:1px solid #ccc;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		text-align: right;
		color: #336633;
		-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; 
		}
	
	.toggle:hover:after{
		color: #336633;
		background: #CCCCCC;
	}
	
	#toggle:checked + .toggle:after{
		content:url(../../bilder/pictos/remove20.png) " Menü";
	}	

/* - - - - - - - - - -Schriftgröße ändern - - - - - - - - - */

#navigation .zoom {
display:none;
}