/* demo page styles */ 
body { 
background:#c0c0c0; 
margin:5px ; 
padding:0px; 
} 

.example {
background:#c0c0c0 url(../images/clouds-in-blue-sky.jpg); 
width:90%; 
height:40px; 
border:0px #000 solid; 
margin:2px auto; 
padding:0px; 
border-radius:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
} /* main menu styles */ 

.login{
margin: 10px 5px;
padding:0px;
height:25px; 	
}
.content{
margin: 1px 5px 	;
border:0px black solid;
}

.footer{
	margin: 0px 5px;
	padding: 0px 5px;
	border:0px black solid; 
	height: 50px;
	position: fixed; 
    bottom:0%;
    width:100%; 
    background-color: #c0c0c0; 
    opacity: 1;
}


#nav { 
display:inline-block;
 width:100%;
 margin:0px auto;
 padding:0;
 background:#335599 url(../images/bg.png) repeat-x 0 -110px;
 border-radius:10px;
 /*some css3*/ -moz-border-radius:10px;
 -webkit-border-radius:10px;
 box-shadow:0 2px 2px rgba(0,0,0, .5);
 -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
 -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
 } 
 
 /*Hauptfeld*/
 #nav li { margin:10px 5px;
 float:left;
 position:relative;
 list-style:none;
 color: white;
 font-size: 24px;
 } 
 #nav a { font-weight:bold;
color:#e7e5e5;
 text-decoration:none;
 display:block;
 padding:8px 20px;
 border-radius:10px;
 /*some css3*/ -moz-border-radius:10px;
 -webkit-border-radius:10px;
 text-shadow:0 2px 2px rgba(0,0,0, .7);
 } 
 /* selected menu element */ 
 
 #nav .current a, #nav li:hover > a { background:#7788aa url(../images/bg.png) repeat-x 0 -20px;
 color:#000;
 border-top:1px solid #f8f8f8;
 box-shadow:0 2px 2px rgba(0,0,0, .7);
 /*some css3*/ -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
 -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
 text-shadow:0 2px 2px rgba(255,255,255, 0.7);
 } /* sublevels */ 
 
 #nav ul li:hover a, #nav li:hover li a { background:none;
 border:none;
 color:#000;
 } 
 #nav ul li a:hover { background:#335599 url(../images/bg.png) repeat-x 0 -100px;
 color:#fff;
 border-radius:10px;
 /*some css3*/ -moz-border-radius:10px;
 -webkit-border-radius:10px;
 text-shadow:0 2px 2px rgba(0,0,0, 0.7);
 } 
 
 #nav ul li:first-child > a {
	 -moz-border-radius-topleft:10px;
 /*some css3*/ -moz-border-radius-topright:10px;
 -webkit-border-top-left-radius:10px;
 -webkit-border-top-right-radius:10px;
 } 
 
 #nav ul li:last-child > a { -moz-border-radius-bottomleft:10px;
 /*some css3*/ -moz-border-radius-bottomright:10px;
 -webkit-border-bottom-left-radius:10px;
 -webkit-border-bottom-right-radius:10px;
 } /* drop down */ #nav li:hover > ul { opacity:1;
 visibility:visible;
 } 
 
 #nav ul { opacity:0;
 visibility:hidden;
 padding:10px 0px 0px 0px;
 width:300px;
 position:absolute;
 top: 40px;
 background:#aabbcc url(../images/bg.png) repeat-x 0 0;
 border:1px solid #7788aa;
 border-radius:10px;
 /*some css3*/ -moz-border-radius:10px;
 -webkit-border-radius:10px;
 box-shadow:0 2px 2px rgba(0,0,0, .5);
 -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
 -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
 -moz-transition:opacity .25s linear, visibility .1s linear .1s;
 -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
 -o-transition:opacity .25s linear, visibility .1s linear .1s;
 transition:opacity .25s linear, visibility .1s linear .1s;
 } 
 
 #nav ul li { float:none;
 margin:0;
 } 
 
 #nav ul a { font-weight:normal;
 text-shadow:0 2px 2px rgba(255,255,255, 0.7);
 }