@charset "UTF-8";
/* Copyright 2008 - Frank Martin.nl */


*{ /*deletes all*/
	border:0;
	padding:0;
	margin:0;
}
body{
	background:#ffffff;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	color:#1579a0;
	font-size:12px;
	line-height:18px;
}
a:link,
a:active,
a:visited{
	text-decoration:underline;
	color:#1579a0;
}
a:hover{
	text-decoration:none;
}
h1{
	font-weight:bold;
	font-size:15px;
}
p{
	margin-bottom:10px;
}
#mainwrapper{
	width:1000px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

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

.clearfix {display: inline-block;}

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

/* ==============================================
*	header elements
*/
#header{
	width:1000px;
	height:147px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}
#bestel{
	position:relative;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	top:39px;
	left:19px;
	width:160px;
}
#bestel a{
	color:#FFFFFF;
	text-decoration:none;
}
#bestel a:hover{
	color:#cfe0e9;
}
#zoeken{
	position:relative;
	color:#FFFFFF;
	top:49px;
	left:19px;
	width:160px;
	height:16px;
}
#zoeken input{
	width:145px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:16px;
	background:none;
	color:#FFFFFF;
	float:left;
}
#zoeken input.zoeken_btn{
	display:block;
	width:15px;
	background:none;
	color:#FFFFFF;
	cursor:pointer;
}
#navigatie{
	width:800px;
	height:34px;
	position:relative;
	top:94px;
	left:0;
}
#navigatie_items li{
	list-style:none;
	float:left;
	margin:9px 30px 0 30px;
	font-weight:bold;
	font-size:15px;
}
#navigatie_items li.first{
	margin-left:10px;
}
#navigatie_items li a{
	text-decoration:none;
}
#navigatie_items li a:hover{
	color:#922528;
}
#navigatie_items li a.selected{
	color:#922528;
}
#pay_off{
	position:relative;
	font-weight:bold;
	width:217px;
	height:15px;
	top:73px;
	left:773px;
	font-size:10px;
	text-align:right;
	padding-right:10px;
}
/* ==============================================
*  visual elements / kruimelpad
*/
#visualwrapper{
	height:81px;
	width:1000px;
}
#visual{
	position:relative;
	height:81px;
	width:1000px;
}
#kruimelpad{
	position:relative;
	background-image:url(../images/kruimelpad.png);
	background-repeat:no-repeat;
	background-position:right;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	top:-17px;
	left:0;
	padding:4px 15px 4px 10px;
}
#kruimelpad a{
	color:#FFFFFF;
}
/* ==============================================
*  maincontent blocks
*/
#content{
	width:990px;
	background-image:url(../images/content_gradient.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding: 20px 0 0 10px;
	}
/* ==============================================
*  footer elements
*/
#footer{
	background:#c9e0e9;
	margin-top:20px;
	margin-left:-10px;
	display:block;
	padding:8px 0 0 20px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	height:18px;
	width:980px;
	}

/* ==============================================
*  information specific styles
*/
#newsblock{
	width:759px;
	height:147px;
	background-position: center top;
	background-image:url(../images/informatie_blok.png);
}
#image{
	float:left;
	height:147px;
	width:172px;
	text-align:center;
}
#image img{
	margin:auto;
	margin-top:10px;
}
#information_wrapper{
	float:left;
	height:147px;
	width:587px;
	/* fix for PNG replacer Z-index of the png overrules, posision relative fixes this see: http://koivi.com/ie-png-transparency/ I didn't jused the script becouse it couldn't fix external stylesheets,*/
	position: relative;
} 
#information_wrapper p{
	margin-top:2px;
	height:75px;
	overflow-y:auto;
}
#information_wrapper h1{
	margin-top:10px;
}
a.download_document{
	width:146px;
	height:18px;
	display:block;
	margin-top:10px;
	background:url(../images/btn_download_document.png) center top;	
	cursor:pointer;
}
a.download_document:hover{
	background:url(../images/btn_download_document.png) center bottom;	
}
a.link{
	width:51px;
	height:18px;
	display:block;
	margin-top:10px;
	background:url(../images/btn_link.png) center top;	
	cursor:pointer;
}
a.link:hover{
	background:url(../images/btn_link.png) center bottom;	
}


