@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
	font-family: Century Gothic, "Trebuchet MS", Arial;
}
body {
	background-image:url(images/page-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
img {
	border:0;
}
p {
	margin-bottom:12px;
}
ul {
	margin-left:15px;
}
a {
	font-weight:bold;
	color:#034d77;
	text-decoration:none;
}
a:hover {
	font-weight:bold;
	color:#d43224;
	text-decoration:none;
}
#main {
	width:965px;
	left:50%;
	margin-left:-482px;
	height:auto;
	position:absolute;
}
#header {
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	height:235px;
}
#content {
	background-image:url(images/content-bg.gif);
	background-repeat:repeat-y;
	height:auto;
}
#contenttop {
	background-image:url(images/content-top.gif);
	background-repeat:no-repeat;
	min-height:374px;
  	height:auto !important;
  	height:374px;
	padding-left:31px;
}
#contenttop:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#contentleft {
	width:296px;
	height:auto;
	float:left;
}
#nav {
	background-image:url(images/navbg.gif);
	background-repeat:repeat-y;
	height:auto;
}
#navtop {
	background-image:url(images/nav-top.gif);
	background-repeat:no-repeat;
	min-height:300px;
  	height:auto !important;
  	height:300px;
	padding-left:11px;
	padding-top:36px;
}
#navcon span {
	display:none;
}
#navcon ul {
	margin-left:20px;
	list-style:none;
	list-style-type:none;
	font-size:12px;
	padding-bottom:10px;
	padding-top:5px;
	line-height:18px;
}
#navcon li {
	background-image:url(images/bullet.gif);
	padding-left:8px;
	background-repeat:no-repeat;
	background-position:0 6px;
}
#navcon li.selected a{
	color:#d43224;
}
.redbold {
	color:#d43224;
	font-weight:bold;
}
.inputfield {
	width:300px;
	height:22px;
	border:1px solid #d6d6d6;
	padding-left:5px;
	padding-top:3px;
	font-size:11px;
}
.inputarea {
	width:300px;
	border:1px solid #d6d6d6;
	padding-left:5px;
	padding-top:3px;
	font-size:11px;
}
.btn {
	width:128px;
	height:32px;
	background-image:url(images/btn-bg.gif);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:32px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	border:0;
	cursor:pointer;
}
#items ul {
	list-style:none;
	list-style-type:none;
}
#items li {
	padding-left:8px;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	line-height:18px;
}
#items2 ul {
	list-style:none;
	list-style-type:none;
}
#items2 li {
	padding-left:8px;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	line-height:18px;
}
.occimages {
	height:1%;
	margin-bottom:12px;
}
.occimages:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
.img {
	width:300px;
	float:left;
	height:auto;
	margin-right:2px;
}
.thumbnails {
	width:300px; wid\th:290px;
	float:left;
	height:auto;
	padding-left:10px;
}
#navbtn1 a {
	width:248px;
	height:34px;
	margin-bottom:2px;
	display:block;
	background-image:url(images/btn-home.gif);
	background-repeat:no-repeat;
}
#navbtn1 a:hover {
	background-position:-248px;
}
#navbtn1.selected a {
	background-position:-248px;
}
#navbtn2 a {
	width:248px;
	height:34px;
	margin-bottom:2px;
	display:block;
	background-image:url(images/btn-motorboten.gif);
	background-repeat:no-repeat;
}
#navbtn2 a:hover {
	background-position:-248px;
}
#navbtn2.selected a {
	background-position:-248px;
}
#navbtn3 a {
	width:248px;
	height:34px;
	margin-bottom:2px;
	display:block;
	background-image:url(images/btn-zeilboten.gif);
	background-repeat:no-repeat;
}
#navbtn3 a:hover {
	background-position:-248px;
}
#navbtn3.selected a {
	background-position:-248px;
}
#navbtn4 a {
	width:248px;
	height:34px;
	margin-bottom:2px;
	display:block;
	background-image:url(images/btn-versadock.gif);
	background-repeat:no-repeat;
}
#navbtn4 a:hover {
	background-position:-248px;
}
#navbtn4.selected a {
	background-position:-248px;
}
#navbtn5 a {
	width:248px;
	height:34px;
	margin-bottom:2px;
	display:block;
	background-image:url(images/btn-occasions.gif);
	background-repeat:no-repeat;
}
#navbtn5 a:hover {
	background-position:-248px;
}
#navbtn5.selected a {
	background-position:-248px;
}
#navbtn6 a {
	width:248px;
	height:34px;
	margin-bottom:2px;
	display:block;
	background-image:url(images/btn-service.gif);
	background-repeat:no-repeat;
}
#navbtn6 a:hover {
	background-position:-248px;
}
#navbtn6.selected a {
	background-position:-248px;
}
#navbtn7 a {
	width:248px;
	height:34px;
	margin-bottom:2px;
	display:block;
	background-image:url(images/btn-nieuws.gif);
	background-repeat:no-repeat;
}
#navbtn7 a:hover {
	background-position:-248px;
}
#navbtn7.selected a {
	background-position:-248px;
}
#navbtn8 a {
	width:248px;
	height:34px;
	margin-bottom:2px;
	display:block;
	background-image:url(images/btn-links.gif);
	background-repeat:no-repeat;
}
#navbtn8 a:hover {
	background-position:-248px;
}
#navbtn8.selected a {
	background-position:-248px;
}
#navbtn9 a {
	width:248px;
	height:34px;
	margin-bottom:20px;
	display:block;
	background-image:url(images/btn-contact.gif);
	background-repeat:no-repeat;

}
#navbtn9 a:hover {
	background-position:-248px;
}
#navbtn9.selected a {
	background-position:-248px;
}
#adres {
	font-size:12px;
	color:#034d77;
	line-height:16px;
	padding-left:17px;
}
#adres span {
	margin-right:20px;
}
#navbtm {
	background-image:url(images/nav-btm.gif);
	background-repeat:no-repeat;
	height:18px;
}

#contentright {
	width:603px;
	padding-top:24px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:16px;
}
/* home */
#caroussel {
	margin-bottom:15px;
	height:256px;
	width:603px;
	overflow:hidden;
}
#directvaren {
	height:1%;
}
#directvaren:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#directvaren .item {
	width:126px;
	height:auto;
	margin-bottom:10px;
	text-align:center;
	float:left;
	margin-left:20px;
}
#directvaren .item .img {
	width:122px;
	height:66px;
	overflow:hidden;
}
.pagetitle {
	height:43px;
	line-height:43px;
	padding-left:24px;
	font-size:16px;
	font-weight:bold;
	color:#d43224;
	text-transform:uppercase;
	background-image:url(images/titlebar-bg.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}
.pagecontent {
	margin-bottom:15px;
}
/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
		margin-bottom:10px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:60px;
		height:60px;
		line-height:60px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-10px;
		left:-30px;	
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */
#contentbtm {
	background-image:url(images/content-btm.gif);
	background-repeat:no-repeat;
	height:29px;
}
#credits {
	text-align:center;
	font-size:12px;
	color:#7e8b9b;
	margin-bottom:20px;
}
#credits a {
	font-weight:bold;
	text-decoration:none;
	color:#7e8b9b;
}
#credits a:hover {
	font-weight:bold;
	text-decoration:underline;
	color:#7e8b9b;
}