/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */
@import  url("../admin/library/JavaScript/dijit/themes/dijit.css");
	
div{
	margin:0;
	padding:0;
}	
	
body{
	font: 12px  Arial,Verdana,Helvetica;
	color:#fff;
	line-height:16px;
	padding-top:35px;
}	
	
	.placeholder{
		margin:auto;
		width:990px;
	}

	.container{
		margin:auto;
		width:990px;
	}
	
	.header{
		float:left;
		width:990px;
		margin-bottom:2px;
				padding-left:3px;
	}

	.logo{
		margin-top:5px;
		float:left;
		width:329px;
		height:67px;
		background:url(../images/logo.png);
	}

	.logo a{
		float:left;
		width:194px;
		height:67px;
		background:url(../images/logo.png);
	}	

	.land_nl{
		float:left;
		padding-left:15px;
		padding-top:40px;
	}	
	
	.land_en{
		float:left;
		padding-left:21px;
		padding-top:40px;
	}	
	
	.nl a{
		float:left;
		width:22px;
		height:18px;
		background:url(../images/nl2.gif);
	}	
	
	.en a{
		float:left;
		width:22px;
		height:18px;
		background:url(../images/en2.gif);
	}	

	.logo_onder {
		float:left;
		width:990px;
		height:21px;
	}		
	
		.menu{
			float:left;
			width:657px;
			height:32px;
			margin-top:38px;
			margin-bottom:3px;
			background:#030D4C;
		}
			.menu ul{
				margin:0;
				padding:0;
			}

			.menu li{
				margin:0;
				color:#fff;
				display:inline;
				list-style:none;
			}
			.menu li a{
				float:left;
				color:#fff;
				height:33px;
				font-size:12px;
				border-right:3px solid #fff;
				padding-left:16px;
				padding-top:7px;
				padding-right:17px;
				text-decoration:none;
				font-weight:bold;
	
			} 
			
			.menu li a.en{
				padding-left:18px;
				padding-right:18px;
			}
			
			.menu li a.contact{
				border-right:0px solid red;
			} 
			
			.menu li a.last{
				border-right:0px solid red;
			}
			.menu li a.enlast{
				border-right:0px solid red;
				padding-right:25px;
			}
						
			.menu li a:hover, .menu li a.active {
				color:#FFF;
				background:#1276D6;
				font-weight:bold;
			}


.bg_image {
	float:left;
	width:990px;
	position:relative;
	background-color: #000;
	
}

.bg_image{
	width:990px;
	min-height:520px;
	background:url(../images/platen/plaat_01.jpg) no-repeat;
}

.dj_ie6 .bg_image .image{
	height:512px;
}

	.content{
		position: absolute;
		top: 0;
		left: 0;
		width:990px;
		min-height:520px;
		z-index:2;
	}
	
	.dj_ie6 .content{
		height:512px;
	}
	
	.content_vervolg{
		float:left;
		width:970px;
		min-height:520px;
		padding-left:20px;
		
	}

.home_blokken_wrap{
	float:left;
	width:308px;
	padding-top:22px;
	padding-left:20px;
	z-index:100;
}
	
