body{
margin:0;
padding:0;
background: #fff url('../images/bg.jpg') no-repeat !important;
background-size: cover !important;
font-family: 'Jaldi';
}

.wrapper{
margin: 0 auto;
padding: 60px 0 0;
}

#phone {
background-image:url("../images/iphone_400x813px.png");
background-repeat:no-repeat;
background-position:center;
height:830px;
width:auto;
color:#0075BE;
}

.phone_screen {
padding-top:106px;
margin:0 auto;
width: 352px;
height: 622px;
}

.bovenzijde_phone_screen {
height: 50%;
}

#header{
width: 100%;
height:73px;
color: #ffffff;
}

#top_avatar {
float: left;
margin-left: 10px;
padding-top: 5px;
margin-right:10px;
}

#top_naam{
font-size: 1.2em;
padding-top: 15px;
}

.avatars input{
margin-top:22px;
}

.male .button,
.female .button{
float:left;
}

.button input,
.button label,
.button img{
float:left;
}

.radio-inline input[type="radio"],
.content-in-bal input[type="checkbox"]{
margin-right:5px;
}

#header-logo{
height: 70px;
text-align: left;
}

.witte-bal{
height: 542px;
width: 352px;
background-position: center top;
background-repeat: no-repeat;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, .8)
}

.witte-bal-geen-footer {
height: 549px;
width: 352px;
background-position: center top;
background-repeat: no-repeat;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, .8)

}

.witte-bal-meting {
height: 552px;
width: 352px;
background-color:#ffffff;
}

.content-in-bal{
line-height: 1.5em;
padding: 30px;
padding-top:0px;
}

.content-in-bal h3{
margin-top:0;
margin-bottom:10px;
font-size:2.0em;
}

.content-in-bal h5{
margin:10px 0;
}

h3{
color: #0075BE;
font-size:2.1em;
line-height:1.1;
}

h4{
padding-top:-20px !important;
font-size:1.5em;
line-height:1.2em;
}

p{
padding-top:5px;
padding-bottom:5px;
}

.btn.btn-pijl-rechts{
background-color: #0075BE;
background-image: linear-gradient(to bottom, #8AB3E0, #0075BE);
border-color: #0075BE;
color: #FFFFFF !important;
}

#header_green{
height: 70px;
width: 353px;
background-color: #4dac09;
color: #ffffff;
border-radius: 4px 4px 0 0;
}

#content {
background-color: #fff;
margin: 0;
}

.image_left {
float: left;
}

.image_right {
float: right;
}

.expcontact{
font-size:14px;
}

.expcontact select{
margin-right:5px;
}

.expcontact label{
display:inline;
font-size:14px;
}

.expcontact input[type=radio]{
margin-left:10px;
}

.expcontact input[type=radio]:first-child{
margin-left:0px;
}

.margintop2px{
margin-top:2px;
}

.margintop5px{
margin-top:5px;
}

.margintop7px{
margin-top:7px;
}

.margintop10px{
margin-top:10px;
}

.margintop15px{
margin-top:15px;
}

.margintop20px{
margin-top:20px;
}

.margintop30px{
margin-top:30px;
}

.margintop50px{
margin-top:50px;
}

@media screen and (max-width: 480px) {

	body{
	background-color: #fff !important;
	background-image:none !important;
	}

	.wrapper{
	margin: 0 0;
	min-height: auto;
	padding: 0 0;
	width: 100%;
	}

	#content {
	height: auto;
	}

	#phone {
	height:auto;
	width:100%;
	background-image:none;
	background-repeat:no-repeat;
	}

	.phone_screen {
	padding-top:0;
	margin:0 0;
	width: 100%;
	height: auto;
	}

	.witte-bal {
	width:100%;
	background-size: cover;
	background-color:#FFFFFF;
	}
	
	.witte-bal-meting {
	width:100%;
	background-size: cover;
	background-color:#FFFFFF;
	}

}

/* override jq ui */

.ui-body-a, .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{
background:none;
text-shadow:none !important;
}

.ui-content{
padding:0;
}

