* {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         
}
html {
  background: url(../img/bg.gif) #e7f3f7; 
  color: black;
}
body {
  margin: 0 auto;
  padding: 1%; 
  max-width: 1100px; 
  font-family: verdana, arial, sans-serif ;
 font-size: 0.8em; 
  border: 1px solid #aaa; 
  border-top: 0; 
  background: white;
}
.skip { 
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
header {
  background: url(../img/kapsweyer-2.jpg) right top; 
  height: 130px; 
  margin: 0; 
  padding: 0 20px;
  text-align: right;
  line-height: 54px;
  font-size: 54px; 
  letter-spacing: -3px; 
  }
header a#logo {
  color: black; 
  text-decoration: none;
}
header a#logo span { 
  color: white;
  background: black;
  padding-right: 0.1em; 
  font-weight: bold;
}
a { color: #0B4D8C; text-decoration: underline; } 
a:visited { color: black; } 
main {
  padding: 0 0%;
  line-height: 1.5em; 
}
section{display : inline-block;width:100%;}
aside {
  width: 25%; 
  float: right; 
  clear:right;
  display : inline-block;
  padding: 0em 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;
  border-top: 1px dotted #aaa; 
}
aside dd { 
  padding: 0;
  margin: 0.2em 0;
}
h1 { 
  font-size: 2.7em;
  font-weight: normal;
  line-height: 0.8em;
  padding: 0.6em 0 0.2em 2%;
  margin: 0;
  border-bottom: 1px dashed #E6E6FA;
}
h2, h3, h4 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { 
  color: #6699CC;
  font-family: Georgia, "Times New Roman", Times, serif;
}
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;
}
img { 
  border: solid 0px #aaa;
  padding: 0px;
}
.fleft { 
  float: left;
  margin: 0 1em 0.2em 0; 
  width:33%;
}
.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: url(../img/wechselschatten.png) #287635;
  padding: 5px 5%; 
  margin: 0;
  text-align: right;
  color: yellow; 
}
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: white; 
  padding:0.1em 1em;
  border-radius:0.2em;
  text-decoration: none;
}
nav ul li a:hover { 
	color:green;
	background:yellow;
	opacity:0.8;
}
@media only screen and (max-width: 700px) {
nav ul {
	display:block;
	background:transparent;	
	margin: 1em 0;
}
nav ul li{width:90%;margin: 5px 0;  }  
nav ul li.active{padding:0 2em; background:green; border-radius:10px;}
nav ul li a{display:inline-block;width:100%; color:white; background:green; margin:5px 0; border-radius:10px;text-align:center;}
nav ul li a:after{display:none;}
section, 
section.spalte,
aside {
	float:none;
	display:block;
	width:100%;
}
.fleft,.fright {		
	width:50%;
}
}
@media print {
body {
 background: white;
 color: black;
 font-family: georgia, "Times New Roman", Times serif; 
}
header {
 text-align: right;
 line-height: 0.8em;
 font-size: 3em;
 font-family: verdana, arial, sans-serif; 
 letter-spacing: -3px;
}
header a#logo {
 text-decoration: none; 
}
.skip, aside, nav { 
 display: none;
}
main a:link:after, main a:visited:after { 
   content: " (" attr(href) ") ";
   font-size: 0.9em; }
main a[href^="/"]:after { 
 content: " (http://example.org" attr(href) ") ";
}
.fright { 
 float: right;
 margin: 0 0 1em 1em;
}
.fleft {
 float: left;
 margin: 0 1em 1em 0;
}
}