@charset "utf-8";
body  {
    	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		line-height:14px;
    	background: #000000;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #777777;
    }
    .thrColFixHdr #container { 
    	width: 940px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
		background:  url(Bilder/6px.png) repeat-y;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: center; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
    } 
    .thrColFixHdr #header { 
    	width:900px;
		height:144px;
		background:#6a686b url(Bilder/head.jpg);
		margin: 0 auto; 
    } 
    .thrColFixHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
	.thrColFixHdr #schatten_oben { width:900px; height:6px; background:url(Bilder/schatten_oben.png) no-repeat; margin: 0 auto;}
    .thrColFixHdr #sidebar1 {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 205px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
		margin-top:5px;
		margin-top:-30px!;
    }
    .thrColFixHdr #sidebar2 {
    	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 205px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	text-align: left;
		margin-top:-30px!;
		    }
.thrColFixHdr #sidebar2 font {color:white; font:bold 12px Verdana, Arial, Helvetica, sans-serif;}
.thrColFixHdr #sidebar2 a.leiste_rechts_ueberschrift {color:white; font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
.thrColFixHdr #sidebar2 p {margin-top:8px; margin-bottom:0px;}
    .thrColFixHdr #mainContent { 
		margin: 0 205px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
    	padding: 5px 5px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	text-align: left;
		background-color:#FFFFFF;
		    }
	img.austauschbild {  margin:8px 0px 8px 0px; }
    .thrColFixHdr #footer { 
    	width:940px;
		height:46px;
    	background:#6a686b url(Bilder/leiste_unten.png) no-repeat;
		margin: 0 auto;
    } 
    .thrColFixHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
