html {
  height : 100%;
}

body {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color : #B9B9B9;
  color : #666666;
  margin : 60px 0px 0px 0px;
  text-align : center;
}

p {
  margin : 0px;
  padding-bottom : 10px;
  font-size : 11px;
  line-height : 16px;
}

h1 {     /*Überschrift oben*/
  margin : 0px;
  padding-top : 25px;
  padding-bottom : 10px;
  font-size : 14px;
}

h1.autor {     /*Überschrift oben*/
  margin : 0px;
  padding-top : 15px;
  padding-bottom : 0px;
  font-size : 14px;
}

h2 {     /*Weitere Überschriften im Text - andere Abstände*/
  margin : 0px;
  padding-top : 0px;
  padding-bottom : 5px;
  font-size : 12px;
}

h2.autor {     /*Weitere Überschriften im Text - andere Abstände*/
  margin : 0px;
  padding-top : 0px;
  padding-bottom : 0px;
  font-size : 12px;
}

h3 {     /* Überschrift oben, ohne Link - nur bei den Referenzen, da andere Farbe  */
  margin : 0px;
  padding-top : 25px;
  padding-bottom : 10px;
  font-size : 14px;
  background-color : #CCCCCC;
  color : #333333;
}

li {
  margin : 0 0 0 15px;
  line-height : 20px;
}

ul {
  list-style-type : square;
  padding-left : 10px;
  margin : 0px;
	margin-bottom : 10px;
	text-align : left;
}

/* Beginn - Formatierung der kompletten Seite */

#werbung {
  text-align : left;
  font-size : 26px;
  font-weight : bold;
  letter-spacing : -1px;
  background-color : #CCCCCC;
  color : #666666;
  float : left;
  padding-top : 0px;
}

#site {
  width : 800px;
  text-align : left;
  margin : auto;
}

#top {
  background-image : url(../images/top.jpg);
  background-repeat : no-repeat;
  width: 800px;
  height: 136px;
}

#content {
  background-image : url(../images/content.jpg);
  background-repeat : no-repeat;
  background-color : #CCCCCC;
  color : #666666;
  height : 276px;
  width : 800px;
}

.content_bild {
  margin : 0px;
  width : 260px;
  height : 276px;
  float : left;
}

#content_text {
  width : 485px;
  height : 276px;
  padding-left : 25px;
  padding-right : 25px;
  text-align : justify;
	float : left;
}

#footer {
  background-image : url(../images/footer.jpg);
  background-repeat : no-repeat;
  width: 800px;
  height: 107px;
  padding-bottom : 20px;
  clear : both;
}

.footer_text {
  text-align : left;
  padding-left: 10px;
  padding-top : 3px;
}

/* Ende - Formatierung der kompletten Seite */


/* Beginn - Hauptnavigation */

#navi01 {
  clear : left;
  line-height : 14px;
}

a.navi01:link, .navi01:visited, .navi01:active, .navi01:focus {
  color: #CCCCCC;
  background-color:transparent;
  text-decoration: none;
  padding-left : 3px;
  border-left : 2px solid #666666;
}

a.navi01:hover {
  color: #FFFFFF;
  text-decoration: none;
  padding-left : 3px;
  border-left : 2px dotted #FF6600;
}

.navi01 { /* Link mit Hover-Color, aber ohne Link */
  color: #FFFFFF;
  text-decoration: none;
  padding-left : 3px;
  border-left : 2px dotted #FF6600;
}

/* Ende - Hauptnavigation */


/* Beginn - Unternavigation */

#navi02 {
  line-height : 16px;
}

a.navi02:link, .navi02:visited, .navi02:active, .navi02:focus {
  color : #333333;
  text-decoration: none;
}

a.navi02:hover {
  color : #FFFFFF;
  text-decoration : none;
}

.navi02 { /* Link mit Hover-Color, aber ohne Link */
  color : #FFFFFF;
  text-decoration : none;
}

/* Ende - Unternavigation */

/* Beginn - Textnavigation WEITER */

a.navi03:link, .navi03:visited, .navi03:active, .navi03:focus {
  color : #666666;
  text-decoration : none;
  padding-left : 5px;
  border-left : 13px solid #666666;
}

a.navi03:hover {
  color : #FFFFFF;
  text-decoration : none;
  padding-left : 5px;
  border-left : 13px solid #FF6600;
}

/* Ende - Textnavigation */

/* Beginn - Textnavigation ZURUECK */

a.navi04:link, .navi04:visited, .navi04:active, .navi04:focus {
  color : #666666;
  text-decoration : none;
  padding-right : 5px;
  border-right : 13px solid #666666;
}

a.navi04:hover {
  color : #FFFFFF;
  text-decoration : none;
  padding-right : 5px;
  border-right : 13px solid #FF6600;
}

/* Ende - Textnavigation */

/* Beginn - Navigation im Text */

#hn {
}

#un {
}

a.navi05:link, .navi05:visited, .navi05:active, .navi05:focus {
  color : #666666;
  text-decoration : underline;
}

a.navi05:hover {
  color : #FF6600;
  text-decoration : underline;
}

span.navi05 { /* Link mit Hover-Color, aber ohne Link */
  color: #FF6600;
  text-decoration: none;
}

/* Ende - Navigation im Text */