/* CSS Document */
/* verschillende stylen resetten */
img, object{
	display: block;
	border: none;
	outline:none;	
}

form{
	margin:0;
	padding:0;
}

h1{
	margin:0 0 20px 0;
	padding:0;
	color:#0096db;
	font-size:70%;
}

h2{
	margin:0 0 5px 0;
	padding:0;
	color:#0096db;
	font-size:65%;
}

h3{
	margin:0 0 20px 0;
	padding:0;
	color:#7e5715;
	font-size:75%;
}
h4{
	background-color:#0096DB;
	padding:5px 0 5px 10px;
	font-size:65%;
	border-top:1px solid #A0D8F1;
	color:#FFFFFF;
	margin:0;
}

p{
	margin:0;
	padding:0 0 15px 0;
	line-height:normal;
	font-size:65%;
	line-height:165%;
	color:#454545;
}

a{
	color:#0096db;
}
a:hover{
	text-decoration:none;
}

ul{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}

ul li{
	margin:0;
	padding:0 0 0 15px;
	font-size:65%;
	line-height:165%;
	color:#454545;
	background:url(../images/li_menu.gif) 0 5px no-repeat;
}
	ul li ul{
		margin:0;
	}
	ul li ul li, table tr td ul li{
		font-size:100%;
	}

input, textarea, select{
	border:1px solid #F6A924;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:4px 2px 4px 2px;
	color:#454545;
}	
input{
	width:200px;
}

.noborder, submit, #voertuig_gegevens table tr td{
	border:none;
	width:auto;
}

.tarieven_tabel{
	width:100%;
}
.tarieven_tabel tr td{
	font-size:9px;
	padding:5px 10px 5px 10px;	
}

table{
	padding:0;
	margin:0 0 10px 0;
	border-collapse:collapse;
}	
	tr td.blue{
		background-color:#E5F4FB;
		border:none;
	}
	tr td{
		font-size:65%;
		color:#454545;
		padding:5px 15px 5px 10px;	
		border-top:1px solid #A0D8F1;
		border-bottom:1px solid #A0D8F1;
	}
	#content_inner table tr td{
		padding:5px 15px 5px 0;
	}
	td p, td h2{
		font-size:100%;
	}
	table tr td table tr td{
		font-size:100%;
	}

.radiobutton{
	float:left; 
	height:75px;
	width:30px;
}

.volgende_stap{
	float:right;
	margin:20px 0 15px 0;
	border:none;
	padding:0;
	width:122px;
}

.login{
	border:none;
	float:right;
}

.clear_l{
	clear:left;
}
.clear_r{
	clear:right;
}
.clear_b{
	clear:both;
}

.p_aanmeld_button{
	float:right;
	padding:0 0 25px 0;
}

.line{
	border-top:1px solid #F6A924;
	height:2px;
	padding:2px 0 0 0;
	max-width:605px;
	width:605px;
}
	html>body .line{
		width:auto;
	}

/* standaard layout stylen */
body {
	margin: 0;
	background:url(../images/bg_rechts_2.gif) #0096DB center top no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

html, body, #container {
	width: 100%;
	height: 100%;	
	min-height: 100%;
} 

#container {
	position: absolute;
	top: 0;
	left: 0;
}

html>body #main{
	max-width:1278px;
}

html>body, html>body #container, html>body #main{
	height: auto;
}

#main {
	height:100%;
	width:100%;
	width:expression(document.body.clientWidth > 1280? "1279px": "auto" );
	margin-left: auto;
	margin-right: auto;	
	background:url(../images/bg_rechts_1.gif) right top no-repeat;
}

#logo{
	position:absolute;
	top:0;
	left:0;
	width:25%;
	height:86px;
	background:url(../images/bg_logo.gif) right top no-repeat;
	z-index:2;
}
	#logo img{
		float:right;
		margin:20px 40px 0 0;
	}
	html>body #logo img{
		margin:20px 75px 0 0;
	}
	
#slogan{
	position:absolute;
	top:27px;
	left:0;
	width:46%;
	z-index:1;
}
	#slogan img{
		float:right;
	}


#top{
	height:90px;
}



#submenu{
	float:right;
	padding:35px 15px 0 0;
}
	#submenu ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	#submenu ul li{
		font-size:65%;
		float:left;
		padding:0 5px 0 15px;
		line-height:100%;
		background:url(../images/li_menu.gif) 0 2px no-repeat;
	}	
	#submenu ul li a{
		color:#0096DB;
		text-decoration:none;
		font-weight:bold;
	}
	#submenu ul li a:hover{
		text-decoration:underline;
	}

