body						{ height: 100%; width: 100%; }

html, body, div, p,
h1, h2, h3, 
span, a, table, td,
form, img 					{ margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font: 10pt; color: #000000; border: none; }
  
html, body 					{ background-color: #FFFFFF; } 

img							{ behavior: url("pngbehavior.htc"); }

							  
/* Allgemein gueltige Formatierungen */
h1 							{ font-size: 14pt; color: rgb(0,0,0); margin-bottom: 20px; }
.klein						{ font-size: 8pt; }


a:link,	a:active, a:visited	{ text-decoration: underline; }
a:hover						{ text-decoration: none;  }


a.start:link,
a.start:active,
a.start:visited				{ text-decoration: underline; color: rgb(255,255,255) }
a.start:hover				{ text-decoration: none; color: rgb(255,0,0) }

a.schwarz:link,
a.schwarz:active,
a.schwarz:visited			{ text-decoration: underline; color: rgb(0,0,0) }
a.schwarz:hover				{ text-decoration: none; color: rgb(0,0,0) }

a.weiss:link,
a.weiss:active,
a.weiss:visited				{ text-decoration: underline; color: rgb(255,255,255) }
a.weiss:hover				{ text-decoration: none; color: rgb(255,255,255) }

a.rot:link,
a.rot:active,
a.rot:visited				{ text-decoration: underline; color: rgb(255,0,0) }
a.rot:hover					{ text-decoration: none; color: rgb(255,0,0) }

a:link,
a:active,
a:visited				{ text-decoration: underline; color: rgb(255,0,0) }
a:hover					{ text-decoration: none; color: rgb(255,0,0) }


/* Sektionsweite Formatierungen */

#start						{ position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background-image: url(images/00ghanda.jpg); background-position: bottom left; background-repeat: no-repeat; }	
#header						{ height: 135px; background-color: rgb(105,105,105) }
#main						{ margin-top: 3px; margin-bottom: 10px; width: 980px; font-size: 12px; background-color: none}
	#content				{ float: left; margin-top: 20px; }
		#content h1			{ margin-top: 20px; }
	.veranstaltung			{ margin-top: 20px; _margin-top: 35px; margin-left: 200px; }
		.veranstaltung h1	{ margin-top: 20px; }
/* Klappnavigation */


ul#navi	 					{ margin: 0; padding: 0; text-align: center; }
ul#navi li 					{ list-style: none; float: left; position: relative; margin: 0; padding: 0; text-align: left; }
ul#navi li ul 				{ margin: 0; padding: 0; position: absolute;  bottom: 14px; display: none; /* Unternavigation ausblenden */ }
ul#navi li:hover ul  		{ display: block; }
ul#navi li ul li 			{ margin: 0; padding: 0; float: none; display: block; padding-bottom: 5px; }
ul#navi a, ul#navi span		{ display: block; margin-left: 25px; padding: 0; text-decoration: none; font-weight: bold; color: #000000; }
ul#subnavi a, ul#subnavi span		{ width:150px; color: #ffffff; background-color: transparent; }
ul#navi a:hover, ul#navi span, li a#aktuell { color: red; }
ul#navi a.nohover:hover, ul#navi span, li a#aktuell { color: black; }
li a#aktuell 				{ /* aktuelle Rubrik kennzeichnen */ color: red; }
ul#navi li ul span			{ /* aktuelle Unterseite kennzeichnen */ color: red; }



#foot						{ margin-top: 50px; height: 30px; background-color: rgb(0,0,0); }
#foot p						{ line-height: 30px; padding-left: 20px; color: rgb(255,255,255); font-size: 12px; width: 180px; float: left }
