ul {margin:0px; padding:0px; list-style-type:none;}
#menu55 {
   background-color: #1C4B1C; 
}

#menu55 li {
float:left; 
width:90px; 
text-align:center;

    
}
#menu55 li ul{
display:none; 
padding-top:3px;

}
#menu55 li:hover ul {
display:block;
}
#menu55 li ul li {
background-color:#2F2D49; 
border-bottom:1px solid #FFFFFF;
}
#menu55 li ul li a{
color:#FFFFFF;
}
#menu55 li ul li:hover {
background-color:#232323;
}


#steuerungoben55 {
    background-color: #1C4B1C;
    
    /* background-image: -webkit-linear(gradient, center top, center bottom, from(#1C4B1C), to(#1D731B));
    background-image: -webkit-linear-gradient(#1C4B1C,#1D731B);
    background-image: -moz-linear-gradient(#1C4B1C,#1D731B);
    background-image: -ms-linear-gradient(#1C4B1C,#1D731B);
    background-image: -0-linear-gradient(#1C4B1C,#1D731B);
    background-image: linear-gradient(#1C4B1C,#1D731B); */
}

#steuerungoben55 a {

    line-height: 2.5em;
    padding: 3px;

    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
    color: #FFFFFF;
    /*border:2px solid #999999;*/
}

#steuerungoben55 ul ul {
	display: none;

}


#steuerungoben55 ul {
    list-style-type: none;
    /*width: 700px; */

    padding-left: 165px;
}

#steuerungoben55 ul li {
    display: inline;
    margin-left: 23px;

}

#steuerungoben55 ul li:hover {
    
    background-image: url(../images/oberemuster4.jpg);
     background-repeat: no-repeat;
	color: #000000;
    padding: 8px 0px 16px 0px;  
}



#steuerungoben55 ul li:hover > ul {
	display: block;
	position: absolute;
	z-index: 1;
}

 #steuerungoben55 ul li:hover > ul li{
	display: block;
	background-color: #1C4B1C;
    margin-left: -60px;
    padding: 0;
    
    padding: 4px 0px 0px 0px;
}

#steuerungoben55 ul li > ul li:hover {
	
	background-color: #58A458;
    
    padding: 4px 0px 0px 0px;
}






#home #naviindex a, 
#impressum #naviimp a,
#kontakt #navikon a,
#erfassung #navierfass a {
    /*background-image: -webkit-linear(gradient, center top, center bottom, from(#44484C), to(#0E0F10));
    background-image: -webkit-linear-gradient(#44484C,#0E0F10);
    background-image: -moz-linear-gradient(#44484C,#0E0F10);
    background-image: -ms-linear-gradient(#44484C,#0E0F10);
    background-image: -0-linear-gradient(#44484C,#0E0F10);
    background-image: linear-gradient(#44484C,#0E0F10); */
    
    
 /*   background-image: url(../images/oberemuster4.jpg); 
    
    
     background-repeat: no-repeat;
	color: #000000;
	border-color: #2B6280;
	cursor: default;
	padding: 8px 8px 16px 8px; */
}


#uns1 #naviuns2  a,
#uns2 #naviuns3 a
 {
    /*background-image: -webkit-linear(gradient, center top, center bottom, from(#44484C), to(#0E0F10));
    background-image: -webkit-linear-gradient(#44484C,#0E0F10);
    background-image: -moz-linear-gradient(#44484C,#0E0F10);
    background-image: -ms-linear-gradient(#44484C,#0E0F10);
    background-image: -0-linear-gradient(#44484C,#0E0F10);
    background-image: linear-gradient(#44484C,#0E0F10); 
    background-image: url(../images/oberemuster4.jpg);*/

   /* background-image: url(../images/oberemuster4.jpg);   

    
     background-repeat: no-repeat;
   
	color: #000000;
	border-color: #2B6280;
	cursor: default;
	padding: 4px 4px 4px 4px; */
}

 #nav {


     display:inline-block;


     width:99.9%;


     margin:0px auto;


     padding:0;


     background:#1C4D1B url(../images/bg.png) repeat-x 0 -110px;





     border-radius:0px 0px 10px 10px; /*some css3*/


     -moz-border-radius:0px 0px 10px 10px;


     -webkit-border-radius:0px 0px 10px 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);
     
     

 }
 
 #nav li:first-child {
     margin-left: 180px;
 }
 
 #nav li ul li:first-child {
     margin-left: 0px;
 }


 #nav li {


     margin:5px 15px 5px 0px;


     float:left;


     position:relative;
    

     list-style:none;


 }


 #nav a {


     font-weight:bold;


     color:#e7e5e5;


     text-decoration:none;


     display:block;


     padding:8px 15px;

    



     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, url(../images/oberemuster4.jpg) repeat-x
  #home #naviindex a,
