@charset "utf-8";

/*max Breite: 596px */

body  {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #f1f1f1;
	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: #666666;
}
.thrColFixHdr #container { 
	width: 982px;  /* 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: #FFFFFF url(Bilder/1px_hor.jpg) repeat-y;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
} 
.thrColFixHdr #header { 
	background: url(Bilder/head.jpg) no-repeat;
	height:174px;
	padding: 0 0px 0 0px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	text-align:right;
} 
.thrColFixHdr #sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 180px; /* 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. */
	padding: 0px 0px 0px 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
}
.thrColFixHdr #sidebar2 {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 150px; /* 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. */
	padding: 0px 5px 0px 5px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	color:#FFFFFF;
}
.thrColFixHdr #sidebar2 p {
	margin:8px 0 0 0;
}
.thrColFixHdr #mainContent { 
	margin: 0 180px 0 200px; /* 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: 10px 0px 0 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
} 
.thrColFixHdr #footer { 
	padding: 35px 0px 0 800px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background: #FFFFFF url(Bilder/foot.jpg) no-repeat; 
	height:30px;
	color:#FFFFFF;
} 
.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;
}

div.kasten_rechts	{ width:120px; background:#666666; padding:4px 8px 8px 8px; margin:15px 0 0 0; }
div.kasten_rechts a	{ color:#FFFFFF; text-decoration:none; font-weight:bold; }

div.kasten_links	{ width:133px; background:#ed7a29; padding:4px 8px 8px 8px; margin:15px 0 0 20px; color:#FFFFFF; border:1px solid #666666; }
div.kasten_links a	{ color:#FFFFFF; text-decoration:underline;  }


p.trenner	{ color:#000000; font-size:14px; margin: 10px 0 5px 9px;}

ul.hauptmenu	{ list-style:none; margin-left:11px; margin-top:0px; padding:0px;}
ul.hauptmenu li	{  margin:0px 0px 3px 0px; }
ul.hauptmenu a	{ text-decoration:none; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; line-height:20px; background:url(Bilder/hauptmenu.jpg) no-repeat; width:155px;  padding-left:15px; cursor:pointer; height:21px; }
ul.hauptmenu a:hover	{ color:#ed7a29;  }
ul.hauptmenu a#aktiv	{ background:url(Bilder/hauptmenu_aktiv.jpg) no-repeat; color:#ed7a29; }


ul.untermenu	{ list-style:none; margin-left:10px; padding:0px;}
ul.untermenu li	{  margin:3px 0px;}
ul.untermenu li a	{ text-decoration:none; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; line-height:15px; width:143px; height:16px; background:#999999;  padding-left:7px; cursor:pointer;}
ul.untermenu li a:hover	{ color:#ed7a29; }
ul.untermenu li a#aktiv	{ color:#ed7a29; background:#999999; }

a.orgpunkt	{ font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
a.orgpunkt:hover	{ font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:underline; }
a.orgpunkt_aktiv	{ font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:underline; }


div.brotkrumen	{ float:right; text-align:right; font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC;}
div.brotkrumen a	{ text-decoration:underline; color:#999999;}
div.brotkrumen a:hover	{ text-decoration:underline; color:#fabb00;}

font.ueberschrift	{ color:#ed7a29; font:bold 14px Verdana, Arial, Helvetica, sans-serif; }

p {margin-top: 10px; }
p.nach_ueberschrift {margin-top: 20px; }
a.textlink	{ color:#666666; }
a.textlink:hover	{ color:#ed7a29; }
h2	{ font:bold 16px Verdana, Geneva, sans-serif; }


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

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

ul.sitemap3	{ list-style:circle;}
ul.sitemap3 li a	{ text-decoration:none; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#666666; line-height:13px; padding-left:0px; cursor:pointer;}
ul.sitemap3 li a:hover	{ text-decoration:underline; color:#ed7a29;}


div.agb_box { width:570px; border:1px solid #666666; padding:10px; margin:0 0 10px 0; }

div.aktuelles { width:570px; border:1px solid #666666; padding:10px; margin:0 0 10px 0; }
.bild_aktuelles {border:0; float:right; margin:0 0 10px 10px; height:100px; border:2px solid #ed7a29;}

img.mietanfrage_button	{ border:0px; margin:0px 15px; }

div.anfrage {width:586px; background-color:#e7e7e7; border:2px outset #666666; padding:5px; }
#links { width:55%; border-right:1px solid #666666; }
#rechts { float:right; width:40%; }
div.anfrage input { border:1px solid #666666; color:#666666; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0; width:200px;}
div.anfrage select { border:1px solid #666666; color:#666666; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
div.anfrage textarea { border:1px solid #666666; color:#666666; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0; width:200px; height:50px;}
div.anfrage span { width:85px; line-height:14px; float:left;}
div.anfrage p { margin:10px 0px 0px 0px;}


table.liste		{}
table.liste tr#ueberschrift {font-weight:bold; height:20px; color:#000000;}
table.liste tr#farbig {background-color:#f5f5f5;}
table.liste#unfarbig {background-color:#FFFFFF;}

img.kategorie_button { border:0px; float:right; width:60px; }

img.geraet {border:0px; width:70px; margin-left:25px; }

div.geraet_info { border-left:1px dashed #999999; border-bottom:1px dashed #999999; width:200px; padding:10px; text-align:left; margin:0 0 20px 0; float:right; }
div.geraet_info img	{ margin:0 10px 0 0; border:0px; }
div.geraet_info a	{ text-decoration:none; color:#666666; }
div.geraet_info a:hover	{ color:#ed7a29; }

form.schnellauswahl	{ margin:4px 20px 0 0px; }
form.schnellauswahl select	{ border:2px solid #999999; background:#999999; color:#FFFFFF; font-size:11px; }
form.schnellauswahl select option	{ padding-left:10px; }
form.schnellauswahl input { font-size:11px; border:0px outset #999999; background:#ed7a29 url(Bilder/submit.jpg) no-repeat; cursor:pointer; height:19px; width:32px}
#hauptkategorie { background:#FFFFFF; color:#666666; font-weight:bold; padding-left:2px;}

table.uebersicht	{ width:596px; }
table.uebersicht img{ margin:0 0 13px 0; }

div.zentrale	{ background:#E7E7E7; border:2px outset #666666; width: 250px; padding:5px; text-align:left; }
div.zentrale span { float:left; width:85px; }

table.ansprechpartner	{ width:596px; }
table.ansprechpartner td	{padding-top:25px;}

table.startseite	{ width:596px; text-align:center; border:0px; }
table.startseite img	{ border:0px; }
table.startseite a	{ text-decoration:none; font:bold 12px Verdana, Geneva, sans-serif; color:#666666;  }