@charset "utf-8";

/*	NETVLIES.NL STYLES
	Author:	Sebastiaan Smid, Netvlies
			
	----------------------------------------------------*/

/*	Table of contents
	= GENERIC
	= BRANDING
	= BOX MODEL
	= NAV BAR
	= NAVIGATION SUB
	= NAVIGATION META
	= CRUMPATH
	= FLASH BANNER
	= FOOTER
	= PAGING
	= HOME NEWS
	= RECENTWORK
	= CASES
 	----------------------------------------------------*/

/*	=GENERIC
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; color: #4a4b4d; }
	img { border: 0; }
	a { outline: 0; }
	body { background: #fff url(../img/body_bg.gif) top left repeat-x; padding: 4px 0 20px 0; text-align: center; }
	h1, h2 { margin: 0; padding: 0; }
	table, tr, td { padding: 0; margin: 0; border-collapse: collapse; border: none; border-spacing: 0; }
	
	h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; font-weight: bolder; color: #ff7800; margin: 0; padding: 0 0 9px; }
	h1.casehdr { padding: 0 0 3px; }
	
	h1.rss-nieuws { text-decoration: none; background: url(../img/h1_rss_bg.gif) 63px 1px no-repeat; }
    h1.rss-nieuws:hover { background: url(../img/h1_rss_bg.gif) 63px -29px no-repeat; }
    h1.rss-nieuwsoverzicht { text-decoration: none; background: url(../img/h1_rss_bg.gif) 137px 1px no-repeat; }
    h1.rss-nieuwsoverzicht:hover { background: url(../img/h1_rss_bg.gif) 137px -29px no-repeat; }
    h1.rss-chronooverzicht { text-decoration: none; background: url(../img/h1_rss_bg.gif) 270px 1px no-repeat; }
    h1.rss-chronooverzicht:hover { background: url(../img/h1_rss_bg.gif) 270px -29px no-repeat; }
    
    h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; font-weight: bolder; color: #6d6e71; margin: 0; padding: 0 0 9px; }
	h2 a { color: #6d6e71!important; text-decoration: none; font-size: 12px; }
	h2 a:hover { text-decoration: underline; }
	
	p.dt { font-weight: bold; margin: 0 0 10px 0; }

/*	= BRANDING
	----------------------------------------------------*/
	#branding { margin: 0 auto; padding: 0; width: 910px; height: 79px; text-align: left; position: relative; }
	#branding img { margin: 15px 0 0 11px; }
	#branding .extranet { position: absolute; top: 0; right: 0; margin: 0!important; }
	#branding #search {}
	
	
	#klant_login { position: relative; }

/*	= BOX MODEL
	----------------------------------------------------*/
	#content-box { width: 910px; margin: 0 auto 0 auto; padding: 18px 0 0 0; text-align: left; clear: both; overflow: hidden; height: 100%; }
	#content-box .col-a, #content-box .col-b, #content-box .col-c, #content-box .col-d, #content-box .col-e { position: relative; display: inline; float: left; height: 100%; overflow: hidden; }
	
	#content-box .col-a { width: 369px; margin-left: 12px; padding-bottom: 34px; }
	#content-box .col-b { width: 497px; margin-left: 23px; padding-bottom: 34px; }
	#content-box .col-c { width: 682px; margin-left: 17px; padding-bottom: 22px; padding-top: 10px; }
	#content-box .col-d { width: 438px; margin-left: 17px; padding-bottom: 22px; padding-top: 10px; }
	#content-box .col-e { width: 224px; margin-left: 17px; padding-bottom: 22px; padding-top: 10px; overflow: visible; }
	#content-box .col-f { float: left; width: 662px; padding-bottom: 22px; padding-top: 10px; }

/*	= NAV BAR
	----------------------------------------------------*/
	#nav-bar { background: #e7e5e4; position: relative; width: 910px; height: 28px; margin: 0 auto; padding: 0; text-align: left; }
    
    #nav-main { float: left; background: #e7e5e4; position: relative; text-align: left; }
	#nav-main li { list-style: none; float: left; }
	#nav-main li a { display: block; height: 28px; margin-right: 1px; text-indent: -2000px; background: no-repeat top left; }
	#nav-main li a.home { width: 59px; background:url(../img/nav-main_btn_home.gif); }
	#nav-main li a.overnetvlies { width: 117px; background:url(../img/nav-main_btn_overnetvlies.gif); }
	#nav-main li a.diensten { width: 86px; background:url(../img/nav-main_btn_diensten.gif); }
	#nav-main li a.portfolio { width: 88px; background:url(../img/nav-main_btn_portfolio.gif); }
	#nav-main li a.actueel { width: 77px; background:url(../img/nav-main_btn_actueel.gif); }
	#nav-main li a.contact { width: 81px; background:url(../img/nav-main_btn_contact.gif); }
	#nav-main li a:hover { background-position: 0 -28px; }
	#nav-main li a.selected { background-position: 0 -28px; }
	
	#nav-bar #frm-search { float: right; padding: 5px 0 0 0; }
	#nav-bar #frm-search .txt { float: left; width: 132px; height: 15px; color: #a1a4a9; padding: 2px 0 0 18px; border: 1px solid #a6a7a9; background: url(../img/frm-search_txt_bg.gif) 4px 3px no-repeat #fff; }
	#nav-bar #frm-search .sbmt { float: left; width: 29px; height: 19px; border: none; text-indent: -2000px; cursor: pointer; background: url(../img/frm-search_btn_submit.gif); }
	
