* {    
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
}



html {
  background-color: #cccccc; 
  color: black;
}

body {
  margin: auto; 
  margin-top: 2em;
  padding: 1%; 
  max-width: 75em; 
  font-family: verdana, arial, sans-serif ;
 font-size: 0.8em; 
  background: white;
}

.skip { 
  position: absolute;
  margin-left: -999px;
  width: 990px;
}

header {
  background: url(ZellenOhneSchrift.gif) no-repeat  white; 
  height: 170px; 
  margin: 0;  
  padding: 1.5% 2% 3% 30%;
  text-align: center;
  color: black;
  line-height: 1em;
  font-family: verdana, arial, sans-serif;
  font-size: 2.5em; 
}

main {
  display: block;
  background-color: white; 
  padding: 0 2%;
  margin-bottom: 2em;
  line-height: 1.5em; 
}

section{display : inline-block;width:73%;}


aside {
  width: 25%; 
  float: right; 
  clear: right;
  display : inline-block;
  padding: 1em 1% 1em; 
  margin: 10em 1% 0 1%; 
  border-left: 1px dotted #aaa; 
  font-size: 0.9em; 
}
aside dt { 
  font-size: 1.2em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0.5em;
  margin-top: 1em;
}
aside dd { 
  padding: 0;
  margin: 0.2em 0;
}


h1 { 
  font-size: 1.8em;
  font-weight: normal;
  line-height: 01.0em;
  padding: 0.6em 0 0.6em 10%;
  margin: 10;
  text-align: center;
}

h2, h4 { font-weight: normal; }
h3 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { 
  color: black;
  font-family: Georgia, "Times New Roman", Times, serif;
}

img { 
}

.fleft { 
  float: left;
  margin: 0 1em 0 0; 
  width:40%;
        }

.fleftaside { 
  float: none;
  width: 70%;
        }

.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
  width:33%
}


footer {
  clear: both; 
  padding: 2%;
  text-align: center;
  border-top: 1px dotted #aaa; 
}

footer .copy span {
	margin:0 auto;
	display:block;
}



nav ul {
  background-color: #cccccc;
  padding: 5px 5%; 
  margin: 0;
  font-family: verdana, arial, sans-serif;
  text-align: left;
}
nav ul li {
  font-size: 1.2em;
  display: inline; 
  list-style-type: none; 
  border-left: 4px solid red; 
  padding: 0.1em 0.5em;
  font-weight: bold;

}
nav ul li a {
  color: black; 
  padding:0.1em 1em;
  border-radius:0.1em;
  text-decoration: none;
}

nav ul li a:hover {   
	color: black;
	background: white;
	opacity: 8;
}


@media only screen and (max-width: 800px) {
    
.verschwindet {
        display: none
    }
    
nav ul {
	display:block; 
	background:transparent;				
	margin: 1em 0;
}
    
nav ul li {
    padding: 0.1em 0;
    border-left: 2px solid white; 
    }
    
nav ul li a{
    display:inline-block; 
    width:100%; 
    color:black; 
    background:#dfdfdf; 
    margin: 5px; 
    border-radius: 20px; 
    text-align:center;
    }



section, 				
section.spalte, 
aside {
	float:none;
	display:block;
	width:100%;
}


.fleft,.fright {
	width:50%;
}

.fleftaside {
    width:30%    
    }    
    
}