/* CSS Document */

/* ALLGEMEINE FORMATIERUNG */


/* SEITENFORMATIERUNG */
body {
			font-family: arial, helvetica, sans-serif;				/* Schriftart wird festgelegt */
			font-size: 101%;										/* Schriftgröße */
			margin: 0 auto; 										/* Body Aussenränder werden auf 0 gesetzt */
			padding: 0;   											/* Body Innenränder werden auf 0 gesetzt */
			background-color: #666666;								/* Hintergrundfarbe der Seite */
			}
		
/* CLEAR FÜR FLOAT-ELEMENTE */			
.clearer {															/* Wenn Elemente nebeneinander gestellt werden, muss dieses aufgehoben werden mit clear */	
			clear: both;											/* Die Eigenschaft hebt alle float - Elemente auf */ 
			visibility: hidden;										/* Das Element wird nicht angezeigt, es wird jedoch ein Platz freigehalten */
			border: 1px solid #FF0000;								/* Bewirkt, dass der Abstand zwischen 2 gefloateten Objekten nicht zu breit wird IE */
			}								
			
/* LINKS */
link, a:link, a:visited {											/* Link, aktiver Link, besuchter Link */
			color: #00336D;											/* Linkfarbe */
			text-decoration: none;									/* Textdekoration: keine */
			}

/* LINK WENN MAUS DRÜBER IST */
a:hover {		
			color: #00336D;											/* Link, wenn Maus darüber ist */
			text-decoration: underline;								/* Textdekoration: Unterstrichen */
			}



/* ---------------------------------------   Grundcontainer AUSSEN  ----------------------------------------------- */

#grundcontainer	{
			width: 60.0em;										    /* Breite 1024 Pixel, verändert sich aber bei grosser Schrift */
			background-color: #FFFFFF;								/* Hintergrundfarbe */
			border: 1px solid #999999;
			margin: 0.3em auto;										/* Seitenabstand vom Rand, diese Angabe zentriert den Grundcontainer */
			padding: 0.3em;											/* Abstand der Inhalte zum Grundcontainer */
			}

/* ---------------------------------------   Kopfbereich  ----------------------------------------------- */


#kopf {																
			background: #FFFFFF;  									/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 6.0em;											/* Höhe der Kopfzeile */
			margin: 0;
			padding: 0;
			left: 0;
			top: 0;
			}
	
			
/* ---------------------------------------   Linker Bereich mit Navigation ----------------------------------------------- */

#left {		
			position: relative;										/* Linker Bereich mit Navigation */		
			width: 10.81em;											/* Breite in em = 204px */
			background: #C6C6C7 url('http://www.autohaus-kuehn.com/bilder/bg_navi.jpg') repeat-y left top;
			float: left;											/* Element steht links, folgende Elemente werden rechts von diesem positioniert */
			}
	
			
ul#mainnav {														/* Navigation im Listenstil */
			list-style: none;										/* Kein Listenstil wie Kreis, Quader o.ä. */									
			margin: 3.0em 0 0 0;									/* Kein Abstand der Navigarion zum Hintergrund Links */
			padding: 0;												/* Kein Innenabstand der Navigation zum Hintergrund Links */
			background-color:  #FFFFFF;								/* Hintergrundfarbe der Navigation */
			}


ul#mainnav li a:link, ul#mainnav li a:visited {						/* Link, hier das Listenelemet der Liste aktiver Link und besuchter Link */
			text-decoration: none;									/* Keine Textdekoration */
			display: block;											/* Soll als Blockelement behandelt werden */
			width: 88%;												/* Breite 88% da Padding abgezogen werden muss */
			padding: 6px 6%;										/* Abstand des Textes innerhalb der Liste zum Rand */
			background-color: #C2C2C2;								/* Hintergrundfarbe der Links */
			font: 0.75em/1.5 Geneva, Arial, Helvetica, sans-serif;	/* Schriftgröße der Links, Schriftart und Zeilenhöhe */
			color: #000000;											/* Schriftfarbe */
			font-weight: bold;
			}

		
