html {
	margin:0px;
	padding:0px;
	background-color:#000000;	
}

body {
	width:1000px;
/*	height:768px;*/
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
}

a {
	color:white;
	text-decoration:none;
}

a:hover{
	color:#6699CC;
	text-decoration:none;
}

hr {
	width: 500px;
	border-color:#CCCCCC;
	text-align: right;
	color:#CCCCCC;
	height:1px;
}

img {
	border:none;
}

p {

}

h1 {
	font-size:16px;
	font-weight: bold;
	margin-bottom:5px;
/*	color:#002052;*/
	color:#FFFFFF;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top:0px;
	margin-bottom:10px;
/*	color:#002052;*/
	color: #FFFFFF;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top:0px;
	margin-bottom:10px;
/*	color:#002052;*/
	color: #FFFFFF;
}

h3 {
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
}

h4 {
	clear:both;
	font-size:12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-top:10px;
	margin-bottom:5px;
}

div.website {
	width:1000px;
/*	height: auto;*/
/*	overflow:visible;*/
float:left;
	background-color:#00001e;
	background-repeat:repeat;
	display:block;
	margin:0px;
	padding:0px;
	/*margin-left:auto;
	margin-right:auto;*/
	padding:0px;
	padding-bottom:0px;
/*	position:absolute;*/
}

div.website div.top{
	float:left;
	width:824px;
	padding:0px;	
	margin-top:10px;
	border-bottom:solid #FFFFFF 3px;
	background-image:url(../images/top_bg.png);
	background-repeat:repeat-x;
}

div.website div.logo{
/*	margin-top: 20px;*/
	display:block;
	width:685px;
	height:90px;
	float:left;
/*	padding-left:50px;*/
	/*margin-bottom:7px;*/
}

div.website div.blok1 {
	width: 315px;
	height:650px;
	overflow:hidden;
	float:left;
	margin:0px;
/*	overflow:visible;*/
	padding: 0px;	
	background-image:url(../images/hofstee_bg.png);	
	background-repeat:no-repeat;
	background-position:top left;	
}

div.website div.blok2 {
	background-image:url(../images/topbg.png);
	background-repeat:repeat-x;
	width: 685px;
	/*margin-left: 325px;*/
/*	height: auto;*/
	float:left;
	margin:0px;
/*	overflow:visible;*/
	padding: 0px;
	padding-bottom:20px;
}

div.website div.blok3 {
	float:left;
	display:block;
	width:985px;
	height:auto;
	margin-top:35px;
	display:none;
}

div.website div.blok2 div.logo ul.iconmenu{
	margin:0px;
	padding:0px;
	width: 390px;
	height: 75px;
	float:right;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/hofstee_logo.png', sizingMethod='scale');
	background: url(../images/hofstee_logo.png) 0 0 no-repeat !important; background: none;
	list-style:none;
}
div.website div.blok2 div.logo ul.iconmenu li {
	margin:0px;
	padding:0px;
	float:left;
	width: 390px;
	height: 75px;
	display:block;
	position:relative;
}
div.website div.blok2 div.logo ul.iconmenu li a{
	display:block;
	margin:0px;
	padding:0px;
	float:left;
	width: 390px;
	height: 75px;
	cursor:pointer;
}
div.website div.blok2 div.logo ul.iconmenu li a span{
	display:none;
}

div.website div.blok2 div.catalogus h2,
div.website div.blok2 div.catalogus h1,
div.website div.blok2 div.default div.content div.inhoud h2,
div.website div.blok2 div.default div.content div.inhoud h1,
div.website div.blok2 div.default div.catalogus h1 {
	width: 665px;
	line-height: 20px;
	clear:both;
	float:left;
	display:block;
	padding:0px;
	margin:0px;
	padding-bottom:4px;
	border-bottom:dotted 2px #f2f3f3;
	margin-bottom:20px;
	font-size:20px;
/*	line-height:22px;*/
	font-weight:normal;
	text-transform:uppercase;
}

div.website div.blok2 div.catalogus h3,
div.website div.blok2 div.favorieten h3,
div.website div.blok2 div.submenu h3 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top:0px;
/*	padding-bottom:10px;*/
	width:100%;
