/* CSS stylesheet fuer warzenpower - hpn-ft08-seiten */

/* ======================================================

1. Kalibrieren und allgemeines Styles

====================================================== */

/* kalibrieren: alle paddings und margins auf 0 setzen: */

* { padding: 0; margin: 0; }

/* scrollbar im firefox erzwingen, damit wechsel von seiten mit und ohne scrollbar nicht springen */
html { height: 101%; } 

/* regeln fuer alle zum abstand halten */

/* abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }
/* verschachtelte listen (braucht momentan keine sau) */
ul ul { margin-bottom: 0; }
/* abstand der links links ;-) */
li { margin-left: 1em; }


/* ##################### */


/* css-buch mueller:
body { 
	color: white;
	background-color: #8C8C8C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	} */
	
	/* jetzt den wrapper gestalten; da es ein <div> ist, mit # beginnen:*/

/* webstage Ini style: */
/*
body {
	color: #444444;
	font-size: 62.5%;
	font-family: Verdana, Arial, 'Lucida Grande', Sans-Serif;
} */


/* abgeleitet: mein style*/

body {
	color: black;
	background-color: #000000;
	font-size: 80%;
	/* font-size: small; */
	font-family: Trebuchet MS, Sans-Serif;
}

/* fuer alles, was zentriert stehen soll: */



h1 {font-size: 12pt;
	font-family: Trebuchet MS, sans-serif;
	font-style: bold;
    color: black;
	text-align: center;
   }
   
h2 {font-size: 10pt;
	font-family: Trebuchet MS, sans-serif;
	font-style: bold;
    color: black;
	text-align: center;
   }

p  {
	color: #333333;
    text-align: auto;
   }

strong {
	color: black;
	}

a 	{
	color: red;
 	text-decoration: none;
	font-style: bold;
}
 a:hover {
 	color: grey;
 	text-decoration: none;
}

table {
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	}

/* ======================================================

2. Styles fuer die Layoutbereiche

====================================================== */

#wrapper {
	color: black;
	background-color: #CCCCCC;
	width: 720px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 20px;
/*	position: center; */
	}

#froehlich {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	}
	
#navibereich {
	padding: 5px 0 10px 10px;
	background-color: #999999;
	text-align: right;
	/* height: 17px; */
	}
#navibereich ul { margin-bottom: 0; }
#navibereich li {
	display: inline;
	list-style-type: none;
	margin: 0;
	}

#navibereich a {
	color: black;
	/* font-style: bold; */
	padding: 3px 30px 3px 30px;
	border-right: 2px solid #FF0000;
	}

#navibereich a:hover,
#navibereich a:focus {
	color: white;
	}	
	

#kopfbereich {
	padding-top: 10px;
	border-bottom: 1px solid #8C8C8C;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-align: center;
	}

#gruss {
	text-align: center;
	}

#gruss h2 { text-align: left; }

#textbereich {
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	}

#textbereich ul {
	color: #333333;
	padding: 4px;
	}
	
#tabelle {
	align: center;
	/* geht noch einfacher mit deklaration auf der table-reihe: */
	/* <table border="1" align="center"> */
	text-align: center;
	padding: 5px 5px 5px 5px;
	}

#tabelle p {
	align: center;
	/* geht noch einfacher mit deklaration auf der table-reihe: */
	/* <table border="1" align="center"> */
	text-align: center;
	padding: 5px 5px 5px 5px;
	}

#anfahrt {
	padding: 5px;
	}

#anfahrt h2 {
	text-align: left;
	}

#fussbereich {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #8C8C8C;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-align: center;
	}


/* ende style sheet */