ul#mainnav li {
			border-top: 1px solid #FFFFFF;							/* Rahmen oben der Listenelemente, um Buttons abzutrennen */
			height: 1.8em;
			}


ul#mainnav li a:hover {												/* Besuchter Link in der Navigation */
			background-color: #516A95;								/* Hintergrunffarbe, wenn die Maus darüber ist */
			color: #FFFFFF;											/* Schriftfarbe wenn die Maus darüber ist */				
			}

			
/* ---------------------------------------   Rechter Bereich ----------------------------------------------- */			
			
#right {	
			position: relative;										/* Rechter Balken */		
			width: 12.21em;											/* Breite des Balkens 195px, padding vom Wert 12.81 abgezogen = 12.21 */
			background-color: #E1E1E1;							 	/* Hintergrundfarbe des rechten Balkens */
			float: right;											/* Element steht rechts, folgende Elemente werden Links von diesem positioniert */
			text-align: center;										/* Elemente, die keine Ausrichtung angegeben haben, werden zentriert ausgerichtet */
			border-top: 1px solid #FFFFFF;
			padding: 0;
			margin: 0;
			}




/* ---------------------------------------   Fussbereich ----------------------------------------------- */

			
#fuss {		
			position: relative;		
			width: 59.6em;											/* Breite des Fußbereiches, padding muss abgezogen werden (60em-padding grundcontainer 0.3x2) */
			background: #B8B8B8;									/* Hintergrundfarbe des Fussbereiches */
			height: 0.8em;											/* Höhr des Fussbereiches */
			color: #000000;											/* Schriftfarbe */
			margin: 0;												/* Außenabstand von oben/unten 0.5em und rechts/links 0 */
			padding: 0.2em;											/* Innenabstand vom Rahmen zum Inhalt des Elements (Wird von der Gesamtbreite abgezogen */											
			text-align: center;										/* Ausrichtung der Elemente im Fussbereich */
			}

			
/* ---------------------------------------   Hauptinhalt MITTE ----------------------------------------------- */


#content {	
			position: relative;										/* Hauptinhalt */
			margin: 0.8em 0 0.8em 0.8em;											/* Außenabstand des Hauptinhaltes zu den anderen Elementen alle Seiten */						
			background: #F3F3F3;									/* Hintergrundfarbe */
			width: 34.2em;
			float: left;
			padding: 0.5em; 
			border: 1px solid #516A95;
			}



	
/* BILDER */

#kopf img {
			position: relative;										/* Bild im Kopfbereich */
			text-align: left;										/* Ausrichtung: links */
			top: 0px;												/* Position vom Rand oben */
			left: 0;
			width: 59.0em;
			height: 6.0em;
			}



.icon {
			float: left;
			width: 3.43em;
			height: 3.43em;
			margin-left: 0.8em;
			border: 0;
			}


.bild_rechts_oben {													/* Bilder die im rechten Element stehen */
			border: 1px solid #000000;								/* Durchgezogener Rahmen */
			width: 12.0em;
			height: 8.9375em;
			margin: 0;
			}

.startseite {
			width: 30.0em;
			height: inherit;
			text-align: center;
			margin: 0em 0 2.0em 2.0em;
			}

			
.img_querformat {
			width: 16.25em;
			height: inherit;
			border: 1px solid #000000;
			margin-right: 2.0em;
			margin-bottom: 0.2em;
			float: left;
			}	
			
			
.img_querformat_db {
			width: 15.0em;
			height: inherit;
			border: 1px solid #000000;
			margin-right: 2.0em;
			margin-bottom: 0.2em;
			float: left;
			}	
			
.img_klein_startseite {
			width: 7.5em;
			border: 1px solid #000000;
			float: left;
			}	

			
