/**
 * GENERAL & FIXES
 * _____________________________________________
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}


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


body {
	/*background: #f8f8f8 url(../images/layout/bg.gif) repeat-x;*/
	background: #d4d4d4 url(../images/layout/bg.gif) repeat-x;
	font-family: Arial, sans-serif;
	/*line-height: 1.4;*/
	font-size: 12px;
}

h1 {
	font-size: 18px;
	font-weight:normal;
	padding: 0 0 10px;
	font-family:"Trebuchet MS", Verdana;
	color:#00AEDB;
}

h2 {
	font-size: 16px;
	font-weight:normal;
	padding: 0 0 10px;
	font-family:"Trebuchet MS", Verdana;
}

h3 {
	font-size: 14px;
	font-weight:normal;
	padding: 0 0 5px;
	font-family:"Trebuchet MS", Verdana;
}

h4 {
	font-size: 12px;
	font-weight:normal;
	padding: 0 0 5px;
	font-family:"Trebuchet MS", Verdana;
}

h5 {
	font-size: 12px;
	font-weight:normal;
	padding: 0 0 5px;
	font-family:"Trebuchet MS", Verdana;
}

p {
	font-size: 12px;
	padding: 0 0 12px;
	text-align:justify;
}
strong{font-weight:700;}

/*
a:link, a:visited {
	color: #257199;
}

a:hover, a:active {
	color: #17475F;
}
*/


a{
	color: #008EAF;
}

a:hover {
	color: #00AEDB;
}



.clear {
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */


/**
 * WRAPPERS
 * _____________________________________________
 */

#container{
	width:950px;
	margin:0 auto;
}

#content_bg{
	background-color:#f8f8f8;
	padding-top:10px;
	padding-bottom:20px;
}

#content_data{
	width:950px;
	margin:0 auto;
	background-color:#f8f8f8;
}


#headerWrapper{height:255px;}

#leftWrapper{
	width:284px;
	position: absolute;
	padding-left:10px;
}
#contentWrapper{
	margin-left:294px;
	padding-left:20px;
	background:url(../images/layout/dottedlineVertical.gif) repeat-y;
	min-height:400px;
	height: auto !important;
	height: 400px;
}


#footer{
	background-color:#d4d4d4;
	padding-top:5px;
	height:55px;
	border-top:#fff solid 1px;
}

#footer #data{
	width:950px;
	margin:0 auto;
}

#footer #data p.left{
	float:left;
	padding-left:75px;
}

#footer #data p.right{
	float:right;
}

#footer #data a{
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana;
	font-size:10px;
	color:#4b4b4b;
	text-decoration:none;
	padding-left:15px;
	margin-right:10px;
}

#footer #data a.icon-sitemap{
	background:url(../images/layout/icon-sitemap.jpg) no-repeat;
}

#footer #data a.icon-contact{
	background:url(../images/layout/icon-contact.jpg) no-repeat;
}

#footer #data a:hover{
	text-decoration:underline;
}








/**
 * HEADER
 * _____________________________________________
 */
 

#headerWrapper h1 a{
 	width: 129px;
	height: 146px;
	background-color:#6600FF;
	position: absolute;
	
	top: 78px;
	margin-left:70px;
	
 	background: transparent url(../images/layout/logo.gif) no-repeat top left;
	text-indent: -9999px;
 }
 
 
.nl #headerWrapper p#speuk,
.fr #headerWrapper p#speuk,
.en #headerWrapper p#speuk,
.de #headerWrapper p#speuk
{
 	 background: transparent url(../images/layout/headerspreuk-nl.gif) no-repeat top left;
	text-indent: -9999px;
	
	margin-left:300px;
	margin-top:30px;
}

.de #headerWrapper p#speuk{background: transparent url(../images/layout/headerspreuk-de.gif) no-repeat top left;}
.fr #headerWrapper p#speuk{background: transparent url(../images/layout/headerspreuk-fr.gif) no-repeat top left;}
.en #headerWrapper p#speuk{background: transparent url(../images/layout/headerspreuk-en.gif) no-repeat top left;}



#headerWrapper p#illustration{
	position:absolute;
	/*height:301px;
	width:245px;*/
	
	height:176px;
	width:172px;
	
	text-indent: -9999px;
}