/*	= NAVIGATION SUB
	----------------------------------------------------*/
	#nav-sub { list-style: none; float: left; width: 190px; padding: 11px 0 20px 12px; border-bottom: 1px solid #fff; }
	#nav-sub li { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #d6dbe1; }
	#nav-sub li.title h3 { padding: 0 0 2px 5px; }
    #nav-sub li.first a { border-top: 1px solid #d6dbe1; }
    #nav-sub li a {display: block; padding: 9px 0 9px 5px; text-decoration: none;  }
	#nav-sub li.first a { border-top: 1px solid #d6dbe1; }
    #nav-sub li.selected a { color: #fd7f0e; background: #f2f2f2; }
	#nav-sub li a:hover { text-decoration: underline; }
	#nav-sub li ul { padding: 13px 0; border-top: 1px solid #d6dbe1; }
    #nav-sub li ul li { border: none; padding: 4px 0 4px 5px; }
	#nav-sub li.selected ul li a { color: #4a4b4d; border: none; background: none; } 
    #nav-sub li ul li a { padding-left: 2px; text-decoration: none; display: inline; }
    #nav-sub li ul li.selected { color: #ff7800; }
    #nav-sub li ul li.selected a { color: #ff7800; }
    

/*	= NAVIGATION META
	----------------------------------------------------*/
	#nav-meta { margin-top: 27px; clear: both; }
	#btn_print { display: none; background: url(../img/nav-meta_ico_print.gif) no-repeat left center; padding-left: 21px; margin-right: 17px; }
	#btn_mail { background: url(../img/nav-meta_ico_mail.gif) no-repeat left center; padding-left: 21px; margin-right: 17px; }
	
/*	= CRUMPATH
	----------------------------------------------------*/
	#crumpath { width: 910px; margin: 14px auto 0 auto; text-align: left; clear: both; }
	#crumpath li { list-style: none; float: left; background: url(../img/crumpath_arrow.gif) no-repeat left center; padding: 0 6px 0 16px; }
	#crumpath li a { text-decoration: none;  }
	#crumpath li.first { background: none; padding-left: 12px; }
	#crumpath li a:hover { text-decoration: underline; }
	#crumpath li span { text-decoration: none; background: url(../img/crumpath_arrow.gif) no-repeat left center; padding: 0 6px 0 16px; }

/*	= FLASH BANNER
	----------------------------------------------------*/	
	#flash_banner { margin: 1px auto !important; height: 168px; }
	#img_banner { margin: 1px auto !important; }
	
/*	= FOOTER
	----------------------------------------------------*/
	#footer { position: relative; background: #e7e5e4; width: 910px; height: 80px; margin: 0 auto 0 auto; text-align: left; clear: both; }
	#footer .presentation { display: block; float: left; margin: 10px 0 0 10px; }
	#footer .domain { display: block; float: left; height: 100%; margin: 0 0 0 15px; padding: 16px 0 0 15px; border-left: 1px solid #fff; }

	#footer .contactinfo { float: right; margin: 10px 25px 0 0; list-style: none; }
	#footer .contactinfo li.hdr { padding: 0 0 3px 0; font-weight: bold; }
	#footer .contactinfo li { color: #4a4b4f; line-height: 14px; }
	#footer .contactinfo li span.a { float: left; width: 80px; line-height: 14px; }
	#footer .contactinfo li span.b { color: #ff7b05; }
	#footer .contactinfo li a { color: #4a4b4f; text-decoration: none; }
	#footer .contactinfo li a:hover { text-decoration: underline; }
	
	#footer .disclaimer_etc { position: absolute; left: 15px; bottom: 10px; list-style: none; }
	#footer .disclaimer_etc li { float: left; margin: 0 8px 0 0; color: #ff7b05; line-height: 14px; }
	#footer .disclaimer_etc li a { color: #4a4b4f; text-decoration: none; }
	#footer .disclaimer_etc li a:hover { text-decoration: underline; }

	
