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

body
{
	background:url('images/bg.gif');
	margin:0;
	padding:0;
	color:#828487;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*
 * GENERAL
 */
#logo, #container, #bottom
{
	position:relative;
	width:951px;
	margin:0 auto;
}

/*
 * LOGO
 */
#logo
{
	margin-top:6px !important;
}
#logo h1
{
	margin:0;
	height:86px;
	text-indent:-9999px;
	background:url('images/logo.gif') left bottom;
}

#belgie
{
	position:absolute;
	left:843px;
	top:32px;
}
#belgie a
{
	display:block;
	width:30px;
	height:21px;
	background-image:url('images/belgie.gif');
}
#belgie a span {display:none;}

/*
 * BOTTOM
 */
#bottom
{
	height:59px;
	margin-bottom:6px !important;
	background:url('images/bottombg.gif') left top no-repeat;
	z-index:1;
}

/*
 * CONTAINER
 */
#container
{
	height:457px;
	background:#FFF;
	z-index:2;
}
#container.fluid
{
	height:auto;
}
#container.home
{
	height:538px;
}
#container.home a span {display:none;}

/* CATEGORY NAVIGATION */
#categories_nav, #main
{
	float:left;
}
#categories_nav {width:171px;}
#categories
{
	float:right;
	width:131px;
	border-left:1px dashed #B8BABC;
}
#categories div
{
	padding:8px;
	border-bottom:1px dashed #B8BABC;
	/*font-weight:bold;*/
	font-size:.9em;
	color:#707579;
}
#categories #spacer {height:42px; border-bottom:none !important;}
#categories div.active {color:#12a444 !important;}
#categories div a {color:#707579; text-decoration:none;}
#categories div a:hover {color:#12a444;}

/* MAIN */
#main {width:779px; margin-left:1px;}

/* MAIN NAVIGATION */
#mainnav #mainnav_top, #mainnav #mainnav_bottom {clear:both;}
#mainnav #mainnav_top {
	height:31px;
	background:url('images/mainnav_topbg.gif') top no-repeat;
}
#mainnav #mainnav_bottom
{
	height:22px;
	background-color:#B8B9BB;
}
#mainnav ul, #mainnav ul li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#mainnav #mainnav_top ul
{
	margin-left:20px;
	padding-top:12px;
}
#mainnav #mainnav_bottom ul
{
	margin-left:20px;
	padding-top:4px;
}
#mainnav li
{
	float:left;
	width:115px;
	font-weight:bold;
}
#mainnav li.active {font-weight:bold; color:#000;}
#mainnav a {color:#FFF; text-decoration:none}
#mainnav a:hover {color:#000000;}

/* HOME */
.home_button
{
	background:url('images/button.gif') 0 2px no-repeat;
	border:none;
	color:#FFF;
	font-weight:bold;
	height:28px;
	width:75px;
}
.home_button:hover
{
	cursor:pointer;
	cursor:hand;
}

/* CONTENT */
#content
{
	float:left;
	width:738px;
	height:396px;
	margin:0;
	padding:20px 20px 10px;
	border-left:1px dashed #B8BABC;
	overflow:auto;
}
#container.fluid #content
{
	height:auto !important;
	min-height:384px;
	padding:20px 20px 0;
}
#content a {color:#12a444;}
#content a.shop {color:#828487;}
.content_txt
{
	float:left;
	width:415px;
	padding-right:20px;
}
.content_img
{
	float:left;
	width:265px;
	margin-bottom:20px;
}
.content_col
{
	float:left;
	width:325px;
	margin:0;
	padding:0 20px 0 0;
}
.content_col3
{
	float:left;
	width:225px;
	margin:0;
	padding:0 20px 0 0;
}

h2
{
	margin-top:0;
	padding-top:0;
	color:#12A444;
	font-size:1em;
}
h2.newstitle {margin-bottom:0; padding-bottom:0;}
.newsdate {font-size:.9em;}


/*
 * FORMS
 */
