body{
	background: #fff url(../images/bgr_header.gif) repeat-x;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000;
	line-height: 1.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000;
	line-height: 1.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, form, textarea, input, p{margin:0;padding:0;
}

html {
	height:100%; 
	margin-bottom: 1px; 
	width: 100%;
	overflow-y: scroll;
	}
	
.container {
	width: 980px;
	margin: 0 auto;
}
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
a {
	color: #35b0cf;
}
p {
	margin: 0 0 10px 0;
}
a:hover {
	color: #0064a0;
}
img {
	border: 0;
}
.clear {
	clear: both;
	height: 1px;
}

.center {
	margin: 0 auto;
	text-align: center;
	display: block;
}
.right {
	float: right;
}
.floatleft {
	float: left;
}
.bordernone {
	border: none;
}
ul.listnone {
	list-style: none;
	margin: 0;
	padding: 0;
}
.col1-3 {
	width: 196px;
	float: left;
	margin-right: 5px;
}

/*---------------------------------------------------------Header------------------------*/
#header {
	height: 219px;
}
#header a.logo {
	margin: 0px;;
	float: left;
	padding: 10px 0;
	height:59px;
	overflow: hidden;
}
#header ul.topnav {
	float: right;
	width: 690px;
}
#header ul.topnav li {
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: auto;
}
#header ul.topnav li a{
	height: 80px;
	display: block;
}
body #header ul.topnav li a:hover {
	background-position: 0 -80px;
}
#home li.home a{
	background-position: bottom;
}
#header ul.topnav li.verandas a{
	width: 90px;
	background: url(../images/bt_verandas_a.gif) no-repeat;
}
#header ul.topnav li.wintertuinen a{
	width: 117px;
	background: url(../images/bt_wintertuinen_a.gif) no-repeat;
}
#header ul.topnav li.ramen a{
	width: 64px;
	background: url(../images/bt_ramen_a.gif) no-repeat;
}
#header ul.topnav li.deuren a{
	width: 71px;
	background: url(../images/bt_deuren_a.gif) no-repeat;
}
#header ul.topnav li.beglazing a{
	width: 91px;
	background: url(../images/bt_beglazing_a.gif) no-repeat;
}
#header ul.topnav li.stockverkoop a{
	width: 121px;
	background: url(../images/bt_stockverkoop_a.gif) no-repeat;
}
#header ul.topnav li.blog a{
	width: 52px;
	background: url(../images/bt_blog_a.gif) no-repeat;
}
#header ul.topnav li.contact a{
	width: 77px;
	background: url(../images/bt_contact_a.gif) no-repeat;
}
#header ul.topnav li.rss a{
	width: 44px;
	background: url(../images/bt_rss_a.gif) no-repeat;
}

html body#verandas ul.topnav li.verandas a, body#wintertuinen ul.topnav li.wintertuinen a, body#ramen ul.topnav li.ramen a, body#deuren ul.topnav li.deuren a, body#beglazing ul.topnav li.beglazing a,body#stockverkoop ul.topnav li.stockverkoop a, body#blog ul.topnav li.blog a, body#contact ul.topnav li.contact a{
	background-position: 0 bottom;
}
/*--------------------------------------------------------------Banner-------------------------------*/
body#verandas .banner {
	height: 139px;
	float: left;
	width: 960px;
	background: url(../images/header_verandas.jpg) no-repeat right bottom;
}
body#wintertuinen .banner {
	height: 139px;
	float: left;
	width: 960px;
	background: url(../images/header_wintertuinen.jpg) no-repeat right bottom;
}
body#ramen .banner {
	height: 139px;
	float: left;
	width: 960px;
	background: url(../images/header_finstral.jpg) no-repeat right bottom;
}
body#deuren .banner {
	height: 139px;
	float: left;
	width: 960px;
	background: url(../images/header_deuren.jpg) no-repeat right bottom;
}
body#beglazing .banner {
	height: 139px;
	float: left;
	width: 960px;
	background: url(../images/header_beglazing.jpg) no-repeat right bottom;
}
body#stockverkoop .banner {
	height: 139px;
	float: left;
	width: 960px;
	background: url(../images/header_stockverkoop.jpg) no-repeat right bottom;
}
body#contact .banner {
	height: 139px;
	float: left;
	width: 960px;
	background: url(../images/header_contact.jpg) no-repeat right bottom;
}
body#home .banner {
	height: 139px;
	float: left;
	width: 960px;
	background: url(../images/header_home.jpg) no-repeat right bottom;
}
	
	
/*--------------------------------------------------Content-------------------------------*/
#content {
	width: 100%;
	float: left;
	background: #fff;
	color: #000;
}
#content p{
	line-height:24px;
}
#home #content .main {	background: url(../images/main_top_bg_home.gif) no-repeat right top;}
#content .main {
	width: 630px;
	float: left;
	padding: 30px 20px 84px 10px;
	background: url(../images/main_top_bg_home.gif) no-repeat right top;
	position: relative;
	z-index: 5;
	overflow: hidden;
}
#stockverkoop #content .main {
	width: 960px;
	float: left;
	padding: 30px 20px 84px 10px;
	background: url(../images/main_top_bg_home01.gif) no-repeat right top;

}
#content .homebody {
	width: 950px;
	padding: 30px 0px 84px 0px;
}
.main a:link {
	color: #35b0cf;
	}