#menu{
		width:100%;
	}
	#autotransport #menu, #tarieven #menu, #voertuig_aanmelden #menu, #inactie #menu{
		padding:0 0 10px 0;
	}
	
	html>body #menu{
		background:url(../images/top_contentvlak_vervolg.png) right 19px no-repeat;
	}
	
	html>body#inactie #menu{
		background:url(../images/top_contentvlak_vervolg_in_actie.png) right 19px no-repeat;
	}
	
		
	#menu{
		background:url(../images/top_contentvlak_vervolg.gif) right 19px no-repeat;
	}
	
	#inactie #menu{
		 background:url(../images/top_contentvlak_vervolg_in_actie.gif) right 19px no-repeat;
	}
	
	html>body #home #menu{
		background:url(../images/top_contentvlak.png) right 19px no-repeat;
	}
	
	/*
	html>body #content_left{
		background:url(../images/top_contentvlak_vervolg.png) top right no-repeat;
	}
	*/
	
	#menu img{
		float:left;
		margin-left:5px;
	}	

#content_left{
		float:left;
		width:69%;
		padding:10px 0 0 0;
		margin:1px 0 0 0;
}

	
	#flash{
		height:326px;
	}
	
	#links{
		float:left;
		width:40%;
		padding:20px 0 0 0;
	}
	#tarieven #links{
		width:150px;
	}
	
	#afbeelding{	
		height:313px;
		background:url(../images/autotransport.jpg) right top no-repeat;
		max-width:320px;
		width:320px;
	}
	html>body #afbeelding{
			width:auto;
		}
	
	#voertuig_aanmelden{
		float:left; 
		width:40%;
		padding:22px 0 32px 0;
	}
	
	#autotransport #voertuig_aanmelden, #tarieven #voertuig_aanmelden, #inactie{
		float:none;
		width:auto;
		padding:22px 0 15px 20px;
	}
	
		#voertuig_aanmelden_top{
			background:url(../images/voertuig_aanmelden/left_top.gif) 0 0 no-repeat;
			height:12px;
			max-width:300px;
			width:300px;
		}
		#voertuig_aanmelden_middle{
			border-left:1px solid #C7DFF1;
			border-right:1px solid #C7DFF1; 
			padding:0 10px 5px 10px;
			max-width:278px;
			width:278px;
		}
		#voertuig_aanmelden_bottom{
			background:url(../images/voertuig_aanmelden/left_bottom.gif) 0 0 no-repeat;
			height:12px;
			max-width:300px;
			width:300px;
			margin-bottom:25px;
		}
		#voertuig_aanmelden_bottom img, #voertuig_aanmelden_top img{
			float:right;
		}
		html>body #voertuig_aanmelden_top, html>body #voertuig_aanmelden_bottom, html>body #voertuig_aanmelden_middle{
			width:auto;
		}
	#welkom{
		margin:0 30px 0 43%;
		max-width:420px;
		width:320px;
		padding:22px 0 0 0;
	}
	#tarieven #welkom{
		max-width:550px;
		width:420px;
	}
	
	html>body #welkom, html>body#tarieven #welkom{
		width:auto;
	}
	
	
	#autotransport #welkom, #inactie#welkom{
		margin:0 30px 0 52%;
		width:280px;
		max-width:400px;
	}
	#tarieven #welkom{
		margin:0 0 0 170px;
	}
	
	html>body#autotransport #welkom, html>body#inactie #welkom {
		margin:0 30px 0 43%;
		width:auto;
	}
	
	 
	#content{
		background-color:#FFFFFF;
		padding:0 0 0 20px;
		height:250px;
		min-height:250px;
	}
	html>body #content{
		height:auto;
	}
	
	#autotransport #content, #tarieven #content, #inactie #content{
		padding:0;
	}
	
	#content_bottom{
		height:16px;
		background:url(../images/bottom_contentvlak.gif) #ffffff right bottom no-repeat;
	}
	
	#inactie #content_bottom{
		background:url(../images/bottom_contentvlak_vervolg_in_actie.gif) right bottom no-repeat;
	}
	html>body#inactie #content_bottom{
		background:url(../images/bottom_contentvlak_vervolg_in_actie.png) right bottom no-repeat;
	}
	
	#footer {
		padding:5px 0 5px 0;
		float:left;
	}
		#footer p{
			color:#FFFFFF;
			font-size:60%;
			margin:0;
			padding:0 0 0 20px;
		}
		#footer p a{
			color:#FFFFFF;
			text-decoration:none;
		}
		#footer p a:hover{
			text-decoration:underline;
		}

