/* Standard-CSS fŸr www.slade.de/types/ */

/* Die AbstŠnde der genutzen Tags werden auf null gesetzt, die Schriftart und -gršsse defeniert */
html, body, div, p, h1, h2, h3, ul, li, a, table, td, form, img {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/* Hintergrundfarbe und -bild */
html, body {
  background: #fff;
  background-image:url("images/bg.gif");
  background-repeat:repeat-x;
}
/* Allgemein gŸltige Formatierungen */

/* †berschriften (H1 und H2) und AbsŠtze (P) werden plaziert und die Schriftgršsse angepasst */
h1 {
  font-size: 14px;
  margin: 0 0 14px 300px;
  font-weight: bold;
  text-transform: uppercase;
  color:#090;
}

h2 {
  font-size: 12px;
  margin: 22px 0 4px 300px;
  font-weight: bold;
}

p {
  font-size: 11px;
  margin: 0px 0 18px 300px;
  line-height: 16px;
}

/* Bilder haben nie einen Rand */
img {
  border: 0;
}

/* Die Optik der Links in verschiedenen ZustŠnden wird angepasst */
a:link, a:visited, a:active, a:hover {
  text-decoration:none;
  color:#090;
}

a:hover {
  text-decoration:underline;
}

/* Die Optik und EinrŸckung von Listen wir defeniert */
ul 
{
list-style-image: url("images/list.gif");
margin-left: 300px;
}

li {
margin:  8px 0 8px 16px;
line-height: 16px;
}

/* Listen der 2 Ebene werden um 16px weiter eingerŸckt */
li.liste2 {
margin:  8px 0 8px 32px;
}

/* Logo - Position und Dimension */

#logo {
   position:absolute; 
   left:270px;
   width:125px; 
   z-index:3;
   top:9px;
}


/* Inhalt - Position und Dimension */

#inhalt {
   position:absolute; 
   left:30px;
   width:730px; 
   z-index:1;
   top:250px;
}

/* Inhalt - Bilder sollen nach links rŸcken und von rechts vom text umflossen werden */
.umfluss {
    float:left;
    margin-left:50px;
    color:#090;
    font-weight:bold;
    font-size: 10px;
}
 
/* Navigation allgemein, Hier werden den verschiedenen Links in den verschiedenen Navigations-Div-Boxen ihre Optik zugewiesen, je nach Pseudo-Klasse (Zustand) */

#navigation1 a, #navigation2 a, #navigation3 a {
  text-decoration:none;
  height:12px;
  padding-left:14px;
  padding-top:1px;
  background-repeat:no-repeat; 
}

#navigation1 a:link, #navigation2 a:link, #navigation3 a:link {
   color: #000;
   text-decoration: none;
}

#navigation1 a:visited, #navigation2 a:visited, #navigation3 a:visited {
   color: #000;
   text-decoration: none;
}

#navigation1 a:hover, #navigation2 a:hover, #navigation3 a:hover {
   color: #090;
   text-decoration: underline;
   background-image:url(images/linkpfeil.gif);
}

#navigation1 a:active, #navigation2 av, #navigation3 a:active {
   color: #090;
   text-decoration: none;
   background-image:url(images/linkpfeil.gif);
}

a.aktiv, #navigation1 a:visited.aktiv, #navigation2 a:visited.aktiv, #navigation3 a:visited.aktiv {
   text-decoration: none;
   color: #090;
   background-image:url(images/linkpfeil.gif);
}


/* Navigation Ebene 1 - Position, Dimension und Linienhšhe */

#navigation1 {
   position:absolute; 
   left:315px;
   width:190px; 
   z-index:3;
   top:84px;
   line-height: 16px;
}

/* Navigation Ebene 2 - Position, Dimension und Linienhšhe */

#navigation2 {
   position:absolute; 
   left:500px;
   width:200px; 
   z-index:3;
   top:84px;
   line-height: 16px;
}

/* Navigation Ebene 3 - Position, Dimension und Linienhšhe */

#navigation3 {
   position:absolute; 
   left:625px;
   width:200px; 
   z-index:3;
   top:84px;
   line-height: 16px;
}

/* Navigation Nummer 4 (Home, Kontakt, Impressum) - Position, Dimension und Linienhšhe */

#navigation4 {
   position:absolute; 
   left:0px;
   width:742px;
   text-align:right;
   z-index:3;
   top:47px;
   font-size: 9px;
}

#navigation4 a {
   font-size: 9px;
}

/* Fuss - Abstand nach oben, Schriftgršsse */
#fuss {
  margin: 22px 0 22px 300px;
  font-size: 9px;
}

/* Fuss-Links - Schriftgršsse nochmal extra um die Angaben im Allgemeinen-Teil zu Ÿberlagern */
#fuss a {
  font-size: 9px;
}

/* Tabellen */
table {
margin-left:300px;
}
.ja {
color:green;
font-weight:bold;
}
.nein{
color:red;
font-weight:bold;
}