html{	
	height: 100%;
	overflow: -moz-scrollbars-vertical;
	overflow-x:hidden;
	}


body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color:#666666;
	line-height:150%;
	text-align:left;
	color:#000000;
	margin: 0px;
	background-image: url(../images/bg.gif);
	background-repeat:repeat;
	}
	
#background{
	background-image: url(../images/bg_top.gif);
	background-repeat:repeat-x;
	background-position:top;
	}
	
#container{
	margin: 0 auto;
	width:850px;
	overflow:hidden
	}
	
#top{
	width:850px;
	height:32px;
	background-image: url(../images/header.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
	padding-top:108px;
	}
	
#shop{
	position:absolute;
	width:830px;
	text-align:right;
	margin-top:-80px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	}	
	
.shop_btw{
	vertical-align:middle;
	background-color:#5a5a5a; 
	color:#FFFFFF
	}
	
#content{
	width:850px;
	height:100%;
	overflow:hidden;
	background-image: url(../images/content2.gif);
	background-repeat:repeat-y;
	background-position:left;
	}
	
#content_left{
	width:208px;
	float:left;
	margin-right:12px;
	}
	
#content_right{
	width:630px;
	float:right;
	overflow:hidden;
	background-color:#dfdfdf;
	}

#search{
	height:105px;
	width:208px;
	background-color:#e4af0d;
	margin:0px;
	}

#ideal{
	margin-left:17px;
	margin-top:12px;
	_margin-top:-12px;
	color:#5a5a5a;
	font-size:11px;
	}

#navigatie{
	width:199px;
	background-color:#f8bd08;
	padding-left:9px;
	padding-top:12px;
	height:100%;
	}
	
#main{
	width:630px;
	height:100%;
	padding-top:12px;
	background-color:#FFFFFF;
	background-color:#dfdfdf;
	min-height: 250px;
	}	
	
#main2{
	width:590px;
	background-color:#FFFFFF;
	height:100%;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	background-color:#dfdfdf;
	min-height: 250px;
	}

#home_txt{
	background-color:#FFFFFF;
	color:#5a5a5a;
	width:100%;
	vertical-align:top;
	font-size:11px;
	padding:8px;
	margin-right:10px;
	border:3px solid #dfdfdf;
	border-right:7px solid #dfdfdf;
	min-height: 250px;
	}
	
#home_txt2{
	background-color:#f8f8f8;
	color:#5a5a5a;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	vertical-align:top;
	font-size:11px;
	padding:8px;
	}
#product_big{
	width:280px;
	height:230px;
	float:left;
	display:block;
	margin: 8px 4px 18px 0;

	}	
	
#product_top_big{
	height:180px;
	width:280px;
	background-color:#FFFFFF;
	margin:0px;
	padding:0;
	text-align:center;
	vertical-align:middle;
	}
	
#product_bottom_big{
	width:280px;
	height:65px;
	display:block;
	overflow:hidden;
	background-color:#e4af0d;
	vertical-align:top;
	}
#product_bottom_big h3{height:20px; font-size:14px;}
		
a.info_big:link, a.info_big:visited, a.info_big:active{
	background-image: url(../images/button_off.gif);
	background-repeat:repeat-x;
	padding-left:5px;
	margin-left:90px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
	border:1px solid #5a5a5a;
 	text-decoration: none;
	font-size:12px;
	color: #000000;
	}
	
a.info_big:hover{
	text-decoration: none;
	background-image: url(../images/button_on.gif);
	background-repeat:repeat-x;
	color: #000000;
	}	
#product{
	width:140px;
	height:230px;
	float:left;
	display:block;
	overflow:hidden;
	margin-right:4px;
	margin-bottom:4px;
	}	
	
#product_top{
	height:135px;
	width:140px;
	background-color:#FFFFFF;
	margin:0px;
	padding:0;
	text-align:center;
	vertical-align:middle;
	}
	
#product_bottom{
	width:140px;
	height:95px;
	display:block;
	overflow:hidden;
	background-color:#e4af0d;
	vertical-align:top;
	}
	
