
/*--------------------------------------------*/
/* html elements */
/*--------------------------------------------*/

	*{
		margin:0px;
		padding:0px;
	}

	html, body{
		height:100%;
	}

	body, td, div{
		font-family: Arial,Verdana,Sans-serif;
		font-size: 12px;
		color: #3b3b3b;
		text-align:justify;
		line-height:16px;
	}

	h1, h2{
	}

	.hide{
		display:none;
	}

	a{
		color:#505050;
	}

/*--------------------------------------------*/
/* html elements */
/*--------------------------------------------*/

	#header{
		background-image: url("../gfx/header_bg.gif");
		height:187px;
		text-align:center;
	}


	#logo{
		display:block;
		background-image: url("../gfx/header.gif");
		height:91px;
		width:755px;
		margin-right:auto;
		margin-left:auto;
	}

	#sub_header{
		background-image: url("../gfx/sub_header.gif");
		height:88px;
		padding-top:8px;

	}

	#image_scroll{
		background-image: url("../gfx/image_scroll.gif");
		height:73px;
		text-align:left;
		width:100%;
		overflow:hidden;
	}


	#flash{
		position:absolute;
		left:0px;
		margin-left:0px;
width:100%;
		overflow:hidden;
	}

	#content{
		background-color: #fffdbe;
		text-align:center;
		padding-bottom:12px;
	}

	.clear{
		clear:both;
	}

	#content_aligner{
		background-color: #fffdbe;
		width: 755px;
		margin-right:auto;
		margin-left:auto;		
		text-align:left;
	}


	#welcome{
		background-image: url("../gfx/kader_welkom.gif");
		width:264px;
		height:207px;			
		margin-top:9px;
		margin-left:12px;
		float:left;		
		padding:8px;
		padding-top:25px;
	
	}
	#welcome_inside{
		height:208px;
		overflow:hidden;
	}

	#footer{
		clear:both;
		background-image: url("../gfx/footer.gif");
		height:55px;			
		text-align:center;
		padding-top:17px;
	}
	
	#footer_text{
		font-size:11px;
		width:687px;
		margin-left:auto;
		margin-right:auto;
		font-weight:bold;		
	}



/*--------------------------------------------*/
/* news */
/*--------------------------------------------*/

	#news{
		background-image: url("../gfx/kader_nieuws.gif");
		width:287px;
		height:240px;			
		margin-top:9px;
		margin-left:12px;
		float:left;		
	}

	.news_item{
		padding:8px;
		margin-top:17px;
		
	}

	.news_title{	
		display:block;
		height:30px;
		font-size:12px;
		font-weight: bold;
		margin-bottom:3px;
		
	}

	.news_body{
		height:52px;
		overflow:hidden;
	}

	.news_more{
		position:absolute;
		z-index:3;
		font-weight: bold;
		color: #3b3b3b;
		float:right;
		margin-top:-17px;
		margin-left:194px;
		text-decoration:none;
		background-color:#FFFFFF;
	}
	
/*--------------------------------------------*/
/* menu elements */
/*--------------------------------------------*/

	#menu_home{			
		background-image: url("../gfx/kader_menu_home.gif");
		width:148px;
		height:240px;		
		margin-top:9px;
		float:left;
		margin-bottom:12px;
	}

	#menu{			
		background-image: url("../gfx/kader_menu.gif");
		width:148px;
		margin-top:9px;
		float:left;
		margin-bottom:12px;
	}

	#menu_stretcher{
		float:left;
		height:240px;
		width:0px;
	}

	#menu_bottom{
		clear:both;
		width:148px;
		height:20px;
		background-image: url("../gfx/kader_menu_bottom.gif");
	}

	#menu_list, #menu_list_subpage{
		float:left;
		margin:0px;
		padding:0px;
		margin-left:1px;
		background-image: url("../gfx/menu_bg.gif");
		padding-bottom:1px;
		width:145px;
		margin-top:10px;
		list-style: none;
		list-style-position: outside;
	}

	#menu_list li,#menu_list_subpage li{
		padding:0px;
		margin:0px;
		list-style-position: outside;
	}

	#menu_list li a, #menu_list_subpage li a{
		background-color:#FFFFFF;
		background-image: url("../gfx/menu_item.gif");		
		display:block;
		height:25px;
		line-height:23px;
		width:145px;
		text-indent:20px;
		font-weight:bold;
		text-decoration:none;
		color: #3b3b3b;
		overflow:hidden;
	
	}

	#menu_list li a:hover,#menu_list_subpage li a:hover{
		background-color: #eaeaea;
		background-position:0 -25px;
		text-decoration:underline;
		color:#000000;
	}
	

