@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Sebastiaan Smid, Netvlies
			
	----------------------------------------------------*/

/*	Table of contents
	= GENERIC
 	----------------------------------------------------*/

/*	=GENERIC
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
	img { border: 0; }
	a { outline: 0; }
	a:visited { color: #999 !important; }
	body { text-align: center; background: #fff; font-size: 12px}
	input { outline: none; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
	
/*	=BOXMODEL
	----------------------------------------------------*/	
	#doc-box { width: 978px;  height: 100%; margin: 0 auto; background: #fff url(../img/body_bg.gif) repeat-y left top; }
	#page-box { position: relative; width: 978px; margin: 0 auto; text-align: left; }
	#header { height: 120px; background: #fff; }
	#logo { position: absolute; top: 8px; left: 11px; }
	#content-box { padding: 10px 6px 0 23px; }
	#content-box .home-col-a { float: left; width: 370px; margin-right: 10px; display: inline; }
	#content-box .home-col-b { float: left; width: 180px; }
	
	#col-a { width: 460px; margin-left: 49px; float: left; display: inline; }
	#col-a h1 { font-size: 24px; line-height: 26px; font-weight: normal; color: #e60582; margin-bottom: 10px; }
	#col-b { width: 380px; margin-left: 60px; float: left; }
	
/*	=FOOTER
	----------------------------------------------------*/	
	#footer { margin: 48px 0; text-align: right; padding-right: 16px; color: #006eb4; font-size: 11px; }
	#footer span { float: left; padding-left: 72px; }
	#footer a { color: #006eb4; font-size: 11px; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
	#frm-search { position: absolute; z-index: 2005; right: 16px; top: 86px; }
	#frm-search input.txt { width: 122px; padding: 4px 5px; font-size: 11px;  color: #000; border: 1px solid #dbdbd9; }
	#frm-search label.submit input { cursor: pointer; font-size: 12px; padding: 5px 3px 5px 5px; color: #006eb4; border: none; background: none;  }
	#frm-search label.submit input:hover { text-decoration: underline; }
	#frm-search label.submit { background: url(../img/nav-main_li_icon.gif) no-repeat right center; padding-right: 6px;}

/*	=NAVIGATION
	----------------------------------------------------*/
	#nav-main { position: relative; z-index: 1000; background: url(../img/nav-main_bg_2.gif); height: 30px; list-style: none; margin:0; }
	#nav-main li { position: relative; margin: 0 1px; display: block; float: left; width: 188px; height: 30px; text-align: center; color: #0b5ba3; font-weight: bold; font-size: 15px; line-height: 30px; cursor: default; background:url(../img/nav-main_btn_bg.gif); }
	#nav-main li.first { display: inline; background: url(../img/nav-main_btn_bg_first.gif) no-repeat; width: 195px; margin: 0 1px 0 11px; }
	#nav-main li.selected { background-position: bottom; }
	#nav-main li ul { position: absolute; display: none; padding: 15px 0 17px 0; top: 30px; left: 5px; width: 180px; background: #f3f0ee url(../img/nav-main_ul_bg.gif) repeat-x; }
	#nav-main li.first ul { margin-left: 6px; left: 6px; }
	#nav-main li ul li { float: none; margin: 0; background: none; background: #f3f0ee !important; width: 180px; height: auto;  line-height: 20px; text-align: left; }
	#nav-main li ul li a { display: block; padding: 0 5px 0 17px; font-size: 12px; font-weight: normal; line-height: 20px; color: #006eb4; text-decoration: none; background:  url(../img/nav-main_li_icon.gif) no-repeat 8px 6px !important; } 
	#nav-main li ul li a:hover { text-decoration: underline; }
	#nav-main li ul li a:visited { background:  url(../img/nav-main_li_icon_vis.gif) no-repeat 8px 6px !important; }
	#nav-main li:hover ul { display: block; z-index: 1001; }	
	
	#nav-meta { position: absolute;  top: 7px; right: 16px; float: right; text-align: right; list-style: none; }
	#nav-meta li { }
	#nav-meta li a { background: url(../img/nav-main_li_icon.gif) no-repeat right center; padding-right: 12px; font-size: 12px; line-height: 16px; color: #006eb4; text-decoration: none; text-transform: lowercase; }
	#nav-meta li a:visited { background: url(../img/nav-main_li_icon_vis.gif) no-repeat right center; }
	#nav-meta li a:hover { text-decoration: underline; }
	#nav-meta li.large a { font-size: 15px; font-weight: bold; }

