/*##################################################################################*/
/*###############################---GLOBAL---#######################################*/
html, body
{
	background-color:				#fff;
	background-image:				url(grafik/leuchtmittel-hg.jpg);
	background-repeat:				repeat-x;
	color:							#000;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						12px;
	height:							100%;
	margin:							0px auto;
	text-align:						center;
}
/*##################################################################################*/
/*###############################---LINKS---########################################*/
a /* Links im Fliesstext */
{
	color:							#330000;
	font-size:						12px;
	font-weight:					bold;
	text-decoration:				underline;
}
a:hover
{
	color:							#e12d00;
	text-decoration:				underline;
}
a.navkopf /* Links als Navikategorieüberschrift */
{
	color:							#e12d00;
	font-size:						12px;
	font-weight:					bold;
	text-decoration:				none;
}
a.navi /* Links der Navigation */
{
	color:							#330000;
	display:						block;
	font-size:						12px;
	font-weight:					normal;
	height:							4px;
	margin-left:					15px;
	text-decoration:				underline;
}
a.navi:hover
{
	color:							#e12d00;
}	
a.fusslink /* Links im Seitenfuss */
{
	color:							#333;
	font-size:						10px;
	font-weight:					normal;
}
a.newsticker /* Links im Newsticker rechts */
{
	color:							#000;;
	font-size:						10px;
}
/*##################################################################################*/
/*###############################---ÜBERSCHRIFTEN---################################*/
h1 /* Überschrift über dem eyecatcher*/
{

	color:							#fff;
	display:						inline;
	font-size:						13px;
	font-weight:					bold;
}
h1.cont /* Hauptüberschrift im Contentbereich*/
{
	color:							#444;
	display:						inline;
	font-size:						18px;
	font-weight:					bold;
	line-height:					40px;
}
h2 /* Beschreibungstext der Seite */
{
	color:							#000;
	display:						inline;
	font-size:						12px;
}
h2.texthead /* kapitelüberschriften auf den Seiten (Blau hinterlegt) */
{
	background-color:				#afb4e2;
	color:							#222;
	display:						block;
	font-size:						13px;
	height:							19px;
	margin:							20px 0 0 30px;
	padding:                        2px 10px 0px 10px;
	width:							468px;
}
h3 /* Kleine Überschrift direkt über dem Fliesstext */
{
	color:							#999999;
	display:						inline;
	font-size:						10px;
}
/*########################################################################################*/
/*################################---Sonstiges---#########################################*/


/*########################################################################################*/
/*################################---ELEMENTE---##########################################*/
div#kopf /* Obere Grafik mit dem Logoschriftzug der Seite */
{
	background-color:				#0066CC;
	background-image:				url(grafik/leuchtmittel-kopf.jpg);
	background-repeat:				no-repeat;
	border-left:					1px solid #aaa;
	border-right:					1px solid #aaa;
	height:							19px;
	margin:							0px auto;
	padding-right:                  220px;
	text-align:						right;
	padding-top:                    92px;
	width:							728px;
}
table#hg /* Umfassender table mit der gesamten Hintergrundgrafik des Contentbereiches in dem alle anderen DIVs liegen */
{
	background-color:				#fff;
	background-image:				url(grafik/leuchtmittel-kopf2.jpg);
	background-repeat:				no-repeat;
	margin:							0px auto;
	width:							950px;
}
td#hg /* Zum Table zugehöriges td mit den beiden Randstreifen als Begrenzung für die Page */
{
	border-left:					1px solid #aaa;
	border-right:					1px solid #aaa;
}
div#links /* DIV als Rahmen für die Navi*/
{
	float:							left;
	height:							300px;
	padding-top:                    15px;
	text-align:						left;
	width:							200px;
}
div.navikopf /*Kategorieüberschrift der Navigation (Textfarbe ist über den entsprechenden <a> tag gesteuert */
{
	border-bottom:					1px solid #bbb;
	border-top:						10px solid #fff;
	color:							#e12d00;
	font-size:						12px;
	font-weight:					bold;
	height:							16px;
	margin-bottom:					5px;
	text-align:						right;
	width:							160px;
}
div.adslinks
{
	margin-left:					10px;
}
div#content /* Hintergrund des Mittelbereichs beginnt unterhalb H1 über dem eyecatcher Bild*/
{
	float:							left;
	text-align:						left;
	width:							548px;
}
div#headline /* Definiert die Ausrichtung der beiden Content Überschriften unterhalb des eyecatchers - liegt im Content DIV*/
{
	height:							78px;
	margin-bottom:					10px;
	padding-top:                    12px;
	padding-left:                   20px;
	text-align:						left;
	width:							528px;
}
div.adsmitte /* Werbeblock vor dem Textanfang */
{
	margin-bottom:					-7px;
	margin-left:					40px;
	width:							470px;
}
div#kws /*Zeile direkt oberhalb des Fliesstextanfangs mit KWs */
{
	padding-right:					10px;
	text-align:						right;
	width:							518px;
}
div.text /* Fliesstext auf der Seite */
{
	color:							#330000;
	margin-bottom:					30px;
	margin-left:					30px;
	text-align:						justify;
	width:							488px;
}
div.text:first-letter /* erster Buchstabe im Fliesstext */
{
	color:							#e12d00;
	font-size:						18px;
	font-weight:					bold;
}
div#rechts /* DIV als Rahmen für die rechte Spalte (Adsense etc.) */
{
	float:							right;
	padding-top:                    30px;
	padding-left:                   20px;
	width:							180px;	
}
div.randombox /* Rahmen für den Zufallstext auf der rechten Seite oben */
{
	color:							#330000;
	font-size:						11px;
	height:							160px;
	margin-bottom:					10px;
	padding-right:                  5px;
	text-align:						justify;
	width:							175px;
}
div.newshead /* Überschriften des Newstickers auf der rechten Seite */
{
	border-bottom:					1px solid #bbb;
	color:							#e12d00;
	font-size:						12px;
	font-weight:					bold;
	height:							14px;
	text-align:						left;
	width:							180px;
}
div.news /* Newsticker auf der rechten Seite */
{
	color:							#330000;
	font-size:						11px;
	margin-bottom:					10px;
	padding-right:                  5px;
	text-align:						justify;
	width:							175px;
}
div.adsrechts /* Werbeblock auf der rechten Seite */
{
	margin-right:					20px;
}
div.adsfuss /* Werbeblock unterhalb des Fliesstextes */
{
	margin-bottom:					50px;
	text-align:						center;
	width:							100%;
}
div#fuss /* Fussnoten - KWs und Datumsanzeige */
{
	color:							#666;
	font-size:						10px;
	text-align:						center;
	width:							100%;
}