/* 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:#F4A460;
  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;
}

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

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

#webcam1 {
width:760px;
margin-top:40px;
margin-left:140px;
}

img.flag { border-width:0px;
border-style:solid;
border-color:#000000;
height:13px;
width:20px;
}