* { padding: 0; margin: 0; } /* Setzt alle Werte fuer margin und padding auf 0. */
html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body { /* Das HTML-Element mit dem Namen body */ 
   color: black; /* Schriftfarbe */
   border: 1px solid white;
   background-color: white; /* Hintergrundfarbe */
   background-image: url(background.gif);
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small; /* Schriftgröße */
   
   }
/*===========================
	1. DIV-Bereiche
===========================*/
#wrapper {
	color: black;
	background-color: white;
	width: 1000px;
	border: 2px solid black;
	margin: 20px auto;
	
	}

#kopfbereich {
	color: black;
	background-color: #f3c600;
	background-image: url(farbverlauf_1024x5.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 20px;
	padding-bottom: 0;
	}
	
/* Verschachtelter Selektor: nur die Grafik im Kopfbereich */
#kopfbereich img {
	background-color: white;
	padding: 4px;
	border: 1px solid black;
	}

#kopfbereich p {
	padding: 5px 0;
	margin-bottom: 0;
	}

#navibereich {
	background-image: url(farbverlauf_1024x5.jpg);
	padding: 5px 20px;
	}
	
#navibereich a:active {
	background-color: white;
	}

#navibereich ul {
	margin-bottom: 0;
	}

#navibereich li {
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
	}

#navibereich a {
	color: black;
	}

#startseite #navi01 a, 
#blueten #navi02 a,
#bauwerke #navi03 a,
#tiere #navi04 a,
#technik #navi05 a,
#landschaft #navi06 a,
#privat #navi07 a,
#impressum #navi08 a { font-weight: bold; }

#textbereich { text-align: center; padding: 10px 20px; }

#textbereich img {
	padding: 5px;
	border: 3px solid black;
	}

#navibereich-images {
	padding: 10px 20px;
	text-align: center;
	}

#navibereich-images img {
	padding: 2px;
	border: 1px dotted blue;
	}

#fussbereich {
	padding: 10px 20px;
	border-top: 0;
	}	

#werbung { 
	text-align: right;
	}

#werbung a {
	color: white;
	}
	
/*==========================
	2. Allgemeine HTML-Elemente
==========================*/	

	
h1 { 
	font-size: 150%;
	}

h2 {
	font-size: 130%;
	margin-bottom: 1em;
	text-align: left;
	}

address {
	text-align: center;
	font-size: 70%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	
	}
	

a { text-decoration: none; outline: none; } /* Aussehen für alle Links */

a:link { color: #d90000; } /* Aussehen unbesuchter Links */

a:visited { color: red; } /* Aussehen besuchter Links */

a:hover, a:focus { color: #d90000; background-color: white; text-decoration: underline; } /* Aussehen des Links beim überfahren mit dem Mauszeiger */

a:active { color: white; background-color: #d90000; } /* Aussehen des Links bei gedrückter Maustaste */

.skiplink { display: none; } /* Klassen mit der ID "Skiplink" werden ausgeblendet. */

p, ul {
	margin-top: 0;
	margin-right: 0; 
	margin-bottom: 1em; /* Abstand nach unten */
	margin-left: 0;
	}
	
ul ul {margin: 0;
	}
li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em; /* Abstand von links */
	}