/* CSS Document */

body{
	margin:0px;
	background-image:url(../images/layout/background.gif);
	background-repeat:repeat-x;
}


/*
Layout-Wrapper haelt das ganze Layout zusammen
In ihm befinden sich alle großen div's die wiederum die ganzen kleinen div's beinhalten.
Das Layout wird erst einmal von oben nach unten unterteilt.
1) Header-Wrapper
## in diesem div sind folgende Elemente beinhaltet: (links nach rechts)
#### Honda-Logos mit Funktion (Sprung zum Home Auto oder Bike)
#### Honda-Harke Logo
#### Die beiden Haeuser mit Adressen etc.
2) Flash-Wrapper
## in diesem div sind folgende Elemente beinhaltet: (links nach rechts)
#### Flashfilm im Loop
#### Stichworte
3) Navigation-Wrapper
## in diesem div sind folgende Elemente beinhaltet: (links nach rechts)
#### Harke hat... - Logo
#### Hauptnavigation
#### Actionbox-Logo
4) Content-Wrapper
## in diesem div sind folgende Elemente beinhaltet: (links nach rechts)
#### Evtl. Subnavigation links (Automobile, Service, Unternehmen, Kontakt, etc.)
#### der eigentliche Inhalt der einzelnen Seiten
#### Actionbox-Wrapper
###### Der Actionbox-Wrapper haelt die 3 Actionboxen auf ihrem Platz
5) Footer-Wrapper
## in diesem div sind folgende Elemente beinhaltet: (links nach rechts)
#### Impressum
#### CO2-Werte
*/
#layout_wrapper{
	position:absolute;
	top:20px;
	left:0px;
	width:1000px;
	
	padding:0px;
	margin:0px;
}

/*#############
Header start
#############*/
#header_wrapper{
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:90px;
	padding:0px;
	margin:0px;
}
#header_go_home{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:90px;
	padding:0px;
	margin:0px;
}
#header_hondaharke_logo{
	position:absolute;
	left:100px;
	top:0px;
	width:249px;
	height:90px;
	padding:0px;
	margin:0px;
}
#header_haus_bergedorf{
	position:absolute;
	top:8px;
	left:535px;
	width:230px;
	padding-top:3px;
	line-height:11px;
}
#header_haus_bardowick{
	position:absolute;
	top:8px;
	left:770px;
	width:230px;
	padding-top:3px;
	line-height:11px;
}
.pic_header_autohaus{
	float:left;
	margin:3px 3px 5px 0px;
	border:1px solid #000;
}
/*#################
Flash-Wrapper start
#################*/
#flash_wrapper{
	position:absolute;
	top:90px;
	left:0px;
	width:1000px;
	height:207px;
	padding:0px;
	margin:0px;
}
#flash_loop{
	position:absolute;
	top:0px;
	left:100px;
	width:434px;
	height:207px;
	padding:0px;
	margin:0px:
}
#flash_stichworte{
	position:absolute;
	top:0px;
	left:535px;
	width:465px;
	height:207px;
	padding:0px 0px 0px 3px;
	margin:0px;
}

/*#################
Navigation-Wrapper start
#################*/
#navi_wrapper{
	position:absolute;
	top:297px;
	left:0px;
	width:1000px;
	height:36px;
	padding:0px;
	margin:0px;
}
#navi_honda_hat{
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:36px;
	padding:0px;
	margin:0px;
}
#navi_main_navi{
	position:absolute;
	top:0px;
	left:100px;
	width:435px;
	height:36px;
	margin:0px;
	padding:10px 0px 0px 20px;
	text-transform:uppercase;
}
#navi_actionbox_logo{
	position:absolute;
	top:0px;
	left:535px;
	width:465px;
	height:36px;
	margin:0px;
	padding:0px;
}

