html {
	height:				100%;
	min-height:			100%;
}

body {
	height:				100%;
	min-height:			100%;
	background-color:		#FFFFFF;
	color:				#808080;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height:			16px;
	text-align:			center;
}

/* ********************************************************* STYLES ***** */

h1{
	font-size:			14px;
	font-weight:			bold;
	color:				#002E88;
}
h1.intro{
	margin:				0px 0px 10px 0px;
	font-size:			12px;
	line-height:			16px;
	display:inline;
	color:				#808080;
	font-weight:			normal;
	padding:			0px;
	margin:				0px;
}
h1.warning{
	font-size:			13px;
	font-weight:			bold;
	line-height:			16px;
	color:				#FF0000;
}

.h1Padding{
	padding:			0px 0px 15px 0px;
}
h2{
	font-size:			13px;
	font-weight:			bold;
	margin:				0px 0px 5px 0px;
	color:				#074A95;
}
h2.big{
	font-size:			14px;
	font-weight:			bold;
	color:				#002E88;
}
.h2Padding{
	padding:			5px 0px 0px 5px;
}
h3{
	font-size:			12px;
	font-weight:			bold;
	margin:				20px 0px 10px 0px;
	color:				#074A95;
}
h3.big{
	font-size:			14px;
	font-weight:			bold;
	color:				#002E88;
}

h3#offerteHeader{
	margin:				0px 0px 5px 0px;
}
h3#flexHeader{
	margin:				0px 0px 5px 0px;
}
h3#afspraakMaken{
	margin:				0px 0px 5px 0px;
}

h4{
	font-size:			12px;
	font-weight:			bold;
	margin:				20px 0px 20px 0px;
	color:				#074A95;
}
h4.big{
	font-size:			14px;
	font-weight:			bold;
	color:				#002E88;
}
h5{
	font-size:			12px;
	font-weight:			bold;
	text-align:			right;
	color:				#808080;
	padding:			5px 0px 0px 0px;
}
h5.big{
	font-size:			14px;
	font-weight:			bold;
	color:				#002E88;
}

span.header{
    font-size:				14px;
    font-weight:			bold;
    color:				#002E88;
}

.hheader{
	font-size:			14px;
	font-weight:			bold;
	margin:				0px 0px 5px 0px;
	color:				#002E88;
}

p{
	margin:				0px 0px 10px 0px;
	line-height:			16px;
}

.extraSpace{
	margin:				0px 0px 20px 0px;
}

strong{	
	font-weight:			bold;
	line-height:			16px;
}

small{
	font-size:			10px;
	padding:			5px 0px 15px 0px;
}

.series{
	font-size:			10px;
}

.hr{
	height:				1px;
	margin:				10px 0px 15px 0px;
	background-image:		url('../images/hr.gif');
	background-repeat:		repeat-x;
}

.hr_nomargin{
	height:				1px;
	margin:				0px 0px 10px 0px;
	background-image:		url('../images/hr.gif');
	background-repeat:		repeat-x;
}

a:link, a:hover, a:active, a:visited{
	color:				#808080;
	text-decoration:		none;
	line-height:			16px;
}

a.blue:link, a.blue:active, a.blue:visited{
	color:				#002E88;
	text-decoration:		underline;
}

strong.blue{
	font-size:			14px;
	font-weight:			bold;
	color:				#002E88;
	text-decoration:		none;
}

.rss{
	float:				right;
}


ol{
	list-style-type:		decimal;
	line-height:			16px;
	margin:				0px 0px 0px 20px;
	padding:			0px 20px 0px 0px;
}

ol li{
	line-height:			16px;
}

.clear{
	clear:				both;
	padding:			0px;
	margin:				0px;
}

.spacer{
	padding:			40px 0px 0px 0px;
}

.colorThumb{
	border:				1px solid #CCCCCC;
	display:			block;
	float:				left;
	height:				10px;
	margin:				0px 5px 5px 0px;
	width:				10px;
}

.rightOrderContent label{
	padding:			15px 0px 0px 0px;
}

