/* = = = = = = = = = = = = = = = = = 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;
}

#menu1 ul {
margin:0rem;
padding: 0rem;text-align:center;
}

#menu1 li  {display: inline-block;
list-style-type: none;
padding-left: 0.1rem;
margin:0rem;
}

#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {display: inline-block;
width:14rem;
margin-top:0.25rem;
margin-bottom:0.25rem;
color:fff;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size:1.7rem;
text-align:center;
vertical-align:middle;
text-decoration:none ;
border:solid 0.1rem #000;
text-shadow: 0rem 0rem 0.1rem black;
-moz-border-radius:0.6rem;
-webkit-border-radius:0.6rem;
border-radius:0.6rem;
-webkit-box-shadow:  inset 0rem 0rem 0.3rem #fff;
-moz-box-shadow:  inset 0rem 0rem 0.3rem #fff;
box-shadow: inset 0rem 0rem 0.3rem #fff;
}



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

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


@media (min-width: 1280px) {



#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {
width:13rem;font-size:1.5rem;
}

}

/* = = = = = = = = = = = = = = = = = = = = = ab1500 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 1500px) {


#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {
width:12rem;font-size:1.4rem;
}

}


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

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


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

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

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

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


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


#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:inline-block;
color:#000;
text-shadow: 0.1rem 0.1rem 1rem #fff;
text-decoration:none ;
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;
}



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


@media (min-width: 1024px) {

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

}

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


@media (min-width: 1280px) {

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

}

/* = = = = = = = = = = = = = = = = = = = = = ab1500 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 1500px) {

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

}





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