/*	color:#002052;*/
	color: #FFFFFF;
}

div.website div.blok2 div.homeonly div.content div.inhoud h2,
div.website div.blok2 div.homeonly div.content div.inhoud h1,
div.website div.blok2 div.homeonly div.catalogus h1 {
	width: 365px;
	line-height: 20px;
	clear:both;
	float:left;
	display:block;
	padding:0px;
	margin:0px;
	padding-bottom:4px;
	border-bottom:dotted 2px #f2f3f3;
	margin-bottom:20px;
	font-size:20px;
/*	line-height:22px;*/
	font-weight:normal;
	text-transform:uppercase;
}

div.website div.blok2 div.content div.inhoud h1 span,
div.website div.blok2 div.content div.inhoud h2 span {
	padding:0px;
	margin:0px;
	height:20px;
/*	width:auto;*/
}
div.website div.blok2 div.content div.inhoud div#inhoud h1,
div.website div.blok2 div.content div.inhoud div#inhoud h2 {
/*	height: auto;*/
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:0 none;
	color:white;
}
/*div.website div.blok2 div.titel {
	font-size: 17px;
	text-transform:uppercase;
	color:#002052;
}*/

div.website div.blok2 div.specials div.top{
	background-repeat:no-repeat;
	border:none;
}



div.website div.blok2 div.homeonly div#content{
	float:left;
	width: 365px;
}

div.website div.blok2 div.homeonly div#inhoud {
	float:left;
	width: 365px;
}

div.website div.blok2 div.homeonly div.inhoud {
	float:left;
	width: 365px;
}

div.website div.blok2 div.default div#content{
	float:left;
	width: 665px;
}

div.website div.blok2 div.default div#inhoud {
	float:left;
	width: 665px;
}

div.website div.blok2 div.default div.inhoud {
	float:left;
	width: 665px;
}

div.website div.blok2 div.inhoud h1,
div.website div.blok2 div.inhoud h2 {
	float:left;
/*	width:390px;*/
}




div.website div.blok2 div.default {
	/*float:left;
	padding:0px;
	margin:0px;
	width:685px;	*/
}


div.website div.homeonly div.slideshow{
	float:left;
	display:block;
	width:360px;
	height:225px;
	padding-top:10px;
}


div.website div.homeonly div.slideshow div.image{
float:left;
display:block;
width:360px;
height:225px;
position:relative;
z-index:1;
cursor:pointer;
background-repeat:no-repeat;
}

div.website div.homeonly div.slideshow div.image a {
float:left;
display:block;
}

#imageurl {
float:left;
display:block;
width:360px;
height:225px;
}


div.website div.homeonly div.fotoslide_title{
/*float:left;
display:block;
width:300px;
height:auto;
position:relative;
z-index:1;
margin-top:10px;
text-align:center;*/
display:none;

}
div.website div.homeonly div.fotoslide_title a h1,
div.website div.homeonly div.fotoslide_title a h2{
	color:#ffffff;
}


	div.website div.blok2 div.catalogus div.filter,
div.website div.blok2 div.catalogus div.results,
div.website div.blok2 div.catalogus div.collecties {
	float:left;	
	display:block;
}

div.website div.blok2 div.catalogus {
	float:left;
	width:665px;
}

div.website div.blok2 div.catalogus div.filter {
	width:190px;
}

div.website div.blok2 div.catalogus div.filter label,
div.website div.blok2 div.catalogus div.filter select {
	clear:both;
	float:left;
	display:block;
	white-space:nowrap;
/*	text-transform:capitalize;*/
}

div.website div.blok2 div.catalogus div.filter label {
	margin-bottom:3px;
}

div.website div.blok2 div.catalogus div.results {
/*	margin-top:30px;*/
	width:665px;
}
div.website div.blok2 div.catalogus h1,
div.website div.blok2 div.catalogus h2 {
	color:#ffffff;
	font-weight:normal;
	text-transform:uppercase;
}


div.website div.blok2 div.catalogus a {
	color:#ffffff;
}

div.website div.blok2 div.catalogus ul {
	margin:0px;
	padding:0px;
	list-style:none;
/*	width:665px;*/
}

