
/* = = = = = = = = = = = = = = = = = datei menue.css - Hier sind die Menüs definiert = = = = = = = = = = = = = = = = = = = = = = = = = */


/* allgemeine links im text */

a:link, a:visited, a:active{

font-size: 13px;line-height: 18px;
color:#0095E6;
text-decoration:underline;
}

a:hover{ text-decoration:underline;color:#C26E00;
background:transparent;
}



/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */


/* liste im textbereich - als menü */
/* wenn die liste nicht verlinkt ist, dann sehen sie dazu bei -#liste- in der datei format.css */

#liste_over ul, #liste_over li {
list-style-type: none;
}


#liste_over li a:link, #liste_over li a:visited, #liste_over li a:active{
background-image:url(images/bullet5.png);
background-repeat:no-repeat;
background-position:0% 50%;
padding-left:40px;
font-size: 13px;
line-height: 20px;
color:#00689F;
}

#liste_over li a:hover {background:transparent;
background-image:url(images/bullet1.png);
background-repeat:no-repeat;
background-position:0% 50%;
text-decoration:none;
color:#C26E00;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* menue horizontal oben */

#menu1 ul, #menu1 li {display: inline;
list-style-type: none;
margin-left:0px;
padding: 0px;
margin:0px;text-align:center;
}

#menu1 li a:link, #menu1 li a:visited, #menu1 li a:active {
display: inline;
color:#fff;
text-shadow: 1px 1px 0px #000;
font-size: 14px;
padding-left: 8px;padding-right: 8px; padding-bottom: 40px; padding-top:40px;
margin-left: 0px;margin-right: 0px;
height:40px;
line-height:40px;
text-align:center;
vertical-align:middle;
background:transparent;
text-decoration:none ;
letter-spacing:1px;
text-transform:uppercase;
}



#menu1  li a:hover {
color:#95DAFF;
text-decoration:none ;
background:transparent;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}

/* konstanter link menü1*/
#menu1 #aktuell a  {
color:#C26E00;
text-decoration:none ;
background:transparent;
}


/* ========== menue2 - oben im foto-bereich  ========== */

#menu2 ul, #menu2 li {
list-style-type: none;
margin-left:0px;
padding-left:0px;

}

#menu2 a, #menu2 a:visited , #menu2 a:active {
display: block;
color:#fff;
text-shadow: 1px 1px 0px #000;
text-decoration:none ;
font-size: 14px;
padding-left: 47px;
height:32px;
line-height:32px;
text-align:left;
vertical-align:middle;
background:transparent;
background-image:url(images/bullet5.png);
background-repeat:no-repeat;
background-position:0px 50%;
letter-spacing:0px;
margin:2px;
text-transform:uppercase;
}

#menu2 a:hover {
background:transparent;
text-decoration:none ;
color:#C26E00;
font-style:normal;
text-decoration:none ;
background-image:url(images/bullet1.png);
background-repeat:no-repeat;
background-position:0px 50%;
}

/* konstanter link menü2*/
#menu2 #aktuell a {
background:transparent;
text-decoration:none ;
color:#C26E00;
font-style:normal;
text-decoration:none ;
background-image:url(images/bullet1.png);
background-repeat:no-repeat;
background-position:0px 50%;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/*  menue in sidebar spalte links  */



#menu3 ul, #menu3 li {
list-style-type: none;
margin-left:0px;
padding-left:0px;
}

#menu3 li a:link, #menu3 li a:visited, #menu3 li a:active {
display:block;
padding-left:47px;
font-size: 14px;
background:transparent;
color:#000;

line-height:32px;
letter-spacing:0px;
text-decoration:none;
background-image:url(images/bullet4.png);
background-repeat:no-repeat;
background-position:0px 50%;
margin:2px;
text-transform:uppercase;
}

#menu3 li a:hover { background-image:url(images/bullet1.png);
background-repeat:no-repeat;
background-position:0px 50%;
color:#C26E00;
text-decoration:none;
font-style:normal;
}

/* konstanter link menü3*/
#menu3 #aktuell a { background-image:url(images/bullet1.png);
background-repeat:no-repeat;
background-position:0px 50%;
height: 28px;
line-height: 28px;
color:#C26E00;
text-decoration:none;
font-style:normal;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */



/*  Rotation von NACH OBEN PFEIL mit 360 grad nach links bei onmouseover und out */

#drehen_nachoben img {
-moz-transition: all 0.8s ease-in-out;
-webkit-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;
background-image:url(images/springer_nachoben.png);
background-repeat:no-repeat;
background-position:0% 50%;
}

#drehen_nachoben img:hover{
background-image:url(images/springer_nachoben.png);
background-repeat:no-repeat;
background-position:0% 50%;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}

/*  Rotation von NACH UNTEN PFEIL mit 360 Grad (gleich eine umdrehung) nach rechts bei onmouseover und out */

#drehen_nachunten img {
-moz-transition: all 0.8s ease-in-out;
-webkit-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;
background-image:url(images/springer_nachunten.png);
background-repeat:no-repeat;
background-position:0% 50%;
}

#drehen_nachunten img:hover{
background-image:url(images/springer_nachunten.png);
background-repeat:no-repeat;
background-position:0% 50%;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}