/* ==============================================
*  text specific styles / color 
*/
.light{
	color:#c9e0e9;
}
.white{
	color:#FFFFFF;
}
.blue{
	color:#1579a0;
}
h2{
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	
}
/* ==============================================
*  news stramien styles
*/
#newsblock_wrapper{
float:left;
}
#submenu{
	float:left;
	text-align:right;
	width:220px;
}
#submenu_items{
	float:right;
}
#submenu_items li{
	list-style:none;
	height:18px;
	display:block;
	width:92px;
}
a.vitaliseren,
a.onderzoek,
a.media,
a.vragen,
a.nieuws,
a.voordelen{
	width:92px;
	height:18px;
	display:block;
	margin-top:5px;
	cursor:pointer;
}
a.vitaliseren{background:url(../images/btn_vitaliseren.png) center top;	}
a.onderzoek{background:url(../images/btn_onderzoek.png) center top;	}
a.media{background:url(../images/btn_media.png) center top;	}
a.vragen{background:url(../images/btn_vragen.png) center top;	}
a.nieuws{background:url(../images/btn_nieuws.png) center top;	}
a.voordelen{background:url(../images/btn_voordelen.png) center top;	}

a.vitaliseren:hover{background:url(../images/btn_vitaliseren.png) center bottom;	}
a.onderzoek:hover{background:url(../images/btn_onderzoek.png) center bottom;	}
a.media:hover{background:url(../images/btn_media.png) center bottom;	}
a.vragen:hover{background:url(../images/btn_vragen.png) center bottom;	}
a.nieuws:hover{background:url(../images/btn_nieuws.png) center bottom;	}
a.voordelen:hover{background:url(../images/btn_voordelen.png) center bottom;	}

li.active a.vitaliseren{background:url(../images/btn_vitaliseren.png) center bottom;	}
li.active a.onderzoek{background:url(../images/btn_onderzoek.png) center bottom;	}
li.active a.media{background:url(../images/btn_media.png) center bottom;	}
li.active a.vragen{background:url(../images/btn_vragen.png) center bottom;	}
li.active a.nieuws{background:url(../images/btn_nieuws.png) center bottom;	}
li.active a.voordelen{background:url(../images/btn_voordelen.png) center bottom;	}

/* ==============================================
*  informatie carousel
*/
#flashWrapper{
	background:none;
	width:1000px;
	height:500px;
}

#informatiecontent{
	width:1000px;
	background-image:url(../images/content_gradient.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding:0;
}

/* ==============================================
*  contact specified styles
*/
#contact_formulier{
	float:left;
	width:348px;
	height:317px;
	background-image:url(../images/contact_form.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:20px;
	padding:14px 0 0 30px;
}
#contact_formulier p{
	clear:both;
}
#contact_formulier label{
	width:100px;
	display:block;
	float:left;
	margin-top:5px;
}
#contact_formulier label.first{
	margin-top:0;
}
#contact_formulier input{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#1579a0;
	background:#d2e3ec;
	float:left;
	margin-top:5px;
	padding-top:3px;
	height:15px;
	width:200px;
}
#contact_formulier input.first{
	margin-top:0;
}
#contact_formulier textarea{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#1579a0;
	background:#d2e3ec;
	overflow-y:auto;
	width:297px;
	height:133px;
	margin:8px 0 0 7px;
}
#contact_formulier label.textarea{
	float:none;
	padding-top:22px;
	display:block;
}
#contact_formulier input.versturen{
	width:78px;
	height:18px;
	background-image:url(../images/btn_versturen.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
	float:right;
	margin-right:38px;
	margin-top:20px;
}
#contact_formulier input.versturen:hover{
	background-position:bottom left;	
}
#adres_gegevens{
	float:left;
	height:317px;
	width:163px;
	margin-right:20px;
	background-image:url(../images/contact_gegevens.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:20px 0 0 20px;
}
#adres_gegevens p{
	margin-bottom:10px;
}

