@media screen
{
	/* CSS Document */
	body,html {
		height: 100%;
	}
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ffffff;
		background: #000000;
		margin: 0;
		padding: 0;
		letter-spacing: 1px;
		line-height: 19px;
	}
	
	a {
		color: #ffffff;
		text-decoration: underline;
	}
	
	a:hover {
		color: #ffffff;
		text-decoration: none;
	}
	
	h2 {
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	
	h3, h4, h5 {
		font-size: 12px;
		font-weight: bold;
		margin: 0;
	}
	

	
	#main_container {
		position: relative;
		height: auto !important;
		height: 720px;
		min-height: 720px;
		margin: 0 auto -30px auto;
		width: 960px;
		background: url(../media/main_bg.jpg) no-repeat top;
	}
	
	.bg_nocar {
		background-image: url(../media/bg_nocar.jpg) !important;
	}
	
	#content_container {
		float: right;
		margin: 70px 12px 0 0;
		top: 70px;
		width: 550px;
		padding: 20px 12px;
		background-color: #000000;
		z-index: 20;
	}
	
	.content_fullscreen {
		padding: 20px 0px !important;
		background-color: transparent !important;
		width: 741px !important;
	}

	.reference_text {
		font-size: 9px;
	}

	
	body .fullscreen_bg {
		background-image: url(../media/bg_nocar.jpg) !important;
	}
	

	#content-header {
		background-color: blue;
		width: 700px;
		height: 40px;
	}
	#content_container h1 {
		font-family: arial narrow, Helvetica, sans-serif;
		font-weight:normal;
		font-size: 34px;
		letter-spacing: 2px;
		border-bottom: 1px solid #bdbdbd;
		height: 70px;
		line-height: 35px;
		margin: 0;
		padding: 0;
	}
	
	
	#content_container .one-line {
		height: 35px;
	}
	

		
	#bottom_container {
		width: auto;
		margin: 0 auto;
		width: 960px;
		margin-top: -150px;
		position: relative;
		min-height: 200px;
	}

	h2.two-lines {
		margin-bottom: 35px !important;
	}
	.no-neg-margin {
		margin-top: 0px !important;
		position: static !important;
	}
	
	#bottom_container h1 {
		font-size: 18px;
		font-weight: normal;
		border-bottom: 1px solid #5f5e58;
		padding: 5px 0;
		margin: 0;
	}
	
	#bottom_container a {
		display: block;
		background: url(../media/pijl.gif) no-repeat center left;
		padding-left: 20px;
	}
	
	.infoblok {
		float: left;
		width: 187px;
		padding: 0 10px;
	}
	
	#vipblok {
		float: right;
		right: 0;
		width: 187px;
		height: 133px;
		padding-right: 10px;
		background: url(../media/asimo.png) no-repeat;
	}
	
	.logo_honda {
		position: absolute;
		top: 0;
		left: 0;
		width: 128px;
		height: 108px;
		background: url(../media/logo_honda.gif) #000000 center no-repeat;
	}
	
	.clear {
		clear: both;
	}
		
	#push {
		
	}
		
	#footer_container {
		position: relative;
		width: 960px;
		height: 24px;
		font-size: 11px;
		border-top: 1px solid #3a3b35;
		margin: auto;
	}	
	
	#footer_links {
		float: left;
	}
	
	#footer_links a {
		color: #8f8f8f;
		text-decoration: none;
	}
	
	#footer_links a:hover {
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
	}
	
	a.honda_link {
		position: absolute;
		left: 0;
		top: 4px;
	}
	
	a.info_link {
		position: absolute;
		left: 80px;
		top: 4px;
	}
	
	a.contact_link {
		position: absolute;
		top: 4px;
		left: 135px;
	}
	
	#footer_text {
		float: right;
		font-weight: bold;
		color: #bab8aa;
		padding-top: 4px;
	}
	
	h1.paginatitel {
		position: absolute;
		top: 270px;
		left: 0;
		width: 169px;
		background-color: #1544ac;
		padding: 10px 10px 5px 10px;
		margin: 0;
		color:#ffffff;
		font-size: 16px;
		font-weight: bold;
	}
	
	legend {
		color: white;
	}
	
	.register > legend {
		display: none;
	}
	
	.register {
		padding-bottom: 20px;
	}
	
	fieldset {
		border: none;
	}
	
	/*  Highlights */
	.hotspot {
		position: absolute;
		background: url(../media/hotspot.png);
		width: 63px;
		height: 63px;
	}
	
	.hotspot_content {
		position: absolute;
		background-color: #1544AC;
		width: 280px;
		text-align: center;
		top: 300px;
		display: none;
            
    }
	
	#highlight_exterieur_tourer .hotspot_content {
		background-color: #484848;
		
	}
        
	.hotspot_content div {
		border-bottom: 1px solid white;
		margin-bottom: 10px;
		padding-top: 20px;
		padding-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
		font-size: 18px;
		text-align: left;
	}
	
	.hotspot_content p {
		font-size: 11px;
		margin-top: 5px;
	}
	
	
	
	.target_links {
		list-style: none;
		border-top: 1px solid #565656;
		padding-left: 0px;
		position: absolute;
		width: inherit;
		z-index: 30;
		padding-top: 10px;
	}
	
	.target_links_bg {
		height: 15px;
	}
	
	.target_links li {
		display: inline;
		padding-left: 0px;
		margin-bottom: 0px;
		float: left;
		z-index: 999;
	}
	
	.target_links a {
		background: url(../media/pijl.gif) no-repeat center left;
		padding-left: 20px;
		display: block;
		
		margin-left: 20px;
		text-decoration: none;
	}
	  
	/*------------CAR MODE--------------*/
	
	
	#tourermode, #sedanmode {
		position: absolute;
		right: 50px;
		top: 500px;
	}

	.mode_bottom {
		top: 600px !important;
		right: 15px !important;
	}

	#tourermode {
		background: url(../media/tourer/tourer_mode_hover.gif) no-repeat;
	}
	
	#highlight_container #tourermode, #highlight_container #sedanmode {
		top: 425px !important;
		right: 25px;
	}
		
	a.tourermode, a.sedanmode {
		display: block;
		width: 55px;
		height: 21px;
		padding-top: 25px;
		text-decoration: none;
		text-align: center;
		font-size: 10px;
	}
	

	
	a.tourermode {
		background: url(../media/tourer/tourer_mode.gif) no-repeat;
	}
	a.sedanmode {
		background: url(../media/sedan/sedan_mode.gif) no-repeat;
	}
	
	a:hover.tourermode {
		background: none;
	}
	
	#sedanmode {
		background: url(../media/sedan/sedan_mode_hover.gif) no-repeat;
	}
	
	a:hover.sedanmode {
		background: none;
	}


    fieldset ol {
        list-style: none;
        padding: 5px;
		padding-bottom: 0px;
    }
    
    fieldset ol li {
        padding: 2px;
    }
    
    fieldset legend {
        padding-left: 0px;
    }
    
    fieldset fieldset legend {
        padding-left: 0px;
    }
	
	/*------------DROPDOWNMENU--------------*/
	
	/*Navigatie container*/
	
				
	/*Hoofdnaviagtie ul*/
	#nav_container {
		position: absolute;
		z-index: 100;
		top: 308px;
		border-top: 5px solid #1544ac;
		width: 189px;
		height: 175px;
		padding-top: 11px;
	}
	
	#nav_container  ul#navigation{
		height:27px;
		font-family: Arial, Helvetica, sans-serif;
		margin:0px;
		padding:0px;
		list-style:none;
		z-index:999;
		}
				
	/*hoofdnavigatie items*/
	#navigation li.mainitem{
	
		}
				
	/*hoofdnavigatie links*/
	#navigation li.mainitem a.hoofditem{
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		height: 27px;
		padding: 0;
		margin-left: 8px;
	}
	
		
	#header_container #navigation li.mainitem a.lasthoofditem	{
		background: none;
	}
				
	/*hoofdnavigatie links over*/
	#header_container #navigation li.mainitem a:hover.hoofditem{
	}
				
	/*opent sub navigation ul's*/
	#nav_container #navigation li:hover ul, #nav_container #navigation li.over ul {
		display: block;
	}
				
	/*ul subnavigation*/	
	#navigation li ul{
		z-index: 1000;
		display: none;
		width: 190px;
		margin: 0px;
		padding: 5px;
		list-style: none;
		position: absolute;
		left: 189px;
		margin-top: -34px;
	}
	* html #navigation li ul{
		padding-top:26px;
		}
		
