@charset "utf-8";
/* CSS Document */

body, html{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2a2a28;
}

body{
	background: #a9acb0 url(../img/bg_body.gif) top left repeat-x;	
}

a img{
	border: none;	
}

a{
	outline: none;	
}

h1, h2{
	height: 16px;
	width: 100%;
	float: left;
	text-indent: -10000px;
	padding: 0;
	margin: 0;
	font-size: 1px;
}

#center{
	width: 978px;
	margin: 0 auto;
}

#wrapper{
	float: left;
	width: 979px;
	/*padding: 0 14px 14px 14px;*/
	background: url(../img/bg_wrapper.gif) top left repeat-y;
}

#content{
	float: left;
	width: 951px;
	padding: 0 14px 14px 14px;
	
	background: url(../img/bg_content.gif) top left no-repeat;
}

#minheight{
	float:left;
	width: 1px;
	height: 530px;
}

#left{
	float: left;
	width: 475px;
}

#logo{
	float: left;	
}

#leftleft{
	float: left;
	width: 200px;
	padding: 0 25px;
	margin: 0;
	margin-top: 10px;
}

h1#voordelen{
	background: url(../img/titles/voordelen-par-ky.gif) top left no-repeat;
}



#leftleft ol{
	float: left;
	padding: 0 0 0 25px;
	margin: 0;
	line-height: 18px;
	margin-top: 7px;
}

#leftleft ol li{
	/*float: left;*/
	/*width: 100px;*/
	/*padding: 0 0 0 0px;*/
}

#leftleft p, #leftright p{
	float: left;
	padding: 0;
	margin: 0 0 18px 0;
	font-weight: bold;
	line-height: 18px;
}

#leftleft p a{
	color:#f39200;
	text-decoration: none;
}

#vind{
	float: left;
	width: 174px;
	height: 137px;
	background: url(../img/bg_vind.gif) top left no-repeat;
	padding: 28px 0px 22px 26px;
	margin: 0;
}

#vind form{
	float: left;
	margin: 0;
	padding: 0;
	/*width:100%;*/
}

h1#vindwinkel{
	height: 40px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background: url(../img/titles/vind-een-winkel-in-uw-buurt.gif) top left no-repeat;
}

#vind p{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	
}

#vind p label{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 24px;
	font-weight: normal;
}

#vind p input[type=text]{
	float: left;
	padding: 0;
	margin: 7px 0 0 0;
	width: 146px;
	
}

#imgbtn{
	float: right;
	padding: 6px 22px 0 0;
	/*margin: 6px 0 0 0;*/
}

#leftright{
	float: left;
	width: 200px;
	padding: 0 25px 0 0;
	margin-top: 10px;
}

#leftright ol{
	float: left;
	padding: 0 0 0 25px;
	margin: 0;
	line-height: 18px;
	margin-top: 7px;
}

h1#nadelen{
	float: left;
	background: url(../img/titles/nadelen-laminaat.gif) top left no-repeat;
}

#leftright p a{
	color:#a9acb0;
	text-decoration: none;
}

#collection{
	float: left;
	width: 100%;
	margin-top: 0;
}

h1#collectie{
	background: url(../img/titles/collectie.gif) top left no-repeat;
}

h2#lounge{
	margin-top: 5px;
	background: url(../img/titles/pro-geborsteld.gif) left center no-repeat;
	margin-bottom: 10px;
}

#collection p{
	float: left;
	width: 100%;
	line-height: 18px;
	margin: 0;
	font-weight: normal;
}

#collection p .title{
	float: left;	
}

#collection p .file{
	float: right;	
	color: #a9acb0;
}

#collection p.navi{
	margin-top: 30px;	
}

#collection p.navi a{
	color: #f39200;
}

#collection p.navi a.prev{
	float: left;
}

#collection p.navi a.next{
	float: right;
}

#right{
	float: left;
	width: 475px;
}

#lang{
	width: 450px;
	color: #a9acb0;
	padding: 0 25px 0 0;
	margin: 0;
	font-size: 11px;
	text-align: right;
	margin-top: 24px;
}

