@charset "utf-8";
/* Stylesheet for Jac van Hardeveld, by Media Solutions */

/* Table of Contents
1. Base Elements
2. Site
3. Header
4. Page
5. Footer
6. Misc.

/* 1. Base Elements */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
	margin:0;
	padding:0;
}

html {background:url(../images/bodybg.gif) 0 0 repeat-x;}
html.small {background: url(../images/bodybgsmall.gif) center 0 repeat-x; }
html.medium {background: url(../images/bodybgsmedium.gif) center 0 repeat-x; }


body {
	font-size:100%; /* 16pt */
	font-family:arial;
}

#swfplacer {
	float:right;
	width:300px;
}

html.small body {
}

body.blzboeken {
	background: url(../images/headers/blzheader.jpg) center 53px no-repeat;
}

body.kantoor {
	background: url(../images/headers/schildergerei.jpg) center 53px no-repeat;
}

body.schrijfwaren {
	background: url(../images/headers/schrijfwaren.jpg) center 53px no-repeat;
}

body.page1 {
	background: url(../images/headers/projectinrichting.jpg) center 53px no-repeat;
}

body.page2 {
	background: url(../images/headers/kantoorartikelen.jpg) center 53px no-repeat;
}

body.page3 {
	background: url(../images/headers/duurzaam.jpg) center 53px no-repeat;
}

body.page4 {
	background: url(../images/headers/kantoormachines-02.jpg) center 53px no-repeat;
}

body.page5 {
	background: url(../images/headers/contact.jpg) center 53px no-repeat;
}

body.page6 {
	background: url(../images/headers/header-kantoor-03.jpg) center 53px no-repeat;
}

body.page7 {
	background: url(../images/headers/header-kantoor-07.jpg) center 53px no-repeat;
}

body.page8 {
	background: url(../images/headers/header-kantoor-08.jpg) center 53px no-repeat;
}

body.page9 {
	background: url(../images/headers/presentatiemiddelen.jpg) center 53px no-repeat;
}

body.page10 {
	background: url(../images/headers/presentatiemiddelen-03.jpg) center 53px no-repeat;
}

body.page11 {
	background: url(../images/headers/kantoorartikelen-02.jpg) center 53px no-repeat;
}
body.page12 {
	background: url(../images/headers/kantoorartikelen-03.jpg) center 53px no-repeat;
}

html body.winkelindex {
	background: url(../images/headers/winkelindex.jpg) center 53px no-repeat;
}

html body.kantoorindex {
	background: url(../images/headers/kantoorindex.jpg) center 53px no-repeat;
}



/*body.small {
	background: url(../images/bodybgsmall.gif) center 53px repeat-x;
}*/

li {
	list-style:none;
}

a {
	text-decoration:none;
}

fieldset {
	padding:0;
	margin-bottom:5px;
}

img {
	border:none;
}

/* 2. Site */
#site {
	width:950px;
	margin:0 auto;
	font-size:0.625em; /* 10 / 16 = 0.625 */
}

/* 3. Header */
.winkelindex #header,
.kantoorindex #header {
	height:374px;
}

.kantoorpages #header {
	height:301px;
}

#header {
	position:relative;
	overflow:hidden;
	width:950px;
	height:163px;
}