.home_blok{
	float:left;
	z-index:200;
	padding-top:0px;
}

	.lv {
		position:absolute;
		padding-top:94px;
		padding-left:110px;
		width:150px;
		font-weight:bold;
		
	}

	.content_left{
		z-index:220;
		float:left;
		width:198px;
		min-height:138px;
		padding-left:90px;
		padding-top:20px;
		margin-top:0px;
		padding-right:10px;
		background:url(../images/item_spaar.png) no-repeat;	
		
		
	}
	
	.content_left.bereken{
		background:url(../images/item_reserveren.png) no-repeat;	
	}
	
	.content_left.spaar{
		background:url(../images/item_ophaal.png) no-repeat;	
	}
	
		
	.content_vak{
		float:left;
		width:580px;
		min-height:450px;
		margin-top:20px;
		padding-left:10px;
		padding-top:10px;
		padding-right:10px;
		font: 12px  Arial,Verdana,Helvetica;
		color:#000;
		line-height:16px;
		background:url(../images/bgwit.png);
		border:1px solid #404C92;
			}	
	
	.content_right{
		float:right;
		width:490px;	
	}	

	.content_right_content{
		float:right;
		width:410px;	
	}	

	.animatie_knop{
		position:absolute;
		width:190px;
		height:50px;
		margin-top:540px;
		z-index: 3;
		background:url(../images/bgwit.png);
	}

	.animatie_knop2{
		position:absolute;
		width:190px;
		height:50px;
		margin-top:540px;
		margin-left:194px;
		z-index: 3;
		background:url(../images/bgwit.png);
	}

	.animatie_knop3{
		position:absolute;
		width:190px;
		height:50px;
		margin-top:540px;
		margin-left:388px;
		z-index: 3;
		background:url(../images/bgwit.png);
	}

	.animatie.active a{
		background:url(../images/pijl_actief.png) no-repeat center left;
	}	

	.animatie a{
		float:left;
		width:165px;
		height:40px;
		padding-left:25px;
		padding-top:10px;
		color:#fff;
		margin:0;
		text-decoration: none;
		background:url(../images/pijl_klik.png) no-repeat center left;
	}	
	

	.reserveren{
		float:right;
		width:312px;
		height:21px;
		padding-left:10px;
		padding-top:8px;
		margin-right:20px;
		background:#1276D6;		
		font-weight:bold;
	}	

	.reserveren_content{
		float:right;
		width:310px;
		min-height:25px;
		margin-right:20px;
		margin-bottom:0px;
		padding-left:10px;
		border-left:1px solid #404C92;
		border-right:1px solid #404C92;
		border-bottom:1px solid #404C92;
		background:url(../images/bgblauw.png);
	}	
	
	
	.reserveren.kleurwissel {
		background:url(../images/bgblauw.png);
	}
	
	.reserveren_content.kleurwissel{
		background:#1276D6;
	}
	
	.reserveren_wit{
		float:right;
		width:310px;
		margin-right:20px;
		margin-bottom:0px;
		padding-left:10px;
		padding-top:8px;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		background:url(../images/bgwit.png);
	}	
	
	.faqlist {
		line-height:18px;
		padding-left:18px;
		
	}
	
/* ----------------------------------------------
	CLEARER, it will not stretch otherwise
	____________________________________________ */
	
.clearer{ 
	clear: both;
} 

/* ----------------------------------------------
	CONTENT STYLES
	____________________________________________ */

h1{
	color:#030D4C;
	line-height:20px;
	font-size:18px;
	margin:0;
	margin-bottom:10px;
}

h2{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-bottom:5px;
	color:#045baf;
}

h3{
	color:#030D4C;
	font-weight:bold;
	font-size:14px;
	margin:0;
	margin-bottom:10px;
}

h4{
	color:#00509D;
	font-weight:bold;
	font-size:12px;
	margin:0;
}
.active h4 {
	color:#030D4C;
}

h5{
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	margin:0;
}

a {
	color: #000;
	text-decoration: underline;
}

a.blok {
	color: #045baf;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

hr{
	float:left;
	width:100%;
	color:#fff;
	height:1px;
	border:none;
	border-bottom:1px solid #535980;
}

a.button, a.formbuttonright, a.formbuttonleft, a.buttonpr{
	display:block;
	width:99px;
	height:24px;
	margin:auto;
	color:#fff;
	text-decoration:none;
	font-size:10px;
	padding-top:6px;
	text-align:center;
	background:url(../images/button_bg.png) no-repeat;
	font-weight:bold;
}

a.formbuttonright {
	float:right;
	
}

a.formbuttonleft {
	float:left;
}

a.button.bereken{
	background:url(../images/bereken.png) no-repeat;
	font-size:11px;
}


/* RESERVERINGSFORMULIER */

#reserveren-anders {
	display:none;
}

.voertuig_blok{
	float:left;
	width:130px;
	color:#030d4c;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding:10px;
	margin-bottom:5px;
}

.voertuig_blok.border{
	border-right:1px solid #030d4c;
}

	.voertuig_blok span.bedrag{
		font-weight:bold;
		color:#1276d6;
		font-size:18px;
	}