.main a:hover {
	color: #4a6a72;
	}
.main a:visited {
	color: #35b0cf;
	}
h1 {
	font-family:Trebuchet, Arial, Verdana;
	font-size:14px;
	color: #808e92/*a4bd47*/;
	padding-bottom: 15px;
	line-height:25px;
	text-transform: uppercase;
	border-bottom: 1px solid #808e92;
	margin-bottom:15px;
	font-weight: normal;
	}
	/*h1 {
	font-family:Trebuchet, Arial, Verdana;
	font-size:14px;
	color: #5d3b27/*a4bd47;
	padding-bottom: 15px;
	line-height:25px;
	text-transform: uppercase;
	border-bottom: 1px solid #5d3b27;
	margin-bottom:15px;
	}*/
	
	
h2{
	font-family: Arial,Verdana;
	font-size:17px;
	color: #4a6a72;
	padding-top: 15px;
	padding-bottom: 15px;
	}
h3{
	font-family: Arial,Verdana;
	font-size:12px;
	color: #35b0cf;
	padding-top:25px;
	}
h4{
	font-family: Arial,Verdana;
	font-size:17px;
	font-weight: normal;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	}
.blueitalic {
	font-size:9px;
	color: #4a6a72;
	border: solid 1px #9bbec7;
	padding: 10px;
	}
.finstralkleur	{
	width:105px;
	float:left;
	font-size:9px;
	color: #4a6a72;
	}
	
.finstralkleur img{
	border: solid 1px #9bbec7;
	}
.witbold{
	font-size:11px;
	color: #fff;
	font-weight:bold;
	font-variant: small-caps;
		}
.small{
	font-size:9px;
			}

/*------------------------------------------------------Rightcolumn-------------------------------*/
#content .rightcol {
	width: 300px;
	float: left;
	padding: 30px 20px 0px 0px;
	background: url(../images/rightcol_top_bg.gif) no-repeat;
}
/*------------------------------------------------------Rightcolumn-------------------------------*/
#content .rightcol .no-column{
	width: 300px;
	float: left;
	padding: 30px 20px 0px 0px;
}
#content .rightcol ul.submenu {
	float: left;
	margin-bottom: 25px;
	padding: 0px 10px 10px 10px ;
	background: #35b0cf url(../images/rightcol_bottom_bg.gif) no-repeat left bottom;
	list-style: none;
	width: 279px;
}
.submenu {
	list-style:none;
	padding:0px;
	margin:0px 0px 0px;
	
}
.submenu li{
	border-bottom: solid #fff 1px ;
	line-height: 130%;
	list-style:none;
	
}
.submenu li a{
	color: #fff;
	text-decoration: none;
	padding: 10px 6px 10px 2px;
	display:block;
	list-style:none;
	padding-left:25px;
	background: url(../images/bt_pijl.gif) no-repeat 5px 12px;
}
.submenu li a:visited{
	color: #fff;
	text-decoration: none;
}
.submenu li a:hover{
	text-decoration: none;
	color: #fff;
	background: #1c89a4 url(../images/bt_pijl_on.gif) no-repeat 5px 12px;
}
.submenu .page_item {
	display:block;
}
.submenu .current_page_item {
	background: #1c89a4 url(../images/bt_pijl_on.gif) no-repeat 5px 12px;
}
.submenu .sub a{
	background: url(../images/bt_pijl.gif) no-repeat 5px 12px;
	margin-left:35px;
}
.submenu .current_sub a{
	background: #1c89a4 url(../images/bt_pijl_on.gif) no-repeat 5px 12px;
	margin-left:35px;
}
.submenu li .sub a{
	border-bottom: solid #35b0cf 1px ;
	
}
.fototekst {
	font-size:10px;
	color: #4a6a72;
	border-bottom: solid 1px #9bbec7;
	padding: 10px 0px 10px 0px;
	margin-bottom:25px;
	}