#side_container{
	float:left;
	height:317px;
	width:378px;
}
.header{
	margin-bottom:10px;
}
/* ==============================================
*  homepage specified styles
*/
#homepage_visualwrapper{
	height:300px;
	width:1000px;
}
#homepage_visual{
	position:relative;
	height:300px;
	width:1000px;
	margin-bottom:-10px;
}
#product1{
	float:left;
	width:204px;
	height:251px;
	background-image:url(../images/homepage_product.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin-right:20px;
	padding:10px 10px 10px 20px;
}
#product2{
	float:left;
	width:204px;
	height:251px;
	background-image:url(../images/homepage_product.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin-right:20px;
	padding:10px 10px 10px 20px;
}
.img_placeholder{
	width:150px;
	height:110px;
	margin-left:20px;
	margin-bottom:10px;
	margin-top:10px;
}
.img_placeholder_1{
	width:150px;
	height:110px;
	margin-left:20px;
	margin-bottom:5px;
	margin-top:0px;
}
#product_text{
	height:62px;
	line-height:15px;
}
a.meer{
	float:left;
	background-position:left top;
	background-image:url(../images/btn_meer_info.png);
	background-repeat:no-repeat;
	width:78px;
	height:18px;
	display:block;
	margin-top:10px;
	cursor:pointer;
}
a.meer:hover{
	background-position:left bottom;
}
#syn{
	background-image:url(../images/homepage_product_wide.png);
	background-repeat:no-repeat;
	float:left;
	width:451px;
	margin-right:10px;
	padding:10px;
}

#slogan{
	float:left;
	width:462px;
	height:252px;
}
.nieuw{
	position:relative;
	float:right;
	margin-bottom:-69px;	
}
/* ==============================================
*  producten specified styles
*/
a.bestellen{
	float:left;
	background-position:left top;
	background-image:url(../images/btn_bestellen.png);
	background-repeat:no-repeat;
	width:78px;
	height:18px;
	display:block;
	margin-top:10px;
	cursor:pointer;
}
a.bestellen:hover{
	background-position:left bottom;
}
a.meer_info{
	float:left;
	background-position:left top;
	background-image:url(../images/btn_meer_info.png);
	background-repeat:no-repeat;
	width:78px;
	height:18px;
	display:block;
	margin-top:10px;
	cursor:pointer;
	margin-left:10px;
}
a.meer_info:hover{
	background-position:left bottom;
}
p.product_info{
		margin-bottom:0px;
}
/* ==============================================
*  bestel specified styles
*/
#bestel_top{
	width:759px;
	height:21px;
	background-image:url(../images/bestel_top.png);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	z-index:1;
}
#bestel_middle{
	width:729px;
	background-image:url(../images/bestel_middle.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:15px;
	padding-right:15px;
	float:left;
	z-index:2;
}
#bestel_middle a{
	position:relative;
}

#bestel_bottom{
	width:759px;
	height:20px;
	background-image:url(../images/bestel_bottom.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	z-index:1;
}
#bestel_wrapper{
	float:left;
	width:759px;
}
#bestel_header{
	height:18px;
	width:728px;
	background:url(../images/bestel_gegevens.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#product_wrapper{
	float:left;
	position:relative;
}
#product_aantal{
	float:left;
	width:67px;
	height:130px;
}
#product_aantal select{
	margin:10px 0 0 10px;
	background:#7eb4ca;
	color:#FFFFFF;
	font-weight:bold;
	width:40px;
	height:18px;
}
#product_artikel{
	float:left;
	width:150px;
	height:120px;
	padding:10px 0 0 0;
}
#product_omschrijving{
	float:left;
	width:220px;
	height:120px;
	padding:10px 10px 0 17px;
	overflow:auto;
}
#product_prijs{
	float:left;
	width:62px;
	height:120px;
	padding:10px 0 0 8px;
	text-align:right;
}
#product_totaal{
	float:left;
	width:63px;
	height:120px;
	padding:10px 0 0 27px;
	text-align:right;
}
#product_verwijder{
	float:left;
	width:70px;
	height:120px;
	text-align:right;
	padding:10px 0 0 10px;
}
span.product{
	width:728px;
	height:2px;
	background:#7eb4ca;
	display:block;
	float:left;
}
a.bestelling_afronden{
	float:right;
	background-position:left top;
	background-image:url(../images/btn_bestelling_afronden.png);
	background-repeat:no-repeat;
	width:134px;
	height:18px;
	display:block;
	margin-top:10px;
	cursor:pointer;
}
a.bestelling_afronden:hover{
	background-position:left bottom;
}
a.meer_producten_bestellen{
	float:right;
	background-position:left top;
	background-image:url(../images/btn_meer_producten_bestellen.png);
	background-repeat:no-repeat;
	width:157px;
	height:18px;
	display:block;
	margin-top:10px;
	cursor:pointer;
	margin-right:10px;
}
a.meer_producten_bestellen:hover{
	background-position:left bottom;
}
#prijs_wrapper{
	float:left;
	width:728px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}