/* {margin:0 !important;padding:0 !important;}*/
				
	#navigation li ul li{		
		padding:0px !important;
		margin:0px !important;
		/*height:31px;
		/*overflow:hidden;*/
	}
				
	/*subnavigation links*/
	#navigation li ul li a {
		display:block;
		margin:0px;
		background-color: #fff;/* zonder deze werkt display block in IE 6 en 7 niet goed*/
		text-align:left;
		
		padding:5px;
		color: #a0b3de;
		font-weight: normal;
		text-decoration:none;
		font-variant: small-caps;
		font-size: 16px;
	}

	/*subnavigation links*/
	#navigation li ul li a:hover{
		color: #21445b;s
	}
				
	/*stijlen voor menu links*/
	#nav_container{
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
	}
				
	#nav_container a.hoofditem {
		font-size:12px;
		padding-top:7px; /*hoogte van dit element is bovenaan gedefinieerd, houd daar rekeningen mee bij wijzigingen*/
		text-decoration:none;
		color: #a7a9aa;
	}
				
	#nav_container a:hover.hoofditem, #nav_container .active { 
		font-weight: bold !important;
		color: #ffffff !important;
		background: url(../media/menu_bg.gif) repeat-x bottom;
	}
				
	#nav_container a.subitem {
		background: url(../media/submenu_bg.gif) repeat-x bottom #1544ac;
	}
	* html #nav_container a.subitem {
		margin-top:-21px;
	}
		
	#nav_container a.lastsubitem {
		background: #1544ac;
	}
				
	#nav_container a.lastsubitem:hover, #nav_container a.subitem:hover {
		color: #ffffff;
	}
		
		#nav_container a.lastsubitem:hover {
		color: #ffffff;
	}				
				
	#mediaplayer {
		position: absolute;
		z-index: 1;
	}
	/*----------END DROPDOWNMENU------------*/