#lang a{
	color: #a9acb0;
	text-decoration: none;
}

#lang a.active{
	color: #f39200;	
}

#nav{
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 50px;
	width: 100%;
}

#nav li{
	float: left;
	margin-right: 15px;
}

#nav li a{
	float: left;
	text-decoration: none;
	text-indent: -10000px;
	height: 10px;
	outline: none;
	padding: 0;
	margin: 0;
	font-size: 8px;
}

#nav li a#home{
	width: 32px;
	background: url(../img/navigation.gif) left bottom  no-repeat;	
}

#nav li a#waarom{
	width: 97px;
	background: url(../img/navigation.gif) -48px bottom  no-repeat;	
}

#nav li a#buurt{
	width: 138px; 
	background: url(../img/navigation.gif) -162px bottom  no-repeat;	
}

#nav li a#contact{
	width: 49px; 
	background: url(../img/navigation.gif) -316px bottom  no-repeat;	
}

#nav li a#voordelen{
	width: 75px; 
	background: url(../img/navigation.gif) -380px bottom  no-repeat;	
}

#nav li a#home:hover{
	background: url(../img/navigation.gif) left top  no-repeat;	
}

#nav li a#waarom:hover{
	background: url(../img/navigation.gif) -48px top  no-repeat;	
}

#nav li a#buurt:hover{
	background: url(../img/navigation.gif) -162px top  no-repeat;	
}

#nav li a#contact:hover{
	background: url(../img/navigation.gif) -316px top  no-repeat;	
}
#nav li a#voordelen:hover{
	background: url(../img/navigation.gif) -380px top  no-repeat;	
}
#nav li.active a#home{
	background: url(../img/navigation.gif) left -10px  no-repeat;	
}

#nav li.active a#waarom{
	background: url(../img/navigation.gif) -48px -10px  no-repeat;	
}

#nav li.active a#buurt{
	background: url(../img/navigation.gif) -162px -10px  no-repeat;	
}

#nav li.active a#contact{
	background: url(../img/navigation.gif) -316px -10px  no-repeat;	
}

#nav li.active a#voordelen{
	background: url(../img/navigation.gif) -380px -10px  no-repeat;	
}

#slider{
	float: left;
	width: 100%;
	margin-top: 12px;
}


#slider img{
	float: left;
}

#sig{
	float: left;
	width: 950px;
	padding: 28px 14px 14px 14px;
	text-align: right;
	font-size: 11px;
	color: #61666c;
	background: url(../img/bg_footer.gif) top left no-repeat;
	
}

#sig a{
	color:#61666c;
	text-decoration: none;
}

#textwrapper{
	float: left;
	width: 950px;
	
}

.text{
	float: left;
	width:900px;
	padding: 10px 25px 0px 25px;
}

.text img{
	float: left;
	width: 215px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}

.text .textitem{
	float: left;
	width: 668px;
}

.text h1{
	height: auto;
	float: left;
	text-indent: 0px;
	padding: 0;
	margin: 0px 0 0 0;
	color: #f39200;
	font-weight: normal;
	font-size: 16px;
}

.text p{
	padding: 0;
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	text-align: justify;
}

/*.text ul{
	padding: 0 0 0 0px;
	margin: 5px 0 0 0;
	text-align: justify;
}*/

.text a{
	color: #f39200;
	font-weight: bold;
	text-decoration: none;
}

#dealers{
	float: left;
	width: 700px;
	margin-top: 10px;
}

.dealer{
	float: left;
	width: 193px;
	height: 102px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background: url(../img/bg_adres.gif) top left no-repeat;
	/*border: 1px solid #ccc;*/
}

.dealer h3{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	color: #f39200;
}

.dealer p{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.dealer p a{
	color: #f39200;
	text-decoration: none;
}

#right form{
	float: left;
	width: 100%;
	margin-top: 100px;
}

#right form p{
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
}

#right form label{
	float: left;
	width: 450px;
}

#right form input, #right form select{
	float: left;
	width: 439px;
	padding: 0;
	margin: 0;
}

#right form select{
	width: 443px;	
}

#right form input[type=checkbox]{
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
}