/* ********************************************************* LAYOUT ***** */
div#wrapper{
	width:				980px;
	min-height:			100%;
	height:				auto;
	margin-left:			auto;
	margin-right:			auto;
	position:			relative;
	background-image:		url('../images/content_bg.gif');
	background-repeat:		repeat-y;
}
div#home_wrapper{
	width:				980px;
	min-height:			100%;
	height:				auto;
	margin-left:			auto;
	margin-right:			auto;
	position:			relative;
	background-image:		url('../images/home_bg2.gif');
	background-repeat:		repeat-y;
}

div#header{
	width:				100%;
	height:				130px;
	position:			relative;
	background-image:		url('../images/header_bg.gif');
	background-repeat:		repeat-x;
	background-position:		bottom;
	background-color:		#FFFFFF;
	border-bottom:			10px solid #FFFFFF;
}
div#header img.logo{
	width:				237px;
	height:				34px;
	margin:				25px 0px 0px 10px;
	float:				left;
}

div#header #tagline{
	margin:				45px 0px 0px 10px;
	color:				#FFFFFF;
	font-size:			13px;
	float:				left;
}

div#header #search{
	padding:			2px;
	margin:				38px 8px 0px 0px;
	color:				#FFFFFF;
	font-size:			14px;
	float:				right;
	background-color:		#CBCFCE;
}

#searchField{
	width:				200px;
	height:				17px;
	padding:			3px 0px 0px 3px;
	color: 				#808080;
	background: 			#FFFFFF;
	border: 			1px solid #808080;
}
#selectBox{
	color: 				#781351;
	background: 			#CBCFCE;
	border: 			1px solid #CBCFCE;
	color: 				#002E88;
	line-height:			18px;
}
#submit{
	background-color:		#002E88;
	color:				#FFFFFF;
	padding:			2px 5px 2px 5px;
	border:				1px solid #002E88;
}

/* ********************************************************* HEADER ****** */
div#headerItemLeft{
	float:				left;
	height:				100px;
	width:				250px;
	line-height:			16px;
	margin:				0px 0px 10px 0px;
}
div#headerItemLeft img{
	float:				left;
	margin:				0px 20px 0px 0px;
}

div#headerItemRight{
	float:				right;
	line-height:			16px;
	height:				100px;
	width:				465px;
}
div#headerItemRight img{
	float:				left;
	margin:				0px 20px 0px 0px;
}


/* ********************************************************* CONTENT ***** */
div#contentHolder{
	padding-bottom:			100px;
}

div#leftContent{
	width:				225px;
	padding:			5px 10px 20px 10px;
	float:				left;
}

li.service_btn{
	height:				20px;
	width:				195px;
	padding:			10px 0px 5px 30px;
	background-image:		url('../images/service_btn_bg.gif');
	background-repeat:		no-repeat;
}


div#content{
	width:				470px;
	padding:			5px 10px 20px 10px;
	margin:				0px 0px 20px 0px;
	float:				left;
}


div#showcase{
	width:				715px;
	padding:			5px 10px 20px 10px;
	margin:				0px 0px 20px 0px;
	float:				left;
}


.leftItem{
	width:				225px;
	height:				235px;
	margin:				0px 0px 20px 0px;
	float:				left;
	border-top:			1px solid #CBCFCE;
	border-right:			1px solid #CBCFCE;
	border-left:			1px solid #CBCFCE;
}
.middleItem{
	width:				225px;
	height:				235px;
	margin:				0px 0px 20px 0px;
	float:				left;
	border-top:			1px solid #CBCFCE;
	border-right:			1px solid #CBCFCE;
	border-left:			1px solid #CBCFCE;
}

.rightItem{
	width:				225px;
	height:				235px;
	margin:				0px 0px 20px 0px;
	float:				right;
	border-top:			1px solid #CBCFCE;
	border-right:			1px solid #CBCFCE;
	border-left:			1px solid #CBCFCE;
}

.marginLeft{
	margin:				0px 0px 20px 16px;
}

.leftSmallItem{
	width:				225px;
	height:				100px;
	background-image:		url("../images/smallBtn_fade.gif");
	background-repeat:		repeat-x;
	margin:				20px 0px 20px 0px;
	float:				left;
}

