* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
ul, ol {list-style-type:none}
html {background: url('images/bg-repeat.jpg') repeat-x;}
body {background: url('images/bg-top.jpg') no-repeat 50% 0; height:100%;font: normal 12px Arial,sans-serif; color: #444444;}
p {margin:10px 0px 0px 0px;}
a {color: #3eb5e8;}
a:hover {color: #333333;}
.fl_left{float:left;}
.fl_right{float:right;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}

/* -------------------------------------------Main layout-------------------------------------*/

#mainlayout {
	position:relative;
	margin:0 auto 0 auto;
	text-align:left;
	max-width:987px;
}


/* --------------------------------------------Header bar-------------------------------------*/

#header {
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	height:320px;
}

#searchbar {
	height:40px;
	width:100%
	position:absolute;
/*	background:transparent url("images/bg-header.jpg") no-repeat left top;
*/}

#logo {
	height:72px;
	width:100%
	position:absolute;
	background:transparent url("images/bg-logo.jpg") no-repeat left top;
}

#navbar {
	height:72px;
	width:100%
	position:absolute;
	top: 200px;
	background:transparent url("images/bg-menu.jpg") no-repeat left top;
}


/* --------------------------------------------Header image-------------------------------------*/

#pageheader {
	position:absolute; 
	margin:0px 0px 0px 3px; 
	width:983px; 
	height:361px; 
	top:0px; 
	background-image: url("images/header-home.jpg");
}

#page2header {
	position:absolute; 
	margin:0px 0px 0px 3px; 
	width:983px; 
	height:184px; 
	top:0px; 
	background-image: url("images/header-jachtbouw.jpg");
}
/* -------------------------------------------Advertorials----------------------------------*/

#advertorial {
	position:absolute; 
	margin:0px 0px 0px 3px; 
	width:983px; 
	height:161px; 
	top:361px; 
	background-image: url("images/bg-greybody.jpg");
}

#advertorialfirst {
	float:left; 
	width:311px; 
	height:161px; 
	margin:0px 0px 0px 3px; 
	text-align: center;
}

#advertorialsecond {
	float:left; 
	width:340px; 
	height:161px; 
	margin:0px 0px 0px 0px; 
	text-align: center; 
}

#advertorialthird {
	float:left; 
	width:321px; 
	height:161px; 
	margin:0px 0px 0px 0px; 
	text-align: center; 
}

#advertorial .header {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 140%; 
	color: #333333; 
	font-weight: bold;
}

#advertorial .body {
	max-width:300px;
	margin: 0px auto 0px auto;
	font-size: 100%; 
	text-align:justify;
}

#advertorial .body .priceold {
	font-size: 90%; 
}

#advertorial .body .pricenew {
	font-size: 120%;
	color:#FF0000;
}

#advertorial .body .priceconditions {
	font-size: 80%;
}

/* -------------------------------------------Body Mainpage----------------------------------*/

#bodycontainer {
	position:absolute;
	top:160px;
}

#bodycontent {
	margin:0px 0px 0px 0px;
}

#contenttext {
	position:absolute; 
	margin:0px 0px 0px 6px; 
	width:983px; 
	top:522px;
}

#finalcontent {
	width:630px; 
	float:left; 
	margin:0px 0px 15px 10px; 
	padding:5px 5px 5px 5px;
	text-align:justify;
	min-height:200px;
}
/* -----------------------------------------------Breadcrumb--------------------------------------*/

.B_crumbBox { /*Span that surrounds all crumb output*/ 
	width:98%;
	margin:0px auto 0px auto;
	padding:0px 0px 5px 0px;
	display:block;
	border-bottom:1px solid #333333;
}

.B_hideCrumb { /*Span surrounding the "..." if there are more crumbs than will be shown*/
}

.B_currentCrumb { /*Span or A tag surrounding the current crumb*/
}

.B_firstCrumb { /*Span that always surrounds the first crumb, whether it is "home" or not*/
} 

.B_lastCrumb { /*Span surrounding last crumb, whether it is the current page or not*/
} 


.B_crumb  { /*Class given to each A tag surrounding the intermediate crumbs (not home, or hide)*/
}

.B_homeCrumb { /*Class given to the home crumb*/ 
}

/* -----------------------------------------------Body page2--------------------------------------*/

#content2text {
	position:absolute; 
	margin:0px 0px 0px 6px; 
	width:983px; 
	top:184px;
}
/* --------------------------------------finalcontent opmaak---------------------------------*/

#finalcontent h1 {
	font-size:140%;
	color:#333333;
}

#finalcontent h2 {
	font-size:100%;
	line-height:0.5em;
	color:#888888;
	text-transform:uppercase;
	margin:3px 0px 0px 0px;
}

#finalcontent ul {
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding-left: 1em;
		text-indent: 1em;
}
 
#finalcontent li {
		list-style-image: none;
		list-style-type: none;
}

/* --------------------------------------News bar body content-------------------------------*/

#news {
	width:280px; 
	float:right; 
	margin:0px 10px 0px 0px;
}

#newsheader {
	width:267px;
	height:47px;
	display:block; 
	float:right; 
	margin:15px auto 0px auto;
	padding:15px 0px 0px 35px;
	background:transparent url("images/bg-newsbar.jpg") no-repeat left top;
	font-size: 130%;
	font-weight:bold;
	color:#cccccc;
}

/* ----------------------------------------------Footer-------------------------------------*/
#footer, #copyright {
    width:100%;
	margin:0px auto 0px auto;
	display:block;
}

#footer .wrapper{
	display:block;
	height:100%;
	padding:20px;
	border:none;
	color:#98989A;
	background-color:#2F2F2F;
	}

#footer a{
	color:#3eb5e8;
	background-color:#2F2F2F;
	}
#footer a:hover{
	color:#999999;
	background-color:#2F2F2F;
	}

#footer h2{
	font-size:130%;
	padding-bottom:8px;
	border-bottom:1px dotted #999999;
	}

#footer p, #footer ul, #footer a{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	}

#footer .footbox{
	display:block;
	float:right;
	width:175px;
	margin:0 0 0 30px;
	padding:0;
	}


#footer li{
	margin-bottom:3px;
	}

#footer .last{
	margin:0;
	}

#newsletter{
	display:block;
	float:left;
	width:300px;
	}

#newsletter .legend{
	display:block;
	float:left;
	width:80px;
	margin:7px 0px 7px 0px;
	}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright .wrapper{
	padding:10px 20px;
	border:none;
	}

#copyright p{
	margin:0;
	padding:0;
	}

#copyright .wrapper, #copyright a{
	color:#FFFFFF;
	background-color:#3D3D3D;
	}