input, textarea {width:225px; margin-bottom:2px; border:1px solid #B9BABC;}
input {height:16px;}
input.number {width:20px; margin-bottom:0;}
input.discountcode {width:60px;}
input.auto {width:auto; height:auto; border:none; margin-bottom:0;}
#button
{
	width:75px;
	height:28px;
	background:url('images/button.gif') 0 2px no-repeat;
	border:none;
	font-weight:bold;
	color:#FFF;
}
#button_alt
{
	width:118px;
	height:29px;
	background:url('images/button_alt.gif') 0 1px no-repeat;
	border:none;
	color:#23A446;
	font-weight:bold;
}
#button:hover, #button_alt:hover
{
	cursor:pointer;
	cursor:hand;
}
.validation_error {margin-left:12px; color:#F00;}

/*
 * PRODUCT
 */
div.thumbnail
{
	float:left;
	height:92px;
	width:65px;
	margin:0 8px 8px 0;
	background-color:#eeeeee;
	overflow:hidden;
}
div.thumbnail img.inactive
{
	filter:opacity(alpha=55%);
	opacity:0.55;
    -moz-opacity:0.55;
}
div.thumbnail a:hover img
{
	filter:opacity(alpha=100%);
	opacity:1;
    -moz-opacity:1;
}
div#product_des
{
	margin:10px 0;
	width:365px;
	min-height:135px;
}
.price
{
	color:#44A8B9;
	font-size:16px;
}
.price .big {font-size:36px;}


/*
 * BASKET
 */
div#basket_bottom
{
	float:left;
	margin-left:171px;
}

/*
 */
p.lessbottomspace {margin:0 0 5px;}
br.clearall {clear:both;}
hr.dashed {
	clear:both;
	height:1px;
	margin:20px -20px;
	border:none;
	border-top:1px dashed #CCC !important;
	overflow:hidden;
}



#formdiv {margin-left:15px; width:350px}
#formdiv p{ height:45px}
#formdiv ul{ margin:0; list-style:none; font-weight:bold; padding:0}
#formdiv li{ margin-top:15px}


#emailform{ margin:0; height:200px}


/*page2 strat*/
#leftpics, #onlyPic{ float:left; margin-top:25px}
#leftpics{ width:401px}
#onlyPic{ width:350px; padding:10px}
#leftpics ul{ list-style:none; margin-left:15px; padding:0}
#leftpics li{ float:left; width:64px; height:95px; border:1px solid #b8babc; margin-left:5px; margin-right:5px; margin-top:5px}

#wordsUnderPics, #greenTitle, #grayWords, #price{ margin-left:20px;}
#wordsUnderPics{ margin-bottom:35px}
#greenTitle{ color:#12a444; font-weight:bold; margin-bottom:10px}
#grayWords{ line-height:126%}

#price{ color:#5abfc9; font-size:30px}

/*page3 start*/
#bottomLeft, #bottomRight, #bestelling, #persoonLijke, #betalen{ float:left; }
#bottomLeft{ width:169px}
#bestelling, #persoonLijke, #betalen{ width:222px; height:16px; color:#FFFFFF; font-weight:bold; text-indent:5px; padding-top:10px; margin-top:11px}
#bestelling{ background:#23a446}
#persoonLijke, #betalen{ background:#b9babc}
#bottomRight{ width:114px}

.newstitle {color:#12a444;font-size:12px;font-weight:bold;}
.newsdate {color:#999999;}
.newscontent{margin-top:20px;}
.newsimg{padding-left: 5px;padding-right: 10px;}
.newspagelink{text-align:center;margin-top:60px;font-size:18px;color:#66CC66}

.commentsheader {color:#5ABFC9; text-align:right;}
.commentsheader a {color:#5ABFC9 !important;}
.comment_content
{
	padding-top:30px;
	line-height:1.5em;
	background:url('images/quote_start.gif') top left no-repeat;
}
.comment_content p {margin-top:0; margin-bottom:0;}
p.comment_by {color:#12A444; font-style:italic;}

/*textBoxForm*/
#textBoxFomrm, #contentList{ float:left} 
#textBoxFomrm{ width:150px}
#contentList{ width:650px}
.basket tr{
	height:25px;
	vertical-align:middle;
}
.basketdashed td {
	border-bottom:1px dashed #cccccc;
}

.generalcontent{margin:0;padding:15px; line-height:150%}
.flowcontainer{
	margin-left:15px;
	padding-top:20px;
	width:760px;
	height:467px; 
	overflow:auto;
}
.basketflowcontainer{
	margin-left:20px;
	padding-top:20px;
	height:437px;
	overflow:auto;
}
.normalcontainer
{
	padding-top:20px;
	margin-left:20px;
}
table.basketbottom {height:24px;}
.basketbottom{
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
}
.basketbottom td{
	padding-left: 30px;
}

.baskettotal{
font-weight:bold;
}



.formTable td{ height:25px }
.formTable tr td input {margin:6px 0 0 3px; padding:0;}
.formTable2 td{ height:15px }

.errorstring{ color:#F00; margin:2px}

.pagetitle{
font-weight:bold;
height: 20px;
}
#payment_description{
width:50%;
}

img{ border:0}
td#big_img {padding-left:10px;}

.sendsuccess{color:#333333;font-size:12px;margin-top:30px;margin-left:30px; }
.sendsuccess a{color:#707579; text-decoration:none}