#content_right{
	float:right;
	padding:40px 0 30px 0;
	height:605px;
	min-height:605px;
}
	html>body #content_right{
		width:auto;
	}


#content_right p{
		padding:0 0 15px 15px;
	}


#content_inner{
	padding: 20px 30px 0px 20px;
}

#voertuig_aanmelden #content_right{
	margin: 0 0 320px 0;
}
	
	#voordelen{
		background:url(../images/bg_voordelen.jpg) 0 0 no-repeat;
		width:235px;
		height:251px;
		margin:5px 0 5px 0;
		padding:0 40px 0 20px;
	}
		html>body #voordelen{
			background:url(../images/bg_voordelen.png) 0 0 no-repeat;
		}
		
	#stappen_voertuig_aanmelden{
		background:url(../images/stappen_voertuig_aanmelden.jpg) 0 0 no-repeat;
		width:235px;
		height:211px;
		margin:5px 0 15px 0;
		padding:0 40px 0 20px;
	}
	
	
		#voordelen h3, #stappen_voertuig_aanmelden h3{
			padding:15px 0 20px 0;
			margin:0;
		}

		#voordelen ul li img, #stappen_voertuig_aanmelden ul li img{
			padding:5px 5px 0 0;
			float:left;
		}
		#voordelen ul li, #stappen_voertuig_aanmelden ul li{
			color:#FFFFFF;
			line-height:100%;
			font-size:65%;
			padding:0 0 20px 15px;
			margin:0;
			background:url(../images/li_voordelen.gif) 0 1px no-repeat;
		}
		#stappen_voertuig_aanmelden ul li.active{
			background:url(../images/li_voordelen_active.gif) 0 1px no-repeat;
		}
	
	
	#track_trace{
		background:url(../images/bg_track_trace.gif) 0 0 no-repeat;
		width:256px;
		height:54px;
		padding:10px 0 10px 20px;
	}
	#track_trace input{
		margin:0;
		padding:0;
		border:1px solid #CCCCCC;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#CCCCCC;
		width:95px;
		float:left;
		margin-right:5px;
		padding:3px 2px 3px 2px;
	}
	
	#track_trace h2{
		padding:5px 0 8px 0;
	}


#tarieven_menu ul{
	border-bottom:1px solid #FCDFAE;
	width:150px;
	max-width:150px;
	padding:0;
	margin:0;
}	
	body>html #tarieven_menu ul{
		width:auto;
		}
	
	#tarieven_menu ul li{
		background-color:#FEF6E9;
		border-top:1px solid #FCDFAE;
		margin:0;
		padding:0;
		line-height:165%;	
		display:block;	
		background:none;	
	}
	#tarieven_menu ul li a{
		color:#454545;
		text-decoration:none;
		padding:5px 0 5px 20px;
		display:block;
		height:35px;	
	}
	html>body #tarieven_menu ul li a{
		height:auto;	
	}
	
	#tarieven_menu ul li a:hover, #tarieven_menu ul li.link_active{
		background-color:#FDEBCC;
	}
	
.dienst_c{
	background-color:#FEF6E9;
	border-top:1px solid #FCDFAE;
	border-bottom:1px solid #FCDFAE;	
	padding:10px 30px 0 10px;
}
.dienst_w{
	padding:10px 30px 0 10px;	
}
	.dienst_c table tr .link, .dienst_w table tr .link{
		padding-top:20px;
	}
	.dienst_c table tr td a, .dienst_w table tr td a {
		color:#0096DB;
	}
	.dienst_c table tr td a:hover, .dienst_w table tr td a:hover {
		text-decoration:none;
	}
	
	.dienst_c table tr td, .dienst_w table tr td{
		border:none;
	}	
	
	.dienst_c h2, .dienst_w h2, .dienst_c p, .dienst_w p{
		color:#454545;
	}
	.dienst_c p, .dienst_w p{
		max-width:450px;
	}

#login{
	width:285px;
	height:205px;
	background:url(../images/bg_login.gif) 0 0 no-repeat;
	padding:10px 0 0 10px;
}
	#login table tr td{
		border:none;
	}
	#login a{
		color:#0096db;
	}
	#login input{
		width:130px;
	}
	
#aanmelden1 tr td{
	border-color:#FCDFAE;
}
#aanmelden1 tr td h2{
	margin-top:2px;
}
#aanmelden1 tr td p{
	margin-bottom:2px;
	padding:0;
}
#aanmelden1	.dienst_c p,#aanmelden1 .dienst_w p{
	max-width:none;
}
#aanmelden1	.volgende_stap{
	width:156px;
}
div.hr{
	margin:0 0 20px 0;
	border-bottom:1px solid #FCDFAE;
}