/* ------------------------------------------------------- */
/* browser reset */
/* ------------------------------------------------------- */

* {
	margin:0px;
	padding:0px;
}

/* ------------------------------------------------------- */
/* grundeinstellungen schriftart, -groesse, zeilenabstand, schriftfarbe, hintergrund */
/* ------------------------------------------------------- */

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:76%;
	line-height:1.7em;
	color: #3b3f44;
	background:url('bilder/hintergrundkachel.gif');
}
	
html, body {
	width: 100%;
	}

/* ------------------------------------------------------- */
/* sprungmarken-ziel (anker), hoehe definieren */
/* margin-top wuerde beim anklicken des anker-links nicht beruecksichtigt */
/* ------------------------------------------------------- */

#seitenanfang {
	height:30px;
}
	
/* ------------------------------------------------------- */
/* seitenbreite festlegen */
/* ------------------------------------------------------- */

#umspanner {
	width:900px;
	margin:0px auto;
}

/* ------------------------------------------------------- */
/* kopfbereich, struktur aufbauen */
/* ------------------------------------------------------- */

#kopf {
	height:200px;
}

/* ------------------------------------------------------- */
/* Grafiken im Kopfbereich */
/* ------------------------------------------------------- */

#plakettenbild {
	width:250px;
	height:200px;
	float:left;
	padding-top:0px;
	padding-left:0px;
	background:url(bilder/hu-plakette.jpg);
}

.gutachten #plakettenbild,
.schadengutachten #plakettenbild,
.wertgutachten #plakettenbild,
.kuesplus #plakettenbild,
.classicdata #plakettenbild

{
	background:url(bilder/gutachten.jpg) !important;
}


#kopf2 {
	display:inline;
	float:right;
	height:200px;
	width:650px;
	background:url('') no-repeat 30px 100px white;
}

#firmenlogo {
	position:absolute;
	margin-left:30px;
	margin-top:100px;
}

#kueslogo-kopf {
	position:absolute;
	margin-top:17px;
	margin-left:538px;	
}

#roter_balken_waagerecht {
	height:45px;
	margin-bottom:5px;
}

/* ------------------------------------------------------- */
/* 4 spalten dimensionieren und positionieren */
/* ------------------------------------------------------- */

#linke-spalte {
	border-left:45px solid #c00;
	padding-left:5px;
}

#linke-spalte, #rechte-spalte {
	float:left;
	width:200px; /* _200_ + 5 + 30 + 380 + 30 + 5 + 200 = 850 */
	margin:0px;
	display:inline; /* wird benötigt für die Darstellung im IE5 und IE6 */
}

#hauptteil {
	float:left;
	width:380px; /* 200 + 5 + 30 + _380_ + 30 + 5 + 200 = 850*/
	margin:0px 5px 60px 5px; /* 200 + _5_ + 30 + 380 + 30 + _5_ + 200 = 850 */
	padding:20px 30px; /* 200 + 5 + _30_ + 380 + _30_ + 5 + 200 = 850 */
	display:inline; /* wird benötigt für die Darstellung im IE5 und IE6 */
}


.zentriert {
	text-align:center;
	margin-top:10px;
	margin-bottom:25px;
}

/* ------------------------------------------------------- */
/* fuss dimensionieren und positionieren */
/* ------------------------------------------------------- */

#fuss {
	margin-top:30px;
}


/* ------------------------------------------------------- */
/* seitenbereiche */
/* ------------------------------------------------------- */

.seitenbox, #navibox {
	margin-bottom:5px;
	padding:15px 13px 10px 13px;
	background:url(bilder/verlauf.jpg) top repeat-x white;
}

/* ------------------------------------------------------- */
/* seitenbereiche : navibox */
/* ------------------------------------------------------- */

#navibox {
	line-height:1.0em;
	padding:0px;
}

#navibox ul { /*UL of each sub menu*/
	list-style-type: none;
	}

a.navi {
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 7px 5px 6px 5px;
}

.menutitle {
		text-transform:uppercase;
		cursor:pointer;
		margin: 0px;
		text-align:left;
	}


/* unterschiedliche Einrückung der LIs */

.menutitle a { padding-left: 10px; padding-right: 10px;}
.submenu a { padding-left: 25px; padding-right: 10px;}


/* ------------------------------------------------------- */
/* seitenbereiche : rechte spalte*/
/* ------------------------------------------------------- */

.seitenbox li {
	list-style-type: none;
	margin:0.6em 0px;
	padding:0px;
	background: url(bilder/bullet.gif) no-repeat 0 0.6em; padding-left:15px;
}

/* ------------------------------------------------------- */
/* alle bereiche */
/* ------------------------------------------------------- */

