@charset "utf-8";
/* CSS Document */

body { font-family:Lucida Sans, Lucida Grande, sans-serif; font-size:12px; background:url(/img/bg.png) top repeat-x #FFF; margin:0; padding:0; min-height: 100%; position: relative; }
* { margin: 0; padding: 0; }
html { height: 100%; }
* html body { height: 100%; }
#gratis-advies-btn{
	position: absolute;
	margin-top: -50px;
	margin-left: -150px;
}
body.besluit .textblock { padding-bottom:20px }
.clear { clear:both; height:0px; font-size:0px }
a { color:#515151 }
a img { border: none }
fieldset { border: none }
label { color:#525252; font-weight:bold; font-size:11px; width:100px; display:block; float:left }
input { margin-top:7px; width:200px; padding: 2px; }
textarea { width:250px; height:60px; font-family:Lucida Sans, Lucida Grande, sans-serif; font-size:10px; }
input[type="submit"] { background: url(/img/btn.jpg) no-repeat top center; cursor:pointer; height:37px; border:none; color: #fff; font-weight: bold; font-size: 13px;}
*html .submit { background:url(/img/btn.jpg) top center; background-repeat:no-repeat; cursor:pointer; height:60px; border:none; width:93px;}
*html input { margin-top:0 }
*html label { padding-top:10px }
h1 { font-size:26px; font-weight:normal; padding:0; margin:0 0 10px 0 }
h3 { margin: 15px 0 10px 0;}
.content { width:925px; margin:0 auto; padding-bottom: 0px; }
.header, .menu_besluit { clear:both }
.logo { width:auto; margin:0 86px 0 0; float:right; padding-top: 25px;}
.menu { width:680px; float:left; margin-top:12px }
*html .menu { margin-top:12px }
*+html .menu { margin-top:12px }
#nav li, #nav_besluit li { list-style:none; float:left; text-align:center }
#nav li.act > a, #nav li:hover > a { background:url(/img/bg_menu_act.gif) no-repeat bottom center; display:block; padding:18px 0 0px; color:#336666; font-size:15px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; width:135px }
#nav li a { background:url(/img/bg_menu.gif) no-repeat bottom center; display:block; padding:18px 0 0; color:#689cb4; font-size:15px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; width:135px }
ul#nav_besluit { padding-bottom:0; margin:0 }
*html ul#nav_besluit { margin-left:45px; }
*+html ul#nav_besluit { margin-left:45px }
#nav_besluit li.act a, #nav_besluit li a:hover { color:#33a6db; font-size:16px; font-weight:bold; text-decoration:none; background:url(/img/btn_span_left_act.gif) no-repeat left top; display:block; padding:0px 9px 0 9px }
#nav_besluit li.act a span, #nav_besluit li a:hover span { background:url(/img/btn_a_right_act.gif) no-repeat right top; padding:8px 10px 6px 2px; display:block }
#nav_besluit li a { color:#33a6db; font-size:16px; font-weight:bold; text-decoration:none; background:url(/img/btn_span_left.gif) no-repeat left top; display:block; padding:0px 9px 0 9px }
#nav_besluit li span { background:url(/img/btn_a_right.gif) no-repeat right top; padding:8px 10px 6px 2px; display:block }
.sub { display:none }
.textblock, .textblock2 { clear:both; float:none; padding:30px 375px 189px 50px; background:url(/img/indexpic.png) right top no-repeat; margin-top:3px;}
.textblock2 { background: none}
.textblock p.conclusion {min-height: 300px;}
.send_to_a_friend{clear: both; margin-top: 40px;display: block;}
.no-img { background: none; padding-right: 20px }
.textblock .doctor { list-style: none; margin: 15px 0 0 0; }
.textblock table { margin: 20px 0 20px 0}
table{border:0;width:100%;border-collapse: collapse}
table td{border:1px solid #d4d4d4;padding:5px;text-align:left;vertical-align:top;}
.textblock .doctor li { list-style: none; float: left; clear: both; padding-left: 15px; margin-bottom: 15px; }
.textblock .doctor li h2 { margin-left: -15px; font-size: 13px; }
.flash { padding: 0; background: none; text-align: center; color: #c27f6e; font-weight: bold; font-size: 17px }
p { line-height:30px; margin: 0 0 10px 0; font-size:12px; color:#515151 }
.btnsblock { padding-bottom:30px }
.btnsblock img { margin-left:20px }
.big { font-size:26px; color:#000 }
.blue { color:#006695 }
.yellowbg{ background: url(/img/bg_yellow.png) top repeat-x #f9eea4; padding-bottom:30px }
.graybg { background: url(/img/graybg.png) top repeat-x #cecece; padding-bottom:30px }
.large { font-size:19px; margin:0; padding:10px 50px; color:#7f7e79 }
.mlarge { font-size:18px; margin:0; padding:0px 50px; text-align:center; color:#7f7e79 }
.green_bg { background: url(/img/green_bg.png) no-repeat center center; text-align:center; padding:20px 90px; height: 100px; }
.green_bg div{width: 780px;padding-top: 20px;}
.green_bg div img {float: left;height: 75px;border: 1px solid #666;padding: 1px}
.green_bg div p{ float: left;padding:0; margin:0 0 0 20px; font-size:16px; width: 705px;}
.green_bg div.conclusion_answer {font-size: 14px;}
.boldsmall { font-size:14px; text-align:center; padding:20px 5px; color:#000 }
.yellowform .boldsmall img{margin-top: 5px; width:490px;}
.fiftyper { width:320px; float:left; padding:0 20px 0 20px }
.yellowform { width:736px; border-left:1px solid #e3deb7; border-right:1px solid #e3deb7; background:#fbf6cf; margin:0 auto; line-height:40px }
.grayform { width:564px; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; background:#e8e8e8; float:right; line-height: normal; color:#666; }
.grayform label { float:none; font-size:12px; color:#666; padding-left:5px; }
.grayform input { margin-top:2px; margin-bottom:2px; width:230px; }
*html .yellowform { line-height:10px }
.yellowform img { vertical-align:bottom }
.left_side { float:left; width:196px; font-size:14px; line-height:normal; }
.left_side p { line-height:160%;  }
.white_block { background:#fff; text-align:center; padding:19px; border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; }
.white_block a, .white_block span { display:block; text-decoration:none; font-size:15px; color:#000; font-family:"Myriad Pro"; font-weight:bold; margin-bottom:10px; }
.white_block img{margin: 0 0 10px 0;}
#submit { width:auto; float:none; clear:both; text-align:right; padding:20px 0; margin-right: 25px;}
.white_block a img, .white_block span img { margin-bottom:10px; }
#submit input, #submit input[type="submit"] { width:177px;height: 44px; background:url(/img/btn_GA.png) top center no-repeat; color: #000}
#nav_diagnoses li { list-style:none; padding-left:40px; }
#nav_diagnoses li span { text-decoration:none; color:#5d5d5d; font-size:12px; line-height:40px; font-weight:bold }
#nav_diagnoses li.hover { background:url(/img/bg_liDiagnoses.png) no-repeat left; cursor:pointer }
#nav_diagnoses li.act { background:url(/img/bg_liDiagnoses_act.jpg) no-repeat top left; overflow:visible; padding:8px 0 8px 40px }
#nav_diagnoses li.act span { text-decoration:none; color:#000; font-size:16px; line-height:25px }
.subpic { display:none }
.libox { width:430px; height: 600px; float:left; z-index:100; margin-top:30px }
.picsbox { width:430px; float:left; background:url(/img/bg_picDiagnoses.png) no-repeat center top; padding:15px; z-index:10; margin:30px 0 0 -25px;/*    height:500px */ }
.picsbox img { padding-left:20px; display: none; }
.picsbox img.act { display: block; }
#pdf { padding:0; margin:0; list-style:none; text-align:left; line-height:14px }
#pdf a { text-decoration:none; display:block; padding:20px 50px 0 60px; height:50px; background:url(/img/bg_pdf.png) no-repeat left; font-size:14px; font-weight:bold; color:#FFF }
#pdf a:hover { background:url(/img/bg_pdf_hover.png) no-repeat left }
.scheme { padding:50px 74px 0 60px; height:359px; width:180px; margin-top:86px; float:left }
.scheme div { text-align:center; }
.scheme div img { visibility: hidden; }
.step1 { background:url(/img/step1.png) no-repeat center top; padding-left: 77px; padding-top: 53px; }
.step2 { background: url(/img/step2.png) no-repeat center top; }
.step3 { background: url(/img/step3.png) no-repeat center top; margin-top:57px; }
.step4 { background: url(/img/step4.png) no-repeat center top; margin-top:80px; }
.step5 { background: url(/img/piramide.png) no-repeat center top; margin-top:125px; }
.step6 { background: url(/img/figuren.png) no-repeat center top; margin-top:95px; }
.quest { width:530px; float:right; font-size:12px; }
.quest p { color:#000; }
.quest .description{margin: 20px 0 0 0; font-size: 14px;}

.quest p.questlarge { font-size:26px; color:#7f7d74; padding-top:75px }
.quest p.questlarge .small{font-size: 14px;}
/* common properties */
#questblock { list-style:none; }
#questblock span { text-decoration:none; color:#000; display:block; height:35px; }
#questblock span.hover { cursor: pointer; }
/* question 1 */
.question1 { width:380px; line-height:30px; }
.question1 li { height: 30px; }
.question1 span { padding:3px 20px 0 60px; }
.question1 span.hover { background:url(/img/bg_quest_li.png) no-repeat left center; }
.question1 li.act span, .question1 li.act span.hover { background:url(/img/bg_quest_li_act.png) no-repeat left center; }
.question1 .fixed { height: 70px; width: 522px; margin-left: -50px; }
.question1 .fixed span { line-height: 20px; padding:20px 50px 20px 60px; }
.question1 .fixed span.hover { background:url(/img/bg_listap2_hover.png) no-repeat left center; }
.question1 .fixed span.small{line-height: auto; padding: 0; font-size: 9px;}
.question1 .fixed span.small:hover{background: none;}
.question1 li.act.fixed span, .question1 li.act.fixed span.hover { background:url(/img/bg_listap2.png) no-repeat center left; }
.question1 li.act.fixed span.short, .question1 li.act.fixed span.short.hover { background:url(/img/bg_listap2_short.png) no-repeat center left; }
.question1 li.act.fixed span.small, .question1 li.act.fixed span.small:hover { background:none; }
.question2 { width:522px; }
.question2 li { height: 70px; }
.question2 span { padding:20px 50px 20px 60px; }
.question2 span.hover { background:url(/img/bg_listap2_hover.png) no-repeat left center; }
.question2 span.short.hover { background:url(/img/bg_listap2_short_hover.png) no-repeat left center; }
.question2 li.act span, .question2 li.act span.hover { background:url(/img/bg_listap2.png) no-repeat center left; }
.question2 li.act span.short, .question2 li.act span.short.hover { background:url(/img/bg_listap2_short.png) no-repeat center left; }
.nextbtn input { display:block; height:70px; width:80px; visibility: hidden; text-decoration:none; margin:10px auto; }
.nextbtn p { text-align:center; color:#397691; font-size:20px; margin-top:0px; font-weight:bold }
.footer { background: url(/img/bg_footer.png); padding:10px; position: absolute; bottom:0; left:0; right:0; }
.footer div { margin:0 auto; width:1000px; text-align:center }
.footer a { text-decoration:none; font-weight:bold; color:#333333; font-size:12px; }
.required { background: red; color: #fff; }
.step1 .option_5 { margin-left: -6px; }
.step1 .option_6 { margin-left: -6px; }
.step1 .option_4 { margin-left: -4px; }
.step1 .option_1, .step1 .option_2, .step1 .option_3 { margin-left: -2px; }
#blank { font-family:Lucida Sans, Lucida Grande, sans-serif; font-size:12px; margin:0; padding:15px; min-height: 100%; position: relative; }
.border, .bordercontact { width: 566px; float:right; padding: 5px 0 0 0; height: 0; }
.bordercontact { width: 450px; float: left; }
.b_top { background: url(/img/b_top.png) no-repeat }
.b_bottom { background: url(/img/b_bottom.png) no-repeat }
.b_topsmall { background: url(/img/yellowsmalltopcorners.gif) no-repeat }
.b_bottomsmall { background: url(/img/yellowsmallbotcorners.gif) no-repeat }
.contact { width: 449px; float: left; }
.textarea { float: left; clear: none; width: 220px }
#user_form { display: block; margin: 20px auto 15px; width:785px; }
#user_form .bodysmall{ margin:0;}
#contra { display:inline-block; margin-top:5px; font-size:9px; color:#7f8081; text-decoration:none; }
.contact .fiftyper { width: 410px; margin: 0;}
.contact input, .contact textarea { width: 300px; }
.contact .street input { width: 210px; }
.street, .nr, .postcode, .city { float: left; }
.nr input, .postcode input { width: 50px; }
.nr label, .city label { width: 30px; text-align: center; }
.nr label { width: 30px; }
.city label { width: 90px; }
.city input { width: 150px; }
.yellowform .fiftyper { padding-bottom: 0; }
.yellowform .fiftyper { width:auto; }
.other_diagnose { padding-left: 20px; }
.other_diagnose label { float: none; clear: both; }
.other_diagnose textarea { width: 516px; height: 100px; }
.checkbox {width: 100%; margin: 0 0 5px  0; clear: left; float: left;}
.checkbox input{float: left;margin-right: 5px;width: auto;}
.checkbox span.small{line-height: auto; padding: 0; font-size: 9px;}

.bmi{background: transparent;padding: 5px; font-size: 15px; border: 2px solid #999; width: 50px; font-weight: bold; margin: 30px 0 0 80px;}

li#top_menu_test  ul,li#top_menu_sickness  ul { background: url(/img/bg_ulhover.png) no-repeat center bottom; width:131px; margin-left:2px; display:none; position:absolute; padding-bottom:3px}
*html li#top_menu_test ul,*html li#top_menu_sickness  ul { background: url(/img/bg_ulhover.gif) no-repeat center bottom; width:121px; display:none; position:absolute; padding:0;}
*html li#top_menu_test ul li a, *html li#top_menu_sickness  ul li a {background:none;  padding:8px 0; width:128px;}
*html li#top_menu_test ul li a:hover, *html li#top_menu_sickness  ul li a:hover{ font-size:16px; font-weight:bold; background:url(/img/bg_submenuhover.gif) repeat-x center; padding:8px 1px 8px 0; width:118px; margin-left:5px; color:#689CB4}
li#top_menu_test ul li,li#top_menu_sickness ul li { float:none !important; margin-top:-5px}
li#top_menu_test ul li a, li#top_menu_sickness  ul li a {background:none;  padding:11px 0; width:129px;font-size: 12px;}
li#top_menu_test ul li a:hover, li#top_menu_sickness  ul li a:hover { font-size:12px; background:url(/img/bg_submenuhover.gif) repeat-x center; padding:11px 1px 8px 0; width:119px; margin-left:5px; color:#689CB4}
li#top_menu_test ul li a.last:hover, li#top_menu_sickness  ul li a.last:hover { font-size:12px; background:url(/img/bg_submlast.png) repeat-x center; padding:11px 1px 8px 0; width:119px; margin-left:5px;color:#689CB4}
*html li#top_menu_test ul li a.last:hover, *html li#top_menu_sickness ul li a.last:hover { font-size:16px; font-weight:bold; background:url(/img/bg_submlast.png) repeat-x center; padding:8px 1px 8px 0; width:118px; margin-left:5px;color:#689CB4}
#nav li:hover ul { display:block}
#nav li.hover ul { display:block; position: absolute; z-index:1000}
#nav li {
  scrollbar-face-color: expression(
    runtimeStyle.scrollbarFaceColor = '#fff',
    onmouseover = function() {this.className += ' hover'},
    onmouseout = function() {this.className = this.className.replace(/ hover/g, '')}
  );
}

/*suggest to a friend*/
.suggest_form label {
    float: none;
    width: auto;
}