@charset "utf-8";
/* CSS Document */
html, body { 
	height: 100%;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0xp;
	background-color:#dfdfdf;
	background-image:url(../img/container_bg_left.png);
	background-repeat:repeat-y;
}


label{
	float:left;
	margin:0px;
	margin-left:10px;
	font-weight:bold;
}

img{
	border:none;
}

h1{
	font-size:18px;
	margin-top:0px;
	margin-bottom:5px;
}

h2{
	margin:0px;
	font-size:12px;
}

div.bg_top{
	position:absolute;
	width:100%;
	background-image:url(../img/body_bg.png);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	height:99px;
}

#container{
	height:100%;
	/*background-image:url(../img/bg_body_right.png);
	background-repeat:repeat-y;
	background-position:right;*/
}

div#head{
	position:relative;
	background-image:url(../img/kniplijn.png);
	background-position:top;
	background-repeat:no-repeat;
	height:68px;
	width:817px;
}

div#hoofdmenu{
	position:relative;
	float:left;
	width:350px;
	padding-top:6px;
	padding-left:100px;
}

div#hoofdmenu a:link, div#hoofdmenu a:visited, div#hoofdmenu a:active, div#hoofdmenu a:hover{
	color:#333333;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin-left:20px;
}
.aanmeldknop:link, .aanmeldknop:visited, .aanmeldknop:active, .aanmeldknop:hover{
	color:#333333;
	font-weight:bold;
	font-size:14px;
	display:block;
	padding-left:10px;
	padding-bottom:10px;
}

div.zoekfunctie{
	position:relative;
}

div.zoekfunctie form{
	margin:0px;
	padding:0px;
}
div.bottom form{
	margin:0px;
	padding:0px;
}
input.zoekinput, input.zoekinput2{
	float:left;
	background-image:url(../img/bg_search.png);
	background-repeat:repeat-x;
	height:16px;
	border:1px #333333 solid;
}
input.zoekinput{
	width:100px;
	margin-top:15px;
	margin-left:20px;
}
input.zoekinput2{
	width:100px;
	margin:0px;
	margin-left:5px;
}
.input3{
	width:150px;
	background-image:url(../img/bg_search.png);
	background-repeat:repeat-x;
	height:16px;
	border:1px #333333 solid;
}
select.input3{
	height:20px;
}
input.logininput{
	float:left;
	background-image:url(../img/bg_search.png);
	background-repeat:repeat-x;
	height:16px;
	border:1px #333333 solid;
	width:100px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
}
input.addinput{
	float:left;
	background-image:url(../img/bg_search.png);
	background-repeat:repeat-x;
	height:16px;
	border:1px #333333 solid;
	width:30px;
	margin:5px;
}
input.submitinput, input.submitinput2, .submitinput2{
	float:left;
	background:none;
	border:none;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input.submitinput{
	height:15px;
	margin-top:15px;
}	
form.loginform input.submitinput{
	margin-top:7px;
}
form.loginform p{
	float:left;
	width:200px;
	font-size:9px;
	margin:0px;
	margin-bottom:5px;
	margin-left:10px;
}
div.bottom input.submitinput{
	margin-top:6px;
}

div#logo{
	position:relative;
	width:180px;
	float:left;
}
div#talen{
	float:right;
	margin-top:30px;
	/*margin-left:100px;*/
}
div#banners{
	position:absolute;
	right:50px;
	top:5px;
}

div#menu{
	position:relative;
	float:left;
	min-height:500px;
	width:185px;
	background-image:url(../img/scroll_menu_bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFFFFF;
}
div#menu a:link, div#menu a:active, div#menu a:visited, div#menu a:hover{
	font-size:12px;
	letter-spacing:-0.1em;
	line-height:18px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
div#menu a:hover{
	text-decoration:underline;
}

div#menu p{
	margin-top:30px;
	margin-left:10px;
}

div#menuright{
	position:relative;
	float:right;
	width:16px;
	height:200px;
	background-image:url(../img/menu_right_bg.png);
	
}

div#main{
	position:absolute;
	left:185px;
	min-height:500px;
	background-color:#dfdfdf;
	background-image:url(../img/main_bg_top.png);
	background-repeat:repeat-x;
	margin-right:250px;
}

div#product_info{
	margin:0px;
	margin-left:10px;
	padding:10px;
	margin-top:10px;
	border:1px solid;
	background:#ededed;
	min-height:320px;
}
div.img_box{
	float:left;
	margin:0px;
	border:1px solid #CCCCCC;
	height:300px;
	width:300px;
	margin-right:20px;
	background-color:#FFFFFF;
	padding:0px;
	text-align:center;
	overflow:hidden;
}
div#product_info p{	
	margin:0px;
}

#main a:link, #main a:visited, #main a:active{
	text-decoration:none;
	color:#333333;
}
#main a:hover{
	text-decoration:underline;
}

div#right_side{
	position:absolute;
	width:264px;
	right:36px;
	top:99px;
	padding-top:20px;
	background-image:url(../img/bg_body_right1.png);
	background-repeat:repeat-y;
	background-position:right;
}

div.main_tekst{
	margin:0px;
	padding:10px;
	margin-top:10px;
	border:1px #999999 solid;
	background:#F5F5F5;
}

div.main_tekst p{
	margin-top:3px;
	margin-bottom:15px;
	margin-left:0px;
	margin-right:0px;
}

div.tab1{
	position:relative;
	float:left;
	background-image:url(../img/label1.png);
	background-repeat:repeat-x;
	/*width:106px;*/
	height:31px;
	overflow:hidden;
}
.tab1 a{
	font-size:11px;
	font-weight:bold;
	line-height:25px;
	margin-left:0px;
	float:left;
	margin-top:5px;
}

