@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
html, body{
	background:url(../Images/body_bg.jpg) 0 168px repeat-x #d8f4ff;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0155a1;
	/* Margin en padding nodig om Popup laag overlay te krijgen in IE 6, dus het liefst laten staan */
	margin:0px;
	padding:0px;
}

a{ color:#44cafd; text-decoration:none;}
a:hover{ color:#0155a1; text-decoration:none;}
p{ margin:0px; padding:0 0 14px 0;}	
img{ border:none;}
form{ margin:0px; padding:0px;}

h1{ font-size:13px;}
h2{ font-size:14px;}
h3{ font-size:15px;}
h4{ font-size:16px;}
h5{ font-size:17px;}
h6{ font-size:18px;}

h1, h2, h3, h4, h5, h6{ background:url(../Images/kop_bg.jpg) no-repeat; height:18px; line-height:14px; color:#0053a0; margin:0px; padding:0 0 5px 26px;}
h1.grijs, h2.grijs, h3.grijs, h4.grijs, h5.grijs, h6.grijs{ background:url(../Images/kop_grijs_bg.jpg) no-repeat;}

.clear{ clear:both; height:0px;}

INPUT, TEXTAREA, SELECT, OPTION{
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0155a1;
}

HR.lijn{
	width:555px;
	height:1px;
	float:left;
	background:#FFFFFF;
	border-top:none;
	border-right:none;
	border-bottom:solid 1px #C2C2C2;
	border-left:none;
	margin:2px 0px;
}
HR.lijn_dashed{
	width:555px;
	height:1px;
	float:left;
	background:#FFFFFF;
	border-top:none;
	border-right:none;
	border-bottom:dashed 1px #C2C2C2;
	border-left:none;
	margin:2px 0px;
}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{
	width:980px;
	min-height:600px;
    height:auto !important;
	height:600px;
	margin:0 auto 0 auto;
	padding:0px;
}
#header{
	width:960px;
	height:130px;
	margin:0px;
	padding:0 10px 0 10px;
}
#links{
	width:200px;
	min-height:50px;
    height:auto !important;
	height:50px;
	margin:0px;
	padding:0px;
	float:left;
}
#midden{
	width:615px;
	min-height:50px;
    height:auto !important;
	height:50px;
	margin:0px;
	padding:0px;
	float:left;
}
#rechts{
	width:165px;
	min-height:50px;
    height:auto !important;
	height:50px;
	margin:0px;
	padding:0px;
	float:left;
}

/**************************************************************
** Links Styles
***************************************************************/
.vak_links{
	width:200px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0px;
	padding:0px;
}
.links_top{ background:url(../Images/vak_links_t.png) no-repeat; width:180px; height:20px; margin:0px; padding:0 10px 0 10px;}
.links_midden{ background:url(../Images/vak_links_m.png) repeat-y; width:140px; min-height:20px; height:auto !important; height:20px; margin:0px; padding:0 30px 0 30px;}
.links_bottom{ background:url(../Images/vak_links_b.png) no-repeat; width:180px; height:32px; margin:0px; padding:0 10px 0 10px;}
#menu{
	width:140px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0px;
	padding:0px;
}
#menu ul{ margin:0px; padding:0px; list-style-type:none;}
#menu ul li{ width:140px; height:18px; margin:0px; padding:0 0 8px 0;}
#menu ul li a{ background:url(../Images/kop_bg.jpg) no-repeat; width:114px; height:18px; line-height:14px; display:block; margin:0px; padding:0 0 0 26px; color:#0053a0; font-weight:bold;}
#menu ul li a:hover, #menu ul li a.aan{ color:#44cafd;}

