﻿/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
	font-size: 75%;	
}

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	background-color: #393084;
	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;
    border: 0;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p, table, li {
	font: 1.0em/1.5em Verdana, Tahoma, Arial, sans-serif;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

input {
    padding: 0.2em;
}

li {
	margin-left: 3.0em;
	padding-left: 0.5em;
	list-style-image: url(grafik/list.gif);
}


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-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;
}

.outline {
    border: outset 1px #999;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.left {
	text-align: left;
	font-size: smaller;
}

.right {
	text-align: right;
	padding-left: 0.5em;
    white-space: nowrap;
}

#wrapper {
position: relative;
margin: 1em auto;	
width: 82em;
background-color:#fff;
}

#header {
}

#sidebar {
clear: both;
float: left;	
display: inline;
width: 16.5em;
}

#content {
float: left;
width: 49em;
min-height: 32.5em;
_height: 32.5em;
}

#service {
float: right;
display: inline;
width: 15.5em;
margin: 0.9em 0 0 0;
}

#footer {
clear: both;
border-top:solid 1px #999;
padding-top:0.2em;
height:4.0em;
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:2.0em; _height:2.0em; font-size:1.0em; border:outset 1px #ddd; background-color:#fff; 
                  margin:0.1em 0 0.1em 1.0em; padding-left:0.2em; }
.box { min-height:1.5em; _height:1.5em; font-size:1.0em; border-bottom:solid 1px; background-color:#eee; 
                  margin:0; padding:0.2em; }
.nav { min-height:2.0em; _height:2.0em; font-size:1.0em; border:outset 1px #ddd; background-color:#fff; 
                  margin:0.1em 0 0.1em 0.75em; padding-left:0.2em; }
input:focus, textarea:focus { border-color: #333; }
.nav:hover { border:inset 1px #ddd; }
.top:hover { border:inset 1px #ddd; }
.high:hover { background-color:#ffc; }
.marker  {background-color:#ffb; }
.alter      {background-color:#ccf; }
.light      {background-color:#eee; }
.nocol     {background-color:#fff; }
.head      {background-color:#fca; }
.niedrig   {font-weight:bold; color:#fff; background-color:#f90; }
.hoch   {font-weight:bold; color:#fff; background-color:#c00; }
.nop { }
.onp { display: none }
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; }