.winkelindex #header {
	/*background:url(../images/headers/winkelindex.jpg) 0 53px no-repeat;*/
}

	.winkelindex #header h1 {
		position:relative;
		left:-3px;
		z-index:2;
		overflow:hidden;
		float:left;
		width:231px;
	}
	
	.winkelindex #header h1 a {
		display:block;
		height:0;
		overflow:hidden;
		padding-top:190px;
		width:231px;
		background: url(../images/logo.png) 0 0 no-repeat;
	}

	.kantoorindex #header h1,
	.kantoorpages #header h1 {
		position:relative;
		left:-3px;
		z-index:6;
		overflow:hidden;
		float:left;
		width:230px;
	}
	
	.kantoorindex #header h1 a,
	.kantoorpages #header h1 a {
		display:block;
		height:0;
		overflow:hidden;
		padding-top:203px;
		width:230px;
		background: url(../images/kantoorlogo.png) 0 0 no-repeat;
	}
	
	#header h1 {
		position:relative;
		left:-3px;
		z-index:2;
		overflow:hidden;
		float:left;
		width:176px;
	}
	
	#header h1 a {
		display:block;
		height:0;
		overflow:hidden;
		padding-top:149px;
		width:176px;
		background: url(../images/paginalogo.png) 0 0 no-repeat;
	}
	
	#sub-menu {
		position:absolute;
		top:52px;
		left:0;

		width:100%;
		height:32px;
		background: url(../images/submenu.png) 0 0 repeat-x;
	}
	
		#sub-menu ul.submenu {
			width:950px;
			margin:0 auto;
			overflow:hidden;
			position:relative;
			z-index:3;
		}
		
			#sub-menu ul.submenu li {
				float:right;
				margin:10px 0 0 15px;
				font-size:12px;
			}
			
				#sub-menu ul.submenu li a {
					color:#fff;
				}
				
				#sub-menu ul.submenu li a:hover,
				#sub-menu ul.submenu li a.active {
					color:#7c7375;
				}
	
	#header .menu {
		position:absolute;
		z-index:3;
		top:0;
		left:250px;
		margin:0;
		height:53px;
		padding:0;
		width:719px;
	}
	
	#head-aanbieding {
		position:absolute;
		top: 290px;
		left: 0;
	}
		
		#header .menu li {
			float:left;
			font-size:1.3em;
		}

		#header .menu li.menu-drop {
			position:relative;
			width:150px;
			height:104px;
		}
			
			#header .menu li.menu-drop.big{
				width: 198px;
				height: 80px;
			}
		
		#header .menu li.menu-drop:hover,
		#header .menu li.menu-drop.active {
			background: url(../images/menu-drop.png) 8px 24px no-repeat;
		}
		
			#header .menu li.menu-drop a:hover,
			#header .menu li.menu-drop a.active {
				background:none;
			}
		
			#header .menu li.menu-drop ul.drop {
				position:absolute;
				display:none;
			}
			#header .menu li.menu-drop:hover ul.drop,
			#header .menu li.menu-drop.active ul.drop {
				display:block;
				padding-top:5px;
			}
			
				#header .menu li.menu-drop ul.drop li {
					font-size:13px;
					background:none;
					padding:0;
					margin: 0 0 4px 20px;
				}
				
					#header .menu li.menu-drop ul.drop li a {
						padding:0;
						margin:0;
					}
					
					#header .menu li.menu-drop ul.drop li a:hover,
					#header .menu li.menu-drop ul.drop li a.active {
						color: #000;
					}
				
				#header .menu li.menu-drop ul.drop li a:hover,
				#header .menu li.menu-drop ul.drop li a.active {
					background:none !important;
				}
		
			#header .menu li a {
				display:block;
				margin:0 12px;
				padding:21px 8px 15px;
				color:#ffffff;
			}
			
			#header .menu li a.active,
			#header .menu li a:hover {
				background: url(../images/menu-bg.gif) 0 bottom repeat-x;
			}
		
	.winkelindex #header .header-img {
		height:317px;
		top:-137px;
	}
	
	.kantoorindex #header .header-img {
		height:317px;
		top:-150px;
	}
	
	.kantoorpages #header .header-img {
		height:317px;
		top:-150px;
	}
		
	#header .header-img {
		width:1200px;
		margin:0 auto;
		position:relative;
		z-index:1;
		top:-96px;
	}	
	
	.winkelindex #header .header-img img,
	.kantoorindex #header .header-img img {
		height:310px;
		padding-bottom:7px;
		background: url(../images/header-bg.png) 0 bottom no-repeat;
	}
	
	.kantoorindex #header .header-img img {
		height:310px;
		padding-bottom:7px;
		background: url(../images/header-bg.png) 0 bottom no-repeat;
	}
	
	.kantoorpages #header .header-img img {
		height:241px;
		padding-bottom:7px;
		background: url(../images/header-bg.png) 0 bottom no-repeat;
	}
	
	#header .headertext {
		position:absolute;
		z-index:4;
		top:71px;
		width:739px;
		left:210px;
		text-align:center;
	}	
	
		#header .headertext h2 {
			color:#ffffff;
			font-size:2.5em;
		}
		
		#header .headertext p {
			color:#ffffff;
			font-size:1.7em;
		}
		
