@charset "UTF-8";
@import "../../Resources/Base.css";

body {
	background: #d2d2d2 url(../images/bg_body.gif) no-repeat bottom center;
	padding: 0 0 50px 0;
	font-family: Arial;
	line-height: 18px;
	text-align: left;
	color: #767676;
	}
	
a, 
a:visited {  
	font-size:12px;
	color:#767676;
	text-decoration:none;
	}
	
a:hover, 
a:active {
	text-decoration: underline;
	color:#0e729a;
	}
a.nieuw h3, a.nieuw h3:hover, a.nieuw h3:visited, a.nieuw h3:link, a:nieuw h3:active
{
    text-decoration: none;
}
h1 {
	margin: 0 0 10px 10px; /* top right bottom left */
	text-transform: none;
	font-family: Georgia;
	font-weight: bold;
	font-size: 13px;
	color: #0e729a;
	}

.columnContent2 h1 {
	margin: -17px 0 15px 0;
	*margin: -5px 0 13px 0;
	}
	
h1.titel {
	margin:0;
	padding:0;
	font-size:14px;
	color:#0e729a;
	*margin-top:0px;
	*margin-top:-10px;
	}
	
.columnContent2 h1.titel {
	margin: 4px 0 15px 0;
	}
	
h3 {
	font-weight: normal;
	color: #0e729a;
	margin: 0 0 -10px 0;
	}
	
a.nieuw h3 {
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	color: #0e729a;
	margin: 4px 0px 10px 0px; /* top right bottom left */
	}
	
a.nieuw:hover h3 {
	color: #333333;
	}

a.overzicht, 
a.overzicht:visited {
	}
	
a.overzicht h3:hover {
	color: #0e729a;
	}
	
a.overzicht h3 {	
	text-transform: none;
	font-size:14px;
	}
		
#container {
	margin: 0 auto 0;
	padding: 0 10px;
	background: #fff;
	width: 983px;
	border-bottom: 10px solid #ccc;
	}
	
#top {
	height: 204px;
	}
	
	
/* ------------------------------------------------------------------------------------------- HOOFDMENU ------------------------------------------------------------------------------------------- */

#menu {
	background: none;
	height: 20px;
	border-top: 3px solid #608d38;
	border-bottom: 1px solid #5a9eb9;
	}	

#menu a, 
#menu a:visited {
	color: #333;
	}
	
#menu a:hover, 
#menu a:active {
	color: #0e729a;	
	text-decoration: none;
	}
	
	
/* ------------------------------------------------------------------------------------------- CONTENT VLAK ------------------------------------------------------------------------------------------- */	
	
.columnContent {
	text-align: left;
	padding: 5px 0 0 0;
	border: 0;
	background: #fff;
	width: 558px;
	margin: 0 10px 0;
	}
	
	.columnContent p {
		border: 1px solid #ccc;
		margin: -6px 0 0 0;
		padding: 10px;
		}

.columnContent2 {
	padding: 0px 10px 10px;
	*padding: 10px;
	border-bottom: 1px solid #ccc;
	background: #fff url('../images/bg_column2.gif');
	width: 538px;
	margin: 0 10px 25px;
	}
	
.columnSContent a:hover, 
.columnSContent a:active {
	color: #333333;
	}
	
#maincontenthome {
	background: #fff;
	padding: 10px 0 0 0;
	}
	
	
/* ------------------------------------------------------------------------------------------- PRODUCTHIGHLIGHT ------------------------------------------------------------------------------------------- */	
	
.producthighlight {
	border: 1px solid #ccc; 
	background: #fff;
	}
	
.producthighlightText {
	float: right; 
	width: 253px;
	height: 201px;
	line-height: 18px;
	margin: 0 7px 0 0;
	}
	
	.producthighlightText h1 {
		margin: 5px 0 10px;
		font-family: Arial;
		font-weight: normal;
		font-size: 14px;
		}
	
