* { 
margin:0; 
padding:0; 
font-weight:normal; 
/*font-style:normal;*/
}


a {color:white;} 

a:visited {color:#5D5D9E;} 

a:active {color:#5C615E;}

a:active {color:red;}

a:hover {color:#B2B3B4;} 

a:focus {background-color: aquamarine; color: black;}
a:visited:hover {background-color:gray; color:red;}

h1, h2, h3, h4, h5, h6 {
font-family: "Century Gothic", sans-serif;
color: #004A7F;
margin: 0em 0em 0.3em 0em;
}

h1 {
font-size: 1.6em;
font-size: 2.1em;
color: yellow;
font-weight: bolder;
}

h2 {font-size: 1.3em;}
h3 {
font-size: 1.2em;
margin:0px;
color:white;
text-decoration: none;
text-align:center;
} 

h4 {font-size: 1.0em;}

h2 {
/*color:white;*/
text-align:left;
box-shadow: 2px 2px 5x #666666;
text-shadow: 1px 1px 1px #666666; /*3D effekt*/ 
border-radius:20px/50%; /*länge bezieht de seite */
/*background: #005000;*/	
}


body {
padding:4px;
background:black; 
text-align: center; 
color:white;
}


header { 
 background:#eab676;
 font-family:Arial, Helvetica, sans-serif; 
 color:black; 
}



nav {
 margin-top:4px;
 margin-bottom:4px;
 background:white;
}


nav li {
 display: inline-block;
 padding:5px; 
 padding-bottom:6px;
 color: black;
}


.menu {
float:left;
min-height: 100%;
margin-right:30px;
 color:#FF8000; 
}

.menu ul {
 list-style-type: none;
}

.menu li {
border-style: inset;
padding:3px;
background:grey;
text-align:center;
}


main {
 background:#fcb103;
 padding:15px;
 font-family:arial, "lucida console", sans-serif;
 text-align:left;
 margin-bottom:10px;
 line-height: 1.4em;
 color:black;
 height:100%;
}


footer li {
 display: inline-block;
 padding: 5px;
 margin:  5px;
 background: white;
 }





text {
vertical-align: bottom; 
position:relative; 
}



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

.infomobile {
display:none;
}

}





@media (max-width: 468px) { /* Mobile */ 

.infopc {
display:none;
}

h1 {
color: #004A7F;
}

article {
text-align: justify;
}

@viewport {
   width: device-width;
}

}