.img_querformat_db_re {
			width: 15.0em;
			height: inherit;
			border: 1px solid #000000;
			margin-right: 0.5em;
			margin-bottom: 0.2em;
			float: right;
			}					
	
.kasten_links {	
			position: relative;										/* Hauptinhalt */
			margin: 0;											/* Außenabstand des Hauptinhaltes zu den anderen Elementen alle Seiten */						
			background: #F3F3F3;									/* Hintergrundfarbe */
			width: 11.0em;
			float: left;
			padding: 0.5em; 
			}

.kasten_rechts_content {	
			position: relative;										/* Hauptinhalt */
			margin-right: 1.0em;											/* Außenabstand des Hauptinhaltes zu den anderen Elementen alle Seiten */						
			background: #F3F3F3;									/* Hintergrundfarbe */
			width: 16.0em;
			float: right;
			padding: 0.5em; 
			}
			
.kasten_rechts_content02 {	
			position: relative;										/* Hauptinhalt */
			margin-right: 1.0em;											/* Außenabstand des Hauptinhaltes zu den anderen Elementen alle Seiten */						
			background: #F3F3F3;									/* Hintergrundfarbe */
			width: 20.0em;
			float: right;
			padding: 0.5em; 
			}


/* SCHRIFTEN */
	

/* ÜBERSCHRIFT H3 */
h3 {
			font-family: Geneva, Arial, Helvetica, sans-serif; 		/* Schrift rechts (Auflistung Arbeitsbereiche) */
			text-align: left;										/* Textausrichtung: links */
			color: #00336D;											/* Farbe */
			margin: 0;
			font-style: italic;
			font-weight: bold;
			padding: 0;
			}
			
			
h2 {			
			color: #FF0000;											/* Farbe */
			}
			
			

/* SCHRIFT FLIESSTEXT IM CONTENT */			
.fliesstext {
			font-size: 0.8em;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			text-align: left;										/* Ausrichtung des Textes */
			color: #000000;											/* Textfarbe */
			}

/* SCHRIFT KLEIN IM CONTENT */			
.klein {
			font-size: 0.7em;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			text-align: left;										/* Ausrichtung des Textes */
			color: #000000;											/* Textfarbe */
			}	

/* LISTEN IM CONTENT */
#content li {
			font-size: 0.9em;			
			list-style-type: square;
			font-weight: bold;
			line-height: 1.5em;
			margin: 0;
			padding: 0;
			}

			
/* SCHRIFT IM FUSSBEREICH */			
.text_fuss {
			font-size: 0.7em;										/* Textgröße */
			font-weight: bold;										/* Schriftschnitt: fett */
			}
		
			
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FORMULARE +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.kasten_form {
			width: 31.0em;
			background-color: #FFFFFF;
			padding: 0.5em;
			border: 1px solid #516A95;
			}
		


/* SCHRIFT FÜR FORMULAR, LINKS AUSGERICHTET */			
.links_ausr_form {
			float: left;
			font-size: 0.8em;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			color: #000000;
			}

/* FORMULARFELD RECHTS AUSGERICHTET */
.rechts_ausr_form {
			float: right;
			width: 18em;
			}

/* AUSSEHEN DES FORMULARFELDES */
.formularfeld {
			background-color: #E0F3FD;
			border: 1px solid #000000;
			font-size: 0.8em;
			}
			
			
			
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ RAHMEN +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.kasten_rechts {
			background: #516A95;
			border: 1px solid #5C6F90;
			width: 11.75em;
			padding: 0.2em;
			text-align: left;
			}
			
.schrift_kasten_rechts {
			font-size: 0.75em;
			font-weight: bold;
			text-align: left;
			color: #FFFFFF;
			}
			
			
.kasten_rechts_bli {
			background: #E1E1E1;
			width: 10.95em;
			padding: 0.6em;
			text-align: left;
			}
			
.schr_kare_norm {
			font-size: 0.7em;
			text-align: left;
			color: #000000;
			}