div.website div.blok2 div.catalogus select {
	margin:0px;
	padding:0px;
	width:180px;
	float:left;
	display:block;
	height:22px;
	margin-bottom:20px;
	border:1px solid white;
	background:white;
}

div.website div.blok2 div.catalogus ul.prod_list li,
div.website div.blok2 div.catalogus ul.fav_list li {
	margin:0px;
	padding:0px;
	width:96px;
	
	float:left;
	display:block;
	/*height:79px;*/
	white-space:nowrap;
	margin-bottom:20px;
	text-align:center;
	margin-right:15px;
}

div.website div.blok2 div.catalogus ul.prod_list li div.refl,
div.website div.blok2 div.catalogus ul.prod_list li div.img,
div.website div.blok2 div.catalogus ul.fav_list li div.refl,
div.website div.blok2 div.catalogus ul.fav_list li div.img{
	float:left;
	display:block;
	margin:0px;
	padding:0px;
}

div.website div.blok2 div.catalogus ul.prod_list li div.img,
div.website div.blok2 div.catalogus ul.fav_list li div.img  {
	width:96px;
	/*height:65px;
	overflow:hidden;*/
}

div.website div.blok2 div.catalogus ul.prod_list li div.refl,
div.website div.blok2 div.catalogus ul.fav_list li div.refl {
	width:96px;
	height:11px;
	/*background-image:url(../images/reflectie.png);*/
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top:3px;

}

div.website div.blok2 div.favorieten div.refl,
div.website div.blok2 div.results div.refl {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/reflectie.png', sizingMethod='scale');
	background: url(../images/reflectie.png) !important; background: none;
}

/*div.website div.blok2 div.refl[class] {
	background:url(../images/reflectie.png);
}*/

div.website div.blok2 div.catalogus ul.prod_list li div.img a.prod_afb,
div.website div.blok2 div.catalogus ul.fav_list li div.img a.prod_afb{
	margin:0px;
	padding:0px;
	width:96px;
	heighT:96px;
	display:block;
	/*height:65px;
	overflow:hidden;*/
}

div.website div.blok2 div.catalogus ul.prod_list li div.img a.prod_afb img,
div.website div.blok2 div.catalogus ul.fav_list li div.img a.prod_afb img{
	margin:0px;
	padding:0px;
	width:96px;
	height:96px;
/*	margin-top:-18px;*/
	height:auto;
}

div.website div.blok2 div.catalogus a:hover {
	color:#6699cc;
}


div.website div.blok2 div.catalogus a:hover {
	color:#6699cc;
}

div.website div.blok2 div.catalogus div.product {
	float:left;
	display:block;
	width:665px;
}

div.website div.blok2 div.catalogus div.product div.nav {
	float:left;
	display:block;
	width:450px;
	height:65px;
	margin-top:10px
}

div.website div.blok2 div.catalogus div.product div.nav div.prev,
div.website div.blok2 div.catalogus div.product div.nav div.next,
div.website div.blok2 div.catalogus div.product div.nav div.overview {
	float:left;
	display:block;
	height:65px;
}

div.website div.blok2 div.catalogus div.product div.nav div.prev a,
div.website div.blok2 div.catalogus div.product div.nav div.next a,
div.website div.blok2 div.catalogus div.product div.nav div.overview a {
	float:left;
	display:block;
	height:65px;
	cursor:pointer;
}
div.website div.blok2 div.catalogus div.product div.nav div.prev a {
	width:100px;
}

div.website div.blok2 div.catalogus div.product div.nav div.next a {
	width:100px;
	float:right;
}

div.website div.blok2 div.catalogus div.product div.nav div.overview a {
	width:50px;
}

div.website div.blok2 div.catalogus div.product div.nav div.overview span.pijl {
	float:left;
	clear:both;
	width:90px;
	display:block;
	height:43px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/btn_pijltje_beneden.png', sizingMethod='scale');*/
	background: url(../images/btn_pijltje_beneden.png) 0 0 no-repeat;
	background-position:center;
	/* !important; background: none;*/
}

div.website div.blok2 div.catalogus div.product div.nav div.overview span.text {
	width:90px;
	float:left;
	display:block;
	height:22px;
	margin-top:8px;
	text-align:center;
}