#impressum #naviimp a,
#kontakt #navikon a,
#erfassung #erfassung a,
#naviuns #uns1 a* 
  * 
  * 
  * 
  * 
ul#nav li a:link,
ul#nav li a:visited {
background:#82BB82;
color:#000;
} */


 
 




 /* sublevels */


 #nav ul li:hover a, #nav li:hover li a {


     background:none;


     border:none;


     color:#000;


 }


 #nav ul li a:hover {


     background:#276F26 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 10px;


     width:155px;


     position:absolute;


     background:#82BB82 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;

     z-index: 20;

 }


 #nav ul li {


     float:none;

     border-bottom: 2px solid #808080;
     margin:0;


 }
 
 #nav ul li:last-child {
           

     border-bottom: 0px solid #808080;
    

 }


 #nav ul a {


     font-weight:normal;
     margin:5px 0;

     text-shadow:0 2px 2px rgba(255,255,255, 0.7);


 }


 #nav ul ul {


     left:160px;


     top:0px;


 }
 
 
#home #naviindex a,
#impressum #naviimp a,
#kontakt #navikon a,
#erfassung #erfassung a
 { 

     background:#82BB82;
     color:#000; 
     border-top:1px solid #f8f8f8; 

     box-shadow:0 2px 2px rgba(0,0,0, .7);


     -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);


 }
 
#uns1 #naviuns2 a,
#uns2 #naviuns3 a,
#uns3 #naviuns4 a
{                     

     background:#1C4D1B;
     color: #FFFFFF;
     border-top:1px solid #f8f8f8;

     box-shadow:0 2px 2px rgba(0,0,0, .7);


     -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);


 } 
 
 
 
 
#naviuns #uns1 #naviuns2 a,
#naviuns #uns2 #naviuns a
 {

     background:#1C4D1B;
     color: #FFFFFF;
     border-top:1px solid #f8f8f8;

     box-shadow:0 2px 2px rgba(0,0,0, .7);


     -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);


 }
 
 .weg { display: block;}
 #virahm3 video { width: 60%;margin: 0 auto;} 
 
@media only screen and (max-width: 59em){

    body { width: 100%;}

    #strahmen { width: 100%;background-image: url(../foto/12bb.png);
     background-repeat: repeat-y;
     }

    #strahmen1 { width: 100%;}

    #flach { width: 100%;}
    
    #fussbereich { width: 100%;}
    
    #kopfbereich { width: 98%;
    -moz-background-size:100% 100%;
            -webkit-background-size:100% 100%;
            -o-background-size:100% 100%;
            background-size:100% 100%;}
    
    #nav { width: 98%;}
    
    #steuerungoben1 { width: 100%;}   
    
    #steuerungrechts { display: none; float: none; width: 0;}
    
    #stapel { width: 95%; height: 450px;}
    
    #stapel figure img { height: 450px; width: 100%;}

    #inhalt { margin-right: 0;}

    #nav li:first-child { margin-left: 20px;}
    
    #inhalt img { width: 31%;}
    
    
}


@media only screen and (max-width: 48em){

    .kopfabsatz2 { right: 5em;font-size: 2em;}
    
    #stapel { width: 90%; height: 300px;}
    
    #stapel figure img { height: 300px; width: 100%;}
} 


