body, html { margin:0; padding:0; border:0; color:#000; background:#fff; font-size:16px;}
html { overflow-y :scroll; }
* {font-family: Verdana, Arial , sans-serif; }
table {width:100%; border:0px;}
h1 {font-size:1.4em; color:#006;margin:10px 0px;}
h2 {font-size:1.2em; color:#006;margin:10px 0px;}
h3 {font-size:1.0em; color:#006;margin:10px 0px;}
strong {font-weight:bold; font-size:0.8em;}
a {color:#009;text-decoration:none;}
d {vertical-align:top;padding-bottom:10px;}

img.links {text-align:left; margin:0 10px 10px 0;}
img.rechts {text-align:right; margin: 0 0 10px 10px;}

#header {padding:5px 10px; background-color: #006;color:#fff;font-size:1em;}
#header a {color:#fff;}
#kopfli, #kopfre  {width:100%; text-align:left;}

#menubalken {position:absolute; top:0;left:0; width:90%; font-size:1.2em; padding:0.4em 1em; height:1.6em;color:#fff;}
#mobnav {position:absolute; z-index:9999; top:0;left:0; display:block; width:100%;background-color:#fff;}
#mobnav ul {margin:0;padding:0;}
#mobnav ul li { list-style-type:none;border-bottom: 1px solid #006;}
#mobnav ul li a {padding: 0.55em; display:block;}
#mobnav ul li a:link {color:#006;}
#mobnav ul li a:hover {text-decoration:none; background-color:#666;color:#fff;}
#mobnav ul li a.maktiv {background-color: #006; color:#fff;}

nav {display:none;}
nav {padding:0; margin: 0; height: 2.1em; background-color: #aff; color:#003 ; border-bottom: 1px solid #006;border-top:1px solid #fff;}
nav ul { padding: 0; margin: 0; width: 100%; float:left; }
nav ul li { display: inline; }
nav ul li a:link, #nav ul li a:visited { padding: 0.4em 1em; text-decoration: none; float: left; border-right: 1px solid #006; }
nav ul li a:hover { background-color: #006; color: #fff; }
.aktiv { background-color: #006; color: #fff;}



#main {float:left; margin:0px; padding:15px; background:#fff; }
#main p ,#main li, #main td {font-size:1em; color:#444; }
#main ul {padding-left:15px;}
#main li {padding-bottom:5px;}
#main img.rechts {float:right; margin:0 0 5px 5px; }
#main img.links {float:left; margin: 0 5px 5px 0; }
#main hr {color:#006; height:3px;text-align:center; width:60%;}

.rand {margin:8px 18px 18px 8px; border:1px #666 solid; box-shadow: 5px 5px 10px #002; padding:5px;}
.links {text-align:left;}
.rechts {text-align:right;}
.defloat {clear: both;}
.klein {font-size: 10pt;}
.einr {margin-left:2em;}

#footer { clear:both; padding:5px 10px; background:#006; color:#fff; border-top: 1px solid #fff;}
#footer p { margin:0; text-align:center; font-size:10pt; color:#fff;display:none;}

* html #footer { height:1px; }

@media screen and (min-width:680px) {
	#menubalken {display:none;}
	nav {display:block;}
	#mobnav {display:none;}
	#kopfre , #kopfli {display:inline;}
	#kopfli {float:left; width:70%; }
	#kopfre {width:30%; text-align:right;}
	#wrap {margin:0 auto; border:1px solid #006;}
	#main {min-height:400px; }
	#footer p {display:block;}
}

@media screen and (min-width:800px) {
	#wrap {width:800px;}
}