/* 4. Page */
#page {
	overflow:hidden;
	width:957px;
	margin:0 auto;
	min-height:545px;
}

	#page h2 {
		font-weight: 400;
		font-size: 18px;
		margin: 10px 0 0;
		color :#F00;
	}
	
	ul#offers {
		float: left;
		font-family: arial;
		margin: -10px 0 0 -24px;
		padding: 0 0 10px 0;
	}
	
		ul#offers li {
			float: left;
			margin: 24px 0 0 24px;
			width: 303px;
			height: 285px;
		}	
			
			ul#offers li img {
				width: 297px;
				box-shadow: 1px 1px 5px #c6c6c6;
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c6c6c6')";
 				 /* Voor IE 5.5 - 7 */
 				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c6c6c6');
			}
				
				ul#offers li h3 {
					float: left;
					margin: 5px 0 0;
					font-size: 17px;
					font-weight: 400;
				}
				
				ul#offers li p {
					float: right;
					margin: 5px 5px 0;
					text-align: right;
					font-size: 12px;
				}
					
					ul#offers li span {
						color: #F00;
						font-size: 30px;
						font-weight: 700;
					}
					
	#textfield {
		float: left;
		margin: 10px 0 0;
		width: 450px;
		padding: 15px 0 15px 0;
		border-top: 1px solid #939493;
		border-bottom: 1px solid #939493;
	}
		
		#textfield h1 {
			font-size: 17px;
			font-weight: 400;
		}
		
		#textfield p {
			margin: 21px 0 0;
			width: 450px;
			font-size: 12px;
			line-height: 21px;
		}
		
		#textfield a {
			padding-top: 21px;
			display: block;
			height: 21px;
			color: #F00;
			font-size: 12px;
		}
		
		#textfield img {
			max-width: 100px;
			float: right;
		}
		
		#textfield ul {
			line-height: 21px;
			font-size: 12px;
		}	
			
			#textfield ul li {
				padding: 0 0 0 25px;
				background: url(../images/arrow-right.png) no-repeat 0 6px;
			}
	
