/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background-color:#DEDEDE;
	}
	
body, table, th, td, p, input, textarea, select, div, span {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:12px;
	line-height:16px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}

* {
	color:#5E5D5D;
	}

img {
	border:0px solid #000000;
}

a {
outline:none;
}
a:hover {}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
	
a.logo {
	display:block;
	position:absolute;
	#cursor:hand;
	top:12px;
	left:37px;
	text-decoration:none;
	
	background:transparent url(../gfx/logo.png) top left no-repeat;
	width:206px;
	height:83px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/logo.png', sizingMethod='image');
	z-index:990;
}

a.logo2 {
	display:block;
	position:absolute;
	#cursor:hand;
	top:12px;
	left:37px;
	text-decoration:none;
	
	background:transparent url(../gfx/logo2.png) top left no-repeat;
	width:206px;
	height:83px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/logo2.png', sizingMethod='image');
	z-index:990;
}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:970px;
	min-height:100%;
	#height:100%;
	text-align:left;
	background-color:#FFF;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.stempel {
	background:transparent url(../gfx/stempel.png) top left no-repeat;
	position:absolute;
	z-index:990;
	
	width:105px;
	height:107px;
	top:310px;
	left:35px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/stempel.png', sizingMethod='image');
	}

div.header {
	width:970px;
	overflow:hidden;
	}
div.header img {display:block;}

div.navigatie {
	position:absolute;
	top:20px;
	right:0px;
	background-color:#ED1C24;
	}
	
.btnBolliesBeenham,
.btnContact,
.btnKwaliteit,
.btnAssortiment,
.btnOverOns,
.btnHome,
span.btnSpacer {
	display:block;
	height:29px;
	text-decoration:none;
	float:left;
	}

.btnBolliesBeenham {background:transparent url(../gfx/btnr_bollies_beenham.gif) top left no-repeat; width:162px;}
.btnBolliesBeenham:hover {background:transparent url(../gfx/btnr_bollies_beenham.gif) bottom left no-repeat;}
.btnContact {background:transparent url(../gfx/btnr_contact.gif) top left no-repeat; width:97px}
.btnContact:hover {background:transparent url(../gfx/btnr_contact.gif) bottom left no-repeat;}
.btnKwaliteit {background:transparent url(../gfx/btnr_kwaliteit.gif) top left no-repeat; width:104px}
.btnKwaliteit:hover {background:transparent url(../gfx/btnr_kwaliteit.gif) bottom left no-repeat;}
.btnAssortiment {background:transparent url(../gfx/btnr_assortiment.gif) top left no-repeat; width:130px}
.btnAssortiment:hover {background:transparent url(../gfx/btnr_assortiment.gif) bottom left no-repeat; width:130px}
.btnOverOns {background:transparent url(../gfx/btnr_over_ons.gif) top left no-repeat; width:103px}
.btnOverOns:hover {background:transparent url(../gfx/btnr_over_ons.gif) bottom left no-repeat; width:103px}
.btnHome {background:transparent url(../gfx/btnr_home.gif) top left no-repeat; width:70px}
.btnHome:hover {background:transparent url(../gfx/btnr_home.gif) bottom left no-repeat; width:70px}
.btnSpacer {background:transparent url(../gfx/btnr_spacer.gif) top left no-repeat; width:3px}


.subItem,
.subItem-selected {
	display:block;
	text-align:right;
	padding:18px 0 5px 0;
	border-bottom:1px solid #FFFFFF;
	margin-right:68px;
	}
.subItem:hover,
.subItem-selected {border-bottom:1px solid #ED1C24;}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:970px;
	clear:both;
	height:24px;
	background:transparent url(../gfx/footer.gif) top left no-repeat;
	}

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 24 + "px"); /* IE7 fix */
	}
	
div.footerText a{
	float:right;
	height:24px;
	width:70px;
}	
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:970px;
	overflow:hidden;
	background:transparent url(../gfx/flag_schaduw.gif) top left repeat-x;
	padding:64px 0 60px 0;
	position: relative;
	}

div.right {
	float:right;
	width:277px;
	overflow:hidden;
	}

div.left {
	float:left;
	width:283px;
	overflow:hidden;
	}

div.mainContent {
	margin:0 207px 0 293px;
	/*	margin:0 287px 0 293px;
*/	}
div.noordhollandsbest {
	position: absolute;
	top: 60px;
	right: 20px;
	}

a.leesVerder {
	width:134px;
	height:44px;
	background:transparent url(../gfx/lees_verder.gif) top left no-repeat;
	clear:both;
	float:right;
	text-decoration:none;
	}

/* ============================================================	*/ 
/* ========	ITEMS				===============================	*/
/* ============================================================	*/

.item * {
	/*line-height:14px;*/
	}
.item p {
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
/*.item a {
	color:#0C468B;
	font-weight:bold;
	text-decoration:none;
	}
.item a:hover {
	text-decoration:underline;
	}*/
.item {
	/*background-color:#DFE1E3;*/
	/*border-top:1px solid #A0A1A7;*/
	border-bottom:1px solid #ed1c24;
	/*width:389px;*/
	width:100%;
	overflow:hidden;
	}
.item span {
	display:block;
	padding:10px 10px;
	}
.alt span {
	margin-left:110px;
	}
.thumb {
	display:block;
	float:right;
	border-top:6px solid #DFE1E3;
	border-bottom:6px solid #DFE1E3;
}
.alt {
	background-color:#FFFFFF;
	}
.alt .thumb {
	float:left;
	border-color:#FFFFFF;
	}


/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 
table.form td {
	line-height:24px;
	}
table.form input.typeText {
	border:1px solid #666666;
	line-height:16px;
	height:16px;
	width:213px;/*FireFox*/
	#width:207px;/*Internet Explorer 7.0*/
	_width:211px;/*Internet Explorer 6.0*/
	}

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#5e5d5d;
	font-weight:normal;
	border-top:1px solid #5e5d5d0;
	border-right:1px solid #5e5d5d;
	border-bottom:1px solid #5e5d5d;
	border-left:1px solid #5e5d5d;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}
ul{margin-left:16px;}

ul li{list-style-image: url('../gfx_content/blokje.gif');}

.submit {
	position: relative;
	/*float: right;*/
	background: #cdcdcd;
	border: 1px solid #dedede;
	width: 80px;
}