﻿/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
	font-size: 75%;	
}

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	background-color: #fff;
	min-height:101%;
}

html>body {
	font-size: 12px;
}

a:link {
	color: #009;
	text-decoration: none;
}

a:visited {
	color: #006;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	background-color:#3c3;
	color:#fff;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p, td, li {
	font: 1.0em/1.5em Verdana, Tahoma, Arial, sans-serif;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

li {
	margin-left: 3em;
	padding-left: 0.5em;
}


h1 {
	font: 1.67em/0.9em Verdana, Tahoma, Arial, sans-serif;
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
	font: 1.5em/1em Verdana, Tahoma, Arial, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font: 1.33em/1.13em Verdana, Tahoma, Arial, sans-serif;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1.17em/1.29em Verdana, Tahoma, Arial, sans-serif;
	margin-left: 0.4em;
    margin-right: 0.4em;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
	margin-right: 0.4em;
}

#navi li {
   list-style-image: none;
   font-weight: bold;
   margin-top:1.2em;
   margin-bottom:1.2em;
}

#nav {
   position:absolute;
   top:0;
   left:0;
   z-index: 1;
}

#nav ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#nav li {
   margin: 0;
   padding: 0;
   list-style: none;
   font-weight: bold;
   float: left;
   display: inline;
   width: 15em;
   background-color: #ccf;
}

#nav ul li {
   font-weight: normal;
   border-top:solid 1px #33f;
}

#nav li ul, #nav ul * li {
   display: none;
}

#nav li:hover ul, li.over ul {
   display: block;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin-right: 1.0em;
}

.rechts {
	float: right;
	margin-left: 1.0em;
}

#wrapper {
position: relative;
margin: 1em auto;	
width: 80em;
background-color:#fff;
}

#header {
display: none;
}

#sidebar {
clear: both;
float: left;	
display: none;
width: 16.5em;
}

#content {
float: left;
width: 50.0em;
min-height: 32.5em;
_height: 32.5em;
}

#service {
float: right;
display: none;
width: 16.0em;
margin: 1.5em 0.5em 0 0;
}

#footer {
display:none;
clear: both;
border-top:solid 1px #999;
padding-top:0.8em;
height:3.5em;
text-align:center;
font-size:smaller;
background:#aae
}

#headline {
font-size: 1.6em;
font-weight: bold;
padding: 3.0em 0 0em 15.0em;
}
.top { min-height:22px; _height:22px; font-size:11px; border:outset 1px #ddd; background-color:#fff; 
                  margin-top:1px; margin-bottom:1px; margin-left:11px; margin-right:0px;padding-left:2px; }
.box { font-size:12px; border-bottom:solid 1px; background-color:#eee; 
                  margin-left:11px; margin-right:0px; margin-top:3px; margin-bottom:2px; padding:2px; }
.nav { min-height:22px; _height:22px; font-size:11px; border:outset 1px #ddd; background-color:#fff; 
                  margin-top:1px; margin-bottom:1px; margin-left:11px; margin-right:0px;padding-left:2px; }
input:focus, textarea:focus { border-color: #333; }
.nav:hover { border:inset 1px #ddd; }
.top:hover { border:inset 1px #ddd; }
.high:hover { background-color:#ffc; }
.alter      { background-color:#ccf; }
.light      { background-color:#eee; }
.nocol     { background-color:#fff; }
.head      { background-color:#fca; }
.niedrig   { font-weight:bold; color:#fff; background-color:#0c0; }
.mittel   { font-weight:bold; color:#fff; background-color:#f90; }
.hoch   { font-weight:bold; color:#fff; background-color:#c00; }
.nop { display: none; }
.onp { display: block; }
table    { border:solid 1px #CBE4C4; } 
.box A:link, .box A:visited { color:#144878; font-weight:normal; }
.box A:hover { background-color:#594; color:#fff; text-decoration:none;}
.edit        { vertical-align:top; border:none; }
.list         { float:left; margin-right:0.2em; vertical-align:bottom; border:none }
#sidebar li { list-style:none; margin-left: 3px; margin: 0 0 21px 0; }
#sidebar a:link, #sidebar a:visited { color: #144878; font-size: 1.2em; }
