/* Grundeinstellungen */

/* alle Abstände = 0 */

* {
  margin:0;
  padding:0;
}

/* Hintergrundfarbe */

body {
  background-color:#FFFFCC;
}

/* Navigationscontainer */

#navigation {
  margin:0 auto;
  width:1000px;
  height:90px;
  padding-top:10px;
}

/* alles für die Hauptseite */

#hauptseite {
  width:1000px;
  padding:5px 5px 10px 5px;
  margin:0 auto;
  font-family:Arial, sans-serif;
  color:#000088;
}

/* Hyperlinks */

#hauptseite a:link {
  font-weight:bold;
  color:#4169E1;
  text-decoration:none;
}

#hauptseite a:visited {
  font-weight:bold;
  color:#800080;
  text-decoration:none;
}

#hauptseite a:hover {
  font-weight:bold;
  color : #FF4500;
  text-decoration:underline;
}

#hauptseite a:active {
  font-weight:bold;
  color:#FF4500;
  text-decoration:none;
}

/* Schriftformatierung für Absätze */

#hauptseite p {
  padding:1em 0;
  font-size:11pt;
}

/* Schriftfarbe rot */

#hauptseite .rot {
  color:#FF0000;
}


/* Textausrichtungen */

#hauptseite .mitte {
  text-align:center;
}

#hauptseite .rechts {
  text-align:right;
}


/* Listen */

#hauptseite li {
  list-style-type:none;
  padding:2px;
}

/* Grafikdateien ohne Rahmen */

#hauptseite img {
  border:none;
}

/* Die Trennlinie, noshade nicht erlaubt! */

#hauptseite hr {
  color:#FFA07A;
  margin:auto;
  border:none;
  background-color:#F4A460;
  height:2px;
}

#hauptseite .klar {
  clear:both;
}

#hauptseite h1 {
font-family:"comic sans ms",arial,sans-serif;
font-size:35px;
color:#008000;
line-height:20.5pt;
background-color:#FFFFCC;
}

#hauptseite h2 {
font-size:18px;
color:#ff0000;
background-color:#FFFFCC;
}

#hauptseite h3 {
font-family:arial,verdana,sans-serif;
font-size:18px;
color:#ff0000;
font-style:italic;
text-align:center;
background-color:#ffffcc;
}

#hauptseite h4 {font-family:"comic sans ms",arial,sans-serif;
font-size:45px;
font-style:italic;
color:#ff0000;
background-color:#FFFFCC;
}

#hauptseite h5 {
font-family:arial,verdana,sans-serif;
font-size:10px;
color:#ff0000;
font-style:italic;
text-align:center;
background-color:#ffffcc;
}

#hauptseite h6 {
font-family:arial,verdana,sans-serif;
font-size:13px;
color:#000000;
background-color:#FFFFCC;
}

#hauptseite .webm {
font-family:arial,verdana,sans-serif;
font-size:10px;
color:#000000;
background-color:#FFFFCC;
width:760px;
margin:40px;
}

/* was sonst noch ist */

#hauptseite a.oben:link {
color: black;
font-family:arial,verdana,sans-serif;
font-size:10px;
text-decoration:underline;
background-color:#FFFFCC;
}
#hauptseite a.oben:visited {
color : black;
font-family:arial,verdana,sans-serif;
font-size:10px;
text-decoration:underline;
background-color:#FFFFCC;
}
#hauptseite a.oben:hover {
color: blue;
font-family:arial,verdana,sans-serif;
font-size:10px;
text-decoration:overline underline;
text-transform : uppercase;
background-color:#FFFFCC;
}
#hauptseite a.oben:active {
color: black;
font-family:arial,verdana,sans-serif;
font-size:10px;
text-decoration: underline;
background-color:#FFFF99;
}

#familie h1 {
margin:1em 0;
margin-top:40px;
margin-left:140px;
}

#familie1 {
width:360px;
}

#familie2 {
width:360px;
}

#familie3 {
width:360px;
}

#familie4 {
width:360px;
}

#familie5 {
width:360px;
}

#familie6 {
width:360px;
}

#familie7 {
width:360px;
}

#familie8 {
width:360px;
margin-top:800px;
}

#hauptseite .val { position:absolute;
top: 371px;
left: 242px;
z-index: 15;
}

#hauptseite .val1 { position:absolute;
top: 267px;
left: 90px;
z-index: 14;
}

#hauptseite .ost { position:absolute;
top: 371px;
left: 602px;
z-index: 13;
}

#hauptseite .ost1 { position:absolute;
top: 267px;
left: 450px;
z-index: 12;
}

#hauptseite .mut { position:absolute;
top: 533px;
left: 242px;
z-index: 11;
}

#hauptseite .mut1 { position:absolute;
top: 430px;
left: 90px;
z-index: 10;
}

#hauptseite .pfi { position:absolute;
top: 533px;
left: 602px;
z-index: 9;
}

#hauptseite .pfi1 { position:absolute;
top: 430px;
left: 450px;
z-index: 8;
}

#hauptseite .wei { position:absolute;
top: 696px;
left: 242px;
z-index: 7;
}

#hauptseite .wei1 { position:absolute;
top: 593px;
left: 90px;
z-index: 6;
}

#hauptseite .silv { position:absolute;
top: 696px;
left: 602px;
z-index: 5;
}

#hauptseite .silv1 { position:absolute;
top: 593px;
left: 450px;
z-index: 4;
}

#hauptseite .mil { position:absolute;
top: 859px;
left: 242px;
z-index: 3;
}

#hauptseite .mil1 { position:absolute;
top: 756px;
left: 90px;
z-index: 2;
}