.producthighlightImage {
	float: left; 
	width: 260px;
	}
	
img.kader {
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
	}
	
img.kader2 {
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
	}

td a:hover img, 
a:active img {
	border: 0;
	padding: 0px;
	}	
	
a:hover img, 
a:active img {
	border: 0;
	padding: 2px;
	}	
	
.meerinformatie {
	background: none;
	width: 127px;
	text-align: center;
	position: relative;
	bottom: -31px;
	}
	
.directbestellen {
	background: none;
	text-align: center;
	width: 121px;
	height: 28px;
	padding-left: 0;
	position: relative;
	bottom: -31px;
	}
	
.meerinformatie a.homebuttons {
	background: #e0e0e0 url(../images/btnbg.gif); 
	font-size:11px; 
	color: #999999; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	width:125px;
	display: block;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	}
	
.meerinformatie a:hover.homebuttons {
	background: #e0e0e0 url(../images/btnbg.gif); 
	border: 1px solid #0e729a;
	padding: 4px 0 0 0;
	height: 22px;
	display: block;	
	text-decoration: none;
	}
	
.directbestellen a.homebuttons {
	background-color: #c5cfd4;
	border: 1px solid #4686a6;
	font-size:11px; 
	color: #4686a6;
	font-weight:bold; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	width: 125px;
	display: block;
	margin: 0 5px 0 0;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	}
	
.directbestellen a:hover.homebuttons {
	background-image: url(../images/btnbg.gif);
	padding: 4px 0 0 0;
	border: 1px solid #999;
	height: 22px;
	display: block;	
	font-weight:bold;
	color:#999;
	}
	
a.homebuttons, 
a:visited.homebuttons, 
a.buttons, 
a:visited.buttons {
	text-transform: none;
	font-weight: normal;
	color: #999;
	}
	
a:hover.buttons, 
a:active.buttons, 
a:hover.homebuttons, 
a:active.homebuttons {
	color: #0e729a;
	}
	
.lijnHomepageHorizontaalBox {
	height:25px; 
	}
	
.homebuttons {
	font-weight: normal;
	color: #999;
	}
	
.producthighlightPrijs {
	text-align: left; 
	margin-top: 0px;
	}
		
b.b14 {
	font-size:14px;
	font-weight: normal;
	}
	
b.b18 {
	font-size:14px;
	font-weight: normal;
	}
	
.productHomepageLijn {
	background: #fff;
	border: 1px solid #ccc;
	width: 556px;
	overflow: hidden;
	margin-bottom: 5px;
	padding: 10px 0;
	}
		
.productHomepageContainer {
	padding: 0;
	width: 265px;
	margin: 0 0 0 10px;
	}
	
.productHomepageImg {
	margin-right:10px; 
	}
	
.productHomepageTitle {
	width: 120px;
	}
	
	.productHomepageTitle .producthighlightPrijs {
		}
	
.productHomepageText {
	margin: 10px 0;
	}
	
	
/* ------------------------------------------------------------------------------------------- TITELKNOPPEN / SIDEBARS ------------------------------------------------------------------------------------------- */

.columnS {
	width: 200px;
	background: none;
	margin: 0 0 15px 0;
	}
	
.columnSContent {
	border: 0;
	background: #e0e0e0;
	border: 1px solid #ccc;
	margin: 0;
	}

.title {
	padding: 5px 0px 0px 12px; /* top right bottom left */
	font-family: Georgia;
	background: none;
	height: 22px;
	font-size: 13px;
	color: #0e729a;	
	}
	
.verplicht {
	color: #626262;
	}	
	

/* ------------------------------------------------------------------------------------------- ASSORTIMENT ------------------------------------------------------------------------------------------- */
	
ul#assortiment {
	margin: 0 0 0 -5px; 
	width:200px;
	}
	