a:link   { color: #42474c; font-weight: bold; text-decoration: none; border-bottom:1px dotted #c00; }
a:visited   { color: #42474c; font-weight: bold; text-decoration: none; border-bottom:1px dotted #c00; }
a:hover   { color: #c00; font-weight: bold; text-decoration: none; border-bottom:1px solid #c00; }
a:active   { color: #000; font-weight: bold; text-decoration: none; border-bottom:1px solid #c00; }

a.navi:link { font-weight: bold; text-decoration: none; border-bottom:1px solid #b8c2ce; }
a.navi:visited { font-weight: bold; text-decoration: none; border-bottom:1px solid #b8c2ce; }
a.navi:hover { font-weight: bold; text-decoration: none; border-bottom:1px solid #b8c2ce; }
a.navi:active { font-weight: bold; text-decoration: none; border-bottom:1px solid #b8c2ce; }

/*-------------------------------  bilder-galerie  --------------------------------- */
.galerie a { border-bottom:none; }
.galerie a:link img.thumbnail { padding:3px; border:1px dotted #c00 !important; }
.galerie a:visited img.thumbnail { padding:3px; border:1px dotted #c00 !important; }
.galerie a:hover img.thumbnail { padding:3px; border:1px solid #c00 !important; }
.galerie a:active img.thumbnail { padding:3px; border:1px dotted #c00 !important; }



#hauptteil ul {
	margin:20px 0 0 0;
	list-style-type: none;
	padding:0 0 10px 0;
	}

/*  das foto auf der seite 'kontakt' soll rechtsbuendig stehen:     */
.kontakt p.galerie {
	float:right;
}

#hauptteil h1, #hauptteil h2, #hauptteil h3 {
	line-height:170%;
	margin-top:0.1em;
	margin-bottom:0.5em;
}

#linke-spalte h1, #rechte-spalte h1
{
	margin-top:0;
	margin-bottom:0.1em;
	line-height:1.5em;
}
#linke-spalte h2, #rechte-spalte h2

{
	margin-top:0.3em;
	margin-bottom:0.1em;
	line-height:1.5em;
}



/* ------------------------------------------------------- */
/* Farben */
/* ------------------------------------------------------- */

#roter_balken_waagerecht, #roter_balken_senkrecht {
	background-color:#c00;
}

#hauptteil {
	background-color:white;
}



#impressum {
	border-bottom:0px dotted #828c96; 
}


#hauptteil h1, #hauptteil h2, #hauptteil h3 {
	color:#c00;
}

/* bilder im hauptteil */
#schadenfoto, #hu-foto, #index-foto {
	border:1px solid #828c96;
}


/* unternavigation, einzelne elemente formatieren */

#hauptteil li, .kues li {
	list-style-type: none;
	padding-bottom:10px;
	margin-left:27px;
	background: url(bilder/bullet.gif) no-repeat 0 0.6em; padding-left:15px;
}

/* eigene klasse für elemente, bei denen das KÜS-logo abgebildet werden muss */
.kues {
	background: url(bilder/kues-logo.gif) no-repeat top right;
}

/* KÜS-Logo auf der Unterseite "Dienstleistungen" positionieren */
#kues-logo-dl { 
	border:12px solid #fff;
	float:right; 
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 10px;
	border:0px !important;
	margin-right:130px;
}

.au #hauptteil table {
	border-collapse:collapse;
	margin:0px;
	padding:0px;
}

.au #hauptteil td {
	border:1px solid #ccc;
	padding:5px;
}

h1 {
	font-size:1.3em;
}

h2 {
	font-size:1.01em;
}

img.thumbnail {
	margin:0px auto;
}

p {
	margin-bottom:1.5em;
}

td {
	vertical-align:top;
}

.mini {
	margin-top:0.85em;
	font-size: 0.85em;
	line-height:1.2em;
}

/* Zeilenabstand für Exponenten und Indizes (m3, CO2) fixieren, damit Zeilenabstand stimmt*/
sub, sup {
	line-height:1em;
}

#fuss {
	text-align:center;
	background-color:#ffffff;
}

/* manche bilder sollen keinen rahmen bekommen */
.noborder {
	border:0px !important;
}

#formular { margin:0 auto; padding:0; width:auto; }
	/* start style formular */
	form { margin:0; padding:0;}
	fieldset {width:auto; border-width: 1px 0 0 0; border-color: #2b2b2b; border-style:solid; padding:10px; margin:0px; text-align:left;}
	fieldset:hover {border-color:#c00;}
	fieldset#checkbox input  {width:35px;}
	legend {font-size:1.1em; font-weight:bold; padding:5px; margin:5px; background:none;}
	label { font-size:1em; margin:0 3px 3px 10px; padding:0; line-height:1.5em; width:95px; display:block; float:left; clear:left;}
	input {border:1px solid #2b2b2b; padding-left:0.3em; margin-bottom:0.6em; width:240px; background:#fff;}
	input:focus {border-color:#c00;}
	select {border:1px solid #2b2b2b; padding-left:0.3em; margin-bottom:0.6em; background:#fff; width:175px;}
	textarea {width:244px; border:1px solid #666;}
	textarea:focus {border-color:#c00;}
	.plz {width:50px;}
	.ort {width:180px;}
	.strasse {width:200px;}
	.strnummer {width:30px;}
	.submitbtn {width:100px; background:#2b2b2b; border:1px solid; border-color:#999 #333 #333 #999; color:#fff; cursor:pointer; padding:0; margin:0;}
	.submitbtn:hover {background:#c00; color:#fff; border:1px solid; border-color:#c00 #990100 #990100 #c00;}
	/* ende style formular */
	
	
/* aktuelle seite (navipunkt) hervorheben */
.startseite #startseite,
.gutachten #gutachten,
.pruefen #pruefen,
.hu #pruefen,
.au #pruefen,
.abnahmen #pruefen,
.bokraft #pruefen,
.gsp #pruefen,
.gwp #pruefen,
.maengelkarte #pruefen,
.gespann #pruefen,
.oldtimer #pruefen,
.abnahmen #abnahmen,
.schadengutachten #gutachten,
.schadengutachten #schadengutachten,
.wertgutachten #gutachten,
.wertgutachten #wertgutachten,
.kuesplus #gutachten,
.kuesplus #kuesplus,
.classicdata #gutachten,
.classicdata #classicdata,
.kontakt #kontakt,
.galerie #galerie,
.anfahrt #anfahrt,
.bokraft #bokraft,
.au #au,
.hu #hu,
.gsp #gsp,
.gwp #gwp,
.oldtimer #oldtimer,
.links #links,
.gespann #gespann,
.maengelkarte #maengelkarte,
.impressum #impressum,
.wwwkuesde #wwwkuesde,
.dienstleistungen #dienstleistungen
{
	color:#fff !important;
	background-color:#c00;
}