/* hack for ie arrown in dropdown */
select::-ms-expand {
    display: none;
}


.more {
	color: #333333;
	font-size: 10px;
	line-height: 12px !important;
}

.step {
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: #fff;
	background-color: #000099;
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	font-weight:400;
	margin-right: 20px;
	vertical-align: top;
	text-align: center;
}

.omgevingfont {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:400;
}

.h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: lighter;
	font-weight:350;
}

#headline {
	position:absolute;
	top:80px;
	left: 200px;
	width:524px;
	height:60px;
	z-index:5999;
	text-align:center;
}

#uitvoering {
	position:absolute;
	left:0px;
	top:0px;
	width:924px;
	height:500px;
	z-index:1;
	margin-top:-1px; /* this overlap the blamed ghost line */
	padding-top:1px; /* this gave me my pixel back =) */
}

#uitvoering2 {
	position:absolute;
	left:0px;
	top:0px;
	width:924px;
	height:500px;
	z-index:1;
	margin-top:-1px; /* this overlap the blamed ghost line */
	padding-top:1px; /* this gave me my pixel back =) */
	display: none;
	
}

#uitvoering3 {
	position:absolute;
	left:0px;
	top:0px;
	width:924px;
	height:500px;
	z-index:1;
	margin-top:-1px; /* this overlap the blamed ghost line */
	padding-top:1px; /* this gave me my pixel back =) */
	display: none;
	
}
#checkboxrvs316 {
	position:absolute;
	top:167px;
	left:235px;
	width:45px;
	height:28px;
	z-index:2002;
	cursor: pointer;
}


#checkboxrvs316on {
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:28px;
	z-index:2002;
	background-image:url(../../../images/checkon.png);
	cursor: pointer;
	background-color:#FFF;
}

#checkboxrvs316off {
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:28px;
	z-index:2002;
	background-image:url(../../../images/checkoff.png);
	cursor: pointer;
	background-color:#FFF;
}

#checkboxrvs304 {
	position:absolute;
	top:167px;
	left:75px;
	width:45px;
	height:28px;
	z-index:2002;
	cursor: pointer;
}


#checkboxrvs304on {
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:28px;
	z-index:2002;
	background-image:url(../../../images/checkon.png);
	cursor: pointer;
	background-color:#FFF;
}

#checkboxrvs304off {
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:28px;
	z-index:2002;
	background-image:url(../../../images/checkoff.png);
	cursor: pointer;
	background-color:#FFF;
}
/* beschermpijp */
#beschermpijpoff {
	position:absolute;
	top:360px;
	left:0px;
	width:140px;
	height:140px;
	z-index:2002;
	cursor: pointer;
	font-family: Roboto, sans-serif;
	color:#333333 !important;
}

#blokkeerpijpoff {
	position:absolute;
	top:360px;
	left:152px;
	width:140px;
	height:140px;
	z-index:2002;
	cursor: pointer;
	font-family: Roboto, sans-serif;
	color:#333333 !important;
}

#beschermpijpon {
	position:absolute;
	top:360px;
	left:0px;
	width:140px;
	height:140px;
	z-index:2002;
	cursor: pointer;
	font-family: Roboto, sans-serif;
	color:#333333 !important;
}

#blokkeerpijpon{
	position:absolute;
	top:360px;
	left:152px;
	width:140px;
	height:140px;
	z-index:2002;
	cursor: pointer;
	font-family: Roboto, sans-serif;
	color:#333333 !important;
}

#formwrapper {
	width:924px;
	height:314px;
	z-index:2003;
}
#formwrapper2 {
	width:924px;
	height:250px;
	z-index:2003;
}
#formdescription {
	position:absolute;
	left:200px;
	width:200px;
	height:525px;
	z-index:2003;
}
#formfieldsinput{
	position:absolute;
	left:424px;
	width:300px;
	height:525px;
	z-index:2003;
	padding-top:13px;
}
#rvs {
	position:absolute;
	left:0px;
	top:168px;
	width:281px;
	height:24px;
	z-index:2001;
}
#rvs2 {
	position:absolute;
	left:160px;
	top:168px;
	width:281px;
	height:24px;
	z-index:2001;
}
#omgevingtext {
	position:absolute;
	left:0px;
	top:240px;
	width:281px;
	height:24px;
	z-index:2001;
}

#textomgevingkoud {
	position:absolute;
	left:0px;
	top:240px;
	width:281px;
	height:24px;
	z-index:2001;
}

#textomgevingstandaard {
	position:absolute;
	left:110px;
	top:240px;
	width:281px;
	height:24px;
	z-index:2001;
}

#textomgevingwarm {
	position:absolute;
	left:240px;
	top:240px;
	width:281px;
	height:24px;
	z-index:2001;
}

#textomgevingkoudsmall{
	position:absolute;
	left:-10px;
	top:260px;
	width:281px;
	height:24px;
	z-index:2001;
}

#textomgevingstandaardsmall {
	position:absolute;
	left:110px;
	top:260px;
	width:281px;
	height:24px;
	z-index:2001;
}

