/*begin van reset part*/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th
{margin: 0; padding: 0; border: 0; outline: none;}

body{line-height: 1;font-size: 88%; background-color:#f5f9fa; font-family:verdana;background-image:url(../img/header.gif); background-repeat: repeat-x; background-position:top;}

h1, h2, h3, h4, h5, h6{font-size: 100%;padding: .6em 0;margin: 0;}

ul, ol{list-style: none;}

a{color: #de9826;text-decoration: none;}
a:hover{text-decoration: underline;}

/*einde van reset part*/

div#wrapper{margin:0 auto; width:910px;}

div#header{width:100%; height:345px;#height:350px;}
div#logo{width:120px; height:35px; margin:5px 0 0 15px; background-image:url(../img/logo.gif); background-repeat: no-repeat;}
	div#logo h1{margin: 0 0 0 -999px;}

div#gallerij{width:586px; height:200px; display:inline-block; float:left; background-color:#fff; margin:25px 10px 0 10px; overflow:hidden;}



div#aanbiedingen{background-color:#ebf5f6; display:inline-block; float:left; padding: 0 10px 0 10px; margin: 25px 0 0 0; font-size:11px; height:200px;}
	/* Aanbiedingenblok - alle stijlen */
	div.aanbieding{margin:6px 0 20px 0; #margin:6px 0 8px 0; width:267px; padding:10px 0 0 0;}
	div.aanbieding2{margin:6px 0 20px 0; #margin:6px 0 8px 0; padding:10px 0 0 0;}
	div.aanbieding h2{display:inline; color:#de9826; margin:0; font-size:13px;}
	span.subtitel{}
	span.aanbiedingSpecs{width:280px;line-height:130%;}
	a.aanbiedingLink{color:#de9826; float:right;}
	/* Einde van stijlen aanbiedingenblok */

div#rederijen{display:inline; float:left; margin:0 0 0 10px;}
	div.rederij{border:10px solid #def0f2; background-color:#fff; width:268px; height:50px; display:inline; float:left; margin:7px 10px 0 0;}
	div.rederij img{margin:4px 0 0 0;}

div#wrapperContent{width:890px; height:100%; background-image:url(../img/contentBG.gif); background-repeat:repeat-y; margin:0 auto; padding: 0 0 20px 0;}
	#contentDivLeft{width:288px; display:inline; float:left;}
		#hoofdMenu{}
			#hoofdMenu h2{font-size:30px;text-transform:uppercase;color:#fff; font-weight:normal;margin:0 0 0 20px;}
			#hoofdMenu ul{margin:0 0 15px 20px}
				#hoofdMenu ul li{border-bottom:1px solid #dec998; padding:2px 0; line-height:180%; margin: 0 20px 0 0;}
				#hoofdMenu ul li a{color:#a1a1a1; text-decoration:none; font-size:12px; padding:0 0 0 20px;}
					#hoofdMenu ul li a.selected{color:#de9826;}
					#hoofdMenu ul li a:hover{color:#de9826;}
		
	#contentDivRight{width:545px; display:inline; float:left; margin:10px 30px 0 20px;}
		#contentInner{font-size:12px; color:#666; overflow:visible; line-height:150%;}
			#contentInner h1{font-size:12px;}
			#contentInner p{line-height:150%;}

			#contentInner ul {line-height:150%; margin: 10px 0 10px 10px;}
			#contentInner li  {line-height:150%; margin: 0 0 0 10px; list-style:disc;}
			#contentInner #contentImg{border:0px; margin:10px 0;}
				/* positie classes toevoegen? */
				#contentImg .imgCaption{text-align:center;}
			#contentInner .quote{font-style:italic; font-size:smaller; line-height:150%;}

			#contentInner #bannerWrap{width:468px; height:60px; margin:10px auto;}


div#wrapperFooter{width:100%; background-color:#001623; display:inline; float:left; clear:both; padding-bottom:20px;}
	#footerInner{width:890px; margin:0 auto;}
		#sgrLogo {margin: 25px 35px 0 50px; display:inline; float:left;}
			#sgrLogo img{display:inline; float:left;}
			p.adres{width:135px;display:inline; float:left;font-size:11px; line-height:130%; margin:8px 0 0 10px; color:#ffffff;}
		#footerInner ul {display:inline; float:left; font-size:10px; padding: 5px 0; margin: 10px 50px 0 0; line-height:130%;}
		#footerInner ul li{}
		#footerInner ul li.sub{margin:0 0 0 15px;}
		#footerInner ul li a{color:#fff; text-decoration:underline;}
		#footerInner ul li a:hover{text-decoration:none;}



/*--------------------------------------------*/
#s3slider { 
   width: 586px; /* important to be same as image width */ 
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
#s3sliderContent {
   width: 586px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Verdana, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 586px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #de9826;
   display: none; /* important */
   top: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.clear {
   clear: both;
} 

.input { 
width:210px;
font-family:Arial, verdana;
font-size:12px;
font-weight:normal;
color:#666;
border:1px solid #de9826;
height:17px;
vertical-align:top;
text-align:left;
padding-top:2px;
padding-left:5px;
margin:0px 0px 8px 0px;
}

.inputtekst { 
width:340px;
font-family:Arial, verdana;
font-size:12px;
font-weight:normal;
color:#666;
border:1px solid #de9826;
height:46px;
vertical-align:top;
text-align:left;
padding-top:2px;
padding-left:5px;
margin:0px 0px 8px 0px;
}

.button {
	background-color: #FFFFFF;
	border: solid 1px #de9826;
	font-family: Arial;
	font-weight: normal;	
	width: 130px;
	font-size: 12px;
	color: #666;
}