#prijs_benaming{
	width:544px;
	float:left;
	text-align:right;
	padding:0 10px 0 0;
	font-weight:bold;
}
#prijs_som{
	width:60px;
	float:left;
	text-align:right;
	padding-left:10px;
}
.euro{
	float:left;
	text-align:left;
}
.note{
	display:block;
	float:right;
	margin-top:10px;
	font-weight:bold;
	color:#FF0000;
	font-size:9px;
	text-align:right;
}
/* ==============================================
*  gegevens specified styles
*/
#gegevens_formulier{
	float:left;
	width:389px;
	height:408px;
	background-position:left top;
	background-image:url(../images/gegevens_background.png);
	background-repeat:no-repeat;
	margin-right:20px;
	padding:19px 20px 20px 30px;
}
#gegevens_visual{
	float:left;
	width:520px;
	height:411px;
}
#gegevens_formulier p{
	clear:both;
}
#gegevens_formulier label{
	width:159px;
	display:block;
	float:left;
	margin-top:5px;
}
#gegevens_formulier input{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#1579a0;
	background:#d2e3ec;
	float:left;
	margin-top:4px;
	padding-top:3px;
	height:16px;
	width:200px;
}
#gegevens_formulier input.plus{
	margin-top:5px;
}
#gegevens_formulier input.button{
	width:15px;
	height:18px;
	background:none;
}
#gegevens_formulier .tussenvoegsel{
	width:65px;
}
#gegevens_formulier .char{
	width:20px;
	margin-left:22px;
}
#gegevens_formulier .float{
	float:left;
	height:12px;
	padding:6px 0 0 3px;
}
#gegevens_formulier .intro{
	font-weight:bold;
	margin-bottom:13px;
}
#gegevens_formulier .checktext{
	font-weight:bold;
	font-size:10px;
	padding-top:6px;
	height:15px;
	display:block;
}
#gegevens_formulier input.versturen{
	width:78px;
	height:18px;
	background-image:url(../images/btn_versturen.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
	float:right;
	margin-right:20px;
	margin-top:20px;
}
#gegevens_formulier input.versturen:hover{
	background-position:bottom left;	
}
#gegevens_formulier p.space{
	padding-top:20px;
}
#gegevens_formulier textarea{
	background:none;
	margin-top:8px;
	width:200px;
	height:50px;
	font-family:Helvetica, Arial, sans-serif;
	color:#1579a0;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
}

/* ==============================================
*  bedankt specified styles
*/
a.terug_homepage{
	background-position:left top;
	background-image:url(../images/btn_terug_naar_home.png);
	background-repeat:no-repeat;
	width:170px;
	height:18px;
	display:block;
	margin-top:10px;
	cursor:pointer;
	margin-right:10px;
}
a.terug_homepage:hover{
	background-position:left bottom;
}

/* ==============================================
*  vragen specified styles
*/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#FFFFFF;
	font-weight:bold;
	padding-top:2px;
	font-size:0.9em;
	background-image:url(../images/q_background2.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:726px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:5px;
	background-repeat:no-repeat;
	background-position:top right;	
	height:18px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
	
	position:relative;
}
.dhtmlgoodies_question_hover{
	/* Start layout CSS */
	color:#FFFFFF;
	font-weight:bold;
	padding-top:2px;
	font-size:0.9em;
	background-image:url(../images/q_background.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:726px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:5px;
	background-repeat:no-repeat;
	background-position:top right;	
	height:18px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
	
	position:relative;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	width:712px;
	padding-left:17px;
	color:#1579a0;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	
	

}
.dhtmlgoodies_answer ul{
	list-style:none;
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	position:relative;
}
/* ==============================================
*  meer info specified styles
*/
#bestel_middle ul{
	padding-left:15px;
	list-style:disc;
}
img.product{
	float:right;
}
.floater{
	display:block;
	
}

a.terug_overzicht{
	float:left;
	background-position:left top;
	background-image:url(../images/btn_terug_overzicht.png);
	background-repeat:no-repeat;
	width:170px;
	height:18px;
	display:block;
	margin-top:10px;
	cursor:pointer;
	margin-left:10px;
}
a.terug_overzicht:hover{
	background-position:left bottom;
}
a.naar_producten{
	float:left;
	background-position:left top;
	background-image:url(../images/btn_ga_producten.png);
	background-repeat:no-repeat;
	width:155px;
	height:18px;
	display:block;
	margin-top:10px;
	cursor:pointer;
	margin-left:10px;
}
a.naar_producten:hover{
	background-position:left bottom;
}