/* = = = = = = = = = = = = = = = = = datei menue.css  = = = = = = = = = = = = = = = = = = = = = = = = = */


}


/* allgemeine links im text */


.textlink2 {
font-size:2rem;
line-height: 2.5rem;
font-variant: small-caps;
margin-top: 1rem;
margin-bottom: 1rem;
position: relative; 
/*text-shadow: 8px 8px 10px gray;*/
text-decoration:none;
/*background-color:rgba(71, 76, 102, 0.3);*/
}   


.textlink {
text-decoration:none;
font-size:2rem;
line-height: 2rem;
margin-top: 0rem;
margin-bottom: 0rem;
position: relative; 
text-shadow: 8px 8px 10px gray;


}    
    
    
a:link, a:visited, a:active{
color:#fffff0;
text-decoration:none;
-moz-border-radius:0rem;
-webkit-border-radius:0rem;
border-radius:0rem;}
text-decoration:none;


a:hover{ 
text-decoration:none;

}

/*div:hover img[src="images/casting/c1.jpg"] { 
transform: rotate(2880deg)scale(1.0,1.0);
transition: 3s }*/

}



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

/* = = = = = = = = = = = = = = = = = fussmenu = = = = = = = = = = = = = = = = = = = = = = = = = */

.fussmenu  {width:100%;
margin:0;
}

.fussmenu ul {
padding: 0rem;
margin:0;
}

.fussmenu  li { display: inline}

.fussmenu a:link, .fussmenu a:visited, a.fussmenu:active{display:inline-block;
background:transparent;
color:#D4D4D4;
margin:0.5rem 0.5rem 0.5rem 0.5rem;
text-shadow:0rem 0rem 0.1rem #000;
text-decoration:none;
font-variant: small-caps;
}

.fussmenu a:hover{text-decoration:none;
color:white;background:transparent;
}







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

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

/*===== menue 1 =====  */
/*===== vertikal =====  */
* {
margin : 0;
padding : 0;
}

/*#navtop {width : 100%;
position:fixed;
height:.6rem;
color : green;
background-color : rgba(0, 0, 0, 0.1);
display : block;
padding : 0.5rem;
text-decoration: none;
float : left;
top:0;
left:0;
border-bottom : 0.1rem solid black;
display:none;
}*/


 @-webkit-keyframes blink {
        0% {
            background: rgba(0,0,0,1.0);
        }

        50% {
            background: rgba(0,0,0,0.1);
        }

        100% {
            background: rgba(0,0,0,1.0);
        }
    }

    @keyframes blink {
        0% {
            background: rgba(0,0,0,1.0);
        }

        50% {
            background: rgba(0,0,0,0.0);
        }

        100% {
            background: rgba(0,0,0,1.0);
        }
    }




.menue-button {height:4.6rem;
float :right;
background-color :#333;
display : block;
position : fixed;
z-index:5;
right : 2;
top : 20;
padding : 0.5rem;
color : white;
cursor : pointer;
text-decoration : none;

-moz-animation: blink normal 3s 5 ease-in-out; /* Firefox */
-webkit-animation: blink normal 3s 5 ease-in-out; /* Webkit */
-ms-animation: blink normal 3s 5 ease-in-out; /* IE */
animation: blink normal 3s 5 ease-in-out; /* Opera and prob css3 final iteration */



}

#menu1 {display : none;
height:10%;
background-color:;
width : 32rem;
top:6.6rem;
position:fixed;
z-index:5;
left:50%;
margin-left: -16rem;

}

#menu1 li {display:inline;
width : 100%;
list-style : none;
text-decoration: none;
font-variant: small-caps;

}

#menu1 a:link, #menu1 a:visited, #menu1 a:active {
font-size:1.75rem;
display : block;
width : 100%;
padding : 1rem;
text-decoration : none;
color : #fffff1;
background-color :#333;
border-bottom : 0.1rem solid #222;


}


#menu1 a:hover {
color:#FFFFF1;
background :#999;


}


#navtop #menu2b li a:link, #menu2b li a:visited, #menu2b li a:active {
display:inline;
margin:0.3rem;
text-decoration: none;


}


   /*  Menü-Button- öffnen ausblenden -  Schließen-Button dadurch sichtbar */