#textomgevingwarmsmall {
	position:absolute;
	left:235px;
	top:260px;
	width:281px;
	height:24px;
	z-index:2001;
}
#submit {
	position:absolute;
	left:330px;
	width:265px;
	height:83px;
	z-index:2004;
	top: 1425px;
}
#checkboxcenter {
	position:absolute;
	left:10px;
	top:282px;
	width:280px;
	height:50px;
	z-index:2013;
}
#omgevingcold {
	position:absolute;
	left:10px;
	top:282px;
	width:93px;
	height:50px;
	z-index:2014;
	cursor:pointer;
}
#omgevingcenter {
	position:absolute;
	left:103px;
	top:282px;
	width:93px;
	height:50px;
	z-index:2014;
	cursor:pointer;
}
#omgevingwarm{
	position:absolute;
	left:199px;
	top:282px;
	width:96px;
	height:50px;
	z-index:2014;
	cursor:pointer;
}
#checkboxcold {
	position:absolute;
	left:10px;
	top:282px;
	width:280px;
	height:50px;
	z-index:2013;
}
#checkboxwarm {
	position:absolute;
	left:10px;
	top:282px;
	width:280px;
	height:50px;
	z-index:2013;
}
#textomgeving {
	position:absolute;
	left:0px;
	top:230px;
	width:300px;
	height:31px;
	z-index:2005;
	font-family: Roboto, sans-serif;
}

#arrow {
	position:absolute;
	left:220px;
	top:0px;
	width:81px;
	height:140px;
	z-index:6000;
	background-image: url(../../../images/arrow.png);
	font-size:14px;
	text-align:center;
	color:#333333;
	display: none;
}

#arrow2 {
	position:absolute;
	left:420px;
	top:0px;
	width:81px;
	height:140px;
	z-index:6000;
	background-image: url(../../../images/arrow.png);
	font-size:14px;
	text-align:center;
	color:#333333;
	display: none;
}

#arrowleft {
	position:absolute;
	left:155px;
	top:170px;
	width:140px;
	height:81px;
	z-index:6000;
	background-image: url(../../../images/arrow-left.png);
	background-repeat:no-repeat;
	font-size:14px;
	text-align:center;
	line-height:28px;
	color:#333333;
	overflow:hidden;
	padding-left:10px;
	display: none;
}

#arrowright {
	position:absolute;
	left:630px;
	top:170px;
	width:140px;
	height:81px;
	z-index:6000;
	background-image: url(../../../images/arrow-right.png);
	background-repeat:no-repeat;
	font-size:14px;
	line-height:28px;
	color:#333333;
	overflow:hidden;
	padding-left:30px;
	display: none;
}

#beschermpijpdimmed {
	position:absolute;
	overflow:hidden;
	right:0px;
	top:0px;
	width:100%;
	height:2066px;
	z-index:2006;
	padding-top:20px;
	padding-left:20px;
	padding-right:30px;
	background-color:rgba(0, 0, 0, 0.9);
	margin-bottom:-2px;
	margin-top:-2px;
	cursor:pointer;
	display: none;
}

#beschermpijplink{
	position:absolute;
	width:200px;
	height:20px;
	z-index:5200;
	top:385px;
	left:0px;
	cursor:pointer;
}

#beschermpijpdimmedinner {
	width:630px;
	height:540px; 
    position:fixed;
  	top:50%;
  	left:50%;
  	margin-top:-200px;
  	margin-left:-315px;
	background-color:#FFFFFF;
	text-align:right;
	padding-top:5px;
}

#beschermpijpdimmedinnerleft {
	position:absolute;
	background-color:#C8C8C8;
	top:40px;
	left: 10px;
	width:280px;
	height:460px;
	padding:10px;
	text-align:left !important;;
}

#beschermpijpdimmedinnerright {
	position:absolute;
	background-color:#C8C8C8;
	top:40px;
	left:320px;
	width:280px;
	height:460px;
	padding:10px;
	text-align:left !important;;
}

input[type=submit] {
	width:265px;
 cursor:pointer;
 border:1px solid #ffad41; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px; padding: 10px 10px 10px 10px; font-family:'Roboto', sans-serif;text-decoration:none; display:inline-block;font-weight:bold; color: #3B3B3B;
 background-color: #ffc579; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
 
}

input[type=submit]:hover{
	width:265px;
 cursor:pointer;
 border:1px solid #ff9913;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}



.form-control1 {
  display: block;
  width: 300px;
  height: 39px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #959595;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.form-control {
  display: block;
  width: 275px;
  height: 39px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #959595;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 39px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 58px;
  padding: 16px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 58px;
  line-height: 58px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 48.75px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 39px;
  height: 39px;
  line-height: 39px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error-ich .help-block,
.has-error .control-label,
.has-error-ich .control-label,
.has-error .radio,
.has-error-ich .radio,
.has-error .checkbox,
.has-error-ich .checkbox,
.has-error .radio-inline,
.has-error-ich .radio-inline,
.has-error .checkbox-inline,
.has-error-ich .checkbox-inline {
  color: #ff6c2f;
}
.has-error .form-control,
.has-error-ich .form-control {
  border-color: #ff6c2f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus,
.has-error-ich .form-control:focus {
  border-color: #fb4a00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb495;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb495;
}
.has-error .input-group-addon,
.has-error-ich .input-group-addon {
  color: #ff6c2f;
  border-color: #ff6c2f;
  background-color: #f2dede;
}
.has-error .form-control-feedback,
.has-error-ich .form-control-feedback {
  color: #ff6c2f;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 2px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  /*min-height: (@line-height-computed + (@padding-base-vertical + 1));*/
}
.form-horizontal .form-group {
  margin-left: -10px;

  margin-right: -10px;
}
.form-horizontal .form-group-last {
  margin-bottom: 10px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 2px) {
  .form-horizontal .control-label {
    text-align: left;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 10px;
}