.index #page {
	min-height:400px;
	overflow:visible;
}

	#page .box-left {
		float:left;
		width:451px;
		margin-top:27px;
	}

		#page .box-left p {
			margin-bottom:15px;
			color:#656565;
			font-size:1.1em;
			line-height:1.9em;
		}
	
		#page .box-left p a {	
			color:#ed1d24;
		}
	
		#page .box-left p a:hover {	
			color:#656565;
		}
	
		#page .box-left p.last-of-type {
			margin-bottom:0;
		}
	
		#page .box-left h2 {
			margin-top:3px;
			margin-bottom:5px;
			color:#d8171d;
			font-size:1.7em;
			font-weight:normal;
		}
		
		#page .box-left h2.index-title {
			color:#231f20;
			font-size:22px;
		}
		
			#page .box-left h2.index-title span {
				color:#d8171d;
			}
	
		#page .box-left span {
			color:#656565;
			font-size:1.1em;
		}
	
	#page .box-left .contactform {
		width:344px;
	}
	
		#page .box-left .contactform fieldset {
			border:0;
		}
			
			#page .box-left .contactform fieldset label {
				float:left;
				padding-top:4px;
				color:#656565;
				font-size:1.1em;
			}
			
			#page .box-left .contactform fieldset label.labelplaats {
				float:right;
				display:inline-block;
				margin:0 16px;
			}
			
			#page .box-left .contactform fieldset input {
				float:right;
				width:253px;
				height:19px;
				border:1px solid #898989;
				color:#656565;
				font-size:1.1em;
			}
			
				#page .box-left .contactform fieldset input.naam {
					width:199px;
				}
				
				#page .box-left .contactform fieldset input.postcode {
					width:67px;
				}	
				
				#page .box-left .contactform fieldset input.plaats {
					width:119px;
				}	
			
			#page .box-left .contactform fieldset select {
				float:right;
				width:44px;
				height:23px;
				border:1px solid #898989;
				margin-right:10px;
				color:#656565;
				font-size:1.1em;
			}
			
				#page .box-left .contactform fieldset select option {
					color:#656565;
					font-size:1.1em;
				}
			
			#page .box-left .contactform fieldset textarea {
				width:253px;
				float:right;
				border:1px solid #898989;
			}
			
			#page .box-left .contactform fieldset .submit {
				padding:0;
				width:65px;
				height:21px;
				border:none;
			}
		#page .box-left .links {
			padding-left:1px;
			color:#656565;
			font-size:1.1em;
			line-height:1.5em;
		}
		
			#page .box-left .links .border {
				padding-bottom:5px;
				margin-bottom:5px;
				border-bottom:1px dashed #000000;
			}
		
			#page .box-left .links a {
				color:#ED1D24;
			}
		
			#page .box-left .links a:hover {
				color:#656565;
			}
		
	#page .box-right {
		float:right;
		width:465px;
		margin-top:27px;
	}
		
		#page .box-right div.contact-gegevens {
			overflow:hidden;
			border-bottom: 1px dashed #000000;
			padding-bottom:10px;
			margin-bottom:20px;
		}
		
			#page .box-right .contact-gegevens ul {
				float:left;
				margin-right:56px;
			}
		
				#page .box-right .contact-gegevens ul li {
					color: #656565;
					font-size:11px;
					line-height:21px;	
				}
		
		#page .box-right .nieuws-ul {
			width:459px;
			color:#a3a3a3;
			font-size:1.1em;
		}
	
			#page .box-right .nieuws-ul li {
				padding:5px 0 6px;
				border-bottom:1px dashed #000000;
			}
	
				#page .box-right .nieuws-ul a {
					color:#656565;
				}	
				
				#page .box-right .nieuws-ul a:hover,
				#page .box-right .nieuws-ul a.active {
					color:#d8171d;
				}
		
		#page .box-right .border-img-box img {
			border:3px solid #3e3e3e;
			margin:0 3px 3px 0;
		}
		
		#page .box-right .border-img-box img.last-child {
			margin-right:0;
		}
		
		#page .box-right p {
			margin-bottom:23px;
			color:#656565;
			font-size:1.1em;
			line-height:1.9em;
		}
		
		#page .box-right .blz-box.logo p {
			width:330px;
		}
	
		.large-box #page .box-right p {
			margin-bottom:10px;
		}
	
		#page .box-right h2 {
			margin-top:3px;
			margin-bottom:5px;
			color:#d8171d;
			font-size:1.7em;
			font-weight:normal;
		}
		
		#page .img-box {
			padding:10px 0 7px 0;
			border-top:1px dashed #000000;
			border-bottom:1px dashed #000000;
		}
		
			#page .img-box img {
				margin-right:6px;
				border:1px solid #3e3e3e;
			}
			
			#page .img-box.no-border {
				margin-top:20px;
			}
			
				#page .img-box.no-border img {
					margin-right:8px;
					border:none;
				}
			
		#page .img-box.logo {
			margin-bottom:54px;
		}	
			
			#page .img-box.logo img {
				border:0;
			}
			
			#page .img-box img.last-of-type {
				margin-right:0;
			}
		
		#page .box-right .aanbieding-btn {
			display:block;
			float:right;
			height:21px;
			margin-top:10px;
		}
		
		#page .box-right .blz-box {
			margin-bottom:66px;
		}
		
		.large-box #page .box-right .blz-box {
			margin-bottom:0px;
		}
		
			#page .box-right .blz-box .blz-logo {
				float:right;
			}
		
			#page .box-right a {
				color:#D8171D;
			}
		
			#page .box-right a:hover {
				color:#656565;
			}
		
			#page .box-right .blz-box .blz-btn img {
				margin-top:8px;
			}
			
		#page .box-right h3 {
			margin-bottom:10px;
			color:#5f5f5f;
			font-size:1.4em;
			font-weight:normal;
		}
		
		.a4 {
			display:block;
			float:right;
			padding-right:10px;
			margin-top:10px;
			color:#656565;
			font-size:1.1em;
			text-decoration:underline;
			background: url(../images/a4.gif) right center no-repeat;
		}
		
		.a4:hover {
			text-decoration:none;
		}
		
		#page .box-right .banner {
			margin-top:48px; 
			width:459px;
		}

		#page .box-right .openingstijden {
			width:223px;
		}
		
			#page .box-right .openingstijden dl {
				overflow:hidden;
				color:#656565;
				font-size:1.1em;
				margin:0 0 6px;
			}
		
				#page .box-right .openingstijden dl dt {
					float:left;
					padding-left:1px;
				}	
				
				#page .box-right .openingstijden dl dd {
					padding-left:80px;
					margin:0 0 8px;
				}
				
		#page .box-right .map img {
			margin:4px 0 7px;
		}
		
		#page .box-right .route fieldset {
			border:0;
			padding:0;
			margin-bottom:24px;
		}
		
			#page .box-right .route fieldset .route {
				float:left;
				width:354px;
				height:17px;
				border:1px solid #898989;
				color:#656565;
				font-size:1.1em;
				padding:2px 0 0 3px;
			}
		
			#page .box-right .route fieldset .submit {
				float:right;
			}
		
