/*##################################################################################*/
/*###############################---GLOBAL---#######################################*/
html, body
{
	background-color:				#d8d29e;
	background-image:				url(grafik/bg-kopf.jpg);
	background-repeat:			repeat-x;
	color:							#333;
	font-family:					Times New Roman, Helvetica, sans-serif;
	font-size:						15px;
	height:							100%;
	margin:							0 auto;
	text-align:						center;
}
/*##################################################################################*/
/*###############################---LINKS---########################################*/
a /*Links im Textbereich*/
{
	color:							#492f00;
	font-weight:					normal;
	text-decoration:				underline;
}
a:hover
{
	color:							#ea9208;
	text-decoration:				underline;
}
a.navi /* Links der Navigation */
{
	background-color:				#e3e0c9;
	color:							#492f00;
	display:							block;
	font-size:						13px;
	height:							16px;
	margin:							0 0 2px 60px;
	padding-left:              5px;
	text-decoration:				none;
	width:							163px;
}
a.navi:hover
{
	background-image:				url(grafik/bg-navi-hover.jpg);
	color:							#000;
}
a.info /* Links in der Box "das könnte sie auch interessieren" */
{
	color:							#000;
	font-size:						14px;
	font-weight:					bold;
	text-decoration:				underline;
}
a.downloadbox /* Links in der downloads Box auf der rechten Seite */
{
	color:							#492f00;
	font-size:						13px;
	font-weight:					bold;
	text-decoration:				underline;
}
a.footer /*Links im Fussbereich*/
{
	color:							#444;
	font-size:						11px;
	text-decoration:				underline;
}
a.footer:hover
{
	color:							#222;
	text-decoration:				underline;
}	
/*##################################################################################*/
/*###############################---ÜBERSCHRIFTEN---################################*/
h1 /* Hauptüberschrift der Seite */
{

	color:							#444;
	font-size:						20px;
	font-weight:					bold;
	position:						absolute;
	left:								480px;
	top:								101px;
}
h2  /* Description und Teaser */
{
	color:							#492f00;
	font-size:						14px;
	font-weight:					bold;
	position:						absolute;
	left:								480px;
	top:								147px;
	width:							470px;
}
h3 /* Überschriften im Content */
{
	background-image:				url(grafik/bg-ueberschrift-content.jpg);
	background-repeat:			no-repeat;
	border-bottom:					1px solid #aaa;
	color:							#492f00;
	font-size:						18px;
	font-style:						italic;
	font-weight:					bold;
	margin-left:					262px;
	padding-left:              20px;
	text-align:						left;
	width:							448px;
}
/*########################################################################################*/
/*################################---ELEMENTE---##########################################*/
div#bigbox /*Hintergrund Box in der die ganze Seite liegt - zum mittig ausrichten benötigt - Hier liegt direkt der Content drin */
{
	background-image:				url(grafik/bg-content.jpg);
	margin:							0 auto;
	position:						relative;
	text-align:						left;
	width:							1000px;
}
div#goadsoben /* Google Ads oberhalb des Contents */
{
	position:					absolute;
	top:							285px;
	left:							260px;
}
p.text /* Fließtext */
{
	margin: 							-7px 0 0 262px;
	text-align:						justify;
	width:							468px;
}
div.suche /* Inhalt von der Suchausgabe */
{
	margin: 							0 0 0 270px;
	width:							680px;
}
td
{
	border:							1px solid #aaa;
}
p.interes /* Text in der Interessantes Box */
{
 background-color:				#e3e0c9;
 font-size:							14px;
 margin:								0 0 10px 270px;
 text-align:						left;
 width:								400px;
}
span.infotext /* Kleiner Linkinfo Text neben den Links in der Interessantes Box */
{
	color:							#c23e16;
	font-size:						11px;
}
div#links /* Hintergundbox für die Navigation auf der linken Seite */
{
	position:						absolute;
	top:								280px;
	width:							220px;
}
div.navgoads /* Google Ads innerhalb der Naviagtion */
{
	background-image:				url(grafik/navi-kat-kopf-goads.jpg);
	background-repeat:			no-repeat;
	padding:	                  9px 0 0 60px;
	width:							272px;
	z-index:							1;
}

span.navikat /* Kategorietrenner für die Navigationsblöcke */
{
	background-image:				url(grafik/navi-kat-kopf.jpg);
	background-repeat:			no-repeat;
	color:							#000;
	display:							block;
	font-size:						13px;
	font-weight:					bold;
	height:							26px;
	margin-top:						6px;
	padding:                   8px 0 0 60px;
	width:							172px;
}
div#rechts /* Hintergrundbox für die rechte Seite*/
{
	position:						absolute;
	top:								395px;
	left:								764px;
	width:							224px;
}
span.boxrechtstop /* Kopf der Infoboxen auf der rechten Seite */
{
	background-image:				url(grafik/rechts-kat-kopf.jpg);
	background-repeat:			no-repeat;
	color:							#000;
	display:							block;
	font-size:						13px;
	font-weight:					bold;
	height:							23px;
	margin-top:						7px;
	padding:                   7px 0 0 35px;
	width:							189px;
}
div.boxrechts /* Einzelne graue boxen mit Inhalten auf der rechten Seite */
{
	background-color:				#e3e0c9;
	font-size:						13px;
	margin:							0 0 0 14px;
	padding:                   5px;
	text-align:						justify;
	width:							200px;
}
div.boxrechner /* Holmaße Rechner Box auf der rechten Seite */
{
	background-color:				#e3e0c9;
	font-size:						14px;
	margin:							0 0 0 14px;
	padding:                   5px;
	text-align:						center;
	width:							200px;
}
div#fuss /* Der weiße Fuss */
{
	background-color:				#fff;
	color:							#666;
	font-size:						11px;
	height:							44px;
	margin:							20px 0 0 36px;
	padding:                   3px 40px 0 0;
	text-align:						center;
	width:							917px;
}
/*####################BRANCHENVERZEICHNIS###################################################*/
p.handel /* Box mit dem Branchenbucheintrag */
{
	border:							1px solid #ccc;
	margin: 						   0 0 10px 270px;
	padding:                   5px;
	text-align:						justify;
	width:							458px;
}
span.handelplz /* Angabe der PLZ im Brancheneintrag */
{
	color:							#c23e16;
	font-size:                 11px; 
}
span.handeladr /* Formatierung der Adresszeile im Branchenbucheintrag */
{
	color:							#000000;
	font-size:						14px;
	font-weight:					bold;
}
span.handelmail /* Formatierung der Mailzeile im Branchenbucheintrag */
{
	font-size:						10px;
	font-weight:					bold;
}
p.haendler /* Box mit dem HInweis auf die Händleranmeldung unterhalb der Branchenbucheinträge */
{
	background-color:				#f5e699;
	border:							1px solid #ccc;
	margin: 							0 0 0 270px;
	padding:	                  10px;
	width:							448px;
}
/*##########################BANNERADS######################################################### */
div#banneroben /* Werbebanner im Kopf der Seite */
{
	height:							90px;
	position:						absolute;
	top:								0px;
	left:								200px;
	width:							728px;
}	
div#bannerrechts /* Werbebanner auf der rechten Seite */
{
	height:							600px;
	position:						absolute;
	top:								257px;
	left:								1005px;
	width:							160px;
}