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




/* allgemeine links im text */

a:link, a:visited, a:active{

font-size:1.6rem;
color:#000;
text-decoration:underline;}

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



/* menue horizontal  */

#menu1  {width:100%;
margin:0 auto;
}

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

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

#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {display: block;
width:100%;

color:#1F1F1F;
background-color:lightgrey;
margin-top:0.5rem;
margin-bottom:0.5rem;
padding-top: 3rem;
padding-bottom: 3rem;
padding-left:0.4rem;padding-right:0.4rem;
font-size:1.6rem;
text-align:center;
vertical-align:middle;
text-decoration:none ;
text-shadow:none;
-moz-border-radius:1.5rem;
-webkit-border-radius:1.5rem;
border-radius:1.5rem;

}



#menu1 li a:hover {
background-color:#4B4B4B;
color:#fff;
background-image:url(images/back3.png);
background-repeat:repeat;
background-position:50% 50%;
}

/* = = = = = = = = = = = = = = = = = = = = = ab480 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 480px) {

#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {
padding-top: 4rem;
padding-bottom: 4rem;
}
}

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


@media (min-width: 640px) {
#menu1 li  {display: inline-block;
}

#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {display: inline-block;
width:14rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;

}









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

}