#headerWrapper p.illustration1{
	background:url(../images/layout/headerBeeld1.png) no-repeat;
	margin-left:790px;
	margin-top:60px;
}
#headerWrapper p.illustration2{
	background:url(../images/layout/headerBeeld2.png) no-repeat;
	margin-left:792px;
	margin-top:40px;
}
#headerWrapper p.illustration3{
	background:url(../images/layout/headerBeeld3.png) no-repeat;
	margin-left:770px;
	margin-top:60px;
}
 
 
ul.languages {
 	float:right;
	height:29px;
}
 ul.languages li{float:left;}
 ul.languages li a{
 	display:block; 
	
	margin:0 2px;
	color:white;
	text-decoration:none;
	font-family:"Trebuchet MS", Verdana, Arial;
	padding:1px 3px;
}
.nl ul.languages li a.nl{background-color:#00AEDB;}
.fr ul.languages li a.fr{background-color:#00AEDB;}
.en ul.languages li a.en{background-color:#00AEDB;}
.de ul.languages li a.de{background-color:#00AEDB;}





/**
 * NAVIGATIE
 * _____________________________________________
 */


 ul.navigation {margin-left:300px;}
 ul.navigation li{float:left;}
 
 
 ul.navigation li a
 {
 	display:block; 
	
	background:url(../images/layout/navigationBg.gif) repeat-x;
	
	padding:64px 12px 19px 12px;
	margin:0 0px;
	border-left:white solid 1px;
	
	color:#000;
	text-decoration:none;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana;
	font-weight:bold;
}
ul.navigation li a.last{border-right:white solid 1px;}
ul.navigation li a:hover{background:url(../images/layout/navigationBgHover.gif) repeat-x; color:black;}
ul.navigation li a.active{background:url(../images/layout/navigationBgActive.gif) repeat-x; color:white;}


.pg_home .home,
.pg_home .home:hover,
.pg_leicon .leicon,
.pg_leicon .leicon:hover,
.pg_producten .producten,
.pg_producten .producten:hover,
.pg_referenties .referenties,
.pg_referenties .referenties:hover,
.pg_zeildoeken .zeildoeken,
.pg_zeildoeken .zeildoeken:hover,
.pg_contact .contact{
	background:url(../images/layout/navigationBgActive.gif) repeat-x; 
	color:white;
}

.subnav1 ul li a{padding-left:30px;}

.subnav1 li a{
	width:260px;
	/*color:#a7a7a7;*/
	color:#898989;
	
	display:block;
	padding:7px 5px 7px 5px;
	text-decoration:none;
	background:url(/images/layout/subnav_bg2.gif) no-repeat bottom left;
}

.subnav1 li a:hover{
	background:url(/images/layout/subnav_bg2.gif) no-repeat bottom left;
	color:#00AEDB;
}

.subnav1 li.active a{
	background:url(/images/layout/subnav_bg2.gif) no-repeat bottom left;
	color:#898989;
	font-weight:bold;
}

.subnav1 li.active li.noactive a{
	background:url(/images/layout/subnav_bg2.gif) no-repeat bottom left;
	font-weight:normal;
	color:#898989;
}





/**
 * LEFTWRAPPER
 * _____________________________________________
 */

 
#leftWrapper h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#00AEDB;
}


#leftWrapper .referentieindekijker{
	background-color:#00AEDB;
	width:150px;
}
#leftWrapper .referentieindekijker dd {
	padding:2px 6px;
}
#leftWrapper .referentieindekijker dd a{
	color:#fff;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana;
	text-decoration:none;
}



/**
 * CONTENTWRAPPER
 * _____________________________________________
 */

div.introtekst{	
	padding-top:10px;
	margin-bottom:20px;
	/*border-left:#00AEDB solid 2px;*/
	padding-left:10px;
	padding-right:15px;
	/*background-color:#fef2e0;*/
	background-color:#A2D6E4;
}

div.introtekst p{	
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana;
	font-size:11px;
	line-height:18px;
}

p.backlink{margin-top:20px;}


.nieuwshome {
	margin-bottom:0px;
}
.nieuwsoverzicht{
	margin-bottom:12px;
	background:url(../images/layout/dottedlineNews.gif) no-repeat bottom center;
}

.nieuwsoverzicht2{
	margin-bottom:12px;
	margin-top:12px;
	background:url(../images/layout/dottedlineNews.gif) no-repeat bottom center;
}

.nieuws h2,
.nieuws h2 a{
	font-size:15px;
	color:#8c8c8c;
	text-decoration:none;
}
.nieuws h2 a:hover{
	text-decoration:underline;
}

.nieuwsoverzicht h2,
.nieuwsoverzicht h2 a{
	font-size:15px;
	color:#8c8c8c;
	text-decoration:none;
}



.nieuws span.datum{
	color:#00AEDB;
	font-size:11px;
	line-height:normal;
	margin-right:3px;
}
.nieuws p.leesmeer{
	float:left;
	line-height:normal;
}


.nieuws p{
	line-height:18px; 
	padding:0px;
}

.nieuws .foto{
	float:left;
	margin:2px 12px 0px 0px;
	display:block;
	border:2px solid #DFDFDF;
}

.nieuws .foto2{
	margin:2px 12px 12px 0px;
	border:2px solid #DFDFDF;
	align:left;
	display:block;
}


.pagina h2{
	color:#00AEDB;
	font-size:18px;
}
.pagina h3{
	font-size: 14px;
	font-weight:normal;
	color:#00AEDB;
	padding: 0 0 0px 0;
	font-family:"Trebuchet MS", Verdana;
}
.pagina p{line-height:18px;}



.productenlist1{
	background-color:#00AEDB;
	width:156px;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}
.productenlist1 dt{

}
.productenlist1 img{border:#e2e2e2 solid 3px;}
.productenlist1 dd {
	
}
.productenlist1 dd a{
	color:#fff;
	text-decoration:none;
	padding:3px 6px;
	display:block;
}

.productenlist2{
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	display:block;
}
.productenlist2 img{border:#e2e2e2 solid 3px;}


.producteigenschappen{
padding:5px 10px;
float:right;
width:200px;
}

.producteigenschappen h5{
margin:0px;
padding:0px;
margin-bottom:3px;
	color:#8c8c8c;
	font-size:14px;
	font-weight:normal;
}

.producteigenschappen ul{
border-left:#e2e2e2 solid 3px;
padding:2px 5px;
}

.producteigenschappen li{
margin-bottom:3px;
}

.producteigenschappen strong{
width:80px;
display:block;
float:left;
color:#00AEDB;
font-weight:normal;
}

.producteigenschappen span{
display:block;
float:left;
width:100px;
}

span.form-error {
	padding: 2px 0;
	font-size: 13px;
	display: block;
	color: #CC0000;
	clear: both;
}

.HomeLeft{
	margin-left:65px;
}

.frmcontact dt{margin-top:10px;}


.sitemap li{
	list-style:disc;
	list-style-position:inside;
	margin-bottom:5px;
}

.sitemap li ul{
	margin-left:20px;
	margin-bottom:20px;
	margin-top:5px;
}