@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: 13px; line-height: 14px; color: #333333; }
	img { border: 0; }
	a { outline: 0; }
	body { padding: 4px 0 20px 0; text-align: center; }
	body.bg_0 { background: #fff url(../img/bg/bg_1.gif) no-repeat center top; }
	body.bg_1 { background: #fff url(../img/bg/bg_2.gif) no-repeat center top; }
	body.bg_2 { background: #fff url(../img/bg/bg_3.gif) no-repeat center top; }
	body.bg_3 { background: #fff url(../img/bg/bg_4.gif) no-repeat center top; }
	h1, h2 { margin: 0; padding: 0; }
	table, tr, td { padding: 0; margin: 0; border-collapse: collapse; border: none; border-spacing: 0; }
	
	h1 { margin: 0; padding: 0 0 9px; }
	h1, h1 * { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 19px; font-weight: normal; color: #000; text-decoration: none; }
	h1.casehdr { padding: 0 0 3px; }
	
	h1.rss-nieuws { text-decoration: none; background: url(../img/h1_rss_bg.gif) 65px 1px no-repeat; height: 19px; }
    h1.rss-nieuws:hover { background: url(../img/h1_rss_bg.gif) 65px -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; }
	
	h4, h4 * { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 19px; font-weight: normal; color: #000; }
	
	p.dt { font-weight: bold; margin: 0 0 10px 0; }

/*	= BRANDING
	----------------------------------------------------*/
	#branding { margin: 0 auto; padding: 0; width: 910px; height: 84px; 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; }

	#content-box .col-d h1 { font-size: 22px; line-height: 23px; }

/*	= NAV BAR
	----------------------------------------------------*/
	#nav-bar { position: relative; width: 910px; height: 28px; margin: 0 auto; padding: 0; text-align: left; }
    
    #nav-main { float: left; position: relative; text-align: left; }
	#nav-main li { list-style: none; float: left; }
	#nav-main li a { display: block; height: 24px; margin-right: 11px; 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 -56px; }
	
	#nav-bar #frm-search { float: right; padding: 0; }
	#nav-bar #frm-search .txt { float: left; width: 132px; height: 15px; color: #a1a4a9; padding: 2px 0 0 18px; border: 1px solid #cccccc; background: url(../img/frm-search_txt_bg.gif) 4px 3px no-repeat #f8f8f8; }
	#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 #cccccc; }
	#nav-sub li.title h3 { padding: 0 0 12px 0; font-size: 18px; line-height: 19px; font-weight: normal; }
    #nav-sub li.first a { border-top: 1px solid #cccccc; }
    #nav-sub li a {display: block; padding: 7px 0; text-decoration: none; font-size: 12px; }
	#nav-sub li.first a { border-top: 1px solid #cccccc; }
    #nav-sub li.selected a { font-weight: bold; }
	#nav-sub li a:hover { text-decoration: underline; color: #f1207d; }
	#nav-sub li ul { padding: 3px 0; border-top: 1px solid #cccccc; background-color: #f8f8f8; }
    #nav-sub li ul li { border: none; padding: 4px 0 4px 14px; }
	#nav-sub li.selected ul li a { border: none; background: none; font-weight: normal; } 
    #nav-sub li ul li a { text-decoration: none; display: inline;  font-size: 11px; line-height: 12px; }
    #nav-sub li ul li a:hover { color: #f1207d; }
    #nav-sub li ul li.selected a { font-weight: bold; }

/*	= 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; font-size: 11px; }
	#crumpath li a { text-decoration: none; font-size: 11px;  }
	#crumpath li.first { background: none; padding-left: 12px; }
	#crumpath li a:hover { text-decoration: underline; color: #f1207d;  }
	#crumpath li span { text-decoration: none; background: url(../img/crumpath_arrow.gif) no-repeat left center; padding: 0 6px 0 16px; }

/*	= FLASH BANNER
	----------------------------------------------------*/	
	#home_banner { margin: 1px auto 10px auto !important; height: 240px; width: 910px; position: relative; overflow: hidden; }
	
	#home_banner div.text { 
		height: auto; 
		width: 317px; 
		position: absolute; 
		bottom: -240px;
		right: 60px; 
		background: #ffffff;
		 filter:alpha(opacity=80);
	    -moz-opacity:0.8;
	    -khtml-opacity: 0.8;
	    opacity: 0.8; 
	}
	
	#home_banner div.text div { display: none; color: #333333; padding: 20px; text-align: left; line-height: 20px; margin: 0; cursor: pointer; }
	#home_banner div.text div.active { display: block; }
	#home_banner div.text div h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
	#home_banner div.text div a { color: #f1207d; text-decoration: none; font-weight: bold; display: block; margin-top: 10px; }
	#home_banner div.text div a:hover, #home_banner div.text div.hover a { text-decoration: underline; }
	
	#home_banner img { position: absolute; left: 0; top: 0; display: none; }
	#home_banner img.active { display: block; }
	
	#img_banner { margin: 1px auto !important; }
	
/*	= FOOTER
	----------------------------------------------------*/
	#footer { position: relative; border-top: 1px solid #e7e5e4; width: 880px; height: 70px; 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 { float: left; margin: 10px 0 0 0; list-style: none; }
	#footer .contactinfo li, #footer .contactinfo li * { font-size: 11px; line-height: 18px; }
	#footer .contactinfo li span.a { float: left; width: 110px; }
	#footer .contactinfo li span.b { color: #999999; margin-right: 6px; }
	#footer .contactinfo li a { text-decoration: none; }
	#footer .contactinfo li a:hover { color: #f1207d; text-decoration: underline; }
	
	/*
	#footer .disclaimer_etc { position: absolute; right: 0; bottom: 8px; list-style: none; }
	#footer .disclaimer_etc li { float: left; margin: 0 8px 0 0; padding: 0 0 0 12px; background: url(../img/crumpath_arrow.gif) no-repeat left center; }
	#footer .disclaimer_etc li, #footer .disclaimer_etc li * { font-size: 11px; line-height: 18px; }
	#footer .disclaimer_etc li a { text-decoration: none; }
	#footer .disclaimer_etc li a:hover { text-decoration: underline; color: #f1207d; }
	*/
	#footer .disclaimer_etc { float: left; margin: 10px 6px 0 0; list-style: none; }
	#footer .disclaimer_etc li { padding: 0 0 0 38px; background: url(../img/crumpath_arrow.gif) no-repeat 26px center; }
	#footer .disclaimer_etc li, #footer .disclaimer_etc li * { font-size: 11px; line-height: 18px; }
	#footer .disclaimer_etc li a { text-decoration: none; }
	#footer .disclaimer_etc li a:hover { text-decoration: underline; color: #f1207d; }
	
	#footer #payoff { position: absolute; right: 0; bottom: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 19px; font-weight: normal; color: #000; text-decoration: none; }
	
	#accr { font-size: 0px; line-height: 0px; position: absolute; right: 0; bottom: 0; padding: 10px 1px; }
	#accr a, #accr  span { margin: 0 10px; }
	
	.col-e #accr { font-size: 0px; line-height: 0px; position: relative; right: auto; top: auto; border: 1px solid #cccccc !important; background: #ffffff; padding: 10px 1px; }
	.col-e #accr a, .col-e #accr  span {  margin: 0 10px; }
	
/*	= ZOEKEN
	----------------------------------------------------*/
	#zoeken .highlight { color: #f1207d; }
	#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: #f8f8f8; border: 1px solid #cccccc; text-align: center; padding: 7px; }
	.paging li { display: inline; padding: 0 2px; margin: 0; }
	.paging li a { text-decoration: none; padding: 0 2px; }
	.paging li a:hover { text-decoration: underline; color: #f1207d; }
	.paging li.selected a { font-weight: bold; }
	.paging li.selected a:hover { text-decoration: none; color: #000; }
	.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: 6px 0; border-top: 1px solid #cccccc; overflow: hidden; }
	#home-news li.first { border-top: none; }
	#home-news li span { color: #999999; float: left; margin-right: 10px; }
	#home-news li a { font-size: 12px; line-height: 13px; display: block; overflow: hidden; text-decoration: none; float: left; width: 320px; }
	#home-news li.last { padding-top: 10px; }
	#home-news li.last a { font-size: 13px; line-height: 14px; font-weight: bold; color: #f1207d; }	
	#home-news li a:hover { text-decoration: underline; color: #f1207d; }

/*	= RECENTWORK
	----------------------------------------------------*/		
	.recentwork { width: 107px; overflow: hidden; float: left; display: inline; margin-left: 23px; }
	.recentwork.first { margin-left: 0px; }
	.recentwork .text { margin: 14px 0 10px 1px;  height: 7em; overflow: hidden; }
	.recentwork .text a { line-height: 18px; }
	.recentwork .text a:hover { text-decoration: none; }
	.recentwork .readmore {  font-weight: bold; text-decoration: none; color: #f1207d; }
	.recentwork .visual { width: 105px; border: 1px solid #cccccc; overflow: hidden; }
	.recentwork a { text-decoration: none; }
	
	.recentwork.hover img { margin: 0 0 0 -107px;  } 
	.recentwork.hover .visual { border-color: #f1207d; } 
	.recentwork.hover a { text-decoration: underline; }
	.recentwork.hover .text a { text-decoration: none; }	
/*	= CASES
	----------------------------------------------------*/	
	#companies { margin: 15px 0 0 0; }
		
	.case { width: 107px; float: left; margin: 6px 36px 12px 0; height: 198px; overflow: hidden; }
	.case.company { height: 100px; }
	.case.rowend { margin-right: 0px; }
	.case img { border: 1px solid #cccccc; }
	.case h3 { color: #f1207d; border-bottom: 1px solid #fff; }
	.case h3 a { text-decoration: none; color: #f1207d; }
	.case h3 hr { border: none 0; border-top: 1px solid #fff; height: 1px; }
	.case-info { margin: 6px 1px 0 1px; height: 88px; }
	
	.case.hover img { border-color: #f1207d; }
	.case.hover h3 { border-bottom: 1px solid #f1207d; }
	
	#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 { font-size: 0px; line-height: 0px; list-style: none; padding: 6px 0; border-top: 1px solid #cccccc; overflow: hidden;  }
	#archive li span { color: #999999; float: left; margin-right: 10px; }
	#archive li a { width: 370px; font-size: 12px; line-height: 13px; display: block; overflow: hidden; text-decoration: none; float: left; }
	#archive li a:hover { text-decoration: underline; color: #f1207d; }
	
/*	= 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: 240px; 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: 330px; height: 100px; 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: #f1207d; 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; }

/*	= NIEUWSBRIEF
	----------------------------------------------------*/	
	#frm-nieuwsbrief { line-height: 18px; }
	#frm-nieuwsbrief table { margin-top: 20px; }
	#frm-nieuwsbrief td { vertical-align: top; line-height: 22px; padding-bottom: 12px; }
	#frm-nieuwsbrief td.topalign { vertical-align: top; }
	#frm-nieuwsbrief input { margin: 0 9px 0 15px; }
	#frm-nieuwsbrief input.txt { width: 200px; padding: 3px; border: 1px solid #dddddd; }
	#frm-nieuwsbrief input.medtxt { width: 100px; padding: 3px; border: 1px solid #dddddd; }
	#frm-nieuwsbrief input.smalltxt { width: 35px; padding: 3px; border: 1px solid #dddddd; margin-left: 0px; }
	#frm-nieuwsbrief div { position: relative; }
	#frm-nieuwsbrief div span.error { background: url(../img/contact_error.gif) no-repeat left 10px; margin-left: 15px; padding: 5px 0 0 15px; color: #f1207d; font-size: 12px; line-height: 15px; font-weight: bold; }
	#frm-nieuwsbrief div span.error.show { display: block; }	
	#frm-nieuwsbrief tr.last { display: none; }

	
/*	= 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 #cccccc; border-bottom: none; border-right: none; }
	#frm-domain-chooser th, #frm-domain-chooser td { padding: 6px 9px; border: 1px solid #cccccc; border-top: none; border-left: none; }
	#frm-domain-chooser th { background: #f8f8f8; }
	#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 #cccccc; border-bottom: none; border-right: none; }
	#frm-domain-packets th, #frm-domain-packets td { padding: 6px 9px; border: 1px solid #cccccc; border-top: none; border-left: none; }
	#frm-domain-packets th { background: #f8f8f8; }
	#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 #cccccc; 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: #f8f8f8; }
	#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: #f8f8f8; }
	#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: #f8f8f8;} 
	#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: #f8f8f8;} 
	#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: #f8f8f8; } 
	#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: #f1207d; 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: #f1207d; 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: #f8f8f8; text-align: right; font-weight: bold; }
	#hosting_step4 #pakketten td.totaalr { background: #f8f8f8; 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 29px 0; padding: 9px 9px 2px 9px; border: 1px solid #cccccc; background: #f8f8f8; }
	#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 29px 0; padding: 9px; border: 1px solid #cccccc; background: #f8f8f8; }
	#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 29px 0; padding: 9px; border: 1px solid #cccccc; background: #f8f8f8; }
	#action-crosslinks ul { list-style: none; }
	#action-crosslinks li { list-style: none; position: relative; line-height: 18px; }
	
/*	= ACTION REFERENTIES
	----------------------------------------------------*/
	#action-referenties { margin: 5px 0 29px 0; padding: 9px; border: 1px solid #cccccc; background: #f8f8f8; }
	#action-referenties ul { list-style: none; }
	#action-referenties li { list-style: none; display: inline-block; margin: 2px; vertical-align: middle; }
	#action-referenties li img { border: 1px solid #cccccc; }

/*	= ACTION CONTACT
	----------------------------------------------------*/	
	#action-contact { margin: 5px 0 29px 0; padding: 9px; border: 1px solid #cccccc; background: #f8f8f8; height: 55px; }
	#action-contact ul { list-style: none; }
	#action-contact ul li { float: left; position: relative; font-size: 11px; line-height: 18px; }
	#action-contact ul li { width: 100px; }
	#action-contact ul li a { text-decoration: none; font-size: 11px; }
	#action-contact ul li a:hover { color: #f1207d; text-decoration: underline; }
	#action-contact strong { color: #999999; font-weight: normal; font-size: 11px; line-height: 18px; }

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

/*	= ACTION ROUTE
	----------------------------------------------------*/	
	#action-route { margin: 5px 0 29px 0; border: 1px solid #cccccc; background: #f8f8f8; }

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

/*	= ACTION TEAMSWITCH
	----------------------------------------------------*/	
	#action-teamswitch { margin: 5px 0 29px 0; padding: 5px; border: 1px solid #cccccc; background: #f8f8f8; }
	#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 29px 0; padding: 9px; border: 1px solid #cccccc; background: #f8f8f8; }
	#action-newsletter { line-height: 16px; }
	#action-newsletter img { display: block; margin-top: 6px; }
	#action-newsletter form { margin-top: 10px;}
	#action-newsletter input.text { width: 180px; margin-top: 4px; padding: 4px; border: 1px solid #dddddd; }
	#action-newsletter input.submit { margin-top: 12px; margin-bottom: 5px;}
	
	
/*	=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: #f1207d; }
	#login input.btn { margin: 97px 0 0 5px; }
	#client-login { cursor: pointer; }

/*	=FORM ERROR
	----------------------------------------------------*/
	.form_error { margin: 0 9px 0 15px; color: #f1207d; }
	
/*	=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 #cccccc; 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; color: #f1207d; 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: #f8f8f8;  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: #f8f8f8; }
	.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;}

/*	= SHARE THIS
	----------------------------------------------------*/
	#share-this {}
	#share-this div { height: 45px; display: table-cell; vertical-align: top; padding-right: 3px; }
	#share-this #twitter {}
	#share-this #facebook {}
	
/*  = JAARVERSLAG
	----------------------------------------------------*/
	.jaarverslag .op-maat { width:427px; margin-right:32px; float:left; }
	.jaarverslag .sociaal { width:427px; float:left; }
	.jaarverslag h3 { font-weight:normal; font-size:22px; padding-bottom:5px; border-bottom: solid 1px #e5e5e5; margin-bottom:15px; }
	.jaarverslag h4 { margin-bottom: 8px; }
	.jaarverslag .intro { height:220px; overflow:hidden; }
	.jaarverslag .intro p { line-height:18px; font-size:12px; text-align: justify; }

	.jaarverslag .carousel { height:166px; overflow:hidden; background:#006bb3; padding-top:19px; position:relative; margin-bottom:10px; }
	.jaarverslag .carousel .back, .jaarverslag .carousel .next { position:absolute; top:78px; width:26px; height:27px; background:url('../img/sprite.gif'); cursor:pointer; }
	.jaarverslag .carousel .back { left:11px; background-position:0 0; }
	.jaarverslag .carousel .next { right:11px; background-position:-26px 0; }
	.jaarverslag .carousel .back:hover { background-position:0 -27px; }
	.jaarverslag .carousel .next:hover { background-position:-26px -27px; }
	.jaarverslag .carousel .wrapper { overflow:hidden; width: 354px; height:140px; margin:0 0 0 37px; position:relative; }
	.jaarverslag .carousel ul { padding:0; margin:0; list-style:none; width:10000px; position:absolute; }
	.jaarverslag .carousel ul li { float:left; margin:6px 12px 0; width:342px; height:127px; }
	.jaarverslag .carousel img {
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,.8);
		-moz-box-shadow: 0 0 6px rgba(0,0,0,.8);
		box-shadow: 0 0 6px rgba(0,0,0,.8);
	}
	.jaarverslag .carousel a { position:relative; display: inline-block; }
	.jaarverslag .carousel a:hover:after { content: ''; position:absolute; height:50px; width:50px; background:url('../img/magnifier.png'); top:38px; left:55px; }
	.jaarverslag .carousel a:hover img {
		-webkit-box-shadow: 0 0 8px rgba(0,0,0,1);
		-moz-box-shadow: 0 0 8px rgba(0,0,0,1);
		box-shadow: 0 0 8px rgba(0,0,0,1);
	}
	.jaarverslag .carousel a ~ a { margin-left:8px; }
	.jaarverslag .carousel .bubbles { position:absolute; width:354px; left:37px; text-align:center; bottom:11px; }
	.jaarverslag .carousel .bubbles span { display:inline-block; width:6px; height:6px; background:url('../img/sprite.gif') -58px -35px; cursor:pointer; }
	.jaarverslag .carousel .bubbles span.current, .jaarverslag .carousel .bubbles span:hover { background-position: -52px -35px; }

	.jaarverslag .slides { height:165px; overflow:hidden; background:#f1207d; padding:10px 1px; margin-bottom:10px; white-space:nowrap; }
	.jaarverslag .slides .slide-1, .jaarverslag .slides .slide-2, .jaarverslag .slides .slide-3  { width:116px; overflow:hidden; height:165px; padding:0 11px; cursor:pointer; display:inline-block !important; }
	.jaarverslag .slides .slide-2, .jaarverslag .slides .slide-3 { border-left:solid 1px #f34190; }
	.jaarverslag .title { white-space:nowrap; }
	.jaarverslag .icon { width:21px; height: 22px; display:inline-block; background-image:url('../img/sprite.gif'); vertical-align:top; margin-right:4px; }
	.jaarverslag .slide-1 .icon { background-position: 0 -54px; }
	.jaarverslag .slide-2 .icon { background-position: -21px -54px; }
	.jaarverslag .slide-3 .icon { background-position: -42px -54px; }
	.jaarverslag .slides .content { color:#fff; width:328px; }
	.jaarverslag .slides .content img { margin:0 8px 0 16px; }
	.jaarverslag .slides p { display:inline-block; width:197px; color:#fff; text-align: justify; white-space:normal; }
	.jaarverslag .slides h5 { width:90px; display:inline-block !important; color:#fff; height:48px; white-space:normal; } /* Needs important for jQuery animate */

	.jaarverslag .meer-info { font-weight:bold; text-decoration:none; display:block; margin:5px 0 45px; }
	.jaarverslag .meer-info:hover { text-decoration:underline; }
	.jaarverslag .op-maat .meer-info { color:#006bb3; }
	.jaarverslag .sociaal .meer-info { color:#f1207d; }
	.jaarverslag .checklist { list-style-position: inside; margin-bottom:45px; }
	.jaarverslag .checklist li{ border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; padding:10px 0; }
	.jaarverslag .checklist li ~ li{ border-top: none; }
	.jaarverslag .op-maat .checklist { list-style-image:url('../img/blue-tick.gif'); }
	.jaarverslag .sociaal .checklist { list-style-image:url('../img/pink-tick.gif'); }
	#meer-info { margin-bottom:82px; }
	#meer-info div { float:left; width:191px; height:108px; overflow:hidden; padding:10px; border:solid 10px #ececec; }
	#meer-info .skype { border-width:10px 0; }
	#meer-info .productsheets { border-width:10px 10px 10px 0; }
	#meer-info h5 { padding-bottom:5px; border-bottom: solid 1px #e5e5e5; margin-bottom:5px; }
	#meer-info a { color: #f1207d; text-decoration:none; }
	#meer-info a:hover { text-decoration:underline; }
	#meer-info p { line-height:18px; margin-bottom: 5px; }
	#meer-info .bel-ons span { font-size:20px; padding-left:19px; background: url('../img/phone.gif') no-repeat; line-height:29px; }
	#meer-info .mail-ons a { display:block; width:122px; height:24px; background: url('../img/sprite.gif') no-repeat -64px 0;text-indent:-9999em; }
	#meer-info .mail-ons a.disabled { background-position: -64px -25px; cursor:default; }

	#meer-info .form { border-width: 1px 0 0; margin-top: 10px; padding: 0; float: none; position:relative; height: auto; }
	#meer-info .form .close { width:10px; height:10px; background:url('../img/sprite.gif') no-repeat -52px -41px; float:right; margin: 9px 6px 0 0; cursor:pointer; }
	#meer-info .form input, #meer-info .form textarea { width: 180px; margin-top:9px; box-sizing:border-box; padding:2px 4px; border:solid 1px #ccc;}
	#meer-info .form textarea { height: 97px; resize:none; }
	#meer-info .form .invalid, #meer-info .form :invalid { color:#f00; border-color:#f00; }
	#meer-info .form p { color:#999; margin:0; width:90px; float:left; margin-top:5px; }
	#meer-info .form button { border:0; width:89px; height:25px; text-indent:-9999em; background:url('../img/sprite.gif') no-repeat -64px -49px; float:right; cursor:pointer; margin-top:10px; }

	.cf:before,	.cf:after { content:''; display:table; }
	.cf:after { clear:both; }
	.cf { zoom:1; }
	.hp { display: none; }