/* CSS Document */

body /*Allgemeine Formatierung für die gesamte Seite*/
{
	width: 930px;
	margin: 0px auto;
	background-image: url(../Bilder/graskachel1.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
	text-align: center; /*Zentrierung der Seite für IE*/
}

/*Bereich um die ganze Seite herum*/
#container{
	font-family: Arial, Helvetica, sans-serif;
	width: 930px;
	text-align: center;
	margin-top: 10px;
	background-color: transparent;
}

/* Bild oben */
#header {
	height: 127px;
}

/*Laufschrift unter Header*/
#marquee {
	height:30px;
	padding-top:5px;
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
	color:#FFDD00;
	background-image:url(../Bilder/hg_marquee.jpg);
}

/*Menübereich*/
#menu
{
	float: left;
	width: 150px;
	height: 1030px;
	background-color: black;
	border: 1px solid #FFDD00;
	color: #FFDD00;
	margin-bottom: 10px;
	padding: 0 5px 10px 5px;/*NS: ohne Angabe linke Ausrichtung der Listenelemente!*/
}
#menu ul
{
	width: 135px;
	margin: 0;
	padding: 0;
}


#menu ul li 
{
	list-style: none;
	width: 135px;
	margin: 0; 
	padding: 0;
}

#menu li a, #menu li span
{
	height: 1%; /*height braucht man hier, damit der ganze Bereich verlinkt wird im IE*/
	display:block;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	text-align:center;
	margin-top:3px;
	background-image: url(../Bilder/hgnav1.jpg);
}

#menu li a:link
{
	background-image:url(../Bilder/hgnav1.jpg);
}

#menu li a:visited
{
	background-image:url(../Bilder/hgnav1.jpg);
}

#menu li a:hover 
{
	background-image:url(../Bilder/hgnav2.jpg)
}

#menu li a:active
{
	background-image:url(../Bilder/hgnav2.jpg)
}

#menu li a:focus
{
	background-image:url(../Bilder/hgnav2.jpg)
}


#menu li span 
{
	background-image:url(../Bilder/hgnav2.jpg)
}

/*hellgelber Inhaltscontainer*/
#contents {
	margin-left: 170px;
	height: auto; /*Netscape: Box streckt sich nicht automatisch, wenn Px-Wert zu klein*/
	padding: 10px;
	text-align: center;
	background-color: #F9EDA2;
}

#contents a
{
	font: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	text-decoration: underline;
}

#contents a:link
{
	color: #009933;
}

#contents a:visited
{
	color: #009933;
}

#contents a:hover
{
	background-color: #FFDD00;
}

#contents a:active
{
	color: #009933;
}


/*Fußzeile*/
#footer
{
	clear: both;
	height: 10px;
	background-color: #FFDD00;
	padding: 3px;
	border: 1px solid black;
	color: black;
	font-size: 9px;
	text-align: right;
	margin-top: 10px;
}

/*Überschrift1*/
h1 
{
	width: 500px;
	font: Verdana;
	font-size: large;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000;
	margin: 0 115px 0 115px;
	padding: 5px;
	background-color: #FD0;
}

/*Überschrift2 Navigation*/
h2 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFDD00;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}

.p_bildtext
{
	padding: 0 170px 0 170px;
	text-align: left;
}

.p_fett
{
	font-weight:bold;
}


