* {    
	box-sizing: border-box;
}



html {
  background-color:#808080;
  background-size: 20px 20px;
  color: black;
}

body {
  margin: 0 auto;
  padding: 1%; 
  max-width: 65em; 
  font-family: arial, verdana ;
  font-size: 1em;
  border: 1px solid #000000;
  border-top: 0;
  background: white;
}

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

img {
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
}


header {
  background: url(../img/logo.jpg) 0 0 no-repeat #ff8c00; 
  
  height: 180px;
  margin: 0; 
  padding: 0 1em;
  text-align: right;
  line-height: 80px;
  font-size: 2.5em; 
}
header a#logo {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
header a#logo span {
  color: black;
  background: #FF8C00;
  padding-right: 0.3em; 
  padding-left: 0.3em; 
  font-weight: bold;
}

spezial {background: #ff8c00; font-weight: ; font-size: 1.2em; color: white;}

a { color: #000000; text-decoration: underline; } 
a:visited { color: black; } 
a:focus {background-color: #ff8c00;}


main {
  padding: 0 2%; 
  line-height: 1.5em;
}

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


aside {
  width: 25%;
  float: right; 
  clear:right;
  display : inline-block;
  padding: 0em 1% 1em;
  margin: 5em 1% 0 1%;
  border-left: 2px dotted #000000; 
  font-size: 1em; 
  font-family: monospace;
  
}
aside dt { 
  font-size: 1.2em;
  font-family: arial, verdana ;
  padding: 0.5em;
  margin-top: 1em;
  border-top: 1px dotted #aaa; 
}
aside dd { 
  padding: 0;
  margin: 0.2em 0;
}

h1 { 
  font-size: 2em;
  font-weight: normal;
  line-height: 1em;
  padding: 1em 0 0.2em 5%;
  margin: 0;
  border-bottom: 1px dashed #000000;
}
h2 { 
  font-size: 1.3em;
  font-weight: normal;
  line-height: 1.3em;
  padding: 2em 0 0.2em 0%;
  margin: 0;
  border-bottom: 1px dashed #000000;
}
h3, h4 { 

  font-weight: normal;
  line-height: 0.8em;
  padding: 2em 0 0.2em 0%;
  margin: 0;
  border-bottom: 1px dashed #000000; }
h1, h2, h3, h4, h5, h6 { 
  color: #000000;
  font-family: arial, verdana ;
}

figcaption {
   display: inline-block;
   text-align: left;
}


dl 	{ margin-bottom:50px;}
 
dl dt {	
    float:left;
    font-weight:bold;
    margin-right:5px;
    padding:5px; 
    width:50%;
}
 
dl dd {
    margin:2px 0;
    padding:5px 0;
}



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

dd {
	margin-left: 0px;
	margin-top: 10px;
}


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

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

p {
  font-size: 0.8em;
}


nav ul {
	background: #e2e2e2;
 
  padding: 5px 0%; 
  margin: 5;
  text-align: left;
  color: #ff8c00;
}
nav ul li {
  font-size: 1.2em;
  display: inline;
  list-style-type: none;
  border-left: 1px solid white; 
  padding: 0 .5em 0 .5em;
  font-weight: bold;
}
nav ul li a {
  color: black;
  padding:0.1em 1em;
  border-radius:0.2em;
  display:inline-block;
  text-decoration: none;
}

nav ul li a:hover,
nav ul li a:focus {  
	color:white;
	background:#0078d3;
	opacity:0.8;
}

figure {
  float: right;
  width: 100%;
  text-indent: 0;
  font-style: normal;
  background-color: ;
  border: ;
  margin: 1em;
  padding: 2em;
}

@media only screen and (max-width: 600px) {
nav ul {
	display:block; 
	background:transparent;			
	margin: 0 0;
}
nav ul li{width:95%;margin: 0px 0;  }  
nav ul li.active{padding:0 2em; background:#ff8c00; border-radius:0px;}
nav ul li a{display:inline-block; width:95%; color:black; background:#e2e2e2; margin:5px 0; border-radius:0px;text-align:left;}
nav ul li a:after{display:none;} 

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


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