@media only screen and (max-width: 46.2em){

    .slicknav_menu { display: block;}

    .slicknav_nav { text-align: left;}
    
        
    #strahmen { width: 100%;background-image: url();
     background-repeat: no-repeat;background-color: #E4E6E9;padding: 0; }
     
    #strahmen1 { width: 100%;background-image: url();
     background-repeat: no-repeat;background-color: #E4E6E9;padding: 0; } 
    
    #korbinhalt table { width: 100%;}  
                                
    #steuerungoben2 { display: none;}
    
    #steuerungoben1 { display: none;}
    
    #navi { display: none;}
    
    #steuerunglinks { display: none;}
    
    #inhalt { margin-left: 0;}
    
    .info2 { background-color: #808080; text-align: left;margin-left: 20px;margin-right: 0; margin-top: 0em;-moz-border-radius: 0px 0px 0px 0px;
      -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;}
    
    .info1 { background-color: #808080; text-align: left;margin-left: 20px;margin-right: 0; margin-top: 0em;-moz-border-radius: 0px 0px 0px 0px;
      -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;}
    
    #adresse {display: none;}
    
    .weg { display: none;}
    
    .fusstab2 { display: none;}    
   
    .buttonanmeldung2 { display: none;}
    
    .info5 { display: none;}
}
 
@media only screen and (max-width: 39.35em){

    .kopfabsatz2 {font-size: 1.8em;top: 4.7em;right: 4.5em;letter-spacing: 1px;}
    
    .kopflogo img { display: block; width: 70%;height:75px;top: 0.5em;}
    
    #kopfbereich { height: 160px;}
    
    #virahm3 { width: 100%;margin: 0 auto;}

  
}

@media only screen and (max-width: 32em){

    .kopfabsatz2 {font-size: 1.3em;top: 6.3em;right: 5em;letter-spacing: 1px;}

    .kopflogo img { display: block; width: 70%;height:65px;top: 0.5em;}

    #kopfbereich { height: 150px;}
    
    .links img { width: 49%;   }
    
    .rechts img { width: 49%;   }
    
    .buttonanmeldung8 { margin-left: 30px;}
    
    .uberschrift { text-align: center;}
    
    .registertech2 { width: 100%;}
    
    .registertech { width: 100%;}
}

@media only screen and (max-width: 29em){

   #waanmeldung2 p { width: 100%; margin-left: 0px;text-align: right;}

   .buttonanmeldung { margin-left: 0px;}
   
   /*#video { width: 100%;}
   
   #video iframe { width: 90%;} */
   
   #virahm3 video { width: 80%;margin: 0 auto;}
   
   .kursbox1 table { width: 100%;}
   
   .logimpressum img { display: none;}
   
   .kursbox1 .impkubox1a { width: 90%;} 

   .kursbox1 .logimpressum { width: 10%;}
   
   #fussbereich { -moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px; }
   
   #strahmen1 { -moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;}
   
   #strahmen { -moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;}
   
   
}


@media only screen and (max-width: 24.5em){

    .kopfabsatz2 {font-size: 1.3em;top: 5.3em;right: 3.5em;letter-spacing: 1px;}

    .kopflogo img { display: block; width: 70%;height:55px;top: 0.5em;}

    #kopfbereich { height: 130px;}

    #stapel { width: 90%; height: 250px;}

    #stapel figure img { height: 250px; width: 100%;}
}


@media only screen and (max-width: 22.5em){

    .kopfabsatz2 {font-size: 1.2em;top: 5.8em;right: 4em;letter-spacing: 0px;}

    .kopflogo img { display: block; width: 70%;height:55px;top: 0.5em;}

    #kopfbereich { height: 130px;}

    #inhalt img { width: 95%;}
    
    #inhalt { padding-bottom: 2em;margin-bottom: 4em;}
    
    .zeileab { display: block;}
    
    #fussbereich { height: 50px; margin-top: 2em;}
    
    .sichco { width: 45%; height: 14px;}
    
    .logkontakt { display: none;}
    
    .uberschrift { text-align: center;}
    
    .kursbox2 textarea { width: 100%; height: 6em;    }
    
    .kursbox2 { width: 90%; height: 30em;    }
    
    .kursbox2 table { width: 100%; height: 30em;    }
    
    
    .buttonanmeldung6 input { margin-left: 0px;width: 70%; }
}