/*--------------------------------------------*/
/* home items */
/*--------------------------------------------*/

	#items{
		clear:both;				
		background-image: url("../gfx/kader_items.gif");
		width:738px;
		height:169px;
	}

	
	#list_items{
		list-style: none;
	}

	#list_items li{
		list-style: none;
		display:block;
		float:left;
		width:138px;
		height:151px;
		background-color: #ffba00;
		margin-top:9px;
		margin-left:8px;
		cursor:pointer;
		text-align:left;
	}

	#list_items li a div{
		display:block;
		width:138px;
		height:18px;
		line-height:18px;
		color: #FFFFFF;
		font-weight:bold;
		text-decoration:none;
		text-align:center;	
	}

	#list_items img{
		margin-left:7px;
		position:absolute;
		border:1px solid #FFFFFF;
		background-color: #FFFFFF;
		cursor:pointer;
		width:119px;
		height:120px;
	}

	.item_new_1{
		display:block;
		margin-left:-80px;
		position:absolute;
		background-image: url("../gfx/new.gif");
		width:41px;
		height:41px;
		margin-top:100px;
		margin-left:-8px;
		z-index:2;			
	}

/*--------------------------------------------*/
/* menu */
/*--------------------------------------------*/
	

	#menu_list ul { 
		padding: 0;
		margin:0;
		list-style: none;		
		position:absolute;
		overflow:visible;
		
	}

	#menu_list li {		
		margin:0;   
		position: relative; 
		float:left;
		display:block;
		height:auto;		
	}

	#menu_list ul{
		display:none;  
		margin-left:140px;
		margin-top:-20px; 
	}

	/*all see this */
	#menu_list ul ul, #menu_list ul ul ul{
		display:none; 
		position:absolute; 
		margin-top:-20px; 
		margin-left:145px;
		
	}

	/* non-IE browsers see this */
	#menu_list ul li>ul, #menu_list ul ul li>ul{
		margin-top:-20px;
	}
	 
	#menu_list li:hover ul ul, #menu_list li:hover ul ul ul, #menu_list li:hover ul ul ul ul, #menu_list li:hover ul ul ul ul ul{
		display:none; 
	}

	#menu_list li:hover ul, #menu_list ul li:hover ul, #menu_list ul ul li:hover ul, #menu_list ul ul ul li:hover ul, #menu_list ul ul ul ul li:hover ul{
		display:block;
	}

	li>ul { 
		top: auto;
		left: auto;
	}