.ui-body-a, .ui-overlay-a{
text-shadow:none;
}

.above_slider_container {
float:left;
width:100%;
margin-top:0px;
margin-left:20px;
height: 7px;
}

.above_slider {
float:left;
width:20%;
}

.above_slider span{
position: inherit;
left: 100%;
top: 125%;
margin-left: -10px;
font-size: 12px;
font-weight: normal;
}
/*
.sliderTickmarks{
margin-top:7px;
-webkit-box-sizing: border-box; 
box-sizing: border-box;
height: 100%;
width: 23%;
float: left;
border-right: 1px solid #888;
line-height:1.1;
}
*/
.sliderTickmarks span{
position: relative;
left: 100%;
top: 125%;
margin-left: -10px;
font-size: 12px;
font-weight: normal;
margin-top:7px;
}

.ui-slider-track > div.sliderTickmarks:first-child{
border-right: 0;
width: 0;
}
.ui-slider-track > div.sliderTickmarks:first-child span{
margin-left: -5px;
}
.ui-slider-track > div.sliderTickmarks:last-of-type{
border-right: 0;
}

.sliderTickmarks:last-of-type span{
margin-left: 0px;
}

.sliderBackColor{
height: 100%;
width: 25%;
float: left;
color: white;
text-align: center;
font-size: 10px;
font-weight: normal;
text-shadow: 0px 1px 2px #333;
}
.color1 { background-color: #D6AA26;}
.color2 { background-color: #93A31C;}
.color3 { background-color: #408156;}
.color4 { background-color: #30374F;}

.ui-slider-track > div.sliderBackColor:first-child{
border-top-left-radius: 0.3125em;
border-bottom-left-radius: 0.3125em;
}
.ui-slider-track > div.sliderBackColor:last-of-type{
border-top-right-radius: 0.3125em;
border-bottom-right-radius: 0.3125em;   
}

div.ui-slider-slider input.ui-input-text {
display: none;
}
div.ui-slider-slider div.ui-slider-track {
margin: 0 15px 0 15px !important;
}

.ui-btn{
color:#1260a5 !important;
font-family: 'Jaldi' !important;
}

.results h5{
margin:0 0 3px 0;
padding:0;
}

.results p{
margin:10px 0 0;
padding:0;
}

/* vragenlijst 6 */
#formquestionnaire6{
display:none;
}

.selectarange{
background: #e9e9e9 none repeat scroll 0 0;
border-color: #ddd;
color: #333;
font-weight: 700;
text-shadow: 0 1px 0 #eee;
border-radius: 0.3125em;
border-style: solid;
border-width: 1px;
height: 15px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-sizing: border-box;
}

.selectarange div{
float:left;
height:14px;
width:20%;
border-right:1px #888 solid;
cursor:pointer;
}

.selectarange div:last-child{
border-right:none;
}

.selectarangescale{
padding-top:10px;
padding-bottom:10px;
height:50px;
background: none;
border: none;
color: #000;
text-shadow: none;
box-shadow: none;
box-sizing: border-box;
}

.selectarangescale div{
float:left;
height:40px;
width:20%;
border:none;
font-size:11px;
line-height:1.1;
height:30px;
}

.clearfix{
clear:both;
}

.EQ5D input[type="radio"] {
margin-right:5px;
}

#range{
margin-top:-100px;
margin-left:7px;
height:250px;
width:20px;
float:right;
}

#range_horiz{
margin-left:7px;
height:20px;
width:100%px;
float:left;
}

#scalecontainer{
position:relative;
float:right;
margin-left:35px;
margin-top:-93px;
width:5px;
height:250px;
box-sizing:border-box;
}


.scale{
position:relative;
height:25px;
width:10px;
border-top:1px #1260a5 solid;
float:left;
box-sizing:border-box;
}

.scale div{
position:absolute;
top:-9px;
left:-19px;
font:10pt arial;
color:#1260a5;
}

.scale:first-child{
margin-top:-7px;
}

.scale:last-child{
margin-top:-1px;
}

.scale:first-child div{
left:-26px;
}

.scale:last-child div{
left:-12px;
}