.leverancier {
		background:#35b0cf url(../images/rightcol_bottom_bg.gif) no-repeat bottom;
		height:50px;
		width:299px;
		}
.bluebgr {
	color:#a4bd47;
	font-weight:bold;
	/*background: #a4bd47;
	padding:10px;*/
	}

/*------------------------------------------------Footer----------------------------*/
#footer {
	background: #4a6a72;
	float: left;
	width: 100%;
	color: #fff;
}
	
#footer .container .auxlinks{
	background: url(../images/bgr_footer.gif) no-repeat center top;
	float: left;
	width: 100%;
	padding-top: 84px;
	margin-top: -84px;
	color: #fff;
}
.disclaimer{
	padding-top:50px;
	}
ul.lijstfooter{
	list-style: none;
	padding-top: .5em;
}
ul.lijstfooter li {
	padding: 5px 5px 5px 5px;
	margin-right:20px;
	border-bottom: 1px solid #799aa2;
	}
	
ul.lijstfooter li a{
	color: #FFF;
	text-decoration:none;
	}
	ul.lijstfooter li a:hover{
	color: #35b0cf;
	text-decoration:none;
	}

/*-------------------------------------------------------Spacer----------------*/
.spacer24 {
	height: 24px;	
	}
.spacer48 {
	height: 48px;	
	}
/*-------------------------------------------------------Lijsten----------------*/	
ul.lijst01{
	list-style: none;
	padding-top: .5em;
}
ul.lijst02{
	list-style: none;
	padding-top: .5em;
}
ul.lijst03{
	list-style: none;
	padding-top: .5em;
}

ul.lijst01 li {
	background: url(../images/pijl.gif) no-repeat 22px 2px;
	padding: 0 0 1em 38px;
	line-height: 140%;
	}
ul.lijst02 li {
	background: url(../images/pijl.gif) no-repeat 0px 2px;
	padding: 0 0 1em 15px;
	line-height: 140%;
	}
ul.lijst03 li {
	background: url(../images/pijl03.gif) no-repeat 10px 4px;
	padding: 0 0 1em 25px;
	line-height: 140%;
	}
	
ul #reflist 
{
	width: 530px;
	}
	
	
#reflist li
{
display: inline;
list-style: none;
padding: 0px;
margin: 0px;
width:
}
	/*______________________________________carousel__________________*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 472px; /*Width of Carousel Viewer itself*/
height: 400px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 472px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.driecolumn{
	float:left;
	width:195px;
	background:#a3be4d;
	}
.driecolumn h3 {
	font-family: Tahoma;
	color: #4a6a72;
	padding:15px;
	font-weight: normal;
	}
.driecolumnwit{
	float:left;
	width:195px;
	}
.driecolumnwit h3 {
	font-family: Tahoma;
	color: #4a6a72;
	font-size:14px;
	padding:15px;
	font-weight: normal;
	}
	
.viercolumnwit{
	float:left;
	width:135px;
	}
.viercolumnwit h3 {
	font-family: Tahoma;
	color: #4a6a72;
	font-size:14px;
	padding:15px;
	font-weight: normal;
	}
	
.vertstippellijn {
	float:left;
	width:20px;
	height:370px;
	background:url(../images/stippellijn.gif) repeat-y;
		}