/* CSS Document */
	
	
	#left_container {
		float: left;
		width: 375px;
		padding-top: 10px;
	}
	
	#right_container {
		float: right;
		width: 364px;
		padding-top: 10px;
	}
	
	#left_container h2, #right_container h2 {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 60px 0;
	}
	
	#right_container h2 {
		margin-left: 20px;
	}
		
	#right_container p {
		margin-left: 20px;
	}
	
	.image_button_container {
		float: left;
		width: 184px;
		height: 147px;
		margin: 0 3px 3px 0;
	}
	
	.image_button_container div {
		display: block;
		width: 173px;
		color: #ece9db;
		background-color: #000000;
		text-decoration: none;
		padding-left: 11px;
		padding-top: 20px;
		padding-bottom: 2px;
		margin-top: -4px;
	}
	
	.image_button_container div.two-lines {
		padding-top: 2px;
	}
	
	.image_button_container div img {
		border: none;
		float: right;
		margin-top: -10px;
		margin-right: 10px;
	}
	
	.text_button_container a:hover {
		color: #ffffff;
	}
	
	/*----PAGINA NAVIGATIE----*/
	#page_nav {
		position: absolute;
		top: 619px;
		clear: both;
		right: 0;
		width: 745px;
		height: 34px;
		border-top: 1px solid #2f2f2c;
	}
	
	#page_nav ul { 
		margin: 0;
		padding: 5px 0 0 0;
	}
	
	#page_nav li { 
		float: left;
		list-style: none;
		display: block;
		width: 46px;
		text-align: right;
		margin: 0 3px 0 0;
		padding: 0;
	}
	
	#page_nav a {
		display: block;
		width: 38px;
		height: 25px;
		padding-right: 8px;
		text-decoration: none;
		font-size: 10px;
		background: url(../media/page_nav.gif) no-repeat bottom;
	}
	
	#page_nav a:hover {
		text-decoration: none;
		font-size: 10px;
		background: url(../media/page_nav_hover.gif) no-repeat bottom;
	}
	
	#page_nav a.lastitem {
		display: block;
		width: 38px;
		height: 25px;
		padding-right: 8px;
		text-decoration: none;
		font-size: 10px;
		background: url(../media/page_nav_last.gif) no-repeat bottom;
	}

	#page_nav a.active {
		background: url(../media/page_nav_hover.gif) no-repeat bottom;
	}
	
	#page_nav a.lastitem.active {
		background: url(../media/page_nav_last_hover.gif) no-repeat bottom;
	}
	
	#page_nav a.lastitem:hover {
		text-decoration: none;
		font-size: 10px;
		background: url(../media/page_nav_last_hover.gif) no-repeat bottom;
	}

	/* Background images voor 'index' pagina's. IE6 png alpha hacks in
	 * ie6.css. Hier dus ook background-image url aanpassen voor IE6!
	 */
	#sedan_side_1 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 591px;
		height: 266px;
		background: url(../media/sedan/sedan_side1.jpg) no-repeat;
	}
	
	#tourer_side_1 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 630px;
		height: 265px;
		background: url(../media/tourer/tourer_side1.jpg) no-repeat;
	}

	#sedan_side_2 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 703px;
		height: 241px;
		background: url(../media/sedan/sedan_side2.jpg) no-repeat;
	}

	#tourer_side_2 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 703px;
		height: 241px;
		background: url(../media/tourer/tourer_side2.jpg) no-repeat;
	}
	
	#sedan_side_3 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 566px;
		height: 251px;
		background: url(../media/sedan/sedan_side3.jpg) no-repeat;
	}

	#tourer_side_3 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 580px;
		height: 295px;
		background: url(../media/tourer/tourer_side3.jpg) no-repeat;
	}

	#sedan_side_4 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 368px;
		height: 286px;
		background: url(../media/sedan/sedan_side4.jpg) no-repeat;
	}
	
	#tourer_side_4 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 368px;
		height: 286px;
		background: url(../media/tourer/tourer_side4.jpg) no-repeat;
	}

	#sedan_side_5 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 368px;
		height: 286px;
		background: url(../media/sedan/sedan_side5.jpg) no-repeat;
	}
	
	#tourer_side_5 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 368px;
		height: 286px;
		background: url(../media/tourer/tourer_side5.jpg) no-repeat;
	}

	#sedan_side_6 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 591px;
		height: 266px;
		background: url(../media/sedan/sedan_side6.jpg) no-repeat;
	}
	
	#tourer_side_6 {
		position: absolute;
		top: 270px;
		left: 250px;
		width: 630px;
		height: 265px;
		background: url(../media/tourer/tourer_side6.jpg) no-repeat;
	}
	
	/* CSS Document */
	
	ul.prijsoverzicht {
	padding: 0;
	margin: 0;
	}
	
	li.prijslijst {
	list-style: none;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 0 0 10px 0;
	color: #cbcbcb;
	cursor: pointer;
	}
	
	li.prijslijst a {
	text-decoration: none;
	color: #cbcbcb;
	}
	
	li.prijslijst a:hover {
	color: #91b3ff;
	}
	
	li.prijslijst_hover {
		color: #91b3ff;
	}
	
	.prijs  {
		font-size: 12px;
		color: #cbcbcb;
		margin-left: 10px;
	}
	
	li.prijslijst_active {
	color: #91b3ff;
	}
	
	.prijs_active  {
		color: #ffffff;
	}
	li.prijslijst a {
		color: inherit;
		text-decoration: none;
	}
		

	#video_container {
		position: relative;
		z-index: 0;
	}

	
	/*------------DROPDOWNMENU PAGENAV--------------*/
	
	#dd_pagenav_container {
		position: absolute;
		top: 73px;
		right: 12px;
		width: 183px;
		height: 25px;
	}
	

	
	#dd_pagenav {
		float: left;
		width: 125px;
		height: 25px;
		z-index: 999;
	}
	
	#nav, #nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	#nav a {
		display: block;
		width: 145px;
		height: 22px;
		background: #2e2e2e url(../media/dd_menubg.gif) no-repeat right;
		color: #94928b;
		text-decoration: none;
		padding: 3px 0 0 10px;
	}
	

		
	#nav a:hover {
		background: #4c4c4c url(../media/dd_menuhoverbg.gif) no-repeat right;
		color: #ffffff;
	}
	
	#nav li {
		float: left;
		width: 125px;
	}
	

	#nav li ul {
		position: absolute;
		width: 125px;
		left: -999em;
	}
	
	#nav li:hover ul {
		left: auto;
	}
	
	#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
		background: none;
		background-color: #4c4c4c;
	}


	
	#nav li:hover ul a, #nav li.sfhover ul a {
		background: none;
		background-color: #4c4c4c;
		border-top: 3px solid #000000;
		width: 115px;
	}
	
	#nav li:hover ul a:hover, #nav li.sfhover ul a:hover {
		background: none;
	}
	
	a.back_button {
		float: right;
		display: block;
		width: 25px;
		height: 25px;
		background: #2e2e2e url(../media/back.gif) no-repeat left;
		color: #000000;
		font-size: 0px;
		text-indent: -999em;
		text-decoration: none;
	}
	
	#dd_pagenav_container.extra-width {
		width: 250px !important;
	}
	
	#dd_pagenav.extra-width {
		width: 200px !important;
	}
	
	.extra-width #nav a {
		width: 210px;
	}
	.extra-width #nav li ul {
		width: 191px;
	}
	
	.extra-width #nav li:hover ul a, .extra-width #nav li.sfhover ul a {
		width: 181px;
	}
	/*----------END DROPDOWNMENU PAGENAV------------*/
	
	.features {
		position: absolute;
		z-index: 100;
	}
	
	.features span {
		margin-left: 20px;
	}
	
	.features ul {
		margin-top: 5px;
		margin-bottom: 20px;
	}
	
/* LOVE VIDEO */

#video_love {
float: right;
width: 190px;
height: 180px;
margin-right: 10px;
z-index: 10;
}

#video_love h1 {
margin-bottom: 10px;
}

#video_love a {
background-image: none;
padding: 0 10px 0 0;
}

#video_love a.vergroot{
position: absolute;
display:block;
top: 170px;
right: 0;
background-image: url(../media/pijl.gif);
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
}

	
}