/* Grundeinstellungen */

/* alle Abstände = 0 */

* {
  margin:0;
  padding:0;
}

/* Hintergrundfarbe */

body {
  background-color:#FFFFCC;
  color:#000;
}

/* Navigationscontainer */

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

/* alles für die Hauptseite */

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

/* Hyperlinks */

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

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

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

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

/* Schriftformatierung für Absätze */

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

/* Schriftfarbe rot */

#hauptseite .rot {
  color:#FF0000;
  background-color:#FFFFCC;
}


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

/* webadresse */
#hauptseite h3 {
font-family:arial,verdana,sans-serif;
font-size:18px;
color:#ff0000;
font-style:italic;
text-align:center;
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 h1 {
font-family:"comic sans ms",arial,sans-serif;
font-size:30px;
color:#008000;
line-height:50pt;
text-align:center;
margin-top:50px;
background-color:#FFFFCC;
}

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

#webm {
width:700px;
position:absolute;
 left:80px; top:800px;
}

#atwnew {
position:absolute;
 left:256px; top:300px;
}

#logo {
position:absolute;
 left:100px; top:200px;
 width:200px;
}

#button {
position:absolute;
 left:60px; top:140px;
 width:50px;
}

#willk {
position:absolute;
 left:360px; top:5px;
}

#anzeig {
float:left;
position:absolute;
left:127px; top:250px; width:250px; height:133px;
}

#anzeig1 {
padding:2px;
position:absolute;
 left:350px; top:200px; width:202px; height:16px;
}

#anzeig2 {
min-width:202px;
padding:2px;
position:absolute;
 left:390px; top:325px; width:202px; height:16px;
}

#anzeig3 {
min-width:202px;
padding:2px;
position:absolute;
 left:280px; top:350px; width:202px; height:16px;
}

#new1 {
width:600px;
position:absolute;
 left:165px; top:350px;
}

#new2 {
width:800px;
position:absolute;
 left:165px; top:400px;
}

#new3 {
width:800px;
position:absolute;
 left:165px; top:450px;
}

#new4 {
width:800px;
position:absolute;
 left:165px; top:500px;
}

#idee {
position:absolute;
 left:65px; top:600px;
}

#hauptseite .b1 {
background-color:#FFFF00;
color:#008800;
font-size:9px;
width:90px;
}

#zweig {
position:absolute;
 left:465px; top:220px;
}

#denkblase {
position:absolute;
 left:530px; top:580px;
}

#zitat {
position:absolute;
 left:610px; top:580px;
background-color:#FFFFCC;
color:#008800;
font-size:9px;
width:90px;
}

#zitat a:link {
  font-weight:lighter;
  color:#4169E1;
  text-decoration:none;
  background-color:#FFFFCC;
}

#hauptseite a:visited {
  font-weight:lighter;
  color:#4169E1;
  text-decoration:none;
  background-color:#FFFFCC;
}

#hauptseite a:hover {
  font-weight:lighter;
  color:#4169E1;
  text-decoration:underline;
  background-color:#FFFFCC;
}

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