#product_left{
	width:250px;
	margin:0px;
	padding:0;
	height:250px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	}
	
#product_right{
	width:250px;
	height:auto;
	display:block;
	overflow:hidden;
	background-color:#e4af0d;
	vertical-align:top;
	font-size:11px;
	color:#333;
	padding:8px;
	}


#picture{
	background-image: url(../images/picture.jpg);
	height:105px;
	width:630px;
	background-repeat:no-repeat;
	}

#contact{
	background-image: url(../images/footer.png);
	_background-image: url(../images/footer.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	padding-top:23px;
	float:left;
	height:60px;
	text-align:center;
	width:850px;
	font-size:11px;
	color: #999999;
	}	
	
a.link:link, a.link:visited, a.link:active{
 	text-decoration: none;
	font-size:11px;
	color: #FFFFFF;
	}
	
a.link:hover{
	text-decoration: underline;
	color: #FFFFFF;
	}
	
a.link2:link, a.link2:visited, a.link2:active{
 	text-decoration: none;
	font-size:11px;
	color: #999999;
	}
	
a.link2:hover{
	text-decoration: underline;
	color: #999999;
	}
	
a.link3:link, a.link3:visited, a.link3:active{
 	text-decoration: none;
	font-size:12px;
	color: #5a5a5a;
	}
	
a.link3:hover{
	text-decoration: underline;
	color: #5a5a5a;
	}

	
a.button1:link, a.button1:visited, a.button1:active{
 	text-decoration: none;
	background-image: url(../images/button1.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	height:27px;
	padding:0px;
	width:190px;
	line-height:2.3;
	text-indent:15px;
	display:block;
	font-size:11px;
	color: #333;
	}
	
a.button1:hover{
	background-image: url(../images/button_over.gif);
	background-repeat:no-repeat;
	height:27px;
	width:190px;
	color: #FFFFFF;
	}
	
a.button2:link, a.button2:visited, a.button2:active{
 	text-decoration: none;
	background-image: url(../images/button2.gif);
	background-repeat:no-repeat;
	height:27px;
	padding:0px;
	width:190px;
	font-weight:bold;
	line-height:2.3;
	text-indent:15px;
	display:block;
	font-size:11px;
	color: #333;
	}
	
a.button2:hover{
	background-image: url(../images/button_over.gif);
	background-repeat:no-repeat;
	height:27px;
	width:190px;
	color: #FFFFFF;
	}


a.info:link, a.info:visited, a.info:active{
	background-image: url(../images/button_off.gif);
	background-repeat:repeat-x;
	padding-left:5px;
	margin-left:20px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
	border:1px solid #5a5a5a;
 	text-decoration: none;
	font-size:12px;
	color: #000000;
	}
	
a.info:hover{
	text-decoration: none;
	background-image: url(../images/button_on.gif);
	background-repeat:repeat-x;
	color: #000000;
	}
	
a.back:link, a.back:visited, a.back:active{
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color: #383838;
	}
	
a.back:hover{
	text-decoration: underline;
	color: #383838;
	}

#new{
	position:absolute;
	line-height:2.3;
	margin-left:200px;
	color:#FFFFFF;
	font-size:12px;
	margin-top:-40px;
	}