/*	= ZOEKEN
	----------------------------------------------------*/
	#zoeken .highlight { color: #fe7800; }
	#zoeken h2 { padding: 0;  }
	#zoeken h2 a .highlight { font-size: 12px; line-height: 18px; }
	#zoeken p.foundin { color: #87888a; }
	#zoeken .item { margin-bottom: 20px; }

/*	= PAGING
	----------------------------------------------------*/
	.paging { position: relative; margin: 10px 0 0 0; background: #f2f2f2; border: 1px solid #d6dbe1; text-align: center; padding: 7px; }
	.paging li { display: inline; padding: 0 2px; margin: 0; }
	.paging li a { font-weight: bold; text-decoration: none; padding: 0 2px; }
	.paging li a:hover { text-decoration: underline; }
	.paging li.selected a { font-size: 12px; color: #ff7800; }
	.paging li.first, .paging li.last { position: absolute; padding: 0; top: 5px; }
	.paging li.first { left: 5px; }
	.paging li.last { right: 5px; }
	
/*	= HOME NEWS
	----------------------------------------------------*/
	#home-news li { font-size: 0px; line-height: 0px; list-style: none; padding: 4px 0; border-top: 1px solid #e7e5e4; overflow: hidden; }
	#home-news li.first, #home-news li.last{ border-top: none; }
	#home-news li a {  font-size: 11px; line-height: 12px; display: block; height: 12px; overflow: hidden; height: 1.1em; text-decoration: none; }
	#home-news li.last { padding-top: 16px; }
	#home-news li.last a { font-weight: bold; display: inline; }	
	#home-news li a:hover { text-decoration: underline; }
	#home-news li.last a:hover { text-decoration: none; display: inline; }	

/*	= RECENTWORK
	----------------------------------------------------*/		
	.recentwork { width: 107px; overflow: hidden; float: left; display: inline; margin-left: 23px; }
	.recentwork.first { margin-left: 0px; }
	.recentwork .text { margin: 14px 0 18px 1px;  height: 4.4em; overflow: hidden; }
	.recentwork .readmore {  font-weight: bold; text-decoration: none; }
	.recentwork .visual { width: 105px; border: 1px solid #d6dbe1; overflow: hidden; }
	.recentwork.hover img { margin: 0 0 0 -107px;  } 
	
	.recentwork a, .recentwork a:hover { text-decoration: none; }
	
/*	= CASES
	----------------------------------------------------*/	
	#companies { margin: 15px 0 0 0; }
		
	.case { width: 107px; float: left; margin: 6px 36px 12px 0; height: 160px; overflow: hidden; }
	.case.company { height: 100px; }
	.case.rowend { margin-right: 0px; }
	.case img { border: 1px solid #d6dbe1; }
	.case h3 a { text-decoration: none;  }
	.case-info { margin: 16px 1px 0 1px; height: 48px; }
	
	#frm-caseselector { position: absolute; top: 0px; right: 0px; background: #e7e5e4; padding: 5px; }
	#frm-caseselector input, #frm-caseselector select { vertical-align: middle; }
	#frm-caseselector select { width: 175px; height: 19px; margin-right: 5px; }
	
/*	= ARCHIVE
	----------------------------------------------------*/
	#archive { list-style: none; }
	#archive li { position: relative; padding: 0 0 0 53px; margin: 0 0 12px 0; clear: both; overflow: hidden; height: 100%; line-height: 14px;  }
	#archive li a { text-decoration: none; }
	#archive li a span { position: absolute; margin-left: -53px; line-height: 14px;  }
	#archive li a:hover { color: #6d6e71; text-decoration: underline; }
	#archive li a:hover span { text-decoration: none; }

/*	= EMPLOYEE
	----------------------------------------------------*/	
	.employee-info { margin-top: 10px; }

/*	= CASE
	----------------------------------------------------*/	
	#case-screenshots { margin: 10px 0 10px 0; }
	#case-screenshots img { margin-left: 15px; }
	#case-screenshots img.first { margin-left: 0; }	

	.case-description { margin-top:0px; }

/*	= CONTACT
	----------------------------------------------------*/	
	#frm-contact { line-height: 18px; }
	#frm-contact table { margin-top: 20px; }
	#frm-contact td { vertical-align: top; line-height: 22px; padding-bottom: 12px; }
	#frm-contact td.topalign { vertical-align: top; }
	#frm-contact td.radiobtns { line-height: 20px; padding-bottom: 20px; }
	#frm-contact input { margin: 0 9px 0 15px; }
	#frm-contact input.txt { width: 200px; padding: 3px; border: 1px solid #dddddd; }
	#frm-contact input.medtxt { width: 100px; padding: 3px; border: 1px solid #dddddd; }
	#frm-contact input.smalltxt { width: 35px; padding: 3px; border: 1px solid #dddddd; margin-left: 0px; }
	#frm-contact input.radio { vertical-align: middle;  }
	#frm-contact select { width: 208px; padding: 3px; border: 1px solid #dddddd;  margin: 0 9px 0 15px;}
	#frm-contact select.small { width: 60px; }
	#frm-contact textarea { width: 350px; padding: 3px; border: 1px solid #dddddd; margin: 0 9px 0 15px;}
	#frm-contact div { position: relative; }
	#xfrm-contact div span.error { position: absolute; display: none; top: -20px; left: 180px; min-width: 175px; height: 29px; padding: 5px 0 0 10px; color: #fff; font-size: 12px; line-height: 15px; font-weight: bold; background: url(../img/contact_error_bg.png) no-repeat top left; }
	#frm-contact div span.error { background: url(../img/contact_error.gif) no-repeat left 10px; margin-left: 15px; padding: 5px 0 0 15px; color: #FD7F0E; font-size: 12px; line-height: 15px; font-weight: bold; }
	#frm-contact div span.error.show { display: block; }	
	#frm-contact tr.last { display: none; }
	#bijlage_verwijderen { cursor: pointer; }
	#bijlage_verwijderen:hover { cursor: pointer; text-decoration:underline; }

	
/*	= DOMAIN CHECK
	----------------------------------------------------*/	
	#frm-domain-check input.txt { margin: 9px 0; width: 135px; padding: 3px; border: 1px solid #dddddd; }
	#frm-domain-chooser table { margin: 15px 0 9px 1px; width: 436px; border: 1px solid #d6dbe1; border-bottom: none; border-right: none; }
	#frm-domain-chooser th, #frm-domain-chooser td { padding: 6px 9px; border: 1px solid #d6dbe1; border-top: none; border-left: none; }
	#frm-domain-chooser th { background: #f2f2f2; }
	#frm-domain-chooser tr { background: #fafafa; }
	#frm-domain-chooser tr.even { background: #fff; }
	#frm-domain-chooser td div { width: 105px; overflow: hidden;  }
	#frm-domain-chooser .btn-bestellen { float: left; }
	#frm-domain-chooser .btn-meer { float: right; }
	
	#frm-domain-packets table { margin: 15px 0 9px 1px; width: 436px; border: 1px solid #d6dbe1; border-bottom: none; border-right: none; }
	#frm-domain-packets th, #frm-domain-packets td { padding: 6px 9px; border: 1px solid #d6dbe1; border-top: none; border-left: none; }
	#frm-domain-packets th { background: #f2f2f2; }
	#frm-domain-packets th span { font-weight: normal; }
	#frm-domain-packets tr { background: #fafafa; }
	#frm-domain-packets tr.even { background: #fff; }
	
	#frm-domain-packets td label { float: left; padding: 6px 9px; cursor: pointer; }
	#frm-domain-packets td input { float: left; display: inline; margin: 8px 0;}
	#frm-domain-packets #totalprice { width: 436px; border-top: 1px solid #d6dbe1; padding-top: 10px; margin: 15px 0 25px 0; }
	#frm-domain-packets #totalprice strong { float: left; }
	#frm-domain-packets #totalprice #price { float: right; }
	#frm-domain-packets .btn-extradomein { float: left; }
	#frm-domain-packets .btn-afrekenen { float: right; }
	
	#frm-domain-payment label { padding: 13px 0 5px; display: block; float: left; width: 95px; }
	#frm-domain-payment input.txt { margin: 9px 0; width: 200px; padding: 3px; border: 1px solid #dddddd; }
	#frm-domain-payment input.radio { float: left; }
	#frm-domain-payment select { margin: 9px 0; width: 208px; padding: 3px ; border: 1px solid #dddddd; }


	
/*	= HOSTING / DOMEIN CHECK
	----------------------------------------------------*/	
	#hosting-steps { margin-bottom: 15px; overflow: hidden; height: 100%; }
	#hosting-steps li { float: left; list-style: none; }
	
	#hosting_step1 { overflow: hidden; height: 100%; }
	#hosting_step1 h2 { margin: 0 0 10px 0; font-size: 11px; }
	#hosting_step1 input.txt {width: 224px; padding: 4px; margin: 0 0 0 3px; border: 1px solid #dddddd; }
	#hosting_step1 #domain-check input.submit { float: left; margin: 0 0 0 4px; }
	#hosting_step1 #results { display:none; } 
	#hosting_step1 select { width: 58px; padding: 3px; margin: 0 0 0 3px;  border: 1px solid #dddddd; }
	#hosting_step1 #domain-check { margin: 0 0 20px 0; }
	#hosting_step1 #results table { width: 99%; margin: 15px 0 15px 1px; border: none; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
	#hosting_step1 #results td, #hosting_step1 #results th { padding: 4px 7px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; color: #4a4b4d; }
	#hosting_step1 #results th { background: #f2f2f2; }
	#hosting_step1 #results td.first { text-align: center; } 
	/* #hosting_step1 input.submit { float: right; margin-right: 4px; } */
	#hosting_step1 #naar_stap_2 { float: right; margin-right: 4px; }
	#hosting_step1 #results span { padding: 0 0 0 25px; line-height: 20px; }
	#hosting_step1 #results span.verhuizen { background:url(../img/domein_ico_verhuizen.gif) no-repeat left top; padding: 0 0 0 25px; }
	#hosting_step1 #results span.registreren { background:url(../img/domein_ico_registreren.gif) no-repeat left top;  padding: 0 0 0 25px;}
	#hosting_step1 #domain_list a { cursor:pointer; }
	#hosting_step1 #domain_domain { width:172px; }
	#hosting_step1 #domain_extensions { width:110px; } 
	
	
	
	/* STAP 2 */
	#hosting_step2 { overflow: hidden; height: 100%; position: relative; }
	#hosting_step2 a { cursor:pointer }
	#hosting_step2 table tr.not_primary { display:none; }
	#hosting_step3 h2 { font-size: 11px;  }
	#hosting_step2 table { width: 99%; margin: 15px 0 15px 1px; border: none; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
	#hosting_step2 td, #hosting_step2 th { padding: 4px 7px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; color: #4a4b4d; }
	#hosting_step2 th { background: #f2f2f2; }
	#hosting_step2 th.first div { width: 338px; padding: 0px; }
	#hosting_step2 td.prijs { white-space: nowrap; vertical-align: top; text-align: right; }
	#hosting_step2 a.remove { font-weight: normal; text-decoration: none; }
	#hosting_step2 a.remove:hover { text-decoration: underline; }
	
	#hosting_step2 input.radio { float: left; }
	#hosting_step2 label { float: left; width: 280px; padding: 0 5px; }
	#hosting_step2 a.moreinfo { position: relative; display: block; float: right; width: 13px; height: 12px; overflow: hidden; } 
	#hosting_step2 div.pakketinfo { display: none; clear: both; width: 315px; padding: 12px 0 12px 23px; }
	#hosting_step2 div.radio { display: block; float: left; width: 18px; padding: 1px 0 0 0; }
	#hosting_step2 input.next { float: right; margin: 0 0 0 4px; } 
	#hosting_step2 input.prev { float: left; margin: 0 0 0 4px; }
	
	#hosting_step2 a.next { float: right; display: block; } 
	#hosting_step2 a.prev { float: left; display: block; }
	#hosting_step2 a.showall span.all { display: inline; }
	#hosting_step2 a.showall span.standard { display: none; }
	#hosting_step2 a.showall.all span.all { display: none; }
	#hosting_step2 a.showall.all span.standard { display: inline; } 

	/* STAP 3 */
	#hosting_step3  { overflow: hidden; height: 100%; position: relative; }
	#hosting_step3 div.small { margin-top: 16px; font-size: 10px; }
	#hosting_step3 input.txt { padding: 4px;  border: 1px solid #dddddd; }
	#hosting_step3 fieldset { border: 0; margin-bottom: 20px; }
	#hosting_step3 #naw { margin-top: 20px; }
	#hosting_step3 #naw table { width: 99%; margin-left: 1px; border-bottom: 1px solid #dfdfdf; }
	#hosting_step3 #naw td { padding: 6px 7px; }
	#hosting_step3 #naw td.first { vertical-align: top; width: 135px; line-height: 22px; }
	#hosting_step3 #naw tr.last td { padding: 6px 7px 12px 7px; }
	#hosting_step3 #naw tr.first td { padding: 12px 7px 6px 7px; }
	#hosting_step3 #naw tr.first.last td { padding: 12px 7px 12px 7px !important; }
	#hosting_step3 #naw input.txt {	width: 245px;  padding: 4px 4px; margin: 0 3px 0 0 ; border: 1px solid #dddddd; }
	#hosting_step3 #naw input.txt.med {	width: 125px; }
	#hosting_step3 #naw input.txt.small {	width: 46px; }
	#hosting_step3 #naw input.txt.med-large {	width: 185px; }
	#hosting_step3 #naw input.radio,#hosting_step3 #naw input.checkbox { vertical-align: middle; margin-right: 10px; } 
	#hosting_step3 #naw select { width: 310px; padding: 3px; margin: 0 3px 0 0;  border: 1px solid #dddddd;   }
	#hosting_step3 #naw select.small {	width: 55px; }
	
	#hosting_step3 #factuuradres { margin-top: 20px; display: none; }
	#hosting_step3 #factuuradres table { width: 99%; margin-left: 1px; border-bottom: 1px solid #dfdfdf; }
	#hosting_step3 #factuuradres td { padding: 6px 7px; }
	#hosting_step3 #factuuradres td.first { width: 135px; }
	#hosting_step3 #factuuradres tr.last td { padding: 6px 7px 12px 7px; }
	#hosting_step3 #factuuradres tr.first td { padding: 12px 7px 6px 7px; }

	#hosting_step3 #factuuradres input.txt { width: 300px; padding: 4px 4px; margin: 0 3px 0 0 ; border: 1px solid #dddddd; }
	#hosting_step3 #factuuradres input.txt.med {	width: 143px; }
	#hosting_step3 #factuuradres input.txt.small {	width: 50px; }
	#hosting_step3 #factuuradres input.txt.med-large {	width: 185px; }
	#hosting_step3 #factuuradres select { width: 310px; padding: 3px; margin: 0 3px 0 0;  border: 1px solid #dddddd;   }
	
	
	#hosting_step3 h2 { margin-bottom: 10px; font-size: 11px;  }
	#hosting_step3 #betaling table { width: 99%; margin-left: 1px;  border: none; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
	#hosting_step3 #betaling td, #hosting_step3 #betaling th { text-align: left; padding: 4px 7px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; color: #4a4b4d; }
	#hosting_step3 #betaling th { font-weight: normal; padding: 6px 7px;  background: #f2f2f2;} 
	#hosting_step3 #betaling th label {	padding-right: 10px; }
	#hosting_step3 #betaling th input { vertical-align: middle; margin-right: 5px;} 
	#hosting_step3 #betaling td { padding: 6px 7px; }
	#hosting_step3 #betaling td select { width: 278px; padding: 3px; margin: 0 3px 0 0;  border: 1px solid #dddddd;   }
	#hosting_step3 #betaling td input.txt { width: 268px; padding: 4px; margin: 0 3px 0 0 ;  border: 1px solid #dddddd; }
	#hosting_step3 #betaling td label { display: block; width: 126px; float: left; line-height: 22px; }
	
	.paymentIncasso-part, .paymentIdeal-part, .paymentRekening-part { display: none; }
	#hosting_step3 #opmerking table { width: 99%; margin-left: 1px;  border: none; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
	#hosting_step3 #opmerking td, #hosting_step3 #opmerking th { text-align: left; padding: 4px 7px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; color: #4a4b4d; }
	#hosting_step3 #opmerking th { font-weight: normal; padding: 6px 7px;  background: #f2f2f2;} 
	#hosting_step3 #opmerking textarea { width: 100%; height: 48px; border: 1px solid #dfdfdf; background: #fff;margin-top: 10px;  }
		
	#hosting_step3 #voorwaarden table { width: 99%; margin-left: 1px;  border: none; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
	#hosting_step3 #voorwaarden td, #hosting_step3 #voorwaarden th { text-align: left; padding: 4px 7px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; color: #4a4b4d; }
	#hosting_step3 #voorwaarden th { font-weight: normal; padding: 6px 7px;  background: #f2f2f2; } 
	#hosting_step3 #voorwaarden input.checkbox { vertical-align: middle; margin-right: 10px; }
	
	#hosting_step3 input.next { float: right; margin: 0 4px 0 0 ; } 
	#hosting_step3 input.prev { float: left; margin: 0 0 0 0; }
	#hosting_step3 a.prev { float: left; margin: 0 0 0 0; } 
	#hosting_step3 div { float: left; position: relative; }
	#hosting_step3 div span.error { display: none; font-weight: bold; color: #FD7F0E; font-size: 12px; line-height: 15px; font-weight: bold;  }
	#hosting_step3 div span.error { background: url(../img/contact_error.gif) no-repeat left 10px; padding: 5px 0 0 15px; color: #FD7F0E; font-size: 12px; line-height: 15px; font-weight: bold; }
	#hosting_step3 div span.error.show { display: block; }	
	
	/* STAP 4 */ 
	#hosting_step4 { overflow: hidden; height: 100%; margin-top: 20px; }
	#hosting_step4 h2 { margin-bottom: 10px; font-size:11px }
	#hosting_step4 fieldset { border: 0; margin-bottom: 20px; }
	#hosting_step4 #pakketten table { width: 99%; margin-left: 1px;  border: none; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
	#hosting_step4 #pakketten td, #hosting_step4 #pakketten th { padding: 4px 7px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; color: #4a4b4d; }
	#hosting_step4 #pakketten td.totaall { background: #f2f2f2; text-align: right; font-weight: bold; }
	#hosting_step4 #pakketten td.totaalr { background: #f2f2f2; border-left: 0; font-weight: bold; width: 85px; }
	
	#hosting_step4 #naw table { width: 99%; margin-left: 1px;  border: none; border-collapse: collapse; border-spacing: 0;  border-bottom: 1px solid #dfdfdf; }
	#hosting_step4 #naw td { }
	
	#hosting_step4 #naw td { padding: 9px 7px 9px 0; }
	#hosting_step4 #naw td.first { font-weight: bold; width: 157px;  }
	#hosting_step4 #naw tr.last td { padding: 9px 7px 18px 0px; }
	#hosting_step4 #naw tr.first td { padding: 18px 7px 9px 0px; }
	#hosting_step4 #naw tr.first.last td { padding: 18px 7px 18px 0px; }
	
	#hosting_step4 #factuuradres table { width: 99%; margin-left: 1px;  border: none; border-collapse: collapse; border-spacing: 0;  border-bottom: 1px solid #dfdfdf; }
	#hosting_step4 #factuuradres td { }
	#hosting_step4 #factuuradres h2 { margin-bottom: 0; padding-bottom: 3px; }
	
	#hosting_step4 #factuuradres td { padding: 9px 7px 9px 0; }
	#hosting_step4 #factuuradres td.first { font-weight: bold; width: 157px;  }
	#hosting_step4 #factuuradres tr.last td { padding: 9px 7px 18px 0px; }
	#hosting_step4 #factuuradres tr.first td { padding: 18px 7px 9px 0px; }
	#hosting_step4 a.next { display:block; float: right; margin: 0 4px 0 0 ; } 
	#hosting_step4 a.prev { display:block; float: left; margin: 0 0 0 0; } 

/*	= ACTION WINKELMAND
	----------------------------------------------------*/	
	#action-winkelmand { margin: 5px 0 15px 0; padding: 9px 9px 2px 9px; border: 1px solid #d6dbe1; background: #f2f2f2; }
	#action-winkelmand ul { list-style: none; }
	#action-winkelmand li { list-style: none; overflow: hidden; height: 100%; position: relative; padding: 0; margin-bottom: 5px; }
	#action-winkelmand li .date { position: absolute; top:0; left: 0; }
	#action-winkelmand li a { text-decoration: none; font-weight: bold; margin-left: 12px; }
	#action-winkelmand li span { display: block; margin: 4px 0 0 19px; }
	#action-winkelmand li div { float: left; width: 190px; } 
	#action-winkelmand li a.del { cursor:pointer; float: right; text-decoration: none; margin: 0; }
	#action-winkelmand li.cost { border-top:3px double #6D6E71; color:#6D6E71; text-align:right; font-weight: bold; font-size:14px; padding:2px 0 0 0; }
	
/*	= ACTION HEADLINES
	----------------------------------------------------*/
	#action-headlines { margin: 5px 0 15px 0; padding: 9px; border: 1px solid #d6dbe1; background: #f2f2f2; }
	#action-headlines ul { list-style: none; }
	#action-headlines li { list-style: none; position: relative; padding: 0 0 0 38px; margin-bottom: 10px; }
	#action-headlines li .date { position: absolute; top:0; left: 0; }
	#action-headlines li a { text-decoration: none; }
	#action-headlines li a:hover { text-decoration: underline;}

/*	= ACTION CROSSLINKS
	----------------------------------------------------*/	
	#action-crosslinks { margin: 5px 0 15px 0; padding: 9px; border: 1px solid #d6dbe1; background: #f2f2f2; }
	#action-crosslinks ul { list-style: none; }
	#action-crosslinks li { list-style: none; position: relative; line-height: 18px; }

/*	= ACTION CONTACT
	----------------------------------------------------*/	
	#action-contact { margin: 5px 0 15px 0; padding: 9px; border: 1px solid #d6dbe1; background: #f2f2f2; }
	#action-contact { line-height: 16px; }
	#action-contact strong { color: #ff7800; }

/*	= ACTION BANNER
	----------------------------------------------------*/	
	.action-banner { margin: 5px 0 15px 0; }

/*	= ACTION ROUTE
	----------------------------------------------------*/	
	#action-route { margin: 5px 0 15px 0; border: 1px solid #d6dbe1; background: #f2f2f2; }

/*	= ACTION DOMAINCHECK
	----------------------------------------------------*/	
	#action-domaincheck * { vertical-align: middle; }
	#action-domaincheck { margin: 5px 0 15px 0; padding: 5px 9px 9px 9px; border: 1px solid #d6dbe1; background: #f2f2f2; }
	#action-domaincheck input.txt { width: 155px; padding: 4px; margin: 9px 0; border: 1px solid #dddddd; }

/*	= ACTION TEAMSWITCH
	----------------------------------------------------*/	
	#action-teamswitch { margin: 5px 0 15px 0; padding: 5px; border: 1px solid #d6dbe1; background: #f2f2f2; }
	#action-teamswitch select { width: 187px;  border: 1px solid #dddddd; }
	#action-teamswitch input, #action-teamswitch select { vertical-align: middle; }

/*	= ACTION NEWSLETTER
	----------------------------------------------------*/
	#action-newsletter { margin: 5px 0 15px 0; padding: 9px; border: 1px solid #d6dbe1; background: #f2f2f2; }
	#action-newsletter input.txt { width: 192px; padding: 4px;  margin: 9px 0; border: 1px solid #dddddd; }
	
/*	=SITEMAP
	----------------------------------------------------*/
	#sitemap { list-style: none; margin: 0; padding: 0; } 
	#sitemap * { font-size: 11px; line-height: 16px; margin: 0; padding: 0; }
	#sitemap li { list-style: none; padding-bottom: 20px; background: url(../img/sitemap_li_bg.gif) repeat-y; }
	#sitemap ul { margin: 0; padding: 0 0 0 20px; }
	#sitemap li a {  font-weight: bold; color: #212121; text-decoration: none; padding-left: 20px; background: url(../img/sitemap_a_bg.gif) no-repeat 0 6px; }
	#sitemap li li { padding-bottom: 0; }
	#sitemap li li a { font-weight: normal; }
	#sitemap li.last { background: url(../img/sitemap_li_last_bg.gif) no-repeat 0 0; }
	#sitemap li.last a { background: 0; }
	#sitemap li.title { background: 0; padding-bottom: 0; margin: 0 0 5px 0; }

/*	=CLIENT LOGIN
	----------------------------------------------------*/
	#login-box { z-index: 10000; position: absolute; top: -150px; left: 0px; width: 100%; text-align: center; }
	#login-box .label { width: 910px; text-align: right; margin: 0 auto; }
	#login-box .label a { margin-right: 4px; }
	#login { background: #dfdfdf; border-bottom: 5px solid #c8c8c8;  } 
	#login fieldset { height: 150px;  width: 910px; margin: auto; text-align: left; border: none; }
	#login fieldset div { display: block; float: left; width: 210px; padding-left: 10px;  margin: 75px 0 0 0; }
	#login fieldset label { display: block; width: 210px; margin: 0 0 2px 0; }
	#login fieldset input.text { margin: 0; width: 190px; padding: 2px 5px; font-size: 13px; font-weight: bold; border: 0; color: #ff7800; }
	#login input.btn { margin: 97px 0 0 5px; }
	#client-login { cursor: pointer; }

/*	=FORM ERROR
	----------------------------------------------------*/
	.form_error { margin: 0 9px 0 15px; color: #ff7800; }
	
/*	=HIDES CONTENT THAT IS REPLACED BY JQUERY FLASH PLUGIN
	----------------------------------------------------*/
	.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }

	.chrono { display: block; float: left; width: 107px; text-decoration: none; float: left; margin: 6px 36px 12px 0; height: 160px; overflow: hidden; }
	.chrono img { border: 1px solid #d6dbe1; margin: 0 0 16px 0; }
	.chrono.rowend { margin-right: 0px; }
	#content-box .grey { color: #9d9d9d; }
	
/*	= VORIGE/VOLGENDE ONDER NIEUWSBERICHT/PERSBERICHT
	----------------------------------------------------*/
	.nieuws-nav { margin-top: 10px; }
	.nieuws-nav a { display: block; font-weight: bold; text-decoration: none }
	.nieuws-nav a:hover { text-decoration: underline }
	.nieuws-nav a.nav-prev { float: left; }
	.nieuws-nav a.nav-next { float: right; }

	#melding { position: absolute; top: 21px; left: 180px; border: 1px solid #d9dce3; background: #f2f2f2;  width: 254px; height: 37px; }
	#melding img { margin: 0; float: left;}
	#melding div { position: absolute; left: 37px; top: 6px; height: 26px; width: 205px; overflow: hidden; line-height: 18px !important; margin-left: 5px; }
	#melding div a { text-decoration: none }
	#melding div a:hover { text-decoration: underline }

	.melding { position: relative; overflow: hidden; height: 100%;  border: 1px solid #d9dce3; background: #f2f2f2; }
	.melding div { position: absolute; width: 370px !important; left: 47px; top: 10px; padding: 0; overflow: hidden; line-height: 14px !important; margin-left: 5px; }
	.melding div.warning { position: relative; top: 0px; left: 0px; float: left; background:url('/img/let_op.gif') no-repeat top left; height: 37px ;width: 37px;}