@charset "UTF-8";
/* CSS Document */

/* global style reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin:0; 
	padding:0;}

html,
body {
	 background:url(../images/background/bgBody.png) center top repeat-x #FFF;
	 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#9B928C; }

h1{ 
	 font-family: "Trebuchet MS", "Times New Roman", Times, serif;  font-weight:bold; color:#1784C1; font-size:1.0em; text-transform:uppercase; border-bottom:1px solid #1784C1; margin:0 0 20px 0;}
	  
h2{ 
	 font-family: "Trebuchet MS", "Times New Roman", Times, serif;  font-weight:bold; color:#C1B5AB; font-size:1em; border:1px solid #C1B5AB; background:#f9f9f9; padding:5px; margin:0 0 10px 0; }
	  
h3{ 
	 font-family: "Trebuchet MS", "Times New Roman", Times, serif;  font-weight:bold; color:#FFF; font-size:1em; background:#C1B5AB; padding:5px 0 5px 10px; margin:0 0 10px 0;}

h4{
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;  font-weight:bold; color:#1784C1; font-size:1.0em; cursor:pointer; font-weight:normal; text-decoration:underline; }	

h5{
	 }	

label{
	float:left; width:150px;}

a{
	border:none; outline:none; }

a img{
	border:none; }

p, td, ul, ol{
	line-height:1.5em; }
	
td, th{
	padding:5px 0 5px 5px;}	

th{
	text-align:left; font-weight:normal; }

ul{
	margin:10px 20px; padding:0 10px; }

a{
	color:#1784C1; }

a:hover{
	text-decoration:none; }

/* -------------- BEGIN generic frame and wrapper styles -------------- */

#frameDiv{
	width: 990px; margin: 0 auto; }
	
#topDiv{
	width:990px; height:83px; background:url(../images/background/bgTop.png) no-repeat; margin:0 auto; text-align:center; padding:50px 0 0 0 }

#bannerDiv{
	width:877px; height:195px; background:url(../images/background/bgBanner.png) no-repeat; padding:4px 0 0 113px;}
	
#menuDiv{
	width:877px; height:38px; background:url(../images/background/bgMenu.png) no-repeat; padding:0 0 0 113px; }

	#menuWrapper{
		width:759px; height:34px; background:url(../images/background/bgMenuWrapper.jpg) repeat-x; border-left:1px solid #C1B5AB; border-right:1px solid #C1B5AB;  }

#textDiv{
	width:877px; background:url(../images/background/bgText.png) repeat-y; padding:0 0 0 113px; }

	#textWrapper{
		width:721px; padding:40px 20px;  }

#footerDiv{
	width:990px; height:74px; background:url(../images/background/bgBottom.png) no-repeat; padding:23px 0 0 0; }
	

/* -------------- BEGIN menu styles -------------- */

#menuWrapper ul.menu{
		margin:0; padding:0;}

	#menuWrapper li {
		list-style: none; float:left; }
	
		#menuWrapper li a {
			display: block; height:34px; font-family:"Trajan Pro", "Times New Roman", Times, serif; text-decoration: none; color:#9B928C; font-size:0.95em; text-align:center; text-transform:uppercase; padding:0 4px; border-left:1px solid #C1B5AB; }
		
		#menuWrapper li a.first {
			border-left:none; padding:0 8px; }
		
			#menuWrapper li a:hover {
				 background:url(../images/background/bgMenuHover.jpg) repeat-x; }



/* -------------- BEGIN specific lay out definitions -------------- */

#bannerDiv img{
	border:none; outline:none;}

#textDiv img{
	border:1px solid #C1B5AB;}

.mogelijkhedenBox{
	padding:0; margin:0; }

	.mogelijkhedenBox a.header{
		text-decoration:none; color:#9B928C; }
	
	.mogelijkhedenBox a.header:hover{
		text-decoration:underline; }
	
	.mogelijkhedenBox img.tochten{
		 margin:10px 0 0 20px; border:2px solid #C1B5AB;}
	
	.mogelijkhedenBox span.duur{
		float:right; }

.vlootBox{
	float:left; margin:10px 10px 0 0; border:1px solid #C1B5AB; padding:10px; width:210px; }

	.vlootBox img.vloot{
		 margin:10px 0 0 0; border:1px solid #C1B5AB;}
	




/*------------------------------styles on mogelijkheden page ----------------------*/
#accordion{
	background:#FFF; margin:0 0 0 0;}

div.element{
	 margin:10px 20px; font-size:0.95em; text-align:left;}

div.element p{
	 margin:10px 0;}

div.boxRowA{
	 width:170px; height:130px; float:left; margin:0 10px 0 0; border:1px solid #C1B5AB; border-bottom:1px dashed #C1B5AB; }
div.boxRowAlast{
	 width:170px; height:130px; float:left; margin:0; border:1px solid #C1B5AB; border-bottom:1px dashed #C1B5AB; }
div.boxRowB{
	 width:170px; height:170px; float:left; margin:0 10px 0 0; border:1px solid #C1B5AB; border-bottom:1px dashed #C1B5AB; }
div.boxRowBlast{
	 width:170px; height:170px; float:left; margin:0; border:1px solid #C1B5AB; border-bottom:1px dashed #C1B5AB; }
div.boxMore{
	 width:160px; float:left; margin:0 10px 0 0; padding:5px; border:1px solid #C1B5AB; border-top:none; text-align:right; color:#1784C1;}
div.boxMoreLast{
	 width:160px; float:left; margin:0 ; padding:5px; border:1px solid #C1B5AB; border-top:none; text-align:right; color:#1784C1;}
div.boxWrapper{
	 padding:5px 10px; font-size:90%;}
div.boxWrapper ul{
	 padding:5px; margin:0 10px;}
div.boxMore a, div.boxMoreLast a, div.boxWrapper a{
	font-size:12px; text-decoration:none;}
div.boxMore a:hover, div.boxMoreLast a:hover, div.boxWrapper a:hover{
	font-size:12px; border-bottom:1px solid #1784C1;}









#footerDiv{
	font-size:0.8em; text-align:center; }

	#footerDiv a{
		color:#9B928C; }

div.spacer{
	clear:both; padding:0; margin:0; height:0; }		
		
/*-----------------BEGIN form styles-------------------------------*/

#contactform label{
	float:left; width:200px; text-align:right; padding:0 20px 0 0;}

#contactform input, #contactform select, #contactform textarea{
	width:300px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#9B928C; border:1px solid #C1B5AB; padding:5px 10px;  }
	
#contactform select{
	width:150px;}

#contactform input.radio{
	width:15px; border:none;}

#contactform input#btn{
	cursor:pointer; border:1px solid #1784C1; color:#1784C1; width:320px; text-transform:uppercase; }