div.tab_close_1, div.tab_open_1{
	position:absolute;
	width:137px;
	height:5px;
	top:26px;
	left:0px;
	background-image:url(../img/tab_close1.png);
	background-repeat:no-repeat;
}
div.tab_open_1{
	/*background-image:url(../img/tab_open1.png);*/
}
div.afsluittabopen{
	position:relative;
	margin:0px;
	margin-top:26px;
	margin-right:0px;
}
div.afsluittabopen1{
	position:relative;
	margin:0px;
	margin-right:0px;
}

div.tab{
	position:relative;
	float:left;
	background-image:url(../img/tab.png);
	background-repeat:no-repeat;
	/*width:150px;*/
	margin-left:-10px;
	height:31px;
	overflow:hidden;
	
}
.tab a{
	/*position:absolute;
	height:15px;*/
	font-size:11px;
	font-weight:bold;
	line-height:25px;
	margin-left:17px;
	float:left;
	margin-top:5px;
}
.tab span{
	background-image:url(../img/afsluit_tab.png);
	background-position:right;
	background-repeat:no-repeat;
	height:26px;
	margin:0px;
	float:left;
}

div.tab_close, div.tab_open{
	position:absolute;
	width:137px;
	height:5px;
	left:0px;
	top:26px;
	background-image:url(../img/tab_close.png);
}
div.tab_open{
	background-image:url(../img/tab_open.png);
	background-position:right;
}/*
div.tab_close, div.tab_open{
	float:left;
	display:block;
	height:5px;
	background:url('../img/tab_close.png') right top no-repeat;
	width:40px;
	clear:left;
}*/

div.tab_open{
	background-image:url(../img/tab_open.png);
}

div.voorbeelden{
	position:relative;
	width:186px;
	float:right;
	height:600px;
	background:#ededed;
	border-left:2px #4c4c4c solid;
	border-right:2px #4c4c4c solid;
	border-bottom:1px #4c4c4c solid;
	border-top:1px #4c4c4c solid;
	margin-top:-2px;
}

p.titel_vb{
	background-color:#818181;
	display:block;
	border-bottom:1px #4c4c4c solid;
	margin:0px;
	height:17px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:3px;
	padding-left:10px;
}

p.afsluiting_vb{
	background-color:#ededed;
	display:block;
	border-left:2px #4c4c4c solid;
	border-right:2px #4c4c4c solid;
	border-bottom:2px #4c4c4c solid;
	margin:0px;
	height:17px;
	font-size:10px;
	font-weight:normal;
	color:#000000;
	padding-top:3px;
	padding-left:10px;
	width:176px;
	float:right;
}

div.tumb{
	position:relative;
	float:left;
	width:142px;
	border:1px solid;
	margin-top:10px;
	margin-left:10px;
	background-color:#ffffff;
}
div.tumb p{
	font-size:10px;
	font-weight:bold;
	text-align:center;
	padding:4px;
	border-bottom:1px solid #000000;
	background:#ededed;
	margin-bottom:0px;
	margin-top:0px;
	height:24px;
}
div.prijs{
background:#ffffff;
border-left:1px solid #000000;
border-top:1px solid #000000;
position:absolute;
bottom:0;
right:0;
font-weight:bold;
padding:2px;
}
div.bottom{
	position:relative;
	float:left;
	width:142px;
	height:30px;
	border-top:1px solid #000000;
	background:#ededed;
}
div.bottom img{
	float:right;
	margin:4px;
}
div.image{
	position:relative;
	float:left;
	width:142px;
	height:160px;
	background:#FFFFFF;
	text-align:center;
}
.product_tabel{
	width:100%;
}

/* ______ FORM ______ */
#contactformulier div{
margin-top:5px;
width:450px;
border-bottom:dotted 1px #CCCCCC;
clear:both;
}

#contactformulier label{
width:130px;
display:block;
float:left;
padding-top:10px;
}

input.normalinput{
width:300px;
float:right;
margin-top:6px;
}

input.normalsubmit{
width:100px;
float:right;
margin-top:20px;
}

textarea{
width:300px;
float:right;
margin-top:6px;
height:120px;
}

h4{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
font-weight:normal;
}
h4 .groen{
color:#006600;
}

.addinwinkelwagen{
	float:left;
	border:none;
	cursor:pointer;
	background:url(../img/winkelwagen.png);
	height:23px;
	width:27px;
	margin-top:3px;
}

.aanmeldform div{
	float:left;
	width:650px;
	margin-bottom:5px;
}
.aanmeldform span{
	font-size:9px;
	margin-left:10px;
}
.aanmeldform img{
	padding-top:2px;
}
.aanmeldform label{
	margin-right:20px;
	width:150px;
	display:block;
	float:left;
}
.aanmeldform .submit{
	border:none;
	font-size:12px;
	font-weight:bold;
	background:none;
	height:auto;
	cursor:pointer;
	width:150px;
}
.aanmeldform input{
	width:150px;
	background-image:url(../img/bg_search.png);
	background-repeat:repeat-x;
	height:16px;
	border:1px #333333 solid;
}
.loginform a:link, .loginform a:hover, .loginform a:active, .loginform a:visited{
	color:#000000;
	font-weight:bold;
	font-size:12px;
}

/* ______ FORM ______ */
.page_button:link, .page_button:visited{
	font-weight:normal;
	padding:5px;
}

.page_button:active, .page_button:hover{
	font-weight:bold;
	padding:5px;
}

.space{
	position:relative;
	float:left;
	height:60px;
}

.clear{
	clear:both;
	visibility:hidden;
}
