/* = = = = = = = = = = = = = = = = = datei menue.css - Hier sind die Menüs definiert = = = = = = = = = = = = = = = = = = = = = = = = = */




/* allgemeine links im text */

a:link, a:visited, a:active{
background-color:none;
color:#000;
text-decoration:underline;
padding:0.2rem;
-moz-border-radius:0rem;
-webkit-border-radius:0rem;
border-radius:0rem;}

a:hover{ text-decoration:none;
color:#000;
}


/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */

/* ====== animation DREHUNG  ======  */
/*  Rotation von Icons um 360 Grad (gleich eine umdrehung)  bei onmouseover und onmouseout */

.drehen a:link , .drehen a:visited, .drehen a:active{background:transparent;
}

.drehen img {
-moz-transition: all 0.8s ease-in-out;kit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;

}

.drehen img:hover{
-moz-transform: rotate(720deg);
-webkit-transform: rotate(720deg);
-o-transform: rotate(720deg);
-ms-transform: rotate(720deg);
transform: rotate(720deg);
}




/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */

/* = = = = = = = = = = = = = = = = = MENÜ 1 = = = = = = = = = = = = = = = = = = = = = = = = = */

/*===== menue horizontal 1 =====  */

#menu1 {width:100%;
margin:0 auto;
padding-bottom: 1rem;
}

#menu1 ul {display: inline-block;
margin:0rem;
padding: 0rem;
}

#menu1 li  {display: table-cell;
font-size:0px;/*nur für IE9 wegen 3pixel-bug  */
list-style-type: none;
padding-left: 0.2rem;
margin:0rem;
}

#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {display: inline-block;
margin:0rem;
padding: 0rem;
text-align:center;
vertical-align:middle;
text-decoration:none ;
border:solid 0.1rem #000;
-webkit-box-shadow: 0rem 0rem 0.4rem #000;
-moz-box-shadow: 0rem 0rem 0.4rem #000;
box-shadow:  0rem 0rem 0.4rem #000;
}

#menu1 li a:hover {border:solid 0.1rem black;
background-image:url(images/schwarz_60.png);
background-repeat:repeat;
background-position:50% 50%;
}






/* = = = = = = = = = = = = = = = = = = = = = = ab 1200 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 1200px) {



#menu1 ul {
padding-right: 5rem;
}

}

/* = = = = = = = = = = = = = = = = = = = = = = ab 1500 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 1500px) {



#menu1 ul {
padding-right: 9rem;
}

}

/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */

/* = = = = = = = = = = = = = = = = = MENÜ 1b = = = = = = = = = = = = = = = = = = = = = = = = = */



/*===== menue 1b =====  */


#menu1b a {font-size:1.9rem;}


#menu1b {width:100%;
margin:0 auto;
padding-bottom: 0rem;
}

#menu1b ul {display: inline-block;
margin:0rem;
padding: 0rem;
}



#menu1b li {display:block;
list-style-type: none;
margin:0rem;
padding: 0rem;
}

#menu1b li a:link, #menu1b li a:visited, #menu1b li a:active {display:inline-block;
width:28rem;
background-image:url(images/weiss_50.png);
background-repeat:repeat;
background-position:50% 50%;
color:#22310F;
margin-bottom:0.6rem;
padding-top:0.6rem;
padding-bottom:0.6rem;
padding-left:1rem;
padding-right:1rem;
border:solid 1px #002851;
vertical-align:middle;
text-decoration:none ;
-moz-border-radius:0.6rem;
-webkit-border-radius:0.6rem;
border-radius:0.6rem;
text-shadow: 0.1rem 0.1rem 0.1rem #fff;
-webkit-box-shadow: 0rem 0rem 0.6rem #000;
-moz-box-shadow: 0rem 0rem 0.6rem #000;
box-shadow:  0rem 0rem 0.6rem #000;
}


#menu1b li a:hover {
background-image:url(images/weiss_20.png);
background-repeat:repeat;
background-position:50% 50%;
color:#000;
text-shadow: 0.1rem 0.1rem 0.1rem #fff;
text-decoration:none ;

}




/* = = = = = = = = = = = = = = = = = = = = = = ab 360 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 360px) {


#menu1b li a:link, #menu1b li a:visited, #menu1b li a:active {
width:30rem;
}

}

/* = = = = = = = = = = = = = = = = = = = = = = ab 1200 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 1200px) {


#menu1b ul {
padding-right: 5rem;
}

}

/* = = = = = = = = = = = = = = = = = = = = = = ab 1500 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 1500px) {


#menu1b ul {
padding-right: 9rem;
}

}


/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* = = = = = = = = = = = = = = = = = MENÜ 2 = = = = = = = = = = = = = = = = = = = = = = = = = */

/*===== menue 2 =====  */


#menu2 a {font-size:1.9rem;}

#menu2 h3 {text-align:left;color:#000;
margin-top: 0rem;
margin-bottom: 2rem;
padding-left:0.6rem;
padding-right:0.6rem;}

div#menu2 {width:100%;
margin:0rem;
padding: 0rem;
}

#menu2 ul {
margin:0rem;
padding: 0rem;
}


#menu2 li {
list-style-type: none;
margin:0rem;
padding-left: 1rem;
}

#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:inline-block;
color:#fff;
text-shadow: 0.1rem 0.1rem 0.1rem #000;
text-decoration:none ;
background-color:black;
margin-bottom:0.6rem;
padding-top:0.6rem;
padding-bottom:0.6rem;
padding-left:1rem;
padding-right:1rem;
vertical-align:middle;
text-decoration:underline ;
-moz-border-radius:1.4rem;
-webkit-border-radius:1.4rem;
border-radius:1.4rem;
}


#menu2 li a:hover {
color:#fff;
text-shadow: 0.1rem 0.1rem 0.1rem  #000;
text-decoration:none ;
background-color:#5F882A;
}



/* = = = = = = = = = = = = = = = = = = = = = = ab640 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 640px) {

#menu2 a {font-size:1.7rem;}

}

/* = = = = = = = = = = = = = = = = = = = = = ab1024 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 1024px) {

#menu2 a {font-size:1.4rem;}

}

/* = = = = = = = = = = = = = = = = = = = = = ab1280 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 1280px) {

#menu2 a {font-size:1.2rem;
letter-spacing:0.1rem;}

}







/* = = = = = = = = = = = = = = = = = = = = = Code Ende = = = = = = = = = = = = = = = = = = = = = */