/*	=CRUMPATH
	----------------------------------------------------*/	
	#crumpath { font-size: 12px; line-height: 16px; color: #006eb4; margin-bottom: 16px; }
	#crumpath a, #crumpath span { padding-right: 10px; color: #006eb4; text-decoration: none; background: url(../img/nav-main_li_icon.gif) no-repeat right 4px; }
	#crumpath a:visited { color: #006eb4 !important; }
	#crumpath a:hover {text-decoration: underline; }
	
	
/*	=FAQ
	----------------------------------------------------*/	
	#faq dl { }
	#faq dt { font-weight: bold; margin: 10px 0; }
	#faq dt a { display: block; color: #006eb4; padding: 0 0 0 10px; text-decoration: none; background: url(../img/nav-main_li_icon.gif) no-repeat left 4px; }
	#faq dt a:visited { background: url(../img/nav-main_li_icon_vis.gif) no-repeat left 4px; }
	#faq dd { overflow: hidden; height: 100%; background: #f2efed; display: none; } 
	#faq dd div { padding: 8px 10px; }
	
/*	=NEWS ARCHIVE
	----------------------------------------------------*/	
	.news-item { padding: 10px; font-size: 12px; line-height: 16px;  margin: 5px 0 2px 0; }
	.news-item.odd { background: #f2efed; }
	.news-item h2 { color: #006eb4; font-size: 13px; line-height: 16px; }
	.news-item a { font-size: 12px; line-height: 16px; color: #006eb4; text-decoration: none;  }	
	.news-item a.readmore { padding-left: 14px; background:url(../img/nav-main_li_icon.gif) no-repeat left 4px; }
	.news-item a.readmore:visited { padding-left: 14px; background:url(../img/nav-main_li_icon_vis.gif) no-repeat left 4px; }
	.news-item a:hover { text-decoration: underline; }
	
	#news-date { color: #006eb4; font-weight: bold; margin: -10px 0 10px 0;  }
		
/*	=NEWS ARCHIVE
	----------------------------------------------------*/	
	#frm-choose-area { margin: 16px 0; }
	#frm-choose-area select { width: auto; }
	
/*	=SEARCH RESULTS
	----------------------------------------------------*/	
	#frm-search-results { margin-bottom: 10px; }
	#frm-search-results input.text { width: 122px; padding: 5px; font-size: 11px; color: #000; border: 1px solid #dbdbd9; }
	#frm-search-results input.submit  { cursor: pointer; font-size: 12px; padding: 5px; color: #006eb4; border: none; background: none; background: url(../img/nav-main_li_icon.gif) no-repeat right center; padding-right: 6px;}
	#frm-search-results input.submit:hover { text-decoration: underline; }
	.search-result { padding: 10px; font-size: 12px; line-height: 16px;  margin: 5px 0 2px 0; }
	.search-result.odd { background: #f2efed; }
	.search-result h2 { color: #006eb4; font-size: 13px; line-height: 16px; }
	.search-result a { font-size: 12px; line-height: 16px; color: #006eb4; text-decoration: none;  }	
	.search-result a.readmore { padding-left: 14px; background:url(../img/nav-main_li_icon.gif) no-repeat left 4px; }
	.search-result a:hover { text-decoration: underline; }
	
/*	=PAGING
	----------------------------------------------------*/		
	#paging { margin-top: 15px; }
	#paging li { list-style: none; float: left; border-left: 2px solid #006eb4; padding: 0 6px; }
	#paging li.noborder { border: none; padding: 0 6px 0 0; }
	#paging li.selected a { text-decoration: none; }
	#paging li a { font-weight: bold; font-size: 12px; color: #006eb4; text-decoration: none; }
	
/*	=SUB PAGE BANNERS
	----------------------------------------------------*/	
	.banner180 { float: left; margin: 0 10px 10px 0; width: 180px; height: 180px; }
	.banner370 { float: left; margin: 0 10px 10px 0; }
	.bannerwoonzicht {  cursor: pointer; float: left; margin: 0 10px 10px 0; width: 180px; height: 180px; } 
	.bannerwoonzicht a { cursor: pointer; position: relative; display: block; overflow: hidden; width: 180px; height: 180px; font-size: 15px; color: #fff; text-decoration: none; background:url(../img/banner_surfwoonzicht.gif); }
	.bannerwoonzicht a:visited { color: #fff !important; }
    .bannerwoonzicht a span img { margin-left: 5px; }
	.bannerwoonzicht a span { position: absolute; bottom: 13px; display: block; width: 180px; text-align: center; }
	.bannerwoonzicht a:hover { background-position: bottom; }
	
	.bannerzieook { float: left; margin: 0 10px 10px 0; width: 180px; height: 180px; background: url(../img/banner_zieook_bg.gif); }
	.bannerzieook h3 { font-size: 16px; line-height: 18px; color: #e60582; padding: 12px 12px 0 12px; }
	.bannerzieook ul { overflow: hidden; height: 130px; margin-left: 12px; }
	.bannerzieook ul li { padding: 0 0 0 10px; font-size: 12px; line-height: 16px; list-style: none; background: url(../img/nav-main_li_icon.gif) no-repeat left 4px; }
	.bannerzieook ul li a { color: #006eb4; text-decoration: none; }
	.bannerzieook ul li a:hover { text-decoration: underline; }
	.bannercontact { float: left; margin: 0 10px 10px 0; width: 180px; height: 180px; font-size: 12px; line-height: 16px; background: url(../img/banner_contact_bg.gif); }
	.bannercontact h3 { font-size: 16px; line-height: 18px; color: #e60582; padding: 12px 12px 0 12px; }
	.bannercontact div { padding: 0 12px 12px 12px; }
	.bannercontact div a { padding-left: 10px; color: #006eb4; text-decoration: none; background:url(../img/nav-main_li_icon.gif) no-repeat left 4px;  }
	.bannercontact div a:visited { background:url(../img/nav-main_li_icon_vis.gif) no-repeat left 4px;  }
	.bannercontact div a:hover { text-decoration: underline; }
	
/*	=HOMECONTACT
	----------------------------------------------------*/	
	#home-contact { height: 370px; width: 160px; margin: 0 0 10px 0; padding: 0 10px 0 10px; font-size: 12px; line-height: 16px; background: url(../img/home-contact_bg.gif); }
	#home-contact h2 { font-size: 16px; line-height: 18px; color: #e60582; padding-top: 18px; }
	#home-contact a { padding-left: 10px; color: #006eb4; text-decoration: none; background:url(../img/nav-main_li_icon.gif) no-repeat left 4px;  }
	#home-contact a:visited { background:url(../img/nav-main_li_icon_vis.gif) no-repeat left 4px;  }
	#home-contact a:hover { text-decoration: underline; }
	
	#home-news h2 { color: #e60582; font-size: 15px; line-height: 24px; margin: 6px 0 0 0; padding: 0; }
	#home-news .news-item { font-size: 12px; line-height: 16px; padding: 0; margin: 0 0 16px 0; width: 335px; }
	#home-news .news-item.first { padding-top: 0px; }
	#home-news .news-item h3 { font-size: 13px; line-height: 16px; }
	#home-news.continue { clear: both; }
	#home-news.continue .news-item { padding-top: 30px; padding-left: 0px; }
	#home-news a { font-size: 12px; line-height: 16px; color: #006eb4; text-decoration: none;  }	
	#home-news a.readmore { padding-left: 14px; background:url(../img/nav-main_li_icon.gif) no-repeat left 4px; }
	#home-news a.readmore:visited { background:url(../img/nav-main_li_icon_vis.gif) no-repeat left 4px; }
	#home-news a:hover { text-decoration: underline; }
	
/*	=HOMEBANNERS
	----------------------------------------------------*/	
	#banner-col-a, #banner-col-b { width: 180px; float: left; }
	#banner-col-a { background: url(../img/banner-col-a_bg.gif) no-repeat right 180px; margin-right: 10px; }
	#banner-col-b { background: url(../img/banner-col-b_bg.gif) no-repeat left 180px; margin-right: 0; }

	.homebanner a { cursor: pointer; position: relative; display: block; overflow: hidden; width: 180px; height: 180px; font-size: 15px; color: #fff; text-decoration: none; }
	.homebanner a:visited { color: #fff !important; }
    .homebanner a span img { margin-left: 5px; }
	.homebanner a span { font-weight: bold; display: block; text-align: center; margin-top: 13px; }
	.homebanner.verhuizen a { background: url(../img/banner_verhuizen.gif); }
	.homebanner.woonzicht a { background: url(../img/banner_woonzicht.gif); }
	.homebanner.woonzicht a span { font-weight: normal; }
	.homebanner.storingen a { background: url(../img/banner_storingen.gif); }
	.homebanner.klussen a { background: url(../img/banner_klussen.gif); }
	
	.homebanner.woonzicht, .homebanner.klussen { margin-top: 10px; }
	.homebanner a:hover { background-position: bottom; }
	
	.nvsFormTool-intro { color: #006eb4; font-weight: bold; }
	.nvsFormTool { width: 410px; margin-top: 10px; }
	.nvsFormTool td { padding: 6px 0; font-size: 12px; line-height: 16px; }
	.nvsFormTool .col-b{ width: 290px; }
	.nvsFormTool input.text { width: 280px; padding: 3px 5px; font-size: 12px;  border: 1px solid #dbdbd9; }
	.nvsFormTool input.radio { vertical-align: middle; }
	.nvsFormTool input.submit { cursor: pointer; float: right; padding: 0 10px 0 0; color: #006eb4; font-weight: bold; background: url(../img/nav-main_li_icon.gif) no-repeat right center; border: none;}
	.nvsFormTool input.submit:hover { text-decoration: underline; }
	.nvsFormTool label { padding-right: 10px; }
	.nvsFormTool textarea { font-size: 12px;  width: 410px; height: 90px; border: 1px solid #dbdbd9; }
	.nvsFormTool .error { color: #e60582; }
	
	#download-block { background: url(../img/download-block_bg.gif) no-repeat left top; width: 160px; height: 180px; padding: 0 10px; }
	#download-block h2 { padding-top: 18px; }
	#download-block h2 a { font-size: 16px; line-height: 18px; text-decoration: none; padding: 0 11px 0 0; color: #e60582 !important; background: url(../img/download-block_h2_bg.gif) no-repeat right center; }
	#download-block h2 a:hover { text-decoration: underline; }
	
	#download-block ul { padding: 15px 0 0 0; }
	#download-block ul li { list-style: none; background: url(../img/download-block_li_bg.gif) no-repeat left 5px; padding: 2px 0 2px 12px;}
	#download-block ul li a { color: #868686; text-decoration: none; }
	#download-block ul li a:hover { text-decoration: underline; }
	
/*	=HIDES CONTENT THAT IS REPLACED BY JQUERY FLASH PLUGIN
	----------------------------------------------------*/
	.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
	
	#sitemap li { background: none; }
	#sitemap a { color: #006eb4; text-decoration: none; background: url(../img/nav-main_li_icon.gif) no-repeat left 3px; padding-left: 14px;  }
	#sitemap a:hover { text-decoration: underline !important; }
    #sitemap a:visited { background: url(../img/nav-main_li_icon_vis.gif) no-repeat left 3px !important;  }

/*	=Overzicht van verstuurde nieuwsbrieven
	----------------------------------------------------*/
	#nb_ovz_holder { margin-top: 20px; }
	#nb_ovz_holder h2 { font-size: 16px; line-height: 18px; color: #e60582; padding-top: 18px; margin-bottom: 10px; }
	#nb_ovz_holder div { float: left; width: 230px; margin-bottom: 20px; }
	#nb_ovz_holder div a { text-decoration: none; color: #000; }
	#nb_ovz_holder div img { margin-right: 10px; margin-top: 5px; border: 0px; }