ul.ebene1	{ list-style:none; margin-left:27px; margin-top:0px; padding:0px;}
ul.ebene1 li	{  margin:5px 0px; }
ul.ebene1 a	{ text-decoration:none; font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; display:block; line-height:21px; background:#b4b4b4; width:145px; border-left:6px solid #6a686b; padding-left:5px; cursor:pointer;}
ul.ebene1 a:hover	{ text-decoration:none; font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; display:block; line-height:21px; background:#b4b4b4; width:145px; border-left:6px solid #FFFFFF; padding-left:5px; cursor:pointer;}
ul.ebene1 a#aktiv	{ text-decoration:none; font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; display:block; line-height:21px; background:#b4b4b4; width:145px; border-left:6px solid #e21b25; padding-left:5px; cursor:pointer;}


ul.ebene2	{ list-style:none; margin-left:10px; padding:0px;}
ul.ebene2 li	{  margin:3px 0px;}
ul.ebene2 li a	{ text-decoration:none; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; display:block; line-height:17px; width:135px; background:#cbcaca; border-left:6px solid #999999; padding-left:5px; cursor:pointer;}
ul.ebene2 li a:hover	{ text-decoration:none; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; display:block; line-height:17px; width:135px; background:#cbcaca; border-left:6px solid #FFFFFF; padding-left:5px; cursor:pointer;}
ul.ebene2 li a#aktiv	{ text-decoration:none; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; display:block; line-height:17px; width:135px; background:#cbcaca; border-left:6px solid #e21b25; padding-left:5px; cursor:pointer;}


ul.ebene3	{ list-style:none; margin-left:10px; padding:0px;}
ul.ebene3 li	{  margin:1px 0px;}
ul.ebene3 li a	{ text-decoration:none; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; display:block; line-height:16px; width:131px; background:#dbdbdb; border-left:0px solid #6a686b; padding-left:5px; cursor:pointer;}
ul.ebene3 li a:hover	{ text-decoration:none; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#e21b25; display:block; line-height:16px; width:131px; background:#dbdbdb; border-left:0px solid #6a686b; padding-left:5px; cursor:pointer;}
ul.ebene3 li a#aktiv	{ text-decoration:none; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#e21b25; display:block; line-height:16px; width:131px; background:#b4b4b4; border-left:0px solid #6a686b; padding-left:5px; cursor:pointer;}

div#kontakt { width:145px; background:#b4b4b4 url(Bilder/kontakt.png) no-repeat; margin-left:22px; text-align:left; margin-top:10px; padding:1px 5px 7px 5px; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
div#interessantes { width:141px; height:170px; background:#b4b4b4 url(Bilder/kontakt.png) no-repeat; margin-left:22px; text-align:left; margin-top:10px; padding:1px 7px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
div#aktuelles { width:145px; background:#b4b4b4 url(Bilder/kontakt.png) no-repeat; margin-left:22px; text-align:left; margin-top:10px; padding:1px 5px; font:bold 9px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
a.leiste_rechts_aktuelles	{font:bold 9px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-decoration:underline;}


a.leiste_rechts	{font:normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#000000;}
a.leiste_rechts:hover	{font:normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#e21b25;}

a.brotkrumen {font:normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#CCCCCC;	}
a.brotkrumen:hover {font:normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#CCCCCC;	}

#brotkrumen {font:normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#CCCCCC;	}

#ueberschrift	{ font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#e21b25; margin:8px 0px 6px 0px;}

a.textlink	{font:normal Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#000000;}
a.textlink:hover	{font:normal Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#e21b25;}
a	{font:normal Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#000000;}
a:hover	{font:normal Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#e21b25;}

a.blaetter_link	{font:normal Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#e21b25;}
a.blaetter_link:hover	{font:normal Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#e21b25;}


div.erklaerung { font:normal 10px Verdana, Arial, Helvetica, sans-serif; border:1px solid #000000; padding: 5px; background-color:#EEEEEE; margin-bottom:2px;}

a.erklaerung { font:normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#777777}

div.anfrage {width:95%; background-color:#EEEEEE; border:2px outset #AAAAAA; padding:5px;}
div.anfrage input { border:1px solid #000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0; width:200px;}
div.anfrage select { border:1px solid #000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
div.anfrage textarea { border:1px solid #000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0; width:200px; height:50px;}
div.anfrage div { width:85px; line-height:14px; float:left;}
div.anfrage p { margin:10px 0px 0px 0px;}


div#wrapper {
	width: 500px;
	height:240px;
	margin-bottom: 10px;
	border: 0px outset #dbdbdb;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
}

#pflow {
  float:right;
  color: #000000;
  background-color: #FFFFFF;
}
#showroom_ueberschrift_links	{ float:left; width:30px; height:240px; background-color:#dbdbdb; }
#showroom_ueberschrift_rechts	{ float:right; width:30px; height:240px; background-color:#dbdbdb; }


#ansprechpartner	{ float:left; width:60%; border-right:1px solid #000000;	}
#ansprechpartner div	{ float:left; width:60px;;	}
#zustaendigkeit	{ float:right; width:37%; }

#aktuelles_links	{ float:left; width:85%; }
#aktuelles_rechts	{ float:right; width:15%; text-align:right;}
div.aktuelles_box {min-height:150px}

ul.sitemap1	{ list-style:none; margin-left:0px; padding:0px;}
ul.sitemap1 a	{ text-decoration:none; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000000;; line-height:21px; padding-left:0px; cursor:pointer;}
ul.sitemap1 li a:hover	{ text-decoration:underline; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000000;; line-height:21px; padding-left:0px; cursor:pointer;}

ul.sitemap2	{ list-style:circle;}
ul.sitemap2 li a	{ text-decoration:none; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:17px; padding-left:0px; cursor:pointer;}
ul.sitemap2 li a:hover	{ text-decoration:underline; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:17px; padding-left:0px; cursor:pointer;}
#index1	{ text-decoration:none; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:17px; padding-left:0px; cursor:pointer;}
#index1:hover	{ text-decoration:underline; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:17px; padding-left:0px; cursor:pointer;}
#index2	{ text-decoration:none; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:16px; padding-left:0px; cursor:pointer;}
#index2:hover	{ text-decoration:underline; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:16px; padding-left:0px; cursor:pointer;}


ul.sitemap3	{ list-style:disc;}
ul.sitemap3 li a	{ text-decoration:none; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:16px; padding-left:0px; cursor:pointer;}
ul.sitemap3 li a:hover	{ text-decoration:underline; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:16px; padding-left:0px; cursor:pointer;}


a.interessantes	{font:normal Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF;}
a.interessantes:hover	{font:normal Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#e21b25;}

img.aktuelles {border:0px; float:right; margin: 0px 0px 10px 10px; }
img.rechte_leiste {border:0px; width:120px; text-align:center;}

table.kunden	{ border:0px; }
table.kunden td { text-align:center; width:170px; padding-bottom:10px;}

img.ihre_website { border:1px solid #6a686b; height:120px; }