ul#assortiment li {
	background: url(../images/icon_list.gif) center left no-repeat;
	background-position: 3px 5px;
	padding: 0 0 0 16px;
	}
	
ul#assortiment li:hover {
	background: url(../images/icon_listarrow.png) center left no-repeat;
	}
	
ul#assortiment li.active {
	margin-left: 0;
	}
	
ul#assortiment li.active ul {
	background: url(../images/icon_none.gif);	
	margin: 0;
	padding: 0;
	}
	
ul#assortiment li a {
	border: 0px none;
	padding: 4px 0px 4px 6px; /* top right bottom left */
	}
	
ul#assortiment li a:hover {
	color: #0e729a;
	}
	
ul#assortiment li ul {
	list-style-type:none;
	margin:0px;
	padding:0px; /* top right bottom left */
	}
	
ul#assortiment li ul li {
	background: url(../images/icon_list2.gif) center left no-repeat;
	}
	
ul#assortiment li ul li:hover {
	background: url(../images/icon_list2hover.gif) center left no-repeat;
	}
	
ul#assortiment li ul a {
	font-weight: normal;
	border: none;
	}
	
ul#assortiment li.bottom {
	list-style: none;
	background: none;
	border: 0;
	}
	

/* ------------------------------------------------------------------------------------------- OVERZICHTSPAGINA ------------------------------------------------------------------------------------------- */
	
.overzichtTekst {
	width: 450px;
	margin-left: 0px;
	padding-left:2px;
	}
	
.overzichtTekst h3 {
	margin: 0 0 -10px 0;
	padding: 0;
	}
	
.overzichtPrijs {
	width: 440px;
	padding: 4px 10px 4px 90px;
	margin-top: 10px;
	*margin-top: 0px;
	background: url(../images/overzicht_bar.gif);
	text-align: left;
	margin-bottom:20px;
	}

.overzichtPrijs .b14 {
	font-size: 12px;
	}
	
.directbestellen3{
	background: url(../images/overzicht_bestellen.gif);
	width: 100px;
	font-size: 12px;	
	padding: 5px 0 5px 0;
	opacity: 0;
	position: absolute;
	margin-top: 10px;
	*margin-top: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	height: 16px;
	}
	
.directbestellen3 a.buttons, 
.directbestellen3 a:visited.buttons {
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	padding: 6px 10px;
	color: #0e729a;
	}
	
a:hover.buttons, 
a:active.buttons, 
a:hover.homebuttons, 
a:active.homebuttons {
	color: #0e729a;
	}

	
/* ------------------------------------------------------------------------------------------- LINKS HOVER ------------------------------------------------------------------------------------------- */

.lijnHomepageHorizontaal {
	height:0px; 
	background-color:#fff;
	_background-color:none;
	_border-bottom:solid 0px #999999; 
	_margin-bottom:15px;
	margin-top:10px;
	font-size:1px;
	}
	
.floatright {
	float:right;
	}
	
span.linetrough {
	font-size: 10px;
	float: left;
	display: none;
	}
	
.bestsellerText {
	width: 85px;
	}
	
.bestsellerText a:hover, 
.bestsellerText a:active {
	color: #333333;
	}
	
.bestsellerLijn {
	background-color:#e0e0e0;
	_border-top:solid 1px #999999; 
	}
	
.sale {
	width: 26px; 
	height: 49px; 
	margin: -2px 10px 10px 10px;
	}
	
	
/* ------------------------------------------------------------------------------------------- PRODUCTDETAIL PAGINA ------------------------------------------------------------------------------------------- */

.productdetailImages {
	float: left; 
	margin-right: 10px;
	}
	
.productdetailImageBig {
	margin-bottom: 10px;
	}
	
.productdetailTekstintro {
	float: left; 
	width: 250px; 
	height: 200px; 
	}
