/* Stylesheet für die Little Boxes Übungsseiten */
* { padding: 0; margin: 0; }
body {
	color: white; /*schriftfarbe */
	/*background-color: #6A8791; /* Hintergrundfarbe */
	background-color: #000000;
	background-image: url(body_bg.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; /* Schriftgröße */
		}

/* ==============================================================
	1.DIV-Bereiche
=============================================================== */

#wrapper {
	color: black;
	background-color: #FFFFFF;
	width: 940px; /* Breite des Inhaltsbereiches */
	margin-top: 10px;
	margin-right: auto; /*Abstand nach rechts automatisch */
	margin-bottom: 10px;
	margin-left: auto; /* Abstand links automatisch */
		}
		
#kopfbereich {
		position: relative; /*positioniert, aber im Fluss */
		color: black;
		background-color: #94000E;
		background-image: url(hbg2.gif); 
		background-repeat: repeat-y; /* vertikal (untereinander) */
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 0;
		padding-left: 20px;
		}
		
#kopfbereich img {
	background-color: white;
	/*padding: 5px;
	border: 5px solid #d9d9d9; */
	
}

#kopfbereich p {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	margin-bottom: 0; /* war 1em */
	}
	
#kopfbereich p span {
	color:	#d90000;
	}
		
#navibereich {
		text-align: right; /* rechtsbündig */
		color: black;
		background-color: #94000E;
		background-image: url(hbgnavi2.gif);
		background-repeat: repeat-y;
		background-position: top left;
		padding: 5px 10px 4px 10px;
		border-bottom: 1px solid black;
		}
		
#navibereich ul {
		margin-bottom: 0; /* keinen unteren Rand */
		}
		
#navibereich li {
		display: inline; /* li nebeneinander darstellen */
		list-style-type: none; /* ohne Aufzählungspunkte */
		margin: 0;
		}
		
#navibereich a {
	color: #FFFFFF;
	background-color: #8E5B5E;
	padding: 4px 8px 4px 8px;
	border: 1px solid black;
		}

#navibereich a:active { background-color: white; }

#navibereich a:hover,
#startseite #navi01 a,
#tranny #navi02 a,
#blogs #navi03 a,
#sponsors #navi04 a,
#advertising #navi05 a,
#contact #navi06 a,
#kontaktseite #navi02 a
		{
	text-decoration: none; /* Unterstreichung aus */
	color: black;
	background-color: #FFFFFF;
	padding-bottom: 5px; /* ein pixel mehr als oben */
	border-bottom: none; /* Untere Rahmenlinie aus */
		}
			
	
#textbereich {
		padding-top: 20px;
		padding-right: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		}

.bildlinks {
	float:left;
	padding: 3px; /*Abstand zwischen Bild und Rahmen */
	border: 5px solid #ccc; /* Der Bilderrahmen */
	margin-right: 10px; /*Abstand zwischen Rahmen und Text */
	margin-bottom: 10px; /*Abstand nach unten */
	}
.bildrechts {
	float:right;
	padding: 3px;
	border: 5px solid #ccc;
	margin-bottom: 10px;
	margin-left: 10px;
	}
		
#fussbereich {
	padding: 20px;
	padding-top: 10px; /* Innenabstand oben, unterhalb Linie */
	border-top: 1px solid #8c8c8c; /* Rahmenlinie oben */
	margin-top: 20px; /*Außenabstand oben, oberhalb Linie */

		}
	
/* ================================================================
	2.Allgemeine HTML-Elemente
================================================================ */
		
h1 { font-size: 150%; }
h2 { font-size: 130%;
	margin-bottom: 1em;}
h3 {font-size: 115%;
	margin-bottom: 0.5em;}

address {
	text-align: center; /* zentrieren */
	font-size: 80%; /* etwas kleiner */
	font-style: normal; /* normale Schrift, nicht kursiv */
	letter-spacing: 2px; /* Abstände zwischen den Buchstaben */
	line-height: 1.5em; /* Zeilenabstand */
		}
		
a { text-decoration: none; } /* Unterstreichung entfernen */

a:link { color: #d90000; }
a:visited { color: #cc6666; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: white; background-color: #d90000; }
a {text-decoration: none; outline: none;}

.skiplink { display: none; }

html { height: 101%; } /*erzwingt scrollbar im Firefox */

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 */
	}
	
/* ===========================================================
	Das Kontaktformular
========================================================= */

form {
	background-color: #eee;
	width: 400px; /* Breite des Formulars */
	padding: 20px;
	border: 1px solid #8c8c8c;
}
label { display: block; } /* Beschriftung auf eigener Zeile */
/* Beide Eingabefelder gleich lang */
#absender, textarea, #subject {
	width: 300px;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;
}
textarea {height: 7em; }
input:focus, textarea:fous
{
	background-color: #d9d9d9;
}