/* common */
* { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body {font-family: 'Roboto', sans-serif; font-size: 12px; color: #8c806e;  background: #e6e6e9;}
input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 12px; color: #8c806e; }
body { background: #e6e6e9;; }
img { border: 0px; display: block; }
a, input { outline: none; text-decoration: none;}
input[type="submit"] { -webkit-appearance: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
.centering{ padding: 0px 15px; max-width: 768px; margin: auto; }
.centeringlogin { padding: 0px 15px; max-width: 500px; margin: auto; }

ul li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h2{ font-family:'VistaSansMed-Regular'; font-size: 22px; color: #fff; }
p { font-size: 15px; color: #000;font-family: 'Roboto', sans-serif;font-weight: 400; }
h3 { font-family:'VistaSansMed-Regular'; font-size: 16px; color: #161616; }
h4{ font-size: 16px; color: #161616;font-family:'VistaSansMed-Regular';}
h5 { float: left; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #161616; line-height: 36px; }
.plus_btn { padding: 0px 15px 0px 25px; display: block; float: left; font-family:'VistaSansMed-Regular'; font-size: 16px; color: #fff; background: #005696; line-height: 36px; position: relative; border-radius: 4px; box-shadow: 0px -2px 0px 0px #1e1e1e inset; }
.plus_btn:before { position: absolute; content: "+"; font-size: 20px; color: #fff; line-height: 36px; top: 0px; left: 8px; }
.anch_btn { cursor: pointer; border: none; margin-left: 5px; padding: 0px 14px; display: block; float: left; font-family:'VistaSansMed-Regular'; font-size: 14px; color: #fff; background: #005696; line-height: 45px; position: relative; border-radius: 4px; box-shadow: 0px -2px 0px 0px #004070 inset; }
.anch_btn:hover {background: #2e74a7;}
.anch_btn.red { background: #ff0000; box-shadow: 0px -2px 0px 0px #cc0000 inset;}
.anch_btn:hover.red {background: #ff7777;}


.anchhover_btn { padding: 0px 14px; display: block; float: left; font-family:'VistaSansMed-Regular'; font-size: 14px; color: #000; background: #fff; line-height: 41px; position: relative; border-radius: 4px; border: solid 2px #e6e6e9; }
.form_box { width: 100%; border: solid 2px #ececee; border-radius: 4px; margin-bottom: 16px; }
.smpl-btn { margin-left: 15px; text-decoration: underline; color: #161616; line-height: 40px; font-family: 'Roboto', sans-serif;font-weight: 400; font-size: 13px; }
.success_box { width: 100%; border-radius: 4px; margin-bottom: 16px; float: left; line-height: 20px; padding: 8px 16px; background: #ecf3e6; border: solid 1px #e3ebd5; font-family:'VistaSansMed-Regular'; font-size: 16px; color: #8fbb6c;}
.warning_box { width: 100%; border-radius: 4px; margin-bottom: 16px; float: left; line-height: 20px; padding: 8px 16px; background: #fef1f1; border: solid 1px #fcd9df; font-family:'VistaSansMed-Regular'; font-size: 16px; color: #f56b6b;}
.error { font-size: 15px; color: #f56b6b; font-family: 'Roboto', sans-serif;font-weight: 400; margin-bottom: 10px;}

/* section  */
#section { position: relative; display: block; width: 100%; min-height: 100%; }

/* page wrap */
#page-wrap { margin: 0 auto; width: 100%; padding-bottom: 200px; }

    /* pagination bar */
    .pagination-bar { padding: 18px 0 20px 20px; overflow: hidden; display: block; background: #004f89; }
    .pagination-bar ul li { margin-right: 5px; display: inline-block; text-align: center; }
    .pagination-bar ul li{ display: table-cell; font-size: 16px; width: 31px; height: 30px; vertical-align: middle; color: #ffffff; text-decoration: none; }
    .pagination-bar ul li a { display: table-cell; font-size: 16px; width: 31px; height: 30px; vertical-align: middle; color: #ffffff; text-decoration: none; }
    .pagination-bar ul li.active, .pagination-bar ul li.active a, .pagination-bar ul li:hover a { color: #ffde00; text-decoration: underline; } 
    .pagination-bar.bg { padding: 16px 0 19px 20px; margin-bottom: -13px; background: #090909; } 

	/* popup */
    .lant-popup{ width: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; height: 100%; width: 100%; z-index: 99; display: none;}
	.lant-popup .meer{ padding: 25px 22px; width: 650px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -325px; margin-top: -225px; border: 1px solid #ededee; border-radius: 3px;}
	.lant-popup .meer .cross{ width: 15px; height: 15px; position: absolute; top: 25px; right: 25px; cursor: pointer}
	.lant-popup .meer ul { list-style: none;}
	.lant-popup .meer ul li{width: 100%; float: left; line-height: 30px; margin-bottom: 5px;}
	.lant-popup .meer ul li:last-child{ margin-top: 20px; margin-bottom: 0px;}
	.lant-popup .meer h4{ padding-bottom: 25px;	}
	.lant-popup .meer ul li input[type="radio"]{ display: block; float: left; background: #000; margin-top: 5px; margin-right: 5px;}
	.lant-popup .meer ul li label{ font-size: 13px; color: #5d5d5d;font-family: 'Roboto', sans-serif;font-weight: 500; display: block; float: left;line-height: 25px;}
	.lant-popup .meer ul li span{ font-size: 13px; color: #5d5d5d;font-family: 'Roboto', sans-serif;font-weight: 500;}
	.lant-popup .meer ul li .left{ width: 24%; float: left;}
	.lant-popup .meer ul li .right{ width: 74%; float: right;}
	.lant-popup .meer ul li .right .grp1{ width: 28%; margin-right:1%; float: left;}
	.lant-popup .meer ul li input[type="text"]{padding: 0px 10px; height: 30px; width: 100%; background: #fff; border: 1px solid #ededee; border-radius: 3px;}
	/* finish popup */

	/* header */
	#header-wrap { position: relative; width: 100%; z-index: 9; }
	/* header block */
	.header-block{ padding: 10px 0px 0px 0px; width: 100%; background: url(../images/header.png) no-repeat center center; min-height: 170px; background-size: cover; position: relative;}
	.header-block .logo a{ float: left;}
	.header-block .dash{ padding: 15px 0px 30px 0px; width: 100%;background: rgba(0,82,143,0.9); position: absolute; bottom: 0px;}
	.header-block .dash .left{ padding: 0px 0px 0px 15px; width: 70%; float: left;}
	.header-block .dash .right{ width: 20%; float: right;}
	.header-block .dash .right img{padding: 0px 20px 0px 0px; float: right;}
	.header-block .dash .right a.back { color: #fff; padding: 10px 10px 10px 13px; font-size: 20px; float: none; background: url(../images/icon_back.png) no-repeat left 17px; }

	/* content */
	#content-wrap { width: 100%; }
	
	/* center */
	#center-wrap { float: left; width: 100%; background: #e6e6e9 }
	
	/* project block */
	.project-block { padding: 17px; width: 100%; background: #fff; box-shadow:4px 2px 12px -3px #999999; margin-top: -15px; position: relative; z-index: 9; border: 1px solid #e6e6e9; border-radius: 3px;}
	.project-block .success_box { margin-bottom: 10px; }
	.project-block .ten{ width: 100%;}
	.project-block .ten .left{float: left; width: 26%; margin-right: 2%; text-align: center}
	.project-block .ten .left a{ padding:70px 20px 10px 20px; width: 100%; min-height: 280px; border: 2px solid #e6e6e9; border-radius: 5px; text-align: center; display: inline-block}
	.project-block .ten .left .icon{ width: 100%; text-align: center; min-height: 70px;}
	.project-block .ten .left .icon img{ display: inline-block}
	.project-block .ten .left em{ color: #005696; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 700; font-style: normal;}
	.project-block .ten .right{ width: 72%; float: right;}
	.project-block .ten .right.l-set{ width: 100%; float: left;}
	.project-block .ten .right.l-set ul { list-style: none}
	.project-block .ten .right.l-set ul li{ float: left;width: 164px; margin-right: 15px;}
	.project-block .ten .right.l-set ul li:nth-child(3n){ margin-right: 15px;}
	.project-block .ten .right.l-set ul li:last-child{ margin-right: 0px;}
	.project-block .ten .right ul { list-style: none}
	.project-block .ten .right .box{ width: 100%; margin-bottom: 2.5%; float: left;}
	.project-block .ten .right .box:last-child{ margin: 0px;}
	.project-block .ten .right ul li{ float: left;width: 31.1%; margin-right: 3.2%;}
	.project-block .ten .right ul li:nth-child(3n){ margin-right: 0px;}
	.project-block .ten .right ul li a{ padding:24px 6px 16px 6px; width: 100%; min-height: 135px; border: 2px solid #e6e6e9; border-radius: 5px; text-align: center; display: inline-block}
	.project-block .ten .right ul li .icon{ width: 100%; text-align: center; min-height: 60px;}
	.project-block .ten .right ul li .icon img{ display: inline-block}
    
	/* cool */
	.project-block .cool{ width: 100%;  border: 2px solid #e6e6e9; border-radius: 5px;}
	.project-block .cool ul { list-style: none;}
	.project-block .cool ul li{ padding: 10px; font-size: 33px; float: none; border-bottom: 1px solid #e6e6e9; background: url(../images/icon8.png) no-repeat 97% 13px; }
    .project-block .cool ul li.no_arrow { background: none; }
	.project-block .cool ul li p{ font-family: 'Roboto', sans-serif; font-weight: 700;  font-size: 13px;}
	.project-block .cool ul li p span{ padding-left: 10px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #999999; display: inline-block;}
	.project-block .cool ul li:last-child{ border-bottom:0px;}
	.project-block .cool ul li .line{ width: 100%;}
	.project-block .cool ul li .line .grp1{ width: 25%; float: left;}
	.project-block .cool ul li .line .grp2{ padding: 0px 20px 0px 0px; width: 50%; float: left;}
	.project-block .cool ul li .line .grp3{ width: 25%; float: left;}
	.project-block .cool ul li .line .grp3 small{ width: 15px; height: 15px; background: #f2f2f4; display: inline-block; float: left; margin-right: 10px; border-radius: 50%;}
	.project-block .cool ul li .line .grp3 em{ color: #000; display: inline-block; float: left;font-family: 'Roboto', sans-serif; font-weight: 400;  font-style: normal;line-height: 15px;}
	.project-block .cool ul li .line .grp3 .yellow{ background: #ffde00}
	.project-block .cool ul li .line .grp3 .orange{ background: #ff9700}
	.project-block .cool ul li .line .grp3 .green{ background: #4baf4f}
	.project-block .cool ul li .line .grp3 .project_status_color_1 { background: #ffde00}
	.project-block .cool ul li .line .grp3 .project_status_color_2 { background: #ff9700}
	.project-block .cool ul li .line .grp3 .project_status_color_3 { background: #4baf4f}
    .project-block .cool ul li .line .grp3 .project_status_color_4 { background: #ff0000}
	.project-block .cool ul li .line .grp3 .project_status_color_6 { background: #ffde00}
	.project-block .cool ul li .line .grp3 .project_status_color_7 { background: #ff9700}
	.project-block .cool ul li .line .grp3 .project_status_color_8 { background: #4baf4f}
    
	/* hours */
	.project-block .hours { width: 100%;  border: 2px solid #e6e6e9; border-radius: 5px;}
	.project-block .hours .head { position: relative; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px; width: 100%; background: #f5f5f6 none repeat scroll 0 0; border-bottom: 1px solid #f3f3f4; height: 30px;}
	.project-block .hours .head h3 { float: none; text-align: right;}
	.project-block .hours .head span { float: left;}
	.project-block .hours .head .hd3 { position: absolute; top: 5px; left: 45%; width: 15%; text-align: right;}
	.project-block .hours .head .hd4 { position: absolute; top: 5px; left: 60%; width: 15%; text-align: right; }
	.project-block .hours .head .hd5 { position: absolute; top: 5px; left: 74%; width: 15%; text-align: right; }
	.project-block .hours ul { list-style: none;}
	.project-block .hours ul li{ padding: 10px; font-size: 33px; float: none; border-bottom: 1px solid #e6e6e9; background: url(../images/icon8.png) no-repeat 97% 13px; }
    .project-block .hours ul li.no_arrow { background: none; }
	.project-block .hours ul li:last-child{ border-bottom:0px;}
	.project-block .hours ul li .line{ width: 100%;}
	.project-block .hours ul li .line .grp1{ width: 27%; float: left;}
	.project-block .hours ul li .line .grp2{ width: 18%; float: left;}
	.project-block .hours ul li .line .grp3{ width: 15%; float: left; text-align: right;}
    .project-block .hours ul li .line .grp4{ width: 15%; float: left; text-align: right;}
    .project-block .hours ul li .line .grp5{ width: 15%; float: left; text-align: right;}
    .project-block .hours ul li .line .grp6{ width: 10%; float: left; }
    .project-block .hours ul li .line p{ font-family: 'Roboto', sans-serif; font-size: 13px; }
    .project-block .hours ul li:hover { cursor: pointer; }
    
	/* financieel */
	.project-block .financieels { width: 100%;  border: 2px solid #e6e6e9; border-radius: 5px;}
	.project-block .financieels ul { list-style: none;}
	.project-block .financieels ul li{ padding: 10px; font-size: 33px; float: none; border-bottom: 1px solid #e6e6e9; background: url(../images/icon8.png) no-repeat 97% 13px; }
    .project-block .financieels ul li.no_arrow { background: none; }
	.project-block .financieels ul li:last-child{ border-bottom:0px;}
	.project-block .financieels ul li .head{ width: 100%;}
    .project-block .financieels ul li .head .grp1{ width: 9%; float: left;}
	.project-block .financieels ul li .head .grp2{ width: 20%; float: left;}
	.project-block .financieels ul li .head .grp3{ width: 39%; float: left;}
    .project-block .financieels ul li .head .grp4{ width: 14%; float: left;}
    .project-block .financieels ul li .head .grp5{ width: 12%; float: left;  text-align: right;}
    .project-block .financieels ul li .head p{ font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 13px;}
    .project-block .financieels ul li .head a.asc p:after { content: " \22C0"; font-size: 10px; color: #aaa; }
    .project-block .financieels ul li .head a.desc p:after { content: " \22C1"; font-size: 10px; color: #aaa; }
	.project-block .financieels ul li .line{ width: 100%;}
    .project-block .financieels ul li .line .grp1{ width: 9%; float: left;}
	.project-block .financieels ul li .line .grp2{ width: 20%; float: left;}
	.project-block .financieels ul li .line .grp3{ width: 39%; float: left;}
    .project-block .financieels ul li .line .grp4{ width: 14%; float: left;}
    .project-block .financieels ul li .line .grp5{ width: 12%; float: left; text-align: right;}
    .project-block .financieels ul li .line p{ font-family: 'Roboto', sans-serif; font-size: 13px; }
    .project-block .financieels ul li .line:hover { cursor: pointer; }
    .project-block .financieels ul li small { margin: 2px 5px 0px 0; display: block; float: left; width: 12px; height: 12px; border-radius: 50%; background: #ccc; }
    .project-block .financieels ul li small.project_status_color_1, .dropdown_box a sub.project_status_color_1 { background: #ffde00; }
    .project-block .financieels ul li small.project_status_color_2, .dropdown_box a sub.project_status_color_2 { background: #ff9700; }
    .project-block .financieels ul li small.project_status_color_3, .dropdown_box a sub.project_status_color_3 { background: #4baf4f; }
    .project-block .financieels ul li small.project_status_color_4, .dropdown_box a sub.project_status_color_4 { background: #ff0000; }
    .project-block .financieels ul li small.project_status_color_6, .dropdown_box a sub.project_status_color_6 { background: #ffde00; }
    .project-block .financieels ul li small.project_status_color_7, .dropdown_box a sub.project_status_color_7 { background: #ff9700; }
    .project-block .financieels ul li small.project_status_color_8, .dropdown_box a sub.project_status_color_8 { background: #4baf4f; }

    .project-block.financieel .hd .form_box.left { float: left; width: 14%; min-height: 88px; position: relative; }
	.project-block.financieel .hd .form_box.left img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
	.project-block.financieel .hd .form_box.center { float: left; width: 70%; min-height: 88px; margin-left: 1% }
	.project-block.financieel .hd .form_box.right { float: right; width: 14%; min-height: 88px; position: relative; }
	.project-block.financieel .hd .form_box.right img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
	.project-block.financieel .submit_box { margin-top: 20px; }
    .project-block.financieel .submit_box a { float: right; }

	/* Customers */
	.project-block .customers { width: 100%;  border: 2px solid #e6e6e9; border-radius: 5px;}
	.project-block .customers ul { list-style: none;}
	.project-block .customers ul li{ padding: 10px; font-size: 33px; float: none; border-bottom: 1px solid #e6e6e9; background: url(../images/icon8.png) no-repeat 97% 13px; }
    .project-block .customers ul li.no_arrow { background: none; }
	.project-block .customers ul li:last-child{ border-bottom:0px;}
	.project-block .customers ul li .head{ width: 100%;}
	.project-block .customers ul li .head .grp1{ width: 28%; float: left;}
	.project-block .customers ul li .head .grp2{ width: 33%; float: left;}
	.project-block .customers ul li .head .grp3{ width: 16%; float: left;}
    .project-block .customers ul li .head .grp4{ width: 20%; float: left;}  
    .project-block .customers ul li .head .grp5{ width: 3%; float: left;}
    .project-block .customers ul li .head p{ font-family: 'Roboto', sans-serif; font-weight: 700;}
    .project-block .customers ul li .head a.asc p:after { content: " \22C0"; font-size: 10px; color: #aaa; }
    .project-block .customers ul li .head a.desc p:after { content: " \22C1"; font-size: 10px; color: #aaa; }
	.project-block .customers ul li .line{ width: 100%;}
	.project-block .customers ul li .line .grp1{ width: 28%; float: left;}
	.project-block .customers ul li .line .grp2{ width: 33%; float: left;}
	.project-block .customers ul li .line .grp3{ width: 16%; float: left;}
    .project-block .customers ul li .line .grp4{ width: 20%; float: left;}
    .project-block .customers ul li .line  a .grp5 p   { color: #fff }
    .project-block .customers ul li .line .grp5{ width: 3%; float: left; background: #005696; border-radius: 4px; padding: 4px 1px; }
    .project-block .customers ul li .line p{ font-family: 'Roboto', sans-serif; font-size: 13px;}

	/* Customer */
	.project-block .customer { width: 100%; width: 100%; z-index: 99; }
	.project-block .customer .meer ul { list-style: none;}
	.project-block .customer .meer ul li{width: 100%; float: left; line-height: 30px; margin-bottom: 5px;}
	.project-block .customer .meer ul li:last-child{ margin-top: 20px; margin-bottom: 0px;}
	.project-block .customer .meer h4{ padding-bottom: 25px;	}
	.project-block .customer .meer ul li input[type="radio"]{ display: block; float: left; background: #000; margin-top: 5px; margin-right: 5px;}
	.project-block .customer .meer ul li label{ font-size: 13px; color: #5d5d5d;font-family: 'Roboto', sans-serif;font-weight: 500; display: block; float: left;line-height: 25px;}
	.project-block .customer .meer ul li span{ font-size: 13px; color: #5d5d5d;font-family: 'Roboto', sans-serif;font-weight: 500;}
	.project-block .customer .meer ul li .left{ width: 24%; float: left;}
	.project-block .customer .meer ul li .right{ width: 74%; float: right;}
	.project-block .customer .meer ul li .right .grp1{ width: 25%; margin-right: 2%; float: left;}
	.project-block .customer .meer ul li input[type="text"]{ font-size: 14px; padding: 0px 10px; height: 30px; width: 100%; background: #fff; border: 1px solid #ededee; border-radius: 3px;}

	/* teer */
	.project-block .head.teer{ width: 100%;}
	.project-block .head.teer h3{ background: #f5f5f6; padding: 20px 15px;}
	.project-block .head.teer .line{ width: 100%; padding: 15px 15px 0px 15px; }
	.project-block .head.teer .dropdown { position: relative; z-index: 10; }
	.project-block .head.teer .dropdown a.mn { position: relative; z-index: 9; display: block; text-decoration: none; padding-left: 15px; color: #000;font-family: 'Roboto', sans-serif; font-weight: 700;  font-size: 14px; width :100%; height : 35px; line-height: 35px; background: url(../images/select-obj.png) no-repeat 99% center; border: 1px solid #ededee; border-radius: 5px; }
	.project-block .head.teer .dropdown a.mn strong { display: block; float: left; font-family: 'Roboto', sans-serif; font-weight: 700; font-style: normal; line-height: 35px; margin-right: 10px; font-size: 13px; }
	.project-block .head.teer .dropdown a.mn sub { display: block; float: left; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; line-height: 35px; color: #999999; font-size: 13px; }
	.project-block .head.teer .dropdown ul { display: none; width: 100%; background: #fff; position: absolute; top: 100%; left: 0px; border: 1px solid #ededee; border-top: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
	.project-block .head.teer .dropdown ul li { cursor: pointer; width: 100%; padding: 0px 15px; float: left; display: block; }
	.project-block .head.teer .dropdown ul li:hover { background: #e6e6e9; }
	.project-block .head.teer .dropdown ul li strong { display: block; float: left; font-family: 'Roboto', sans-serif; font-weight: 700; font-style: normal; line-height: 35px; margin-right: 10px; font-size: 13px; color: #161616; }
	.project-block .head.teer .dropdown ul li sub { display: block; float: left; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; line-height: 35px; color: #999999; font-size: 13px; }
	.project-block .head.teer .smpl-btn{ margin-left: 0px;}
	.project-block .genw { position: relative; width: 79%; float: right;}
	.project-block .genw .line{ width: 100%; padding: 15px 15px 0px 15px; }
	.project-block .genw .dropdown { position: relative; }
	.project-block .genw .dropdown a.mnn { position: relative; z-index: 9; display: block; text-decoration: none; padding-left: 15px; color: #161616;font-family: 'Roboto', sans-serif; font-weight: 400;  font-size: 13px; width :100%; height : 35px; line-height: 35px; background: url(../images/select-obj.png) no-repeat 98% center; border: 1px solid #ededee; border-radius: 5px; }
	.project-block .genw a.mnn sub { display: block; float: left; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; line-height: 35px; color: #5d5d5d; font-size: 13px; }
	.project-block .genw .dropdown ul { display: none; width: 100%; background: #fff; position: absolute; top: 34px; left: 0px; border: 1px solid #ededee; border-top: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;z-index: 9; }
	.project-block .genw .dropdown ul.inner { display: block; }
	.project-block .genw .dropdown ul li { cursor: pointer; width: 100%; padding: 0px 15px; float: left; display: block; }
	.project-block .genw .dropdown ul li:hover { background: #f2f2f4; }
    .project-block .genw .dropdown ul li span { display: block; float: left; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; line-height: 30px; color: #161616; font-size: 13px; }

	/* dres */
	.project-block .form_box{ margin-bottom: 15px;}
	.project-block .form_box.nospc{ margin-bottom: 0px;}
    .project-block.financieel .hd .form_box.left { width: 72%; }
    .project-block.financieel .hd .form_box.right { width: 26%; padding-top: 15px;}
    .project-block.financieel .hd .form_box.right { border-color: #ffde00;  background: #ffde00 url(../images/icon_finance_box_3.png) no-repeat 20px center; margin-right: 0%; float: right; padding-left:80px; }
    .project-block.financieel .hd .form_box.right strong {font-weight: normal; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 19px; color: #161616; line-height: 24px; }
    .project-block.financieel .hd .form_box.right span { display: block; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 19px; color: #161616; line-height: 24px; }
    
	.project-block .head.dres{ width: 100%;}
	.project-block .head.dres .offer{  width: 100%; padding: 15px;}
	.project-block .head.dres h3{ background: #f5f5f6; padding: 20px 15px;}
	.project-block .head.dres input[type="checkbox"]{ display: none;}
	.project-block .head.dres input[type="checkbox"] + label{ font-size: 16px; color: #000; display: inline-block; cursor: pointer; line-height: 26px;}
	.project-block .head.dres input[type="checkbox"] + label span{ margin: 0px 10px 0px 0px; float: left; width: 20px; height: 20px; display: inline-block; position: relative; background: url(../images/unchecked.png) no-repeat center; background-size: 100%; }
	.project-block .head.dres input[type="checkbox"]:checked + label span { background: url(../images/checked.png) no-repeat center; background-size: 100%; }
	.project-block .head.dres .offer .meer{margin-top: 20px; padding: 25px 22px; width: 100%; background: #fff; border: 1px solid #ededee; border-radius: 3px; display: none;}
	.project-block .head.dres .offer .meer .cross{ width: 15px; height: 15px; position: absolute; top: 25px; right: 25px; cursor: pointer}
	.project-block .head.dres .offer .meer ul { list-style: none;}
	.project-block .head.dres .offer .meer ul li{width: 100%; float: left; line-height: 30px; margin-bottom: 5px;}
	.project-block .head.dres .offer .meer ul li:last-child{ margin-top: 20px; margin-bottom: 0px;}
    .project-block .head.dres .offer.addr .meer ul li:last-child{ margin-top: 0px; margin-bottom: 5px;}
	.project-block .head.dres .offer .meer h4{ padding-bottom: 25px;	}
	.project-block .head.dres .offer .meer ul li input [type="radio"]{ display: block; float: left;}
	.project-block .head.dres .offer .meer ul li span{ font-size: 13px; color: #5d5d5d;font-family: 'Roboto', sans-serif;font-weight: 500;}
	.project-block .head.dres .offer .meer ul li .left{ width: 24%; float: left;}
	.project-block .head.dres .offer .meer ul li .right{ width: 74%; float: right;}
	.project-block .head.dres .offer .meer ul li .right .grp1{ width: 19%; margin-right: 10%; float: left;}
	.project-block .head.dres .offer .meer ul li .right .grp1 input[type="radio"]{ display: block; float: left;}
	.project-block .head.dres .offer .meer ul li .right .grp1 label{ padding-left: 10px; display: block; float: left;line-height: 14px;}
	.project-block .head.dres .offer .meer ul li input[type="text"]{padding: 0px 10px; height: 30px; width: 100%; background: #fff; border: 1px solid #ededee; border-radius: 3px;}
	
	/* Nieuwe_opname_2 */
	.address-details { padding: 12px 16px; }
	.address-details ul li{ float: left; margin-right: 30px;  }
	.address-details ul li strong { font-weight: normal; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 13px; color: #161616; line-height: 20px; }
	.address-details ul li span { display: block; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #999999; line-height: 20px; }
    .address-details ul li:hover { cursor: pointer; }

	/* Finance box */
    .finance_box { width: 100%;  }
	.finance_box ul li{ float: left; width: 32%; margin-right: 2%; border: solid 2px #ececee; border-radius: 4px; margin-bottom: 16px; box-sizing: border-box ; padding: 13px 0 13px 90px; }
    .finance_box ul li.b1 { background: url(../images/icon_finance_box_1.png) no-repeat 20px center;  }
    .finance_box ul li.b2 { background: url(../images/icon_finance_box_2.png) no-repeat 20px center;  }
    .finance_box ul li.b3 { background: url(../images/icon_finance_box_3.png) no-repeat 20px center; margin-right: 0%; float: right; padding-left:80px; }
    .finance_box ul li.b4 { background: url(../images/icon_finance_box_4.png) no-repeat 10px center; margin-right: 0%; float: right; padding-left:60px; }
	.finance_box ul li strong { font-weight: normal; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 19px; color: #161616; line-height: 24px; }
	.finance_box ul li span { display: block; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 19px; color: #161616; line-height: 24px; }
    .finance_box ul li.b4 span { display: block; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 15px; color: #161616; line-height: 16px; text-align: right; padding-right: 10px; }
    .finance_box ul li.b4 em { float: left; font-style: normal; font-weight: 600; }

    /* interior-details */
	.interior-details .head { position: relative; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px; padding: 8px 16px; background: #f5f5f6; border-bottom: solid 1px #f3f3f4; }
	.interior-details .head h3 { float: left; line-height: 36px; }
	.interior-details .head .hd3 { position: absolute; top: 30px; left: 61%; width: 15%; text-align: right; text-align: right; }
	.interior-details .head .hd4 { position: absolute; top: 30px; left: 75%; width: 15%; text-align: right; text-align: right; }
	.interior-details a { float: right; }
	.interior-details .display .cont_rows { display: block; }
	.interior-details .cont_rows { padding: 16px 16px 12px; display: none; }
	.interior-details .cont_rows a.del { margin: 8px 18px 8px 0px; width: 16px; height: 21px; display: block; float: right; background: url(../images/del_btn.png) no-repeat center; background-size: 100%; }
	.interior-details .describe { float: left; width: 94%; }
    .interior-details .describe ul li { margin-bottom: 8px; float: left; width: 100%; }
	.interior-details .describe ul li label { float: left; width: 138px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #161616; line-height: 36px; }
	.interior-details .describe ul li input[type="text"], .interior-details .describe ul li input[type="password"] { padding: 4px 10px; float: left; width: 77%; height: 36px; border: solid 1px #ededee; background: #fff; border-radius: 3px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #161616; }
	.interior-details .describe ul li textarea { padding: 10px 10px; float: left; width: 77%; height: 80px; border: solid 1px #ededee; background: #fff; border-radius: 3px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #161616; resize: none; }
    .interior-details .describe ul li textarea.small { height: 60px; }
	.interior-details .describe.select { width: 100%; }
	.interior-details .describe.select input[type="text"], .interior-details .describe.select input[type="password"] { width: 79%; }
	.interior-details .describe.select select { padding: 4px 10px; float: left; width: 79%; height: 36px; border: solid 1px #ededee; border-radius: 3px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #5d5d5d; -webkit-appearance: none; -moz-appearance: none; background: #fff url(../images/select-obj.png) no-repeat 97% center; }
	.interior-details .cont_rows2 { padding: 16px 16px 12px; }
	.interior-details .check ul li { float: left; width: 40%; }
    .interior-details .check.list ul li { float: none; }
	.interior-details .check.list  ul li input[type="text"] { margin-left: 30px; padding: 4px 10px; float: left; width: 79%; height: 36px; border: solid 1px #ededee; background: #fff; border-radius: 3px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #161616; }
	.interior-details .check.list  ul li sub{ position: relative; display: inline-block; width: 79%; }
	.interior-details .check.list  ul li sub input[type="text"] { width: 100%; padding-left: 30px; }
	.interior-details .check.list  ul li sub i { position: absolute; top: 0px; left: 45px; font-style: normal; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #5d5d5d; line-height: 36px; }
	.interior-details .check input[type="checkbox"] { display: none; }
	.interior-details .check input[type="checkbox"] + label { font-family: 'Roboto', sans-serif; font-weight: 700; color: #5d5d5d; line-height: 30px; font-size: 13px; }
	.interior-details .check input[type="checkbox"] + label span { margin: 4px 10px 0px 0px; display: block; float: left; width: 16px; height: 16px; position: relative; background: url(../images/unchecked.png) no-repeat center; background-size: 100%; }
	.interior-details .check input[type="checkbox"]:checked + label span { background: url(../images/checked.png) no-repeat center; background-size: 100%; }
	.interior-details .describe.select sub{ position: relative; display: inline-block; width: 79%; }
	.interior-details .describe.select sub input[type="text"], .interior-details .describe.select sub input[type="password"] { width: 100%; padding-left: 30px; }
	.interior-details .describe.select sub i { position: absolute; top: 0px; left: 15px; font-style: normal; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #5d5d5d; line-height: 36px; }
    .interior-details .describe.select.free sub input[type="text"] {padding-left: 10px;  }
    .interior-details .describe.select.free sub textarea { width:100%;   }
    .interior-details .form_km { display: none; }
    .interior-details .form_km.active { display: block; }
    .interior-details .form_add { display: none; }
    .interior-details .form_add.active { display: block; }
    .interior-details .anch_btn.footer { margin-right: 10px; margin-top: 10px; }
    .interior-details .anch_btn.footer.rembtn{ float: left; margin-left: 10px; margin-top: 10px;  }

	/* redefine */
	.redefine { width: 100%;  position: relative; z-index: 100;}
    .redefine a { float: right;}
	.redefine { width: 100%; padding-bottom: 7px;}
	.redefine ul.ren {padding: 7px 0px; list-style: none; float: left; width: 100%;}
	.redefine ul.ren li{width: 100%; float: left; padding: 0px;}
	.redefine ul.ren li input[type="text"]{padding: 0px 10px; width: 100%; min-height: 33px;border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px;}
	.redefine p{color: #5d5d5d; font-size: 13px}
	.redefine .grp1{ width: 44%; float: left; margin-right: 7px;  position: relative}
	.redefine a.slct{padding: 0px 10px; width: 100%; min-height: 33px; line-height: 33px; border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px; background: #fff url(../images/select-obj.png) no-repeat 91% center;}
	.redefine span{ color: #999}
	.redefine ul.gev{ width: 100%; list-style: none; position: absolute; top: 35px; left: 0px; display: none;border: 1px solid #e6e6e7;}
	.redefine ul.gev li{padding: 7px 15px 7px 10px; float: none; font-family: 'Roboto', sans-serif; font-size: 13px; background: #f5f5f6; border-bottom: 1px solid #e6e6e7; cursor: pointer; }
	.redefine ul.gev li:hover{ background: #e6e6e7}
	.redefine ul.gev li span{ color: #000;}
	.redefine .grp2{ width: 14%; float: left; margin-right: 7px;  position: relative}
	.redefine .grp3{ width: 22%; float: left;  position: relative}
	.redefine .grp4{ width: 11%; float: left; margin-right: 7px;  position: relative}
    .redefine .grp5{ width: 22%; float: left; margin-right: 7px;  position: relative}
	.redefine .grp3 .anch_btn{ line-height: 33px;  margin-top: 0; }
	.redefine .nog{border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px;}
	.redefine .nog p{ color: #5d5d5d; font-size: 13px}
    .redefine .grp3.right { float: right;}
    .redefine .grp3.right .subbtn { float: right; }

    .submit_box a { margin-right: 10px; }
	
	/* offerte */
	.offerte .hd .form_box.left { float: left; width: 14%; min-height: 88px; position: relative; }
	.offerte .hd .form_box.left img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
	.offerte .hd .form_box.center { float: left; width: 70%; min-height: 88px; margin-left: 1% }
	.offerte .hd .form_box.right { float: right; width: 14%; min-height: 88px; position: relative; }
	.offerte .hd .form_box.right img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
	.offerte .submit_box { margin-top: 20px; }
    .offerte .submit_box a { float: right; }
	.dropdown_box { margin-top: 2px; margin-left: 119px; width: 185px; float: left; position: relative; }
	.dropdown_box .inner { position: absolute; width: 100%; background: #fff; box-shadow: 2px 3px 4px -2px #ccc; -moz-box-shadow: 2px 3px 4px -2px #ccc; -webkit-box-shadow: 2px 3px 4px -2px #ccc; border: solid 1px #ededef; border-radius: 3px; }
	.dropdown_box a.mn { padding: 0px 15px; display: block; display: block; float: none; margin-right: 0px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #161616; line-height: 34px; background: url(../images/select-obj.png) no-repeat 92% center; }
	.dropdown_box a.mn span { display: block; }
	.dropdown_box ul { display: none; }
	.dropdown_box ul li { cursor:pointer; padding: 0px 15px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #161616; line-height: 30px; }
	.dropdown_box ul li span { display: block; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; color: #161616; line-height: 30px; }
	.dropdown_box ul li:hover { background: #f2f2f4; }
	.dropdown_box ul li sub { margin: 9px 0px 0px; display: block; float: right; width: 12px; height: 12px; border-radius: 50%; background: #ccc; }
    .dropdown_box a sub { margin: 9px 20px 0px; display: block; float: right; width: 12px; height: 12px; border-radius: 50%; background: #ccc; }
	.dropdown_box ul li sub.project_status_color_1, .dropdown_box a sub.project_status_color_1 { background: #ffde00; }
	.dropdown_box ul li sub.project_status_color_2, .dropdown_box a sub.project_status_color_2 { background: #ff9700; }
	.dropdown_box ul li sub.project_status_color_3, .dropdown_box a sub.project_status_color_3 { background: #4baf4f; }
    .dropdown_box ul li sub.project_status_color_4, .dropdown_box a sub.project_status_color_4 { background: #ff0000; }
	.dropdown_box ul li sub.project_status_color_6, .dropdown_box a sub.project_status_color_6 { background: #ffde00; }
	.dropdown_box ul li sub.project_status_color_7, .dropdown_box a sub.project_status_color_7 { background: #ff9700; }
	.dropdown_box ul li sub.project_status_color_8, .dropdown_box a sub.project_status_color_8 { background: #4baf4f; }

	/* filters */
	.project-block .filters { border: 2px solid #dddddd; border-radius: 3px; padding: 10px; margin-bottom: 10px; }
	.project-block .filters ul li { display: inline-block; width: 49.5%; margin-bottom: 10px; }
	.project-block .filters ul li input[type="text"] { width: 100%;  padding: 0px 10px; width: 100%; min-height: 33px; border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px; }
	.project-block .filters ul li.submit .anch_btn { float: right; line-height: 35px; border: none; margin-left: 5px; }
	/*.project-block .filters ul li.submit input[type="submit"] { border: none; padding: 0px 10px; }*/
	.project-block .filters a.slct{padding: 0px 10px; width: 100%; min-height: 33px; line-height: 33px; border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px; background: #fff url(../images/select-obj.png) no-repeat 91% center;}
	.project-block .filters span{ color: #999}
	.project-block .filters ul.gev{ width: 100%; list-style: none; position: absolute; top: 35px; left: 0px; display: none;border: 1px solid #e6e6e7; z-index: 20;}
	.project-block .filters ul.gev li{padding: 7px 15px 7px 10px; float: none; font-family: 'Roboto', sans-serif; font-size: 13px; background: #f5f5f6; border-bottom: 1px solid #e6e6e7; cursor: pointer; }
	.project-block .filters ul.gev li:hover{ background: #e6e6e7}
	.project-block .filters ul.gev li span{ color: #000;}

	/* 7th pages */
	.project-block .week{ width: 100%;padding-bottom: 15px;}
	.project-block .week ul{ list-style: none; }
	.project-block .week ul li{padding: 8px 0px; margin-right: 5px; float: left; border: 1px solid #d2d2d2; width: 33px; height: 33px; border-radius: 5px; text-align: center;font-family:'VistaSansMed-Regular';font-weight: 500; font-size: 13px; cursor: pointer;}
	.project-block .week ul li span{ color: #000; font-family:'VistaSansMed-Regular'; font-size: 16px;}
	.project-block .week ul li:first-child{ width: 55px; border: none;}
	.project-block .week ul li:first-child a{ color: #000}
	.project-block .week ul li a{ color: #d2d2d2; display: block}
	.project-block .week ul li:hover a{ color: #000; font-weight: 700;}
	.project-block .week ul li.active a{ color: #000; font-weight: 700;}
	
	/* dag */
	.project-block .dag{ width: 100%;}
	.project-block .dag .noor{ width: 100%;}
	.project-block .dag .noor ul {padding: 7px 0px; list-style: none;}
    .project-block .dag .noor ul li:hover {cursor:pointer; }
	.project-block .dag .noor ul li{width: 100%; float: left; padding: 10px 17px; border-top: 1px solid #ececee}
	.project-block .dag .noor ul li:first-child{ border-top: none; }
	.project-block .dag .noor p{color: #5d5d5d; font-size: 13px}
	.project-block .dag .noor ul li .grp1{ width: 52%; float: left;}
	.project-block .dag .noor ul li .grp2{ width: 10%; float: left;}
	.project-block .dag .noor ul li .grp3{ width: 35%; float: left;}
	.project-block .dag .nog{border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px;}
	.project-block .dag .nog p{ color: #5d5d5d; font-size: 13px}
    
	/* km */
	.project-block .dagkm{ width: 100%;}
    .project-block .dagkm .head .hd2 { position: absolute; top: 30px; left: 40%; width: 15%; text-align: right; text-align: right; }
	.project-block .dagkm .head .hd3 { position: absolute; top: 30px; left: 54%; width: 15%; text-align: right; text-align: right; }
	.project-block .dagkm .head .hd4 { position: absolute; top: 30px; left: 68%; width: 15%; text-align: right; text-align: right; }
	.project-block .dagkm .noor{ width: 100%;}
	.project-block .dagkm .noor ul {padding: 7px 0px; list-style: none;}
    .project-block .dagkm .noor ul li:hover {cursor:pointer; }
	.project-block .dagkm .noor ul li{width: 100%; float: left; padding: 10px 17px; border-bottom: 1px solid #ececee}
	.project-block .dagkm .noor ul li:last-child{ border-bottom: 0px;}
	.project-block .dagkm .noor p{color: #5d5d5d; font-size: 13px}
	.project-block .dagkm .noor ul li .grp1{ width: 40%; float: left;}
	.project-block .dagkm .noor ul li .grp2{ width: 15%; float: left; text-align: right}
	.project-block .dagkm .noor ul li .grp3{ width: 15%; float: left; text-align: right}
    .project-block .dagkm .noor ul li .grp4{ width: 15%; float: left; text-align: right}
	.project-block .dagkm .nog{ border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px; }
	.project-block .dagkm .nog p{ color: #5d5d5d; font-size: 13px}
    
	/* tand */
	.project-block .tand{ width: 100%;}
	.project-block .tand .beg{ width: 100%; padding-bottom: 7px;}
	.project-block .tand .beg ul {padding: 7px 0px; list-style: none; float: left; background: #f5f5f6; border-top: 1px solid #ececee}
	.project-block .tand .beg ul li{width: 100%; float: left; padding: 10px 17px;}
	.project-block .tand .beg ul li input[type="text"]{ padding: 0px 10px; width: 100%; min-height: 33px; border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px; }
	.project-block .tand .beg p{color: #5d5d5d; font-size: 13px}
	.project-block .tand .beg ul li .grp1{ width: 25%; float: left; margin-right: 7px;}
	.project-block .tand .beg ul li .grp2{ width: 16.8%;; float: left;margin-right: 7px;}
	.project-block .tand .beg ul li .grp3{ width: 12%; float: left;}
	.project-block .tand .beg ul li .grp3 .anch_btn{ line-height: 33px; margin-top: 0; line-height: 30px }
	.project-block .tand .beg .nog{border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px;}
	.project-block .tand .beg .nog p{ color: #5d5d5d; font-size: 13px}

	/* blok_uren */
    .interior-details.blok_uren .head { position: relative; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px;}
    .interior-details.blok_uren .head h3 { float: none; text-align: right;}
    .interior-details.blok_uren .head span { float: left;}
    .interior-details.blok_uren .head .hd3 { position: absolute; top: 30px; left: 45%; width: 12%; text-align: right;}
    .interior-details.blok_uren .head .hd4 { position: absolute; top: 30px; left: 56%; width: 15%;  text-align: right; }
	.project-block .blok_uren { width: 100%;}
	.project-block .blok_uren .rows{ width: 100%;}
	.project-block .blok_uren .rows ul {padding: 7px 0px; list-style: none;}
    .project-block .blok_uren .rows ul li:hover {cursor:pointer; }
	.project-block .blok_uren .rows ul li{ width: 100%; float: left; padding: 10px 5px 10px 17px; border-top: 1px solid #ececee }
	.project-block .blok_uren .rows ul li:first-child { border-top: none;}
	.project-block .blok_uren .rows ul li.description { border-top: none !important; padding-left: 30px; }
	.project-block .blok_uren .rows p{color: #5d5d5d; font-size: 13px}
	.project-block .blok_uren .rows ul li .grp1{ width: 15%; float: left;}
	.project-block .blok_uren .rows ul li .grp2{ width: 30%; float: left;}
	.project-block .blok_uren .rows ul li .grp3{ width: 12%; float: left;  text-align: right; }
    .project-block .blok_uren .rows ul li .grp4{ width: 15%; float: left;  text-align: right;}
    .project-block .blok_uren .rows ul li .grp5{ width: 28%; float: left;}
    .project-block .blok_uren .rows ul li .totaal{ text-align: right; }
	.project-block .blok_uren .nog {border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px;}
	.project-block .blok_uren .nog p{ color: #5d5d5d; font-size: 13px}
    .interior-details.blok_uren .head .hda4 { position: absolute; top: 30px; left: 60%; width: 12%; text-align: right;}
    .interior-details.blok_uren .head .hda5 { position: absolute; top: 30px; left: 66%; width: 15%;  text-align: right; }
	.project-block .blok_uren .rows ul li .grpa1{ width: 15%; float: left;}
	.project-block .blok_uren .rows ul li .grpa2{ width: 28%; float: left;}
    .project-block .blok_uren .rows ul li .grpa3{ width: 20%; float: left;}
	.project-block .blok_uren .rows ul li .grpa4{ width: 10%; float: left;  text-align: right; }
    .project-block .blok_uren .rows ul li .grpa5{ width: 10%; float: left;  text-align: right;}
    .project-block .blok_uren .rows ul li .grpa6{ width: 17%; float: left;}
    .interior-details.blok_uren .head .hgrb4 { position: absolute; top: 30px; left: 60%; width: 9%; text-align: right;}
    .interior-details.blok_uren .head .hgrb5 { position: absolute; top: 30px; left: 68%; width: 9%;  text-align: right; }
    .interior-details.blok_uren .head .hgrb6 { position: absolute; top: 30px; left: 76%; width: 11%; text-align: right;}
    .interior-details.blok_uren .head .hgrb7 { position: absolute; top: 30px; left: 87%; width: 11%;  text-align: right; }
    .project-block .blok_uren .rows ul li .grpb1{ width: 15%; float: left;}
	.project-block .blok_uren .rows ul li .grpb2{ width: 24%; float: left;}
    .project-block .blok_uren .rows ul li .grpb3{ width: 20%; float: left;}
	.project-block .blok_uren .rows ul li .grpb4{ width: 9%; float: left;  text-align: right; }
    .project-block .blok_uren .rows ul li .grpb5{ width: 9%; float: left;  text-align: right;}
    .project-block .blok_uren .rows ul li .grpb6{ width: 11%; float: left;  text-align: right;}
    .project-block .blok_uren .rows ul li .grpb7{ width: 11%; float: left;  text-align: right;}

	/* blok_materialen */
    .interior-details.blok_materialen .head h3 { float: none; text-align: right;}
    .interior-details.blok_materialen .head span { float: left;}
	.project-block .blok_materialen { width: 100%;}
	.project-block .blok_materialen .rows{ width: 100%;}
	.project-block .blok_materialen .rows ul {padding: 7px 0px; list-style: none;}
    .project-block .blok_materialen .rows ul li:hover {cursor:pointer; }
	.project-block .blok_materialen .rows ul li{width: 100%; float: left; padding: 10px 5px 10px 17px; border-bottom: 1px solid #ececee}
	.project-block .blok_materialen .rows ul li:last-child{ border-bottom: 0px;}
	.project-block .blok_materialen .rows p{color: #5d5d5d; font-size: 13px}
    .project-block .blok_materialen .head .hgrp4 { position: absolute; top: 30px; left: 77%; width: 11%; text-align: right;}
    .project-block .blok_materialen .head .hgrp5 { position: absolute; top: 30px; left: 87%; width: 11%;  text-align: right; }
	.project-block .blok_materialen .rows ul li .grp1{ width: 15%; float: left;}
	.project-block .blok_materialen .rows ul li .grp2{ width: 31%; float: left;}
	.project-block .blok_materialen .rows ul li .grp3{ width: 31%; float: left;}
    .project-block .blok_materialen .rows ul li .grp4{ width: 11%; float: left; text-align: right;}
    .project-block .blok_materialen .rows ul li .grp5{ width: 11%; float: left; text-align: right; }
    .project-block .blok_materialen .rows ul li .totaal{ text-align: right; }
	.project-block .blok_materialen .nog {border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px;}
	.project-block .blok_materialen .nog p{ color: #5d5d5d; font-size: 13px}

	/* blok_bonnen */
    .interior-details.blok_bonnen .head h3 { float: none; text-align: right;}
    .interior-details.blok_bonnen .head span { float: left;}
	.project-block .blok_bonnen { width: 100%;}
	.project-block .blok_bonnen .rows{ width: 100%;}
	.project-block .blok_bonnen .rows ul {padding: 7px 0px; list-style: none;}
    .project-block .blok_bonnen .rows ul li:hover {cursor:pointer; }
	.project-block .blok_bonnen .rows ul li{width: 100%; float: left; padding: 10px 5px 10px 17px; border-bottom: 1px solid #ececee}
	.project-block .blok_bonnen .rows ul li:last-child{ border-bottom: 0px;}
	.project-block .blok_bonnen .rows p{color: #5d5d5d; font-size: 13px}
    .project-block .blok_bonnen .head .hgrp4 { position: absolute; top: 30px; left: 77%; width: 11%; text-align: right;}
    .project-block .blok_bonnen .head .hgrp5 { position: absolute; top: 30px; left: 87%; width: 11%;  text-align: right; }
	.project-block .blok_bonnen .rows ul li .grp1{ width: 15%; float: left;}
	.project-block .blok_bonnen .rows ul li .grp2{ width: 62%; float: left;}
	.project-block .blok_bonnen .rows ul li .grp3{ width: 11%; float: left; text-align: right;}
	.project-block .blok_bonnen .rows ul li .grp4{ width: 11%; float: left; text-align: right;}
    .project-block .blok_bonnen .rows ul li .totaal{ text-align: right; }
	.project-block .blok_bonnen .nog {border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px;}
	.project-block .blok_bonnen .nog p{ color: #5d5d5d; font-size: 13px}

	/* 8th pages */
	/* dag */
	.project-block .colr { width: 100%;}
	.project-block .colr .head .hdu3 { position: absolute; top: 30px; left: 61%; width: 10%; text-align: right; text-align: right; }
	.project-block .colr .head .hdu4 { position: absolute; top: 30px; left: 70%; width: 10%; text-align: right; text-align: right; }
	.project-block .colr .noor{ width: 100%;}
	.project-block .colr .noor ul {padding: 7px 0px; list-style: none;}
	.project-block .colr .noor ul li{width: 100%; float: left; padding: 10px 17px; border-top: 1px solid #ececee}
	.project-block .colr .noor ul li:first-child{ border-top: none;}
	.project-block .colr .noor ul li.description { border-top: none !important; padding-left: 35px; color: #333; }
	.project-block .colr .noor p{color: #5d5d5d; font-size: 13px}
	.project-block .colr .noor p span{ padding-right: 7px;color: #000000; font-family:'VistaSansMed-Regular';font-weight: 700;}
	.project-block .colr .noor ul li .grp1{ width: 40%; float: left; }
	.project-block .colr .noor ul li .grp2{ width: 22%; float: left; }
	.project-block .colr .noor ul li .grp3{ width: 10%; float: left; text-align: right;}
	.project-block .colr .nog{ border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px; }
	.project-block .colr .nog p{ color: #5d5d5d; font-size: 13px}
	.project-block .colr .head .hdua3 { position: absolute; top: 30px; left: 76%; width: 10%; text-align: right; text-align: right; }
	.project-block .colr .head .hdua4 { position: absolute; top: 30px; left: 85%; width: 10%; text-align: right; text-align: right; }
	.project-block .colr .noor ul li .grpa1{ width: 40%; float: left; }
	.project-block .colr .noor ul li .grpa2{ width: 37%; float: left; }
	.project-block .colr .noor ul li .grpa3{ width: 10%; float: left; text-align: right;}
		
	/* uren */
	.project-block .uren{ width: 100%; }
	.project-block .uren .beg{ width: 100%; padding-bottom: 7px;}
	.project-block .uren .beg ul.ren {padding: 7px 0px; list-style: none; float: left; background: #f5f5f6; border-top: 1px solid #ececee; width: 100%;}
	.project-block .uren .beg ul.ren li{width: 100%; float: left; padding: 10px 17px;}
	.project-block .uren .beg ul.ren li input[type="text"]{padding: 0px 10px; width: 100%; min-height: 33px;border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px;}
	.project-block .uren .beg p{color: #5d5d5d; font-size: 13px}
	.project-block .uren .beg .grp1{ width: 56%; float: left; margin-right: 7px;  position: relative}
	.project-block .uren .beg a.slct{padding: 0px 10px; width: 100%; min-height: 33px; line-height: 33px; border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px; background: #fff url(../images/select-obj.png) no-repeat 91% center;}
	.project-block .uren .beg span{ color: #999}
	.project-block .uren .beg ul.gev{ width: 100%; list-style: none; position: absolute; top: 35px; left: 0px; display: none;border: 1px solid #e6e6e7; z-index: 20;}
	.project-block .uren .beg ul.gev li{padding: 7px 15px 7px 10px; float: none; font-family: 'Roboto', sans-serif; font-size: 13px; background: #f5f5f6; border-bottom: 1px solid #e6e6e7; cursor: pointer; }
	.project-block .uren .beg ul.gev li:hover{ background: #e6e6e7}
	.project-block .uren .beg ul.gev li span{ color: #000;}
	.project-block .uren .beg .grp2{ width: 14%; float: left; margin-right: 7px;  position: relative}
	.project-block .uren .beg .grp3{ width: 12%; float: left;  position: relative}
	.project-block .uren .beg .grp4{ width: 11%; float: left; margin-right: 7px;  position: relative}
	.project-block .uren .beg .grp3 .anch_btn{ line-height: 33px;  margin-top: 0; }
	.project-block .uren .beg .grp5{ width: 42.5%; float: left; text-align: right}
	.project-block .uren .beg textarea { padding: 6px 10px; width: 100%; min-height: 33px; line-height: 20px; border: 1px solid #d2d2d2; border-radius: 3px; color: #aeaeae; font-family: 'Roboto', sans-serif; font-size: 13px; background: #fff;}
	.project-block .uren .beg .nog{border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px;}
	.project-block .uren .beg .nog p{ color: #5d5d5d; font-size: 13px}
	
	/* met-block */
	.met-block { padding: 17px; width: 100%; background: #fff; box-shadow:4px 2px 12px -3px #999999; margin-top: 15px; position: relative; z-index: 8; border: 1px solid #e6e6e9; border-radius: 3px;}
	.met-block .form_box{ margin-bottom: 0px;}
	.met-block .uren{ width: 100%;}
	.met-block .uren .beg{ width: 100%; padding-bottom: 7px;}
	.met-block .uren .beg ul.ren {padding: 7px 0px; list-style: none; float: left; background: #f5f5f6; border-top: 1px solid #ececee; width: 100%;}
	.met-block .uren .beg ul.ren li{width: 100%; float: left; padding: 10px 17px 0px 17px;}
	.met-block .uren .beg ul.ren li input[type="text"]{padding: 0px 10px; width: 100%; min-height: 33px;border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px;}
	.met-block .uren .beg ul.ren li input[type="checkbox"]{ display: none;}
	.met-block .uren .beg ul.ren li input[type="checkbox"] + label{ font-size: 16px; color: #000; display: inline-block; cursor: pointer; line-height: 16px; margin-top: 12px;}
	.met-block .uren .beg ul.ren li input[type="checkbox"] + label span{ margin: -3px 3px 0px 5px; float: left; width: 20px; height: 20px; display: inline-block; position: relative; background: url(../images/unchecked.png) no-repeat center; background-size: 100%; }
	.met-block .uren .beg ul.ren li input[type="checkbox"]:checked + label span { background: url(../images/checked.png) no-repeat center; background-size: 100%; }
    .met-block .uren .beg p{color: #5d5d5d; font-size: 13px}
	.met-block .uren .beg .grp1{ width: 67%; float: left; margin-right: 7px;  position: relative}
	.met-block .uren .beg a.slct{padding: 0px 10px; width: 100%; min-height: 33px; line-height: 33px; border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px; background: #fff url(../images/select-obj.png) no-repeat 91% center;}
	.met-block .uren .beg span{ color: #999}
	.met-block .uren .beg ul.gev{ width: 100%; list-style: none; position: absolute; top: 35px; left: 0px; display: none;border: 1px solid #e6e6e7; z-index: 9;}
	.met-block .uren .beg ul.gev li{padding: 6px 15px 6px 10px; float: none; font-family: 'Roboto', sans-serif; font-size: 13px; background: #f5f5f6; border-bottom: 1px solid #e6e6e7; cursor: pointer; }
	.met-block .uren .beg ul.gev li:hover{ background: #e6e6e7}
	.met-block .uren .beg ul.gev li span{ color: #000;}
	.met-block .uren .beg ul.gev2{ width: 100%; list-style: none; position: absolute; top: 35px; left: 0px; display: none;border: 1px solid #e6e6e7; z-index: 9;}
	.met-block .uren .beg ul.gev2 li{padding: 6px 15px 6px 10px; float: none; font-family: 'Roboto', sans-serif; font-size: 13px; background: #f5f5f6; border-bottom: 1px solid #e6e6e7; cursor: pointer; }
	.met-block .uren .beg ul.gev2 li:hover{ background: #e6e6e7}
	.met-block .uren .beg ul.gev2 li span{ color: #000;}
	.met-block .uren .beg .grp2{ width: 18%; float: left; margin-right: 8px;  position: relative}
	.met-block .uren .beg .grp3{ width: 12%; float: left;  position: relative}
	.met-block .uren .beg .grp4{ width: 12%; float: left; margin-right: 7px;  position: relative}
	.met-block .uren .beg .grp4 .inc{ width: 47%; min-height: 33px; float: left; background: #e6e6e9; position: relative; border-radius: 3px;}
	.met-block .uren .beg .grp4 .inc img{ position:absolute; top: 0px;left: 0px;bottom: 0px; right: 0px; margin: auto;}
	.met-block .uren .beg .grp4 .dec{ width: 47%; min-height: 33px; float: right; background: #e6e6e9; position: relative; border-radius: 3px;}
	.met-block .uren .beg .grp4 .dec img{ position:absolute; top: 0px;left: 0px;bottom: 0px; right: 0px; margin: auto;}
	.met-block .uren .beg .grp5{ width: 32.6%; float: left; margin-right: 7px;  position: relative}
	.met-block .uren .beg .grp6{ width: 6%; float: left; margin-right: 7px;  position: relative}
	.met-block .uren .beg .grp3 .anch_btn{ line-height: 33px;}
    .met-block .uren .beg .grp6{ width: 8%; float: left; position: relative}
	.met-block .uren .beg .nog{border-top: solid 1px #ececee; float: left; width: 100%; padding: 6px 17px;}
	.met-block .noor{ width: 100%;}
	.met-block .noor ul {padding: 0px 0px; list-style: none; float: left; width: 100%;}
	.met-block .noor ul li{width: 100%; float: left; padding: 10px 0px; border-bottom: 1px solid #ececee}
    .met-block .noor ul li:hover {cursor:pointer; }
	.met-block .noor ul li:last-child{ border-bottom: 0px; padding-bottom: 0px;}
	.met-block .uren .beg p{color: #5d5d5d; font-size: 13px}
	.met-block .uren .beg p span{ padding-right: 7px;color: #000000; font-family:'VistaSansMed-Regular';font-weight: 700;}
/*	.met-block .noor ul li .grp1_m{ width: 43%; float: left;}
	.met-block .noor ul li .grp2_m{ width: 10%; float: left;}
	.met-block .noor ul li .grp3_m{ width: 15%; float: left;}
	.met-block .noor ul li .grp4_m{ width: 25%; float: left;}*/
	.met-block .noor ul li .grp1_m{ width: 43%; float: left;  }
	.met-block .noor ul li .grp2_m{ width: 10%; float: left;}
	.met-block .noor ul li .grp3_m{ width: 15%; float: left;}
	.met-block .noor ul li .grp4_m{ width: 41%; float: left;}
    .met-block .noor ul li .grp5_m{ width: 36%; float: left;}
    .met-block .noor ul li .grp6_m{ width: 5%; float: left; text-align: right;}
	.met-block .nog{border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px;}
	.met-block .nog p{ color: #5d5d5d; font-size: 13px}
	
	/* bon-block */
	.bon-block { padding: 17px; width: 100%; background: #fff; box-shadow:4px 2px 12px -3px #999999; margin-top: 15px; position: relative; z-index: 7; border: 1px solid #e6e6e9; border-radius: 3px;}
	.bon-block .form_box{ margin-bottom: 0px;}
	.bon-block .uren{ width: 100%;}
	.bon-block .uren .beg{ width: 100%; padding-bottom: 7px;}
	.bon-block .uren .beg ul.ren {padding: 7px 0px; list-style: none; float: left; background: #f5f5f6; border-top: 1px solid #ececee; width: 100%;}
	.bon-block .uren .beg ul.ren li{width: 100%; float: left; padding: 10px 17px 0px 17px;}
	.bon-block .uren .beg ul.ren li input[type="text"]{padding: 0px 10px; width: 100%; min-height: 33px;border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px;}
	.bon-block .uren .beg ul.ren li input[type="checkbox"]{ display: none;}
	.bon-block .uren .beg ul.ren li input[type="checkbox"] + label{ font-size: 16px; color: #000; display: inline-block; cursor: pointer; line-height: 16px; margin-top: 12px;}
	.bon-block .uren .beg ul.ren li input[type="checkbox"] + label span{ margin: -3px 3px 0px 5px; float: left; width: 20px; height: 20px; display: inline-block; position: relative; background: url(../images/unchecked.png) no-repeat center; background-size: 100%; }
	.bon-block .uren .beg ul.ren li input[type="checkbox"]:checked + label span { background: url(../images/checked.png) no-repeat center; background-size: 100%; }
    .bon-block .uren .beg p{color: #5d5d5d; font-size: 13px}
	.bon-block .uren .beg .grp1{ width: 67%; float: left; margin-right: 7px;  position: relative}
	.bon-block .uren .beg a.slct{padding: 0px 10px; width: 100%; min-height: 33px; line-height: 33px; border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px; background: #fff url(../images/select-obj.png) no-repeat 91% center;}
	.bon-block .uren .beg span{ color: #999}
	.bon-block .uren .beg ul.gev{ width: 100%; list-style: none; position: absolute; top: 35px; left: 0px; display: none;border: 1px solid #e6e6e7; z-index: 9;}
	.bon-block .uren .beg ul.gev li{padding: 6px 15px 6px 10px; float: none; font-family: 'Roboto', sans-serif; font-size: 13px; background: #f5f5f6; border-bottom: 1px solid #e6e6e7; cursor: pointer; }
	.bon-block .uren .beg ul.gev li:hover{ background: #e6e6e7}
	.bon-block .uren .beg ul.gev li span{ color: #000;}
	.bon-block .uren .beg .grp2{ width: 18%; float: left; margin-right: 7px;  position: relative}
	.bon-block .uren .beg .grp3{ width: 12%; float: left; position: relative}
	.bon-block .uren .beg .grp4{ width: 12%; float: left; margin-right: 7px;  position: relative}
	.bon-block .uren .beg .grp5{ width: 30%; float: left; margin-right: 7px;  position: relative}
	.bon-block .uren .beg .grp6{ width: 55%; float: left; margin-right: 7px;  position: relative}
    .bon-block .uren .beg .grp7{ width: 8%; float: left; margin-right: 7px;  position: relative}
	.bon-block .uren .beg .grp3 .anch_btn{ line-height: 33px;}
	.bon-block .uren .beg .nog{border-top: solid 1px #ececee; float: left; width: 100%; padding: 6px 17px;}
	.bon-block .noor{ width: 100%;}
	.bon-block .noor ul {padding: 0px 0px; list-style: none; float: left; width: 100%;}
	.bon-block .noor ul li{width: 100%; float: left; padding: 10px 0px; border-bottom: 1px solid #ececee}
	.bon-block .noor ul li:last-child{ border-bottom: 0px; padding-bottom: 0px;}
    .bon-block .noor ul li:hover {cursor:pointer; }
	.bon-block .uren .beg p{color: #5d5d5d; font-size: 13px}
	.bon-block .uren .beg p span{ padding-right: 7px;color: #000000; font-family:'VistaSansMed-Regular';font-weight: 700;}
	.bon-block .noor ul li .grp1_m{ width: 43%; float: left;}
	.bon-block .noor ul li .grp2_m{ width: 10%; float: left;}
	.bon-block .noor ul li .grp3_m{ width: 15%; float: left;}
	.bon-block .noor ul li .grp4_m{ width: 25%; float: left;}
    .bon-block .noor ul li .grp5_m{ width: 15%; float: left; text-align: right; }
	.bon-block .nog{border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px;}
	.bon-block .nog p{ color: #5d5d5d; font-size: 13px}
	
	/* bonnen-block */
	.bonnen-block { padding: 17px; width: 100%; background: #fff; box-shadow:4px 2px 12px -3px #999999; margin-top: 15px; position: relative; z-index: 9; border: 1px solid #e6e6e9; border-radius: 3px;}
	.bonnen-block .form_box{ margin-bottom: 0px;}
	.bonnen-block .uren{ width: 100%;}
	.bonnen-block .uren .beg{ width: 100%; padding-bottom: 7px;}
	.bonnen-block .uren .beg .nog{border-top: solid 1px #ececee; float: left; width: 100%; padding: 6px 17px;}
	.bonnen-block .noor{ width: 100%;}
	.bonnen-block .noor ul {padding: 0px 0px; list-style: none; float: left; width: 100%;}
	.bonnen-block .noor ul li{width: 100%; float: left; padding: 10px 0px; border-bottom: 1px solid #ececee}
	.bonnen-block .noor ul li:last-child{ border-bottom: 0px; padding-bottom: 0px;}
	.bonnen-block .uren .beg p{color: #5d5d5d; font-size: 13px}
	.bonnen-block .uren .beg p span{ padding-right: 7px;color: #000000; font-family:'VistaSansMed-Regular';font-weight: 700;}
	.bonnen-block .noor ul li .grp1_m{ width: 33%; float: left;}
	.bonnen-block .noor ul li .grp2_m{ width: 10%; float: left;}
	.bonnen-block .noor ul li .grp3_m{ width: 15%; float: left;}
	.bonnen-block .noor ul li .grp4_m{ width: 25%; float: left;}
	.bonnen-block .nog{border-top: solid 1px #ececee; float: left; width: 100%; padding: 12px 17px;}
	.bonnen-block .nog p{ color: #5d5d5d; font-size: 13px}
	
	/* 9th pages */
	.project-block .snip{ width: 100%;}
    .project-block .snip .success { padding: 20px;}
	.project-block .snip .name{ padding:15px 0px 0px 0px; width: 450px;}
	.project-block .snip .line{padding: 0px 15px; width: 100%; margin-bottom: 6px;}
	.project-block .snip .line.spc{ margin-bottom: 15px;}
	.project-block .snip .name .line .grp1{ float: left; width: 100px;}
	.project-block .snip .name .line .grp1 label{ font-size: 13px; color: #5d5d5d; display: block;font-family: 'Roboto', sans-serif;line-height: 33px;}
	.project-block .snip .name .line .grp2{ float: left; width: 76%;}
	.project-block .snip .name .line .grp2 span{ display: block; min-height: 33px; line-height: 33px;}
	.project-block .snip .name .line .grp2 em{ display: block; float: left; font-style: normal;font-family: 'Roboto', sans-serif;font-size: 13px; color: #5d5d5d;}
	.project-block .snip .name .line .grp2 sub{ width: 61%; float: right;}
	.project-block .snip .name .line .grp2 input[type="radio"]{ margin-right: 10px; display: block; float: left;min-height: 33px; cursor: pointer}
	.project-block .snip .name .line .grp2 .ting{ width: 281px; margin-right: 5px; float: left;}
	.project-block .snip .name .line .grp2 .calender{ float: left; width: 33px; height:33px; background: #e6e6e9; border-radius: 3px; position: relative;}
	.project-block .snip .name .line .grp2 .calender img{max-width: 78%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;}
	.project-block .snip .name .line input[type="text"]{padding: 0px 10px; width: 100%; min-height: 33px;border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px;}
	.project-block .snip .line textarea{padding: 10px; width: 95%; min-height: 90px;border: 1px solid #d2d2d2; border-radius: 3px; color: #000; font-family: 'Roboto', sans-serif; font-size: 13px; resize: none;}
    .project-block .anch_btn.footer { margin-right: 10px; margin-top: 10px; }
    .project-block .anch_btn.footer.rembtn{ float: left; margin-left: 10px; margin-top: 10px;  }

	/* footer wrap */
	#footer-wrap { overflow: hidden; width: 100%; background: #e6e6e9;}
    
	/* footer block */
	.footer-block{ width: 100%;padding: 25px 0px; text-align: center;}
	.footer-block a{ color: #000; text-decoration: underline;}