.productdetailTekstintro .directbestellen2 {
	padding:0;
}
	.productdetailTekstintro p {
		margin-top: 0px;
		}
		
	.productdetailTekstintro .directbestellen2 {
		}
		
	.productdetailTekstintro .directbestellen2 a.buttons {
		 background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/btn_directbestellen2hover.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    clear: left;
	color:#0e729a;
	font-weight:bold;
    display: block;
    height: 28px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center;
    width: 128px;
	font-size:12px;
	text-align:center;
	text-transform:lowercase;
	padding-left:10px;
	padding-top:4px;
		}
		.productdetailTekstintro .directbestellen2 a.buttons:hover {
		 background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/btn_directbestellen2.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
	color:#999;
    clear: left;
    display: block;
    height: 28px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center;
    width: 128px;
	font-weight:normal;
	font-size:12px;
	text-align:center;
	text-transform:lowercase;
	padding-left:10px;
	padding-top:4px;
		}
		
	.productdetailTekstintro .directbestellen2:hover {
		}

	.productdetailTekstintro .producthighlightPrijs {
		overflow: hidden;
		float: left;
		color: #666;
		padding: 10px 0;
		line-height: 10px;
		text-align: left; 
		margin-top: 0px;
		width: 150px;
		background: #fff;
		}

/* ------------------------------------------------------------------------------------------- FORM ELEMENTS ------------------------------------------------------------------------------------------- */

input.zoekveld {
	width:161px;
	}
	
input.btncolumnSmall {
	background: url('../images/btn_column.gif') 0 0 no-repeat; 
	border: 1px solid #ccc;
	color: #999; 
	padding: 5px;
	width: 173px;
	*width: 175px;
	display: block;
	margin: -8px 0 0 0;
	text-transform: none;
	height: auto;
	}
	
input:hover.btncolumnSmall {
	background: #d5d5d5 url('../images/btn_column.gif'); 
	border: 1px solid #0e729a;
	color: #0e729a;
	}
	
a.btnhomepage, 
a:visited.btnhomepage {
	background: #e0e0e0; 
	border: 1px solid #ccc;
	color: #999999; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	width:125px;
	margin: 0 5px 0 0;
	font-weight: normal;
	text-transform: none;
	}
	
a:hover.btnhomepage, 
a:active.btnhomepage {
	background: #e0e0e0;
	border: 1px solid #0e729a;
	color: #0e729a;
	text-decoration: none;
	}
	
input, 
select {
	outline: none;
	}
	
#bestelform select { width:289px;	}

.note {
	font-size:1px;
	display: none;
	}
	
	
/* PRODUCT OPTIONS ------------------------------------------------------------------------------------------- */


	
/* BOTTOM / FOOTER ------------------------------------------------------------------------------------------- */

#bottom {
	padding: 20px 0 20px 0; /* top right bottom left */
	background: none;
	color: #767676;
	display: none;
	}
	
#bottom h3 {
	font-family: Georgia;
	background: url(../images/footertxt.png) top center no-repeat;
	padding: 7px;
	color: #0e729a;
	}
	
#bottom a, 
#bottom a:visited {  
	color:#767676;
	}
	
#bottom a:hover, 
#bottom a:active {
	color:#0e729a;
	}


/* PRODUCT OPTIONS --------------------------------------------------------- */	

.bestelform .btnhomepage {
	background: #e0e0e0;
	}
	
.bestelform .btnhomepage:hover {
	background: #e0e0e0;
	}

div.columnS.feedbackbox div.fbc_main_div
{
	background-color: #e0e0e0;
	border: 1px solid #ccc;
}

div.columnS.feedbackbox div.fbc_ranking_div
{
	padding-right: 37px;
	padding-bottom: 5px;
}

div.socialbookmark
{
	border: 1px solid #fff;
}
.catalognavigation {
	margin:0;
	padding:0;
}
div.columnContent2 p+h1 {
	margin-top: -7px;
}
#ctl00_ContentArea_ContactUpdatePanel h1 {
	margin-top:5px;
}
