/* Stylesheet für die Beispielsite aus "Einstieg in CSS" */
* { padding: 0; margin: 0; }
html { overflow-y: scroll; }

/* Gestalte das HTML-Element mit dem Name body */
body 
{
	background-color: #8c8c8c; /* Hintergrundfarbe */
	background-image: url(hintergrund.png);
	background-attachment: fixed;
	color: white; /* Schriftfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 87,5%; /* Schriftgröße 14px */
}

div#wrapper 
{
	background-color: white;
	color: black;
	width: 1200px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

div#kopfbereich
{
	background-color: #dddddd; /* Gelb-Orange */
	color: black;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

img#logo
{
	background-color: white;
	color: black;
	padding: 10px;
	border: 10px solid #dddddd;
}

img#logo2
{
	background-color: #dddddd;
	color: black;
	padding: 10px;
	border: 10px solid #dddddd;
}

h1,h2 { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }

address 
{
	text-align: center;	/* zentrieren */
	font-size: 80%;		/* etwas kleiner als der Rest */
	font-style: normal;	/* normale Schrift, nicht kursiv */
	letter-spacing: 2px;	/* Abstand zwischen den Buchstaben */
	line-height: 1.5;	/* Zeilenabstand, ohne Einheit */
}

a 
{
	text-decoration: none;	/* Unterstreichen entfernen */
	outline: none;	
}
a:link { color: #d90000; }
a:visited { color: #cc6666; }
a:hover,
a:focus
{
	/* text-decoration: underline; */
	border-bottom: 1px solid #d90000;
}

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

div#textbereich a 
{
	boder-bottom: 1px dotted #cc0000;
}

div:textbereich a:hover,
div:textbereich a:focus
{
	boder-bottom: 1px solid #d90000;
}

p#slogan span
{	
	color: #d90000; /* Schriftfarbe */
}

ul li
{
	list-style-type: square;
}

/* Abstand nach unten */
h2, p, ul, ol, blockquote { margin-bottom: 1em; }

/* Verschachtelte Listen ohnen Abstand */
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

/* Abstand links */
ul, ol { margin-left: 2em; }

div#fussbereich 
{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-top: 1px solid #8c8c8c;
	margin-top: 0;
}

div#navibereich
{
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

div#textbereich
{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}