h6{
	text-decoration: none;
	background-image: url(../images/title_categorie.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	height:27px;
	padding:0px;
	margin:0px;
	width:190px;
	line-height:2.3;
	text-indent:15px;
	font-size:11px;
	color: #FFFFFF;
	}

	
h5{
	color:#FFFFFF;
	background-image: url(../images/title_tekst.gif);
	background-repeat:no-repeat;
	width:100%;
	height:27px;
	text-indent:15px;
	line-height:2.3;
	font-weight:bold;
	margin-left:8px;
	margin-top:0px;
	margin-bottom:10px;
	font-size:12px;
	}


h2{
	color:#FFFFFF;
	width:100%;
	height:20px;
	background-color:#ff7d00;
	text-align:left;
	text-indent:5px;
	font-weight:bold;
	margin:0px;
	font-size:14px;
	}
	
	
h3{
	color:#FFFFFF;
	line-height:1;
	height:40px;
	text-align:left;
	margin:3px;
	font-size:11px;
	overflow:hidden;
	}
	
h4{
	color:#5a5a5a;
	line-height:1;
	text-align:center;
	margin:2px;
	font-size:14px;
	overflow:hidden;
	margin-bottom:4px;
}
	
	
.inputbox{
	width:115px;
	padding-left:5px;
	height:15px;
	background-image: url(../images/input.gif);
	background-repeat:no-repeat;
	padding-top:4px;
	color:#000000;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.inputbox3{
	width:200px;
	padding-left:5px;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.inputbox4{
	width:200px;
	padding-left:5px;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.inputbox2{
	color: #4b4b4b;
	border:1px ridge;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:top;
	width:30px;
	background-color:#ffffff;
	}
	
.selectbox{
	width:203px;
	color:#000000;
	background-color:#FFFFFF;
	}
	
#cart_box{
	background-color:#efefef;
	padding-left:5px;
	}
	
#cart_box2{
	background-color:#e9e9e9;
	padding-left:5px;
	}

.textarea{
	color: #FFFFFF;
	border: #ff7d00 solid 1px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}


.submit_button{
	color: #000000;
	background-image: url(../images/button_off.gif);
	background-repeat:repeat-x;
	cursor:pointer;
	font-size:12px;
	margin-bottom: 3px;
	margin-top: 3px;
	} 

/*
	Navigatie
*/

#menu{
	list-style: none;
	text-align:center;
	margin: 0; padding: 0;
	padding-left:20px;
	width:100%;
	z-index:10;
	}

#menu li{
	margin: 0; padding: 0;
	float:left;
	}

#menu li a{
	color: #333;
	display: block;
	font-size: 12px;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 6px 20px 6px 20px;
	background-image:url(../..);
	}

#menu li a:hover{
	color: #FFFFFF;
	background-image:url(../images/menu_bg.gif);
	background-repeat:repeat-x;

	opacity: 1; // De rest 
	width: 100%;
	}

/*
   Drop down menu
*/

#menu li ul 
{
  /* move it of the screen so it is not visible */
	position: absolute;
	top: -999em;
	margin:0px;
	list-style: none;
	padding-left: 0em;
	margin-left: 0em;
	margin-top: 0em;

	/* It should overlap other components (picture on home page) */
	z-index: 5;
}

#menu li ul a 
{
	width: 20em;
	padding-right:3em;
	background-color:#5a5a5a;
	color: #fff;
	text-indent:17px;
	font-size:11px;
	padding:4px;
	text-align:left;
}

#menu li ul a:hover
{
	background-color:#5a5a5a;
}	

#menu li:hover ul, #menu li.cw_hover ul 
{
	top: auto;
	left: auto;
	width: 10em;
	padding-top:0px;
	margin-left:-1px;

}
a.page_number:link, a.page_number:visited, a.page_number:active{

   font-size:11px;

   color:#FFFFFF;

   padding-left:6px;

   padding-right:6px;

   padding-bottom:2px;

   padding-top:2px;

   margin:0px;

   font-weight:bold;

   text-decoration:none;

   background-color:#5a5a5a;

   }

   

a.page_number:hover{

   text-decoration: none;

   color: #FFFFFF;

   background-color:#666666;

   }

   

a.page_number2:link, a.page_number2:visited, a.page_number2:active{

   font-size:11px;

   color:#FFFFFF;

   padding-left:6px;

   padding-right:6px;

   padding-bottom:2px;

   padding-top:2px;

   margin:0px;

   font-weight:bold;

   text-decoration:none;

   background-color:#e4af0d;

   }

   

a.page_number2:hover{

   text-decoration: none;

   color: #FFFFFF;

   background-color:#e4af0d;

   }
   
#product_bottom h3{
   color: #333;
}


