
html { overflow: -moz-scrollbars-vertical !important; }	

body {
	font-family: tahoma, arial, verdana, helvetica, sans-serif; color: #000000;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	background-image:url(images/background.gif);
}

p 		{padding:0px;margin:0px 0px 14px 0px;}
div		{}
span	{}
th		{}
td		{}


ul		{position: relative;margin:2px 0px 14px 0px; padding:0px; list-style: none; }
ul li {

	padding-left:15px; 
	background-image:url(images/li.gif); 
	background-repeat:no-repeat;
	background-position:0px 5px;
}

ol {
	position: relative; 
	margin-top:0px;
	padding-top:0px;
}

}
ol li {


}

h1		 		{font-size: 24px; font-weight:bold; color:#3087ca; padding-top:3px; margin:0px; margin-left:-2px;_margin-left:0px;}
h2.popup	{font-size: 17px; font-weight:bold; color:#FFFFFF; padding-top:0px; margin:0px; margin-left:0px;}
h2		 		{font-size: 15px; font-weight:bold; color:#3087ca; padding:0px; margin:0px; margin-left:-2px;_margin-left:0px;}
h2.alt 		{font-size: 15px; font-weight:bold; color:#FFFFFF; height:18px; padding:0px; margin:0px; margin-left:-2px;_margin-left:0px;}
h2.alt2 	{font-size: 15px; font-weight:bold; color:#000000; height:18px; padding:0px; margin:0px; margin-left:-2px;_margin-left:0px;}
h3		 		{font-size: 15px; font-weight:bold; color:#ff9000; padding:0px; margin:0px; margin-left:-2px;_margin-left:0px;}
h4		 		{font-size: 12px; font-weight:bold; color:#ff9000; padding:0px; margin:0px;} 

/* form elements */

form 	{padding:0px; margin:0px;}

input, select, textarea, option {
	font-family: arial, tahoma, verdana, helvetica, sans-serif; color: #849da5;
	padding:0px;
	margin:0px;
	font-size: 12px;
}

a:link		{text-decoration: underline; color:#3087ca;}
a:visited	{text-decoration: underline; color:#3087ca;}
a:active	{text-decoration: underline; color:#3087ca;}
a:hover		{text-decoration: underline; color:#3087ca;}

a.alt:link		{text-decoration: none; color:#3087ca;}
a.alt:visited	{text-decoration: none; color:#3087ca;}
a.alt:active	{text-decoration: none; color:#3087ca;}
a.alt:hover		{text-decoration: underline; color:#3087ca;}

a.altblack:link		{text-decoration: none; color:#000000;}
a.altblack:visited	{text-decoration: none; color:#000000;}
a.altblack:active	{text-decoration: none; color:#000000;}
a.altblack:hover	{text-decoration: underline; color:#000000;}



a.icon_back_blue {
	display:block;
	padding-left:15px;
	background-image:url(images/icon-back-blue.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}

a.icon_next_blue {
	display:block;
	padding-left:15px;
	background-image:url(images/icon-next-blue.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}

a.icon_next_white {
	color:#FFFFFF!important;
	display:block;
	padding-left:15px;
	background-image:url(images/icon-next-white.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}

div.clear {
	height:1px;
	overflow:hidden;
	clear:both;
}

div.container {
	padding:20px 0px 20px 0px;
	position:relative;
	left:50%;
	margin-left:-477px;
	width:955px;
}

div.container_popup {
	padding:20px 0px 20px 0px;
	position:relative;
	left:50%;
	margin-left:-230px;
	width:461px;
}

div.page div.header {
	background-image:url(images/page-header.gif);
	background-repeat:no-repeat;
	height:169px;
	overflow:visible;
	z-index:100;
}

div.page div.header div.left,
div.page div.content div.left {
	position:relative;
	float:left;
	width:246px;
}

div.page div.content div.left div.bottom_txt {
	padding: 0px 20px 0px 20px;
	font-size: 11px;
	color:#7a7979;
}

div.page div.content div.left div.padding {
	padding: 0px 20px 0px 30px;
}

div.page div.header div.right,
div.page div.content div.right {
	position:relative;
	float:left;
	width:709px;
}

div.page div.header div.right2,
div.page div.content div.right2 {
	position:relative;
	float:left;
	width:246px;
}

div.page div.content div.middle {
	position:relative;
	float:left;
	width:453px;
}

div.page div.content div.right2 div.padding {
	padding: 0px 10px 10px 10px;
}

div.page div.content div.right div.padding,
div.page div.content div.middle  div.padding {
	padding: 0px 20px 20px 40px;
}

div.page div.header div.title {
	position:absolute;
	top:119px;
	left:40px;
}

div.page div.header div.subtitle {
	position:absolute;
	top:157px;
	left:40px;
}

div.page div.header div.menu {
	padding-left:40px;
}

div.page div.header div.menu div.button {
	padding-right:18px;
	float:left;
}

div.page div.content_title {

	padding-left:40px;
	padding-top:61px;
}

div.page div.content_title div.fixed_width {
	width:400px;
}

div.page div.content {
	background-image:url(images/page-middle.gif);
	background-repeat:repeat-y;
	z-index:10;
}

div.page div.content div.background {
	background-repeat:no-repeat;
	width:955px;
	margin-bottom:10px;
}

div.page div.content div.keurmerk {
	background-image:url(images/bg-keurmerk.jpg);
	height:246px;
}

div.page div.content div.keurmerk div.left div.box {
	color:#FFFFFF;
	position:relative;
	top:30px;
	left:30px;
	width:206px;
	height:216px;
}

div.page div.content div.waartekoop div.left div.box {
	color:#000000;
	position:relative;
	top:30px;
	left:30px;
	width:206px;
	height:216px;
}

div.page div.content div.aansluitgids div.left div.box {
	color:#FFFFFF;
	position:relative;
	top:30px;
	left:30px;
	width:206px;
	height:216px;
}

div.page div.content div.producten div.left div.box {
	color:#FFFFFF;
	position:relative;
	top:30px;
	left:30px;
	width:206px;
	height:216px;
}

div.page div.content div.oplossing {
	background-image:url(images/bg-oplossing.jpg);
	height:140px;
}

div.page div.content div.aansluitgids {
	background-image:url(images/bg-aansluitgids.jpg);
	height:246px;
}

div.page div.content div.waartekoop {
	background-image:url(images/bg-waar-te-koop.jpg);
	height:246px;
}

div.page div.content div.producten {
	background-image:url(images/bg-producten.jpg);
	height:246px;
}

div.page div.content div.checklist {
	background-image:url(images/bg-checklist.jpg);
	height:140px;
}

div.page div.content div.home {
	background-image:url(images/bg-home.gif);
	height:312px;
}

div.page div.content div.home div.left div.box_top {
	position:relative;
	top:30px;
	left:30px;
	width:206px;
	height:204px;
}
div.page div.content div.home div.left div.box_bottom {
	color:#FFFFFF!important;
	position:relative;
	left:30px;
	top:7px;
	width:206px;
	height:30px;
}

div.page div.content div.home_video {
	background-image:url(images/bg-home-video.gif);
	height:352px;
}

div.page div.content div.home_video div.left div.box_top {
	position:relative;
	top:10px;
	left:20px;
	width:206px;
	height:322px;
}
div.page div.content div.home_video div.left div.box_bottom {
	color:#FFFFFF!important;
	position:relative;
	left:20px;
	top:7px;
	width:206px;
	height:30px;
}

div.page div.box_home_left h3,
div.page div.box_home_right h3 {
	margin-bottom:3px;
}
div.page div.box_home_left {
	display:inline; /* IE6 double marging bug fix */
	background-color:#f6f6f6;
	border-top:1px solid #e8e8e8;
	width:330px;
	
	float:left;
	margin-left:30px;	
}
div.page div.box_home_left div.footer {
	background-image: url(images/home-box-l-footer.gif);
	background-repeat: no-repeat;
	background-position: left;
	height:10px;
	overflow:hidden;
}
div.page div.box_home_left div.padding {
	padding: 12px 12px 12px 50px!important;
	background-image: url(images/icon-next-orange.gif);
	background-repeat: no-repeat;
	background-position: 35px 17px;
}

div.page div.box_home_right {
	display:inline; /* IE6 double maring bug fix */
	background-color:#f6f6f6;
	border-top:1px solid #e8e8e8;
	width:329px;
	float:left;
	margin-left:10px;
}
div.page div.box_home_right div.footer {
	background-image: url(images/home-box-r-footer.gif);
	background-repeat: no-repeat;
	background-position: right;
	height:10px;
	overflow:hidden;	
}
div.page div.box_home_right div.padding {
	padding: 12Px 12px 12px 30px!important;
	background-image: url(images/icon-next-orange.gif);
	background-repeat: no-repeat;
	background-position: 13px 17px;	
}

div.page div.footer {
	background-image:url(images/page-footer.gif);
	background-repeat:no-repeat;
	height:27px;
}

div.grey_box {
	width:689px;
	background-image:url(images/grey-box-bg.gif);
	background-repeat:no-repeat;
	background-color:#f6f6f6;
}

div.grey_box div.product_col {
	float:left; 
	width:463px;
}
 
div.grey_box div.img_right {
	float:right;
	padding:0px 0px 20px 20px;
}

div.grey_box div.img_left,
div.txt div.img_left {
	float:left;
	padding:0px 20px 20px 0px;
}

div.grey_box div.padding {
	padding:20px 10px 10px 40px!important;
}

div.grey_box div.nr1 {
	background-image:url(images/grey-box-nr1.gif);
	background-repeat:no-repeat;
	background-position:20px 0px;
	padding-left:70px!important;		
}

div.grey_box div.nr2 {
	background-image:url(images/grey-box-nr2.gif);
	background-repeat:no-repeat;
	background-position:20px 0px;
	padding-left:70px!important;	
}

div.grey_box div.nr3 {
	background-image:url(images/grey-box-nr3.gif);
	background-repeat:no-repeat;
	background-position:20px 0px;
	padding-left:70px!important;		
}

div.grey_box div.nr4 {
	background-image:url(images/grey-box-nr4.gif);
	background-repeat:no-repeat;
	background-position:20px 0px;
	padding-left:70px!important;	
}

div.grey_box div.nr5 {
	background-image:url(images/grey-box-nr5.gif);
	background-repeat:no-repeat;
	background-position:20px 0px;
	padding-left:70px!important;	
}

div.grey_box div.nr6 {
	background-image:url(images/grey-box-nr6.gif);
	background-repeat:no-repeat;
	background-position:20px 0px;
	padding-left:70px!important;	
}

div.grey_box div.footer {
	clear:both;
	background-image:url(images/grey-box-footer.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height:10px;
	overflow:hidden;
}

div.stappen_txt {
	color:#678503;
	line-height:30px;
	padding-top:25px; 
	padding-bottom:25px;
	padding-left:30px;
}

div.stappen_buttons {
	position:absolute;
	left:216px;
	top:25px;
}

div.stappen_txt p {

	background-repeat:no-repeat;	
	color:#678503;
	padding:0px;
	margin:0px;
	padding-left:15px;	
}

div.stappen_txt p.current {
	background-image:url(images/icon-next-green.gif);
	background-position:0px 11px;	
}
div.stappen_txt a:link		{text-decoration: underline; color:#678503;}
div.stappen_txt a:visited	{text-decoration: underline; color:#678503;}
div.stappen_txt a:active	{text-decoration: underline; color:#678503;}
div.stappen_txt a:hover		{text-decoration: underline; color:#678503;}

div.logos {
	overflow:visible;
	width:236px;
}

div.logos div {
	float:left;
	padding:0px 10px 10px 0px;
}

/* button */

span.b_color01w,
span.b_color01w_arrow {background-image: url(images/b-01w-part1.gif);}
span.b_color01w a {background-image: url(images/b-01w-part2.gif);}
span.b_color01w_arrow a {background-image: url(images/b-01w-part2-arrow.gif); padding-right:22px!important;}

span.b_color01g,
span.b_color01g_arrow {background-image: url(images/b-01g-part1.gif);}
span.b_color01g a {background-image: url(images/b-01g-part2.gif);}
span.b_color01g_arrow a {background-image: url(images/b-01g-part2-arrow.gif); padding-right:22px!important;}

span.b_color02g	{background-image: url(images/b-02g-part1.gif);}
span.b_color02g a {background-image: url(images/b-02g-part2.gif);}

span.button {
	background-repeat: no-repeat;
	background-position: left;
	height:30px;
	display:table-cell;
	display:inline-block;
	color:#FFFFFF;
	font-size:11px;
}

span.button a {
	background-repeat: no-repeat;
	background-position: right;
	display:table-cell;
	display:inline-block;
	overflow:visible;
	padding:0px 11px 0px 11px;
	height:30px;
	line-height:28px;
}
span.button a:link		{text-decoration: none; color:#FFFFFF;}
span.button a:visited	{text-decoration: none; color:#FFFFFF;}
span.button a:active	{text-decoration: none; color:#FFFFFF;}
span.button a:hover		{text-decoration: none; color:#FFFFFF;}

/* expandable div */

div.expandable {
	position:relative;
	background-color:#FFFFFF;
	width:669px;
	height:30px;
	overflow:hidden;
}

div.expanded div,
div.expandable div {
	padding:0px;
	margin:0px;
}

div.expanded div.title,
div.expandable div.title {
	float:left;
	height:30px;
}

div.expandable div.num {
	width:20px;
	padding:0px;
	margin:0px;
	margin-top:-2px;
	font-size: 15px; 
	font-weight:bold; 
	color:#3087ca; 
	float:left;
}

div.expanded div.num {
	width:20px;
	padding:0px;
	margin:0px;
	margin-top:-2px;
	font-size: 15px; 
	font-weight:bold; 
	color:#ff9000; 
	float:left;	
}

div.expandable div.icon {
	height:30px;
	padding:7px 5px 20px 20px;
	background-image:url(images/faq-bg-0.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer!important;
	color:#3087ca;
	
}

div.expandable div.icon:hover {
	background-image:url(images/faq-bg-1.gif);
	background-color:#f9fafa;
	text-decoration:none;
}

div.expanded {
	position:relative; 
	background-color:#f6f6f6;
	width:669px;
	height:auto;
	background-image: url(images/faq-bg-2-bottom.gif);
	background-repeat: no-repeat;      
	background-position: left bottom;	
}

div.expanded div.icon {

	background-image: url(images/faq-bg-2-top.gif);
	background-repeat: no-repeat;
	background-color:#f6f6f6;
	padding:25px 5px 5px 20px;
	cursor:pointer!important;
	
	font-size: 12px; 
	font-weight:bold; 
	color:#ff9000; 
}

div.expanded div.icon:hover {
		text-decoration:none;
}

div.expanded div.txt {
	clear:both;
	background-color:#f6f6f6;
	padding:0px 20px 25px 20px;
}

div.expanded div.button {
	float:right;
	margin-right:10px;
	margin-bottom:20px;
}


/* table */
table.list * {
	font-size:12px;
}
table.list td.name {
	font-weight: bold;
	color: #ff9000;
	white-space:nowrap;
}
table.list tr {
	vertical-align:top;
}
table.list td {
	padding-left:5px;
}

/* popup */

div.popup {

}

div.popup div.header {
	position:relative;
	background-image: url(images/popup-header.gif);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	height:86px;
}

div.popup div.header h2.popup {
	position:absolute;
	left:20px;
	top:37px;	
	margin:0px;
	padding:0px;
	font-weight: bold;
}

div.popup div.header div.border {
	height:86px;
	width:10px;
	background-color: #FFFFFF;
	position:absolute;
	left:0px;
	top:0px;	
}

div.popup div.content  {
	background-image: url(images/popup-border.gif);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	padding:17px 30px 0px 20px;
}

div.popup div.close  {
	float:right;
	margin-top:13px;
	margin-right:23px;
	display:inline;
}

div.popup div.footer {
	background-image: url(images/popup-footer.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height:10px;
	overflow:hidden;
}

div.illustration_right {
	padding-left:20px;
	float:right;
}

div.min_height {
	height:350px;
}


a.barlink {
	display: block!important;
	background-image: url(images/bg-barlink-0.gif);
	background-repeat: repeat-x;
	text-decoration: none; 
	color:#3087ca;
	line-height: 30px;
	padding: 0px 10px 0px 10px;
	margin: 0px 20px 0px 10px;
}
a.barlink:hover	{
	display: block!important;
	background-image:url(images/bg-barlink-1.gif);
	text-decoration: none; 
	color:#3087ca;
}


div.homebanner{
	background-image:url(/images/home-banner-2.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:440px;
	left:10px;
	width:256px;
	height:115px;
}

div.tabs {
	height:40px;
	background-image:url(/images/bg_tabs.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:648px;
	padding-left:10px;
}

div.tabs a {
	display:block;
	float:left;
	height:30px;
	background-color:#ECECEC;
	margin-right:10px;
}

div.tabs a div {
	padding:10px 10px 0 10px;
}

div.tabs a.active {
	background-color:#CBDB2A;
}

div.tabs a:link {color:#000000;text-decoration:none;}
div.tabs a:visited {color:#000000;text-decoration:none;}
div.tabs a:hover {color:#000000;text-decoration:none;}
div.tabs a:active {color:#000000;text-decoration:none;}

div.tabcontent {
	display:none;
	background-image:url(/images/bg_tabcontent.gif);
	background-repeat:repeat-x;
	width:648px;
	height:370px;
}

div.tabcontent div.tcpadding {
	padding:10px;
}

div.tabcontent div#wachten div.tcpadding {
	padding:150px 0 0 0;
	text-align:center;
}

div.tcactive {
	display:block;
}

div.pc_map  {
	padding:20px;
}

div.pc_map #googlemap {
    width:607px;
    height:350px;
}

div.pc_search_bg  {
	position:absolute;
	background-color:#FFFFFF;
	filter: alpha(opacity=70);
	opacity: .7;
	width:646px;
	height:400px;
}

div.pc_search  {
	position:absolute;
	background-image:url(/images/bg-pc-search.gif);
	background-repeat:repeat-x;
	left:285px;
	top:170px;	
	width:179px;
	height:101px;
}

div.pc_search_lb  {
	left:480px;
	top:300px;	
}

div.pc_search div.padding {
	padding:28px 0 0 15px!important;
}

div.pc_search input.nums {
	width:60px;
	border:1px solid #e7e7e7;
	padding:2px;
}

div.pc_search div.txt {
	padding-bottom:5px;
}

div.pc_search input.chars {
	width:35px;
	border:1px solid #e7e7e7;
	padding:2px;	
}

div.pc_search input.submit {
	height:21px;
	width:30px;
	border:0;
	padding:0;
	background-color:#3087ca;
	color:white;
}


