/* Created by Kevin Steba ;-) */
/* Last Modifed on 20-12-2007 */

/* start: basis html elements */
html, body, div,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, 
fieldset, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}

cite{
	display: block;
	text-align: center;
}

a img, :link img, :visited img {border: 0;}
strong{font-weight:bold;}
/*ol, ul {list-style: none;}*/
q:before, q:after,blockquote:before, blockquote:after {content: "";}

a{color: blue;}
a:hover{color: red;}

body{
	font: 11px Arial, Helvetica, sans-serif;
	text-align: center;
	background: #F6F6F6;
	
}
/* end: basis html elements */

/* start: container */
div#container{
	text-align: center;
	width: 939px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.wrapper{
	width: 939px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 29px;
}
	/* start: fixed */
	div#container div#fixed{
		display: none;
		border-top: 5px solid #EBB342;
		position: fixed;
		text-align: center;
		width: 939px;
		margin-left: auto;
		margin-right: auto;
		z-index: 1;
		background: #F6F6F6;
	}

	/* end: fixed */
	/* start: status */
	div#container ul#status{
		display: none;
		position: absolute;
		top: 9px;
		left: 0px;
	}
		div#container ul#status li{
			float: left;
			padding-right: 5px;
			color: #D5D5D5;
		}
			div#container ul#status li a,
			div#container ul#status li span{
				color: #6C6C6C;
				text-decoration: none;
			}
	/* end: status */
	
	/* start: top navigatie */
	div#container ul#top_nav{
		display: none;
		position: absolute;
		top: 9px;
		right: 0px;
		list-style: none;
	}
		div#container ul#top_nav li{
			float: left;
			padding-left: 5px;
			color: #D5D5D5;
		}
			div#container ul#top_nav li a{
				color: #6C6C6C;
				text-decoration: none;
			}
			div#container ul#top_nav li a:hover{
				color: #000;
			}
	/* end: top navigatie */
	
	/* start: header */
	div#container div#header{
		display: none;
		height: 83px;
		border-left: 1px solid #D5D5D5;
		border-top: 1px solid #D5D5D5;
		border-right: 1px solid #D5D5D5;
		margin-right: 20px;
		background: #F6F6F6 url(../images/header_bg.gif) repeat-x;
	}
		/* left top */
		div#container div#header span#left_top{
			position: absolute;
			left: 0px;
			top: 29px;
			width: 11px;
			height: 84px;
			background: url(../images/header_left.gif) no-repeat;
		}
		/* logo */
		div#container div#header img#logo{
			margin: 22px 0px 0px 47px;
		}
		
		/* start: klanten tab */
		div#container div#klantentab{
			position: absolute;
			right: 175px;
			top: 42px;
			background: url(../images/klanten_tab_bg.gif) no-repeat;
			height: 70px;
			width: 159px;			
			padding: 33px 0px 0px 30px;
		}
		
		div#container div#klantentab li{
			list-style: none;
			margin: 2px;
		}
		
		
			div#container div#klantentab a{
				color: #000;
				text-decoration: none;
				font-size: 10px;
			}
			div#container div#klantentab a:hover{
				text-decoration: underline;
			}
		
		/* end: klanten tab */
		
		/* start: winkelwagen */
		div#container div#winkelwagen{
			position: absolute;
			right: 0px;
			top: 42px;
			background: url(../images/winkelwagen_bg.gif) no-repeat;
		}
			div#container div#winkelwagen a{
				display: block;
				
				color: #000;
				text-decoration: none;
				padding: 33px 0px 0px 24px;
				font-size: 10px;
				width: 179px;
				height: 70px;
				voice-family: "\"}\"";
				voice-family: inherit;
				height: 41px;
				width: 155px;
			}
			html>body div#container div#winkelwagen a{
				width: 155px;
				height: 41px;
			}
			div#container div#winkelwagen a:hover{
				text-decoration: underline;
			}
				div#container div#winkelwagen a span.label{
					float: left;
					clear: left;
					width: 92px;
				}
				div#container div#winkelwagen a span.value{
					float: left;
					width: 60px;
				}
		/* end: winkelwagen */
	/* end: header */
	
	/* start: primaire navigatie */
	div#container div#pnav{
		display: none;
		height: 29px;
		background: #F6F6F6;
		width: 925px;
		z-index:2;
	}
		div#container div#pnav ul{
			list-style: none;
			padding: 0;
			margin: 0;
		}
	
		div#container div#pnav ul li{
			height: 29px;
			float: left;
			background: url(../images/pnav_bg_nieuw.gif) no-repeat;
			position: relative;list-style: none;
		}
		
		div#container div#pnav ul li:hover{
			background: url(../images/pnav_bg_nieuw_hover.gif) no-repeat;
		}
		
		div#container div#pnav ul li.active span{
			position: absolute;
			width: 9px;
			height: 5px;
			/*background: url(../images/pnav_active.gif) no-repeat;*/
			left: 66px;
			top: 29px;
		}
			div#container div#pnav ul li a{
				display: block;
				width: 147px;
				height: 21px;
				padding-top: 8px;
				color: #1C478B;
				text-transform: uppercase;
				text-decoration: none;
				margin-right: 3px;				
				float: left;
				text-align: center;
				font-weight: bold;
			}
			html>body div#container div#pnav ul li a{
				margin-right: 6px;
			}
			div#container div#pnav ul li.active a{
				color: #C81A19;
				background: url(../images/pnav_bg_nieuw_hover.gif) no-repeat;
			}
			div#container div#pnav ul li a:hover{
				text-decoration: underline;
				background: url(../images/pnav_bg_nieuw_hover.gif) no-repeat;
			}
	/* end: primaire navigatie */
	
	/* start: sub navigatie */
	div#container div#snav{
		display: none;
		color: #F6F6F9;
		height: 17px;
		background: #EBB342;
		padding: 5px 0px 5px 20px;
		font-weight: bold;
	}
		
			div#container div#snav a{
				color: #F6F6F9;
				text-decoration: none;
				padding: 0px 5px;
				/*margin-right: 8px;*/
			}
			div#container div#snav a.active{
				font-weight: bold;
			}
			div#container div#snav a:hover{
				text-decoration: underline;
			}
		/*
		div#container div#snav ul li{
			float: left;
			padding-left: 10px;
			color: #F6F6F9;
			padding-top: 6px;
		}
			div#container div#snav ul li a{
				color: #F6F6F9;
				text-decoration: none;
				margin-right: 8px;
			}
			div#container div#snav ul li.active a{
				font-weight: bold;
			}
			div#container div#snav ul li a:hover{
				text-decoration: underline;
			}
		*/
	/* end: sub navigatie */
	
	/* start: categorien */
	div#container div#categorien{
		display: none;
		float: left;
		/*margin-top: 150px;*/
		margin-top: -15px;
		width: 177px;
		border: 1px solid #E1E1E1;
		border-right: 2px solid #E1E1E1;
		border-bottom: 2px solid #B5B5B5;
		background: #FFF;
		
		
		min-height:405px;
		height:auto !important;
		height:405px;

	}
		div#container div#categorien ul{
			/*padding: 15px 0px;*/
			/*border-bottom: 1px solid #EBEBEB;*/
			/*margin: 0px 3px;*/
			padding: 0px;
			margin: 0px;
			list-style: none;
		}
			div#container div#categorien ul li.head{
				color: #7D7D7D;
				/*text-transform: uppercase;*/
				font-weight: bold;
				/*padding-left: 23px;*/
				/*background: url(../images/cat_lh.gif) no-repeat 12px 6px;*/
				/*margin-top: 5px;*/
			}
			
			div#container div#categorien ul li.head a{
				color: #7D7D7D;
				text-decoration: none;
				
				display: block;
				width: 167px;
				
				border-bottom: 1px solid #EBEBEB;
			}
			
			div#container div#categorien ul li{
				/*padding-left: 30px;*/
				margin-top: 0px;
			}
				div#container div#categorien ul li a{
					padding: 5px 0px 5px 10px;
					color: #2285C6;
				}	
				div#container div#categorien ul li a:hover{
					color: #C91B1A;
					background-color: #EBEBEB;
				}	
	/* end: categorien */
	
	/* start: content */
	div#container div#content{
		float: left;
		/*margin-top: 150px;*/
		margin-top: -15px;
		width: 759px;
	}
	/* end: content */
	
	/* start: bottom navigatie */
	div#container div#bnav{
		display: none;
		clear: both;
		padding-top: 13px;
	}
		div#container div#bnav ul{
			float: left;
			background: #E3E3E3;
			width: 184px;
			height: 120px;
			border-left: 1px solid #FFF;
			list-style: none;
			padding: 0;
			margin: 0;
		}
			div#container div#bnav ul li.head{
				font-weight: bold;
				text-transform:uppercase;
				color: #7E7E7E;
				font-size:11px;
				height: 25px;
				display: block;
				background: #F6F6F6;
				padding-left: 20px;
				margin-bottom: 5px;
				padding-top: 0px;
			}
			div#container div#bnav ul li{
				padding-left: 20px;
				padding-top: 3px;
			}
				div#container div#bnav ul li a{
					color: #1A4788;
					text-decoration: none;
				}
				div#container div#bnav ul li a:hover{
					text-decoration: underline;
				}
	/* end: content */
	
	
	/* start: footer */
	div#container div#footer{
		display: none;
		clear: both;
	}
		div#container div#footer ul li{
			float: left;
			padding: 10px 0px 10px 5px;
			color: #D5D5D5;
		}
			div#container div#footer ul li span,
			div#container div#footer ul li a{
				color: #6C6C6C;
				text-decoration: none;
			}	
			div#container div#footer ul li a:hover{
				color: #000;
			}	
	/* end: footer */
	
/* end: container */

/* Form elements */
input.bestelaantal{
	border: 1px solid #d5d5d5;
	width: 45px;
}

.textbox{
	border: 1px solid #d5d5d5;
}

.formbutton{
	background-color: #ebb342;
	color: #6C6C6C;
}


#content a{
	color: #1A4788;
}

#content a:hover{
	color: #C81A19;
}

.zoekformulier label{
	float: left;
	width: 100px;
}

#content h1.rood{
	color: #cc0000;
	font-size: 11pt;
	font-weight: bold;
}