.onderschrift{
	float:left;
	clear:both;
	width:280px;
	text-align:center;
	padding:5px;
	color:#0971d5;
	font-weight:bold;
	font-size:12px;
	border-top:1px solid #030d4c;
}


table.tariefblok td{
	padding:0;
	margin:0;
	padding-top:3px;
	padding-top:3px;
}

tr hr{
	margin-top:2px;
	margin-bottom:2px;
}

.lijn{
	float:left;
	width:100%;
	height:1px;
	margin-top:2px;
	margin-bottom:2px;
	border-bottom:1px solid #c0c2d2;
}

/*****************
Reserveren formulier
********************/

	#vertrekdatum {
		float:left;
		width:265px;
		min-height:170px;
		margin-right:5px;
	}
	
	#aankomstdatum {
		float:left;
		width:270px;
		padding:0px;
		min-height:170px;
	}
	
	.rit {

	}
	
	.clearer {
		clear:both;
	}
	
	#baggage {
		float:left;
		
	}
	
	#passagiers {
		float:left;
		
	}

.uitklap_form_blok{
	float:left;
	width:558px;
	border:1px solid #c0c2d2;
	border-top:none;
	/*margin-top:-10px;*/
	padding:10px;
	padding-top:20px;
	border-bottom:none;
	background:#fff;
}

.form_blok{
	float:left;
	margin-right:10px;
	width:270px;
	color:#030D4C;
	font-size:16px;
	border:1px solid #c0c2d2;
	background:#fff;
}
.form_blok:hover,.form_blok.active {
	background:#030D4C;
	color:#fff;
	border-bottom:none;
}

.form_blok:hover a{
	color:#fff;
}
.reserveren_content a{
	color:#fff;
}

.form_blok_label{
	float:left;
	height:31px;
	width:250px;
	padding-top:15px;
	padding-left:20px;
}

.form_blok_optie a{
	float:left;
	width:106px;
	height:31px;
	margin-top:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#030d4c;
	padding-top:5px;
	margin-left:10px;
} 
.form_blok.active .form_blok_optie a{
	color:#fff;
}


.form_blok_optie a:hover,.form_blok.active form_blok_optie a:hover {
	color:#030d4c;
	background:url(../images/tab.gif) no-repeat bottom;
}

.form_blok.active .form_blok_optie.active a{
	color:#030d4c;
	background:url(../images/tab.gif) no-repeat bottom;
}


.form_blok.active .form_blok_optie a:hover{
	color:#030d4c;
}

.form_blok.active .hulp, .form_blok.active .hulp:hover {
	opacity: 0.05;
	filter: alpha(opacity=5);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
}

.form_blok.extra{
	background:none;
	color:#242c60;
	border:none;
	background:none;
	min-height:100px;
	margin-bottom:10px;
	font-size:12px;
}
.form_blok.extra.wit{
	border:1px solid #c0c2d2;
	background:#fff;
	padding:6px;
	min-height:280px;
}

.form_blok.extra.wit a, .form_blok.extra.wit a:hover {
	color:#030d4c;
}

.form_blok.extra.wit a.button, .form_blok.extra.wit a.button:hover {
	color:#fff;
}
.form_blok.breed{
	width:578px;
	margin-top:10px;
}

.tekstveld {
	width:150px;
	border:1px solid #404C92;
	color:#242C60;
}

.verplicht, .fout {
	color:#030d4c;
	font-size:16px;
	font-weight:bolder;
}

/* ----------------------------------------------
				DIALOG DOJO
	____________________________________________ */	
.dijitDialog {
	background:#fff;
	border:1px solid #404C92;
	width:500px;
	padding:10px;
	color:#242C60;
}

.dijitDialogTitleBar{
	border-bottom:0;
}
.dijitDialogTitle {
	color:#404C92;
	font-size:bold;
	font-size:14px;
	display:none;
}

.dijitDialogCloseIcon {
	opacity:100;
	display:block;
	width:20px;
	height:20px;
	color:#030D4C;
	float:right;
}
.closeText {
	color:#030D4C;
	font-size:20px;
	font-weight:bold;
	display:block;
	cursor:pointer;
}
.dijitDialog .closeText {
 	display:block;
}