.leftSmallItem img{
	float:				right;
}

span.smallItemText{
	margin:				10px 0px 0px 0px;
	line-height:			16px;
	display:			block;
}

.marginSmallLeft{
	margin:				20px 0px 20px 16px;
}


img.productThumb{
	width:				225px;
	height:				200px;
}


img.page_header{
	padding:			0px 0px 10px 0px;
}


div#rightContent{
	width:				220px;
	padding:			5px 10px 20px 10px;
	float:				right;
}

div#winkelwagen{
	height:				25px;
	padding:			15px 0px 0px 50px;
	color:				#002E88;
	background-color:		#CACECD;
	background-image:		url('../images/cart_icon.jpg');
	background-repeat: 		no-repeat;
	background-position:		left;
}

div#offerte_aanvraag{
	padding:			10px 10px 1px 30px;
	background-image:		url('../images/offerte_aanvraag_bg.gif');
	background-repeat:		repeat-x;
	position:			relative;
}

div#offerte_flex{
	padding:			10px 10px 10px 53px;
	background-image:		url('../images/offerte_aanvraag_bg.gif');
	background-repeat:		repeat-x;
	background-position:		bottom;
	position:			relative;
}

div#offerteLogo{
	background-image:		url('../images/offerte_aanvraag.gif');
	background-repeat:		no-repeat;
	height:				20px;
	width:				20px;
	position:			absolute;
	left:				5px;
	top:				1px;
}
div#flexLogo{
	background-image:		url('../images/het-nieuwe-werken.gif');
	background-repeat:		no-repeat;
	height:				75px;
	width:				44px;
	position:			absolute;
	left:				2px;
	top:				10px;
}

div#afspraak_maken{
	padding:			10px 10px 1px 30px;
	background-image:		url('../images/offerte_aanvraag_bg.gif');
	background-repeat:		repeat-x;
	position:			relative;
}
div#afspraakLogo{
	background-image:		url('../images/afspraak_maken.gif');
	background-repeat:		no-repeat;
	height:				20px;
	width:				20px;
	position:			absolute;
	left:				5px;
	top:				7px;
}

ul#right_list li{
	list-style-position:		inside;
	list-style:			none;
	position:			relative;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 5px 0px;
	line-height:			0px;
}

ul#right_list li a{
	margin:				0px 0px 0px 0px;
	padding:			12px 0px 12px 30px;
	background-image:		url('../images/right_btn_bg.gif');
	background-repeat:		repeat-x;
	display:			block;
}

ul#right_list li a img{
	position:			absolute;
	top:0px;
	left:0px;
}

/*
.right_btn{
	width:				200px;
	background-image:		url('../images/right_btn_bg.gif');
	background-repeat:		repeat-x;
	display:block;
}
*/


.read_more{
	font-style:			italic;
	padding:			0px 0px 10px 10px;
	margin:				0px 0px 10px 0px;
	background-image:		url('../images/blue_arrow.gif');
	background-repeat:		no-repeat;
	background-position:		top left;
	color:				#074A95;
}


div#img_header{
	padding:			0px 0px 20px 0px;
}


div.kleur{
	padding:			0px 0px 0px 0px;
	margin:	            		0px 5px 5px 0px;
	width:           		10px;
	height:             		10px;
	border:				1px solid #CCCCCC;
	font-size:			1px;
	cursor:				pointer;
}

/* ********************************************************* FOOTER ***** */
div#footer{	
	width:				980px;
	height:				100px;
	padding:			10px 0px 0px 0px;
	position:			absolute;
	bottom:				0;
	
	background-image:		url('../images/footer_bg.gif');
	background-repeat:		repeat-x;
	background-position:		top;
	background-color:		#cbcfce;
}

div#footer ul li{
	list-style:			none;
	margin:				0px;
}

.footer_column{
	float:				left;
	width:				225px;
	font-size:			11px;
	line-height:			16px;
	padding:			10px 0px 0px 20px;
}

.noTitle{
	margin:				18px 0px 0px 0px;
}

.exclBtw{
	bottom:				20px;
	position:			absolute;
}