#nav-menue:target .menue-button-open {
display : none;


}


   /* Menü einblenden */
#nav-menue:target #menu1  {
display : block;z-index:3;


}

#menu1 #overview a   {
color:#FFFFF1;
background : #973;
padding-left:1rem;
}

#menu1 #rubrik1 a   {
color:#FFFFF1;
padding-left:3rem;
}

#menu1 #rubrik2 a   {
color:#FFFFF1;
padding-left:6rem;
}

#menu1 #aktuell1 a   {
color:#FFFFF1;
background : #973;
padding-left:5rem;
}
#menu1 #aktuell2 a   {
color:#FFFFF1;
background : #973;
padding-left:7rem;
}


/* ==================================== ab 360 pixel ================================== */

@media (min-width:260px) {

#menu1 {
width : 20rem;
left:70%;

}

}

@media (min-width:480px) {

#menu1 {
width : 20rem;
left:80%;

}

}


@media (min-width:600px) {

#menu1 {
width : 20rem;
left:85%;


}

}

@media (min-width:800px) {

#menu1 {
width : 20rem;
left:90%;

}

}

@media (min-width:1200px) {

#menu1 {
width : 20rem;
left:95%;

}

}

@media (min-width:1600px) {

#menu1 {
width : 20rem;
left:95%;

}

}


/* ==================================== ab 768 pixel ================================== */
/*===== menue 1 =====  */
/*===== horizontal =====  */


/*@media (min-width:3000px) {

#navtop {
display : none;
}


#menu1 {height:0;
width : 100%;
display :inline-block;
text-align : center;
vertical-align:middle;
top:0rem;
left:0;margin:0;
position:fixed;
}

#menu1 ul {display : block;
border-color:black;
line-height:3rem;padding:1rem;
background-color:rgba(0, 0, 0, 0.4);
border-bottom:solid 0.1rem;
border-color:black;
-webkit-box-shadow:0rem 0rem 2rem #000;
box-shadow:0rem 0rem 0.4rem #000;
}

#menu1 li {display : inline;
line-height:3rem;
list-style : none;width:100%;
}

#menu1 a:link, #menu1 a:visited, #menu1 a:active {
display : inline;
width : 100%;
padding : 0.6rem;
background:transparent;
text-decoration : none;
color :#fff;
text-shadow:0.1rem 0.1rem 0.1rem #000;
border-radius:0.4rem;
font-variant:none;

border-bottom:none;
}

#menu1 a:hover {
color : #fff;
background : rgba(0, 0, 0, 0.2);
}

#menu1 #aktuell a   {
color : white;
text-shadow:none;
background : rgba(0, 0, 0, 0.4);
}

#menu1 #overview a   {
color : white;
text-shadow:none;
background : rgba(0, 0, 0, 0.6);
}


.menue-button {
display : none;
}

}*/







/* ======  BUTTON ======  */


/*   BUTTON - bereich-info2  */
.bereich-info2 a.button:link, .bereich-info2 a.button:visited, .bereich-info2 a.button:active{
background-color: transparent;
color:#fffff1;
text-shadow:none;
text-decoration:none;
border:solid 0.1rem  #fffff1;
border-radius:0.4rem;
padding:0.3rem;
margin:0.5rem;
line-height: 5.0rem;
font-variant: small-caps;

}
.bereich-info2 a.button:hover  {
color:#fffff1;
border:solid 0.1rem  gray;
border-radius:0.4rem;padding:0.3srem;

}


.bereich-info2 a.button2:link, .bereich-info2 a.button2:visited, .bereich-info2 a.button2:active{
background-color: transparent;
color:#000000;
font-size: 2.0rem;
text-shadow:none;
text-decoration:none;
border:solid 0.1rem  #000000;
border-radius:0.4rem;
padding:0.3rem;
margin:0.5rem;
line-height: 5.0rem;
font-variant: small-caps;

}
.bereich-info2 a.button2:hover  {
color:#000000;
border:solid 0.1rem  RED;
border-radius:0.4rem;padding:0.3srem;
text-decoration: none;

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