/*---------------------------*/
/* menu sites style */
/*---------------------------*/
		
	#menu_list .menu_sub_list ul{
		width:157px;
		display:block;
		position:absolute;
		border-bottom:1px solid #c8a459;
		background-image: none;
		font-weight:normal;	
	}

	#menu_list ul{
		border-bottom:1px solid #c8a459;
	}
	
	#menu_list .sub_li{
		text-decoration:none;
		width:155px;
		border:1px solid #c8a459;
		border-bottom:none;
		line-height:15px;
		background-image: none;		
		font-weight:normal;
		text-indent:0px;
	}

	#menu_list .sub_li a{
		width:155px;
		background-color: #FFFFFF;
		background-image: none;
		font-weight:normal;	
		text-indent:5px;
		font-size:11px;
		
		height:25px;
		line-height:25px;
	}

	#menu_list .has_subs a{
		background-image: url("../gfx/sub_bg.gif");
	}

	#menu_list .has_subs li a{
		background-image: none;
	}

	#menu_list li .sub_li a:hover{
		background-image: none;
	}

	#menu_list .sub_li a:hover{
		background-color: #eaeaea;
		text-decoration:underline;
		color:#000000;
	}

	#menu_list .sub_li_open{
		width:146px;
		background-position: 15px 0;
		font-weight:normal;

	}
	#menu_list .sub_li_open a{
		width:130px;
		background-position: 15px 0;
		font-weight:normal;
		padding-left:13px;
	}

/*--------------------------------------------*/
/* submenu */
/*--------------------------------------------*/

	#menu_list_subpage .sub_list_sub li{
		padding:0px;
		margin:0px;
		font-weight:normal;
		list-style:none;
	}

	#menu_list_subpage .sub_list_sub li a{		
		font-weight:normal;	
	}

	#menu_list_subpage .sub_list_sub li a.active, #menu_list_subpage li a.active{		
		font-weight:bold;	
		color: #ffba00;
	}

	#menu_list_subpage .sub_list_sub li a.active:hover{
		color:#ffba00;
	}

/*--------------------------------------------*/
/* subpage */
/*--------------------------------------------*/

	#text_top{		
		width: 558px;
		background-image: url("../gfx/kader_text_top.gif");
		background-repeat: no-repeat;
		padding:10px;		
	}

	#text_top h2{
		margin-bottom:10px;
	}

	#text{
		float:left;
		margin-left:10px;
		margin-top:10px;
		width: 578px;
		background-image: url("../gfx/kader_text_bg.gif");		
	}

	#text_bottom{
		width: 578px;
		height:20px;
		background-image: url("../gfx/kader_text_bottom.gif");
		background-repeat: no-repeat;
		
	}

	#crumb{
		font-size:13px;
		color: #a06d22;
		float:left;
		margin-top:10px;
		margin-left:10px;
	}

	#crumb a{
		color: #a06d22;
		text-transform: uppercase;
		text-decoration:none;
	}

	#crumb a:hover{
		color: #a06d22;
		text-decoration:underline;
	}

	#crumb a.active{
		color: #ffba00;
		text-transform: uppercase;		
		text-decoration:none;
		font-weight:bold;
	}

	#crumb a.active:hover{
		color: #ffba00;
		text-decoration:underline;
	}

/*--------------------------------------------*/
/* news */
/*--------------------------------------------*/
	
	.news_overview{
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}

	.sub_news_item{
		width:542px;
		margin-bottom:10px;
		padding-top:8px;
		background-image: url("../gfx/dot_line.gif");
		background-repeat: no-repeat;
	}

	.sub_news_title{	
		font-size:12px;
		font-weight: bold;
		margin-bottom:3px;
	}

	.sub_news_body{
		overflow:hidden;
		height:48px;
	}

	.sub_news_more{
		position:absolute;
		margin-left:465px;
		font-weight: bold;
		color: #3b3b3b;
		float:right;
		margin-top:-14px;
		text-decoration:none;
		background-color:#FFFFFF;
	}

	.sub_news_title_detail{	
		margin-top:-7px;
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}

	.line{
		width:542px;
		margin-bottom:5px;
		margin-top:5px;
		background-image: url("../gfx/dot_line.gif");
		background-repeat: no-repeat;
	}	