/*###################
Content-Wrapper start
###################*/
#content_wrapper{
	position:absolute;
	top:333px;
	left:0px;
	width:1000px;
	height:auto;
	margin:0px;
	padding:0px;
}
#content_submenue{ /* erscheint nur auf einigen seiten */
	top:68px;
	left:2px;
	padding:44px 0px 0px 6px;
	line-height:20px;
	width:110px;
	height:300px;
	float:left;
}
#content_content{
	top:0px;
	left:120px;
	width:415px;
	height:auto;
	margin:0px 0px 0px 2px;
	float:left;
	padding:0px 0px 0px 0px;
}
#content_whitespace{
	top:0px;
	left:535px;
	width:7px;
	height:100px;
	margin:0px;
	float:left;
	padding:0px;
}
#content_actionbox_wrapper{
	top:0px;
	left:550px;
	width:460px;
	height:372px;
	padding:0px;
	margin:0px;
	float:left;
}
#content_action_left{ /* Action-Box Angebote */
	top:2px;
	left:0px;
	width:140px;
	height:370px;
	margin:0px 8px 0px 0px;
	background-color:#202020;
	color:#FFF;
	padding:0px 3px 0px 3px;
	overflow:hidden;
	float:left;
}
#content_action_left a{color:#DB0507; font-weight:bold;}

#content_action_middle{ /* Action-Box Events */
	top:2px;
	left:153px;
	width:140px;
	height:370px;
	margin:0px 8px 0px 0px;
	background-color:#2e2e2e;
	color:#FFF;
	padding:0px 3px 0px 3px;
	overflow:hidden;
	float:left;
}
#content_action_middle a{color:#DB0507; font-weight:bold;}

#content_action_right{ /* Action-Box Service */
	top:2px;
	left:306px;
	width:140px;
	height:370px;
	margin:0px;
	background-color:#5a5a5a;
	color:#FFF;
	padding:0px 3px 0px 3px;
	overflow:hidden;
	float:left;
}
#content_action_right a{color:#DB0507; font-weight:bold;}
/*###################
Footer-Wrapper start
###################*/
#footer_wrapper{
	display:inline;
	width:874px;
	height:30px;
	margin:20px 0px 0px 118px;
	padding:3px 0px 0px 0px;
	border-top:1px dashed #999;
	float:left;
	color:#999;
}





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

ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
li{
	margin:0px 0px 10px 0px;
	line-height:14px;
}
li.service{
	margin:0px 0px 10px 0px;
	line-height:14px;
	list-style-image: url('../images/layout/listensymbol.gif')
}
li.subsub{
	padding:0px 0px 0px 10px;
	line-height:10px;
	list-style-image:none;
}


/*### Modell-Boxen*/
#modell_auswahl_box{
	width:130px;
	height:100px;
	float:left;
	padding:0px 0px 0px 2px;
	margin:0px;
}
.preview_modelle{
	border:0px;
}




#header_wrapper_beratung {
	/*
	Der header_wrapper_beratung umfasst die einzelene divs die im header angezeigt werden sollen. 
	Die einzelnen Ebenen sind als unique div angelegt. Ist nur für das popup bei der persoenliche Beratung -> modellauswahl
	*/
	position:relative;
	top:0px;
	left:0px;
	width:600px;
	height:111px;
}

#berater_links{
	position:absolute;
	top:130px;
	left:20px;
	width:330px;
	height:300px;
}
#berater_rechts{
	position:absolute;
	top:130px;
	left:380px;
	width:330px;
	height:300px;
}
.beratung{
	margin-top:0px;
}




#mitarbeiter{
	width:205px;
	height:auto;
	float:left;
	padding:0px 0px 0px 2px;
	margin:0px 0px 25px 0px;
}


/*### Event-Boxen*/
#event_auswahl_box{
	width:175px;
	height:180px;
	float:left;
	padding:0px 0px 0px 2px;
	margin:0px;
}
.event_modelle{
	border:1px solid #db0508;
}