div.website div.blok2 div.catalogus div.product div.nav div.overview,
div.website div.blok2 div.catalogus div.product div.nav div.overview a {
	width:90px;
}

div.website div.blok2 div.catalogus div.product div.nav div.prev {
	width:180px;
}

div.website div.blok2 div.catalogus div.product div.nav div.prev span.pijl {
	float:left;
	display:block;
	width:25px;
	height:65px;
/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/btn_pijltje_links.png', sizingMethod='scale');*/
	background: url(../images/btn_pijltje_links.png) 0 0 no-repeat;
}


div.website div.blok2 div.catalogus div.product div.nav div.prev span.text {
	float:left;
	display:block;
	width:65px;
	padding-top:8px;
	padding-left:5px;
	height:57px;
}

div.website div.blok2 div.catalogus div.product div.nav div.next {
	width:180px;
}

div.website div.blok2 div.catalogus div.product div.nav div.next span.pijl {
	float:right;
	display:block;
	width:25px;
	height:65px;
/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/btn_pijltje_rechts.png', sizingMethod='scale');*/
	background: url(../images/btn_pijltje_rechts.png) 0 0 no-repeat;
	/* !important; background: none;*/
}

div.website div.blok2 div.catalogus div.product div.nav div.next span.text {
	float:right;
	display:block;
	width:65px;
	padding-top:8px;
	height:57px;
	padding-right:5px;
	text-align:right;
}


div.website div.blok2 div.catalogus div.info,
div.website div.blok2 div.catalogus div.picture
{
	float:left;
	display:block;
/*	height:auto;*/
/*	margin-top:30px;*/
}

div.website div.blok2 div.catalogus div.picture
{
	width:450px;
	text-align:center;
	overflow:hidden;
}

div.website div.blok2 div.catalogus div.info {
/*	margin-top:110px;*/
	margin-top:0px;
	padding-left:15px;
	width:200px;
}

div.website div.blok2 div.catalogus div.info div.merk {
	width:200px;
	overflow:hidden;
	background-position:center; 
}

div.website div.blok2 div.catalogus div.info div {
	float:left;
	display:block;
	width:200px;
/*	height:auto;*/
	margin-bottom:10px;
}

div.website div.blok2 div.catalogus div.info div span{
	color:#00add5;
}

div.website div.blok2 div.catalogus div.product div.picture div.pic img{
	display:block;
/*	width:450px;*/
/*	height:auto;*/
}

div.website div.blok2 div.catalogus div.product  div.picture div.pic {
	display:block;
	text-align:center;
	overflow:hidden;
	width: 450px;
	height:338px;
}

div.website div.blok2 div.catalogus div.product  div.picture div.refl {
	float:left;
	display:block;
	width:450px;
	height:11px;
	margin-top:3px;
}

div.website div.blok2 div.catalogus div.product  div.info div.kleuren1 {
	float:left;
	display:block;
	width:auto;
	height:15px;
	/*background-color:#24243e;*/
	padding:5px;
	margin-top:5px;
}

div.website div.blok2 div.catalogus div.product  div.info div.kleur {
	float:left;
	display:block;
	width:15px;
	height:15px;
	margin-right:10px;
	border:1px solid #aeaee3;
}

div.website div.blok2 div.catalogus div.collecties,
div.website div.blok2 div.catalogus div.favorieten {
	float:left;	
	display:block;
	width:665px;
	margin-top:25px;
}

div.website div.blok2 div.catalogus div.collecties ul.coll_list,
div.website div.blok2 div.catalogus div.collecties h2,
div.website div.blok2 div.catalogus div.collecties h1  {
	float:left;	
	display:block;
	width:670px;
	height:auto;
}

div.website div.blok2 div.catalogus div.collecties ul.coll_list li{
	float:left;	
	display:block;
	width:90px;
	height:100px;
	margin-right:10px;
}

div.website div.blok2 div.catalogus div.collecties ul.coll_list li a{
	float:left;	
	display:block;
	width:90px;
	height:50px;
	background-color:#ffffff;
	color:#00001e;
	text-transform:uppercase;
	padding-top:40px;
	text-align:center;
	font-size:15px;
}





div.website div.blok2 div#content{
	color:#FFFFFF;
}

