@import url(default.css);
@import url(webshop.css);
@import url(form.css);




html, body {	
	padding:0;
	width: 100%;	
}
html {
	/* background: #ffffff url(/img/bg_html.jpg) repeat-x center top;	*/
}
body {	
	background: url(../img/bg_header.gif) repeat-x left 3px;
	text-align: center; 
}
* html body {  
    /*background: #ffffff url(/img/bg_body.jpg) repeat-x center top;     */
    text-align: center; 
}


/****** (  css )****************************/

#wrapper {	
	position: relative;
	width: 918px;
	margin: 0 auto;			
	text-align: left; 
}	

	#wrapper .header{ 
	    position: relative;
	    height: 122px;
	    margin: 0 auto;         
	    text-align: left; 		
	   }
	   #logo h2 a { 	
			display: block;
			width: 221px;	height: 78px;	
			background: url(../img/logo.gif) no-repeat left 3px;
			text-indent: -999em;		
	   }
	   #zoeken {   
            position: absolute;
			top: 52px; left: 695px;
			display: block;
            width: 223px;   height: 26px;   
            background: url(../img/bg_zoeken.gif) no-repeat left top;
                
	       }
		   #zoeken .textfield {   
	            height: 16px;      width: 103px;
				margin: 7px 5px 0 60px;
				padding: 1px;
				border: 1px solid #FF7300;
				background: #ffffff;
	       }
		   input.text {                  
                background: #ffffff;
           }
		   #zoeken .submit {   
		       height: 15px;   width: 44px;               
			   font-size: 10px;
			   margin: 10px 0 0 0;
               padding:1px 0 3px 0;
			   cursor: pointer;
			   background: url(../img/btn_zoeken.gif) no-repeat left top;
			   border: 0px solid #FFFFFF;
			   text-indent: -999em;    
           }
		   * html #zoeken .submit {   
               height: 18px;   width: 48px; 
               font-size: 0;
			   color: #FF7300;
			   text-align: right;
           }
		   * + html #zoeken .submit {   
               height: 18px;   width: 48px; 
               font-size: 0;
               color: #FF7300;
               text-align: right;
           }
		     
		   input:focus,
		   select:focus,
		   textarea:focus {
			    background: #eef6ff !important;
			    border-color: #c8c8c8 !important;
		   }
	   
	   
	.menu_sub{	
		width: 163px;
		margin-bottom: 54px;
        margin-right: 20px;
		font-size: 11px;
		}  
		.menu_sub ul{			
		    } 
		    .menu_sub ul li{
	            margin-bottom: 10px;
		        } 
				.menu_sub ul li a{
	               font-weight: bold;
				   padding-left: 13px;
				   color: #434343;
				   background: url(../img/bg_menu_sub_li_level1.gif) no-repeat left 2px;	
	            }
				.menu_sub ul ul{
				    margin-top: 5px;   
                    margin-left: 20px;
	                }
					.menu_sub ul ul li{	
					    margin-bottom: 5px;                  
		                }
						.menu_sub ul ul li a{	                      
							font-weight: normal;     
							color: #959595;
						    background: url(../img/bg_menu_sub_li_level2.gif) no-repeat left 6px;
	                    }
						.menu_sub ul ul li.hover a{ 
                            color: #567c70;
                            background: url(../img/bg_menu_sub_li_active_level2.gif) no-repeat left 6px;
                        }
						.menu_sub ul ul li.active a{                       
                            font-weight: bold;
							color: #567c70;
                            background: url(../img/bg_menu_sub_li_active_level2.gif) no-repeat left 6px;
                        }
	 
	.content_main{
        width: 531px;
		margin-right: 16px;
		margin-bottom: 54px;
	    } 	
		.breadcrum{
	        width: 531px;  height: 60px;
	        background: url(../img/bg_breadcrum.gif) no-repeat left top;
		    }  
			.breadcrum .inner{
	           padding: 14px 0 0 18px;
		        } 
				.breadcrum .inner a{
	               color: #434343;
	            } 
				
		.content_top{      
		    width: 531px;  height: 16px;
			overflow: hidden;
            background: url(../img/bg_content_top.gif) no-repeat left top;			
        }  		
		.content_mid{           
            background: #f7f7f7;
	        } 
			.content_mid .inner{           
	            padding: 0 0px 0 5px;
				background: #f7f7f7;
	        } 
			h1{           
                font-size: 16px;
				font-weight: bold;
				margin-bottom: 19px;
            } 
		.content_bottom{     
		    width: 531px;  height: 19px;
            overflow: hidden;
            background: url(../img/bg_content_bottom.gif) no-repeat left top;			
        }   		
				
	.sidebar{
        width: 187px;
		margin-bottom: 44px;
	    } 
		.winkelmand{
	        width: 187px;  height: 60px;
	        background: url(../img/bg_winkelmand.gif) no-repeat left top;
			cursor: pointer;
	        }  
	        .winkelmand .inner{
	           padding: 25px 0 0 1px;
			   text-align: center;
	           } 
	           .winkelmand .inner a{
	           	  font-size: 10px;
				  font-weight: bold;
	              color: #ffffff;
	           } 
			   .winkelmand.hover .inner a{
                  text-decoration: underline;
               } 
		.account{
            width: 187px;  
			position: relative;   
            }  
			.sidebar .item{
                margin-bottom: 10px;
	            }				       
	            .sidebar .title{
	               width: 187px;  height: 38px; 
				   background: url(../img/bg_sidebar_title.gif) no-repeat left top;
				   overflow: hidden;
	            } 
				.account .title{
                } 			
				.account a.logout{
					margin-top: 5px;
				}
				 
				.sidebar .title .inner{              
	               padding: 14px 0 0 14px;               
		            } 
					.sidebar .title h3{               
		               font-size: 13px;
		               font-weight: bold;
		               color: #ffffff;
		            } 	          
			    .sidebar .content{
	                background: #ebebeb;
				    padding: 17px 12px 4px 12px;
	            } 
			    .account .content{
                    } 	
					.sidebar .content input {		            
						width: 152px;
						margin-bottom: 2px;
						padding:3px 4px 6px;
						color:#000000;
						font-size: 12px;
						border: 1px solid #959595;
						background: white;
		            } 
					.account .content ul {                   
		                display: block;
						margin: 7px 0 0 0;
		                } 
		.aanbiedingen{
            width: 187px;     
            } 
			.aanbiedingen .ad{
	            cursor: pointer;
	            } 
				.aanbiedingen .content{                
	                padding: 10px 12px 4px 12px;
	                } 
					.aanbiedingen span{
		                display: block;
		                height: 20px;
			            }  
						.aanbiedingen a{
							color: #434343;
							font-size: 12px;
			            } 
						.aanbiedingen .hover a{
                           text-decoration: underline;
                        } 
				.aanbiedingen .footer{
	                width: 187px;     height: 38px;
					background: url(../img/bg_sidebar_aanbiedingen_footer.gif) repeat-x left top;
		            }
					.aanbiedingen .footer .inner{
		                padding-top: 10px;
						text-align: center;
			            }
						.aanbiedingen .footer .inner a{
			                color: #ffffff;
							font-size: 14px;
			            }
		 .contact{
            width: 187px;     
            } 
            .contact .content{                
                padding: 17px 12px 18px 12px;
                } 			
					
#footer {  
    position: relative;
    width: 918px;   height: 67px;
    margin: 0 auto;         
    text-align: left; 
	background: url(../img/bg_footer.gif) no-repeat left top;
	}
	#footer .inner{  
	   padding: 13px 0 0 15px;
	    }	
		#footer .inner li{  
	       float: left;    display: inline;
		   margin-right: 8px;
	    }   
	    #footer .inner li a{  
           color: #858587;
		   padding-right: 8px;
		   font-size: 11px;   
		   font-weight: normal;
		   background: url(../img/bg_footer_li_a.gif) no-repeat right 2px;
        }