/* ----------------------------------------------
				STAPPENPLAN
	____________________________________________ */	


.rfaq {
	margin-left:20px;
	padding:0;
	margin-top:2px;
	margin-bottom:2px;
}

.stappenplan{
	float:left;
	height:39px;
	width:100%;
	clear:both;
	margin-left:-10px;
	margin-bottom:40px;
	margin-top:20px;
	background:url(../images/stappen.gif) no-repeat left top;
}
	.stappenplan.stap2{
		background-position:0px -40px;
	}
	.stappenplan.stap3{
		background-position:0px -80px;
	}

.stappenplan ul{
	margin:0;
	padding:0;
}
.stappenplan li{
	display:inline;
	list-style:none;
	color:#fff;
	font-size:16px;
	
	font-weight:bold;
}
.stappenplan li a{
	float:left;
	color:#fff;
	width:140px;
	height:29px;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
}

a.hulp{
	float:left;
	width:16px;
	height:16px;
	margin-right:4px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	background:url(../images/hulp.gif) no-repeat top;
}
a.hulp:hover{
	opacity: 0.20;
	filter: alpha(opacity=20);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}


.extra_opties{
	float:left;
	border:1px solid #c0c2d2;
	padding:10px;
	background:#f4f5fb;
}

.login{
	position:absolute;
	width:489px;
	height:38px;
	margin-top:-13px;
	margin-left:468px;
	background:#DBDBDB;
	padding:4px;
	color:#030D4C;
	padding-left:15px;
	padding-right:15px;
	padding-top:0;
}

a.loginbutton, a.loginbutton:hover {
	float:right;
	text-align:center;
	width:35px;
	height:16px;
	background:#1276D6;
	color:#fff;
	border:1px solid #030D4C;
	/*background:url(../images/go.png) no-repeat;*/
	margin:0;
	padding:0;
	margin-top:2px;
	text-decoration:none;
	font-size:9px;
}

.dj_ie7 a.loginbutton {
	margin-top:-20px;
}

.login input {
	width:100px;
	border: 1px solid #030D4C;
	color:#030D4C;
	height:13px;
	margin-top:2px;
	margin-left:0px;
	
}

.logintekst {
	float:left;
	font-weight:bold;
	margin-top:2px;
	
	width:250px;
}

.loginvergeten {
	float:right;
	font-weight:bold;
	margin-top:2px;
}


.tel {
	position:absolute;
	float:left;
	margin-left:202px;
	margin-top:0px;
	color:#030D4C;
	height:38px;
	margin-top:-13px;
	background:#DBDBDB;
	padding-top:4px;
	padding-left:16px;
	padding-right:15px;
	font-size:12px;
	width:230px;

}

.spits {
	font-size:10px;
	color:red;
}

a.buttonpr {
	cursor:pointer;
	width:150px;
	margin:0;
	background:none;
	background-color:#045baf;
}

.ophaalp {
	margin-bottom:0;
	padding-bottom:0;	
}


.reserveer {
	border:1px solid #030d4c;
	border-top: 5px solid #045baf;
	width:543px;
	float:left;
	font-size:13px;
	padding:10px;
	margin-right:15px;
	margin-bottom:15px;
	min-height:50px;
}
.reserveer.small {
	width:253px;
	margin-right:15px;
}

.bigblue {
	color:#045baf;
	font-size:18px;
	font-weight:bold;
}
.reserveer img {
	border:1px solid #030d4c;
	margin:5px;
}


.banner {
	float:left;
	height:90px;
	width:990px;
	margin-top:10px;
	background:url(../images/banner.jpg) no-repeat;
}

.bannerL {
	float:left;
	width:400px;
	font-size:26px;
	height:80px;
	margin-top:20px;
	margin-left:45px;
}

.bannerR {
	float:left;
	margin-left:175px;
	width:370px;
	height:80px;
	font-size:18px;
	margin-top:5px;
	color:#000;
}

.korting {
	color:#d6251d;
	font-size:22px;
}
.bannerL .korting {
	font-size:32px;
}