div.website div.footer{
	background-color:#FFFFFF;
	float:right;
	width: 665px;
	height: 22px;
	display:block;
}

div.website div.footer h3{
	font-weight:bold;
	font-size:11px;
	color:#73cdf4;
	padding: 4px;
	margin:0px;
	text-transform:none;
}

div.website div.footer strong,
div.website div.footer strong a{
	color:#000000;
	font-size:11px;
	font-weight:normal;
}

div.website div.blok2 #nieuwsbriefform {
	width:370px;
	float:left;
	display:block;
	padding-bottom:20px;
}

div.website div.blok2 #nieuwsbriefform div.error {
	color:#FFBFBF;
	float:left;
	display:block;
	width:360px;
	height:auto;
	padding-bottom:10px;
}

div.website div.blok2 #nieuwsbriefform div.formregel {
	float:left;
	display:block;
	width:370px;
	height:25px;
}

div.website div.blok2 #nieuwsbriefform div.formregel label{
	width:140px;
	float:left;
	display:block;
	height:25px;
}

div.website div.blok2 #nieuwsbriefform div.formregel input.medium {
	width:180px;
	height:17px;
}

div.website div.blok2 #nieuwsbriefform div.buttons {
	width:200px;
	float:left;
	display:block;
	height:25px;
	margin-top:10px;
}

div.website div.blok2 #nieuwsbriefform div.buttons input {
	background-color:#FFF;
	background-repeat:no-repeat;
	border:0px;
	color:#00001e;
	border:1px solid #00001e;
	font-size:10px;
	height: 24px;
	padding-top:3px;
	padding-left: 1px;
	padding-bottom: 2px;
	padding-right: 4px;
	margin-right: 0px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

div.website div.blok2 #nieuwsbriefform div.buttons input:hover {
	background-color:#00001e;
	border:1px solid #ffffff;
	color:white;
	cursor:pointer;
}

div.website div.adres {
	float:right;
	padding-top:5px;
	padding-left:0px;
	padding-right:10px;	
	padding-bottom:0px;
	font-size:11px;
}

div.website div.adres ul {
	margin-bottom:0px;

}
div.website div.adres ul li {
	color:#00001e;
}
div.website div.adres ul li a {
	color:#00001e;
}

div.fotoslide_title {
	display:none;
}

div.submenu {
	float:left;
	padding:0px;
	width:665px;
	padding:0px;
	margin:0px;
	display:block;	

}
div.submenu ul li {
	float:left;
/*	background-image: url(../images/dot.gif);*/
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	width:96px;
	float:left;
	display:block;
	/*height:79px;*/
	white-space:nowrap;
	margin-bottom:20px;
	text-align:center;
	margin-right:15px;	

}
div.website div.blok2 div.specials{
	width:275px;
	margin-top:-10px;
	float:right;
}
div.website div.blok2 div.specials div.topbg{
	width:230px;
	height:220px;
	float:right;
	margin:0px;
	padding:0px;
	margin-right:20px;
	margin-top:8px;
	margin-bottom:10px;
	background-position:bottom;

}
div.website div.blok2 div.specials div.topbg div.top {
	margin:0px;
	padding:0px;
	width:230px;
	height:220px;
	background: url(../images/hofstee_special_new.png) 0 0 no-repeat;	
}

div.website div.blok2 div.specials div.bottom{
	width:218px;
	height:261px;
	float:right;
	padding:0px;
	padding-left:30px;
	padding-right:25px;
	padding-top:70px;
	color:black;
	text-align:center;
	background: url(../images/hofstee_special2.png) 0 0 no-repeat;	
	position: absolute;
	top:318px;
	z-index: 99;
	cursor: pointer;
}

div.website div.blok2 div.specials div.vak {
	width:218px;
	height:261px;
	padding-left:30px;
	padding-right:25px;
	padding-top:70px;
	margin-right: 2px;
	float: right;
	text-align:center;
	vertical-align: middle;
	background-color: white;
}

div.website div.blok2 div.specials div.vak p {
	text-align:center;
}
div.website div.blok2 div.specials div.vak a {
	position:relative;
	display:block;
}
div.website div.blok2 div.specials div.vak img {
	position:relative;
	display:block;
}