select.form_select{ width:140px; color:#0053a0;}
input.form_submit{ background:#d8f4ff; border:1px solid #0053a0; color:#0053a0; cursor:pointer;}
a.winkelen_btn{ background:#d8f4ff; height:18px; line-height:18px; margin:0px; padding:0 4px; float:left; border:1px solid #0053a0; color:#0053a0; cursor:pointer;}

/**************************************************************
** Midden Styles
***************************************************************/
.vak_midden{
	width:615px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0px;
	padding:0px;
}
.midden_top{ background:url(../Images/vak_midden_t.png) no-repeat; width:595px; height:20px; margin:0px; padding:0 10px 0 10px;}
.midden_midden{ background:url(../Images/vak_midden_m.png) repeat-y; width:555px; min-height:20px; height:auto !important; height:20px; margin:0px; padding:0 30px 0 30px;}
.midden_bottom{ background:url(../Images/vak_midden_b.png) no-repeat; width:595px; height:32px; margin:0px; padding:0 10px 0 10px;}
.content_foto{ width:553px; min-height:1px; height:auto !important; height:1px; margin:0 0 10px 0; padding:0px; border:1px solid #0053a0;}
.content_foto img{ width:553px;}

.content_links{
	width:300px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0 20px 0 0;
	padding:0px;
	float:left;
}
.content_rechts{
	width:235px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0px;
	padding:0px;
	float:left;
}
#aanbiedingen{
	background:#ebebeb;
	width:535px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0 0 10px 0;
	padding:10px;
}
.carousel_vak{
	width:483px;
	height:188px;
	margin:0px;
	padding:0px;
	float:left;
}
.carousel_vak ul li{ width:150px; height:188px; margin:0 5px 0 5px; padding:0px; display:inline; float:left;}
.carousel_vak ul li img{ width:150px; margin:0px; padding:0px;}
.carousel_vak ul li span.tekst{ width:150px; margin:0px; padding:0px; display:block;}
.carousel_vak ul li span.prijs_van{ color:#ed1c24; text-decoration:line-through;}
.carousel_vak ul li span.prijs_voor{ color:#0054a0; font-size:16px; font-weight:bold;}

a.volgend_bericht{ background:url(../Images/pijltje_rechts.jpg) center no-repeat; width:26px; height:50px; margin:0px; padding:0px; float:left; text-decoration:none;}
a.vorig_bericht{ background:url(../Images/pijltje_links.jpg) center no-repeat; width:26px; height:50px; margin:0px; padding:0px; float:left; text-decoration:none;}

img.nieuwsfoto{ float:right; padding:5px;}
p.lees_meer{ float:right;}

#zoek_overzicht{
	background:#ebebeb;
	width:535px;
	min-height:28px;
	height:auto !important;
	height:28px;
	line-height:28px;
	margin:10px 0 20px 0;
	padding:0 10px 0 10px;
}
.product_vak{
	width:166px;
	height:208px;
	margin:0px;
	padding:8px;
	float:left;
	border-bottom:1px solid #c2c2c2;
}
.product_vak.midden{ width:173px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;}
.product_afb{ width:166px; /*text-align:center;*/}
.product_afb.midden{ width:173px; /*text-align:center;*/}
.product_afb img, .product_afb.midden img{ height:106px;}
span.pro_naam{ width:166px; display:block; font-size:18px; margin:0px; padding:0 0 10px 0;}
span.pro_prijs_van{ width:166px; display:block;}
span.pro_prijs_voor{ width:166px; display:block; font-size:18px; color:#0053a1; margin:0px; padding:0 0 10px 0;}
span.meer_info{ color:#0053a1;}
span.meer_info a{ color:#0053a1;}

#grote_afbeelding, .thumbs{
	position:relative;
	width:300px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0 0 20px 0;
	padding:0px;
	cursor:pointer;
}
#grote_afbeelding img#groot{ width:300px;}
span.vergroot{ position:absolute; left:0; bottom:0; width:15px; height:15px;}
.thumbs img{ width:65px; margin:0px; padding:0 5px 0 5px;}

INPUT.contactform_txt{
	width:220px;
	height:16px;
	border:solid 1px #004e96;
	margin:2px 0px 2px 10px;
}
INPUT.contactform_txt.klein{ width:81px; margin:2px 2px 2px 0;}
TEXTAREA.contactform_txt{
	width:293px;
	height:100px;
	border:solid 1px #004e96;
	margin:0px;
}

.nieuwsoverzicht{
	width:555px;
	float:left;
}
.nieuwsoverzicht .nieuws_item{
	width:555px;
	float:left;
	border-top:none;
	border-right:none;
	border-bottom:solid 1px #C2C2C2;
	border-left:none;
	margin:8px 0px 5px 0px;
	display:inline;
}
.nieuwsoverzicht .nieuws_item SPAN.titel{
	font-weight:bold;
	font-size:12px;
}

.winkel_artikel{ width:300px; margin:0px; padding:2px;}
.winkel_maat, .winkel_aantal{ width:60px; margin:0px; padding:2px;}
.winkel_verwijder{ width:35px; margin:0px; padding:2px;}
.winkel_prijs{ width:100px; margin:0px; padding:2px;}
input.aantal_invul{ background:#ffffff; border:1px solid #C2C2C2; width:40px; margin:2px; padding:0px;}

.links_lijst{ width:250px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; float:left;}
.links_lijst ul{ width:250px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; list-style-type:none;}
.links_lijst ul li{ margin:0px; padding:0px;}
.links_lijst ul li a{ background:url(../Images/stip.jpg) 0 12px no-repeat; margin:0px; padding:4px 0 4px 12px;}

/**************************************************************
** Producten navigatie Styles
***************************************************************/
.NavigatieVeld{ width:551px; margin:0px; padding:2px; float:left;}
.NavLinks{ width:20%; float:left;}
.NavMidden{ width:60%; text-align:center; float:left;}
.NavRechts{ width:20%; text-align:right; float:left;}
.aantal_keuze{ margin:0px; padding:2px 0 2px 0; text-align:center;}

/**************************************************************
** Rechts Styles
***************************************************************/
.vak_rechts{
	width:165px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0px;
	padding:0px;
}
.rechts_top{ background:url(../Images/vak_rechts_t.png) no-repeat; width:145px; height:20px; margin:0px; padding:0 10px 0 10px;}
.rechts_midden{ background:url(../Images/vak_rechts_m.png) repeat-y; width:125px; min-height:20px; height:auto !important; height:20px; margin:0px; padding:0 20px 0 20px;}
.rechts_bottom{ background:url(../Images/vak_rechts_b.png) no-repeat; width:145px; height:32px; margin:0px; padding:0 10px 0 10px;}