#page .box-img-top {
	width:464px;
	height:7px;
	background: url(../images/box-img-top.gif) 0 0 no-repeat;
}
		
#page .box-img {
	width:464px;
	padding:0 7px;
	background: url(../images/box-img.gif) 0 0 repeat-y;
}
	
	#page .box-img.small-img img {
		margin-bottom:7px;
	}

	#page .box-img.small-img .last-row {
		margin-bottom:0;
	}
	
	#page .box-img.small-img .first {
		margin-right:7px;
	}

#page .box-img-bottom {
	width:464px;
	height:7px;
	background: url(../images/box-img-bottom.gif) -1px 0 no-repeat;
}

#page .content-box {
	padding-bottom:38px;
	margin-bottom:32px;
	border-bottom:1px dashed #000000;
}

#page .content-box .catalogus {
	width:314px;
}

	#page .content-box .catalogus fieldset {
		overflow:hidden;
		border:none;
		width:314px;
		padding:0;
		margin-bottom:5px;
	}

		#page .content-box .catalogus fieldset select {
			float:left;
			width:60px;
			height:23px;
			border:1px solid #898989;
			margin-right:3px;
			color:#b7b7b7;
		}
	
			#page .content-box .catalogus fieldset select option {
				color:#b7b7b7;
			}
			
		#page .content-box .catalogus .btn_catalogus {
			float:right;
			margin-right:27px;
			margin-top:2px;
		}
			
		#page .content-box .catalogus fieldset input.text {
			width:134px;
			height:19px;
			border:1px solid #898989;
			padding:2px 0 0 5px;
			color:#b7b7b7;
			font-size:11px;
		}
		
		#page input.checkbox {
			vertical-align:bottom;
		}
		
			#page .checkboxes {
				color:#b7b7b7;
				font-size:11px;
				line-height:20px;
			}

		#page .content-box .catalogus fieldset input.naam {
			width:215px;
		}
		
		#page .content-box .catalogus fieldset input.adres {
			width:278px;
		}
		
		#page .content-box .catalogus fieldset input.submit {
			padding:0;
			border:none;
			width:21px;
			height:21px;
			float:right;
		}
		
		
		#page .aanbieding {
			clear: both;
			margin: 10px 0 0 0;
		}
		
			#page .aanbieding h2 {
				
				color:#d8171d;
				font-size:2.5em;
			}
		
			#page .aanbieding p {
				color:#656565;
				font-size:1.1em;
				line-height:1.9em;
			}
			
			#page .aanbieding img {
				float: right;
				margin: 5px;
				width: 200px; 
			}
			
			#page .aanbieding span {
				color:#656565;
				font-size:2.0em;
				line-height:2.5em;
				font-weight: bold;
			}
		
/* 5. Red-column */
#red-column {
	width:100%;
	font-family:arial;
	font-size:0.625em; /* 10 / 16 = 0.625 */
	height:135px;
	background: url(../images/redcolumn-bg.gif) 0 0 repeat-x;
}
	
#red-column .container {
	width:960px;
	margin:0 auto;
}	
	
	#red-column .box {
		overflow:hidden;
		float:left;
		width:297px;
		height:135px;
		margin-left:34px;
		background: url(../images/border-redcolumn.gif) right 22px no-repeat;
	}
	
	#red-column .first-box {
		margin-left:0;
	}
	
	#red-column .last-box {
		background:none;
	}
	
		#red-column .box h2 {
			padding-top:18px;
			color:#410002;
			font-size:22px;
			font-weight:normal;
		}
			
			#red-column .box h2 a {
				color:#410002;
			} 
		
		#red-column .box p {
			margin-bottom:21px;
			margin-right:10px;
			color:#ffffff;
			font-size:1.1em;
			line-height:1.9em;
		}
		
/* 6. Footer */
#footer {
	width:100%;
	height:107px;
	font-size:0.625em; /* 10 / 16 = 0.625 */
	font-family:arial;
	background: url(../images/footer-bg.gif) 0 0 repeat-x;
}

.index #footer {
	height:135px;
	background: url(../images/footer-bg2.gif) 0 0 repeat-x;
}

#footer .logos {
	width:950px;
	height:36px;
	overflow:hidden;
	margin:1px auto 0;
	position:relative;
}

	#shadows {
		position:absolute;
		height:36px;
		width:955px;
		overflow:hidden;
	}
		
		#shadows div {
			position:absolute;
			top:0;
			z-index:20;
			width:90px;
			height:36px;
		}
	
		#shadows div:first-child {
			left:0;
			background:url(../images/logos/schadow-left.png) no-repeat;
		}
		
		#shadows div + div {
			right:0;
			background:url(../images/logos/schadow-right.png) no-repeat;
		}
	
	#slide-container {
		position:relative;
		overflow:hidden;
		margin:0 auto;
		width:955px;
		height:36px;
	}
	
		#footer .logos #slider {
			position:relative;
			width:500%;
			height:36px;
		}
		
			#footer .logos #slider a {
				display:inline-block;
				padding-left:10px;
				padding-right:10px;
			}			
			
			#footer .logos .slide {
				float:left;
				margin-left:20px;
				height:36px;
			}
			
#footer .container {
	overflow:hidden;
	width:960px;
	margin:0 auto;
}	

	#footer .container .box-left {
		float:left;
	}
		
		#footer .container .box-left ul {
			margin-top:21px;
			width:300px;
		}
			
			#footer .container .box-left ul li {
				color:#5b5b5b;
				font-size:1.1em;
				line-height:1.9em;
			}
	
			#footer .container .box-left ul li.mediasolutions a {
				margin-left:2px;
				color:#5b5b5b;
			}
	
				#footer .container .box-left ul li.mediasolutions a:hover {
					color:#ffffff;
				}
	
			#footer .footer-menu {
				overflow:hidden;
			}
	
			#footer .container .box-left .footer-menu li {
				float:left;
				margin-right:7px;
				padding-right:8px;
				font-size:1em;
				background: url(../images/footer-li-bg.gif) right center no-repeat;
			}
				
				#footer .container .box-left .footer-menu li.last-of-type {
					margin-right:0;
					padding-right:0;
					background:none;
				} 
				
				#footer .container .box-left .footer-menu li a {
					color:#ffffff;
				}
				
				#footer .container .box-left .footer-menu li a:hover,
				#footer .container .box-left .footer-menu li a.active {
					color:#5b5b5b;
				}
					
	#footer .container .box-right {
		overflow:hidden;
		float:right;
		width:362px;
		font-size:1.1em;
		line-height:1.9em;
	}
	
		#footer .container .hofleverancier {
			display:block;
			float:left;
			margin:26px 51px 0 0;
			padding-left:10px;
		}
	
		#footer .container .box-right ul {
			float:left;
			margin-top:21px;
			margin-left:55px;
		}
		
		#footer .container .box-right ul.first-ul {
			margin-left:35px;
		}
		
			#footer .container .box-right ul li {
				color:#ffffff;
			}
			
				#footer .container .box-right ul li a {
					color:#ffffff;
					text-decoration:underline;
				}
				
				#footer .container .box-right ul li a:hover {
					text-decoration:none;
				}
/* 6. Misc. */
.clear {
	clear:both;
}

.hidden {
	display:none;
}

.content-banner,
.content-banner a.show {
	overflow: hidden;
	position: relative;
	width:450px;
	height:75px;
}

.content-banner object.hide {
	opacity: 0;
	
}

.content-banner a.show {
	position: absolute;
	top:0;
	left:0;
}


#submenu {
	margin:10px 0;
	overflow:hidden;
}

	#submenu li {
		float:left;
		margin-right:7px;
		padding-right:7px;
		font-size:1.3em;
		background: url(../images/index-ul-li.gif) right center no-repeat;
		white-space:nowrap;
	}
	
	#submenu li.last-of-type {
		background:none;
	}
							
	#submenu a {
		color:rgb(216, 23, 29);
	}
	
	#submenu li.active a,			
	#submenu a:hover {
		color:#4e4e4e;
	}
	