/*--------------------------------------------*/
/* products */
/*--------------------------------------------*/
	
	.product_list{
		clear:both;
		width:543px;
		padding:0px;
		border-collapse:collapse;
	}

	.product_list td{
		margin:0px;
		border-collapse:collapse;
	}

	.product_image img{
		border: 1px solid #ffba00;

	}

	.double_border{
		background-image: url("../gfx/double_border.gif");
		height:31px;
	}

	.double_border td{
		font-weight:bold;
	}

	.prijs_td{
		text-align:right;
		width:70px;
	}

	.product_row{
		height:85px;
		background-image: url("../gfx/product_row.gif");
		background-repeat: repeat-x;
		background-position:0 84px;	
	}

	.product_row td{
		padding-top:8px;
		vertical-align:top;
	}
	
	.product_price_td{
		text-align:right;		
	}

	.product_price_td h4{
		margin-top:15px;
		font-size:17px;
		font-weight:bold;
	}


	.product_title{
		font-weight:bold;
		font-size: 13px;
		margin-left:7px;
		margin-top:-3px;
		margin-bottom:2px;
		cursor:pointer;
		text-decoration:none;		
	}

	a .product_title:hover{
		text-decoration:underline;	
	}

	.product_body{
		margin-left:7px;
		font-size: 12px;
		height:50px;
		overflow:hidden;
		cursor:pointer;
		text-decoration:none;
	}

	a .product_body:hover{
		text-decoration:underline;	
	}

	.product_images{
		width:552px;
		overflow:hidden;
		margin-bottom:-10px;
	}

	.product_images div{
		margin-top:10px;
		width:auto;
	}
	
	#text_top .crop_image{
		border: 1px solid #ffba00;
	}

	.product_images img{
		border: 1px solid #ffba00;
		margin-top:10px;
	}

	.border{
		border: 1px solid #ffba00;
	}

	.border_space_all{
		border: 1px solid #ffba00;
		margin:8px;
	}

	.border_space_left{
		border: 1px solid #ffba00;
		margin-left:8px;
	}

	.border_space_right{
		border: 1px solid #ffba00;
		margin-right:8px;
	}

	.border_space_left_right{
		border: 1px solid #ffba00;
		margin-right:8px;
		margin-left:8px;
	}

	.border_2{
		border: 2px solid #ffba00;
	}

	.small{
		cursor:pointer;
	}

	back_link{
		display:block;
		float:left;
	}

	#order_link{
		margin-top:-15px;
		display:block;	
		float:right;
	}

	#order_form{
		background-color:#FFFFFF;		
		margin-top:25px;
	}

	#bedankt{
		display:none;
	}

	#form_close{
		position:absolute;
		top:6px;
		right:6px;
		width:100px;
	}

	.list_btn{
		position:absolute;
		display:block;
		height:24px;
		line-height:24px;
		width:98px;
		font-weight:bold;
		color: #FFFFFF;
		text-align:center;
		text-decoration:none;
	}
	
	#btn_last{
		float:left;
		background-image: url("../gfx/last_bg.gif");
	}

	
	#btn_next{
		float:left;
		margin-left:446px;
		background-image: url("../gfx/next_bg.gif");
	}

	#page_nav{	
		margin-bottom:5px;
		margin-top:5px;
		padding:0px;
		width:550px;
		height:24px;
		line-height:24px;

	}
	
	.pages{	
		margin-left:120px;
		position:absolute;
		float:left;

		display:block;
		height:24px;
		line-height:24px;
		width:300px;		

		text-align:center;
		overflow:hidden;
	}

	.pages a{
		color:#a06d22;
		text-decoration:none;
	}
	.pages a:hover{
		text-decoration:underline;
	}

	#linked{
		position:absolute;
		background-image: url("../gfx/tags.gif");
		height:118px;
		width:148px;
		margin-top:-108px;
		margin-left:-158px;
		overflow:hidden;
		padding-bottom:10px;
		
	}
	
	#linked_holder{
		height:123px;
		overflow:hidden;
	}
	
	#linked ul{
		margin:10px;
		margin-left:15px;
		margin-top:10px;
		padding:10px;
		list-style: disc;
	}
	
	#linked ul li{
		margin-top:5px;
		font-weight:bold;

	}
		