.ol.ordered-li {
	
}

	ol.ordered-li li {
		list-style:numbers !important;
	}
	
#aanbiedingblok {
	float:right;
	width:488px;
	height:467px;
	margin-top:-118px;
	background: url(../images/aanbiedingblok.png) 0 0 no-repeat;
}
	
	#aanbiedingblok .left {
		float:left;
		width:192px;
		padding:29px 19px 0 27px;
	}

		#aanbiedingblok .left h2 {
			color:#d8171d;
			font-weight:normal;
			font-size:17px;
			line-height:21px;
		}
		
		#aanbiedingblok .left h3 {
			color:#231f20;
			font-weight:normal;
			font-size:17px;
			line-height:21px;
		}
		
			#aanbiedingblok .left h3 a {
				color:#231f20;
			}
		
		#aanbiedingblok .left img {
			max-width:191px;
			max-height:132px;
		}
		
		#aanbiedingblok .left p {
			color:#231f20;
			font-weight:normal;
			font-size:11px;
			line-height:19px;
		}
		
			#aanbiedingblok .left p a {
				color:#231f20;
			}
		
		#aanbiedingblok .left a.meernieuws {
			display:inline-block;
			margin:26px 0 5px;
			color:#d8171d;
			font-size:11px;
		}
		
		#aanbiedingblok .left .nieuws-ul {
		
		}
		
			#aanbiedingblok .left .nieuws-ul li {
				font-size:11px;
				line-height:21px;
				font-weight:bold;
				border-bottom:1px dotted #231f20;
			}
			
				#aanbiedingblok .left .nieuws-ul li a {
					color:#231f20;
				}
				
				#aanbiedingblok .left .nieuws-ul li a:hover {
					color:#d8171d;
				}
				
	#aanbiedingblok .right {
		float:left;
		width:192px;
		padding:29px 19px 0 27px;
	}
	
	#aanbiedingblok .right .avdw {
		margin:0 0 15px;
	}
	
	#aanbiedingblok .right h2 {
		margin:6px 0 0;
		color:#231f20;
		font-size:17px;
		line-height:21px;
	}
	
	#aanbiedingblok .right p.prijs {
		color:#ed1d24;
		font-weight:bold;
		font-size:23px;
		line-height:auto;
	}
	
	#aanbiedingblok .right .aanbieding-box img {
		max-height: 185px;
    	max-width: 191px;
	}
	
	#aanbiedingblok .right p {
		font-size:11px;
		line-height:19px;
	}
	
	#aanbiedingblok .right a.btn {
		display:block;
		margin:8px 0 11px;
	}
	
img.hofleverancier {
	float:left;
	margin:0 15px 0 0;
}


/* SLIDEBOX REFERENTIES */
#slider {
	margin: 9px 0 0;
	width: 455px;
	float: right;
}

	#images {
		position: relative;
		height: 305px;
		width: 460px;
		overflow: visible;
	}
	
	#images img {
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
		box-shadow: 1px 1px 5px #000;
		-box-shadow: 1px 1px 5px #000;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000')";
		 /* Voor IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000');
		width: 455px;
		height: 303px;
	}
		
		#images img.active {
			display: block;
		}
	
	#slider ul {
		margin: 0 0 0 -9px;
	}
	
		#slider ul li {
			margin: 9px 0 0 9px;
			float: left;
		}	
		
		#slider ul li a img {
			box-shadow: 1px 1px 5px #000;
			-box-shadow: 1px 1px 5px #000;
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000')";
			 /* Voor IE 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000');
			max-width: 107px;
		}
/* LEFT BOX REFERENTIES*/
	#left-content {
		width: 450px;
		float: left;
	}
	
		ul#reflist {
			margin: 30px 0 0;
			width: 450px;
			float: left;
		}
			
			ul#reflist li {
				font-size: 12px;
				font-family: arial;
				width: 100%;
				border-bottom: 1px solid #c9c9c9;
				line-height: 30px;
			}
				
				ul#reflist a {
					color: #606060;
				}
					
					ul#reflist a:hover,
					ul#reflist a.active {
						color: #d8171d;
					}