/* ------------------------------------------------------ */
/* Copyright 2008 (Non-)verbaal, http://www.nonverbaal.nl */
/* -------------------------------------------------------*/

@import url("reset.css");
@import url("clearfix.css");
@import url("form.css");

body { background: #FFFFFF url(../images/bg/gradient.jpg) repeat-x; font: 62.5% Verdana, Arial, Helvetica, sans-serif; margin: 10px 0; }

a {  color: #294167; text-decoration: underline; }
a:hover { text-decoration: none; }

hr { height: 1px; border: 1px dashed #B6B1BE; background : #B6B1BE; }

/* submenu */
#footer ul { position : absolute; padding-top: 30px; list-style: none; margin: 0px 0px 0px 75px; }
#footer ul a { position : relative; display:block; height: 32px; text-indent: -9999px; outline: none; }
#footer ul li { float: left; list-style: none; }

#submenu_1 a { width: 119px; }
#submenu_2 a { width: 110px; }
#submenu_3 a { width: 75px; }
#submenu_4 a { width: 93px; }
#submenu_5 a { width: 120px; }
#submenu_6 a { width: 150px; }
#submenu_7 a { width: 85px; }
#submenu_8 a { width: 70px; }

/* overige standaarbuttons */
a.std { position: absolute; text-indent: -9999px; outline: none; background-repeat : no-repeat; }

a#tips { top: 601px; left: 55px; width: 76px; height: 34px; background-image : url(../images/buttons/normal/tips.jpg); }
a#tips:hover { background-image : url(../images/buttons/over/tips.jpg); }

a#print { top: 648px; left: 60px; width: 76px; height: 34px; background-image : url(../images/buttons/normal/print.jpg); }
a#print:hover { background-image : url(../images/buttons/over/print.jpg); }

a#qbtn_home { top: 314px; left: 844px; width: 23px; height: 79px; background-image : url(../images/buttons/normal/qbtn_home.jpg); }
a#qbtn_home:hover { background-image : url(../images/buttons/over/qbtn_home.jpg); }

a#qbtn_leefstijl { top: 393px; left: 846px; width: 23px; height: 84px; background-image : url(../images/buttons/normal/qbtn_leefstijl.jpg); }
a#qbtn_leefstijl:hover { background-image : url(../images/buttons/over/qbtn_leefstijl.jpg); }

a#qbtn_mmm { top: 477px; left: 846px; width: 26px; height: 157px; background-image : url(../images/buttons/normal/qbtn_mmm.jpg); }
a#qbtn_mmm:hover { background-image : url(../images/buttons/over/qbtn_mmm.jpg); }

a#qbtn_doelen { top: 634px; left: 846px; width: 26px; height: 84px; background-image : url(../images/buttons/normal/qbtn_doelen.jpg); }
a#qbtn_doelen:hover { background-image : url(../images/buttons/over/qbtn_doelen.jpg); }

/* go home */
div#go_home { position: absolute; width: 740px; height: 150px; float: left; }
div#go_home a { width: 100%; height: 100%; display : block; text-indent: -9999px; outline: none; }

/* Content ---------------------------------------------- */
div#content h1,
div#content h3,
div#content h4 { margin-top: 1em; margin-bottom: 0.5em; }
div#content h2{ margin-top: 1em; margin-bottom: 0em; }
div#content .db_part_content h2{ margin-top: 0em; margin-bottom: 0em; }
div#content div { line-height: 1.5em; }
div#content strong { font-weight: bold; }
div#content em { font-style: italic; }
div#content table, 
div#content p { margin-bottom: 1.1em; }
div#content table th { font-weight: bold; padding: 0 0 1em 0; text-align : center; }
div#content table td { vertical-align: top; padding: 0 0 1em 0; }
div#content table ul { margin: 0em 2.2em; }
div#content div ul { list-style: disc; margin: 1.1em 2.2em; }
div#content div ol { list-style: decimal; margin: 1.1em 2.2em; }

#container { width: 960px; margin: 0px auto; position : relative; background-image : url(../images/bg/main.gif); }
#header { width: 100%; height: 199px; background : url(../images/bg/header.jpg); background-repeat : no-repeat; }
#main { width: 100%; background-image : url(../images/bg/main_header.jpg); background-repeat : no-repeat; font-size: 110%; line-height: 160%; color: #294167; }
#content { padding: 40px 20px 20px 30px; }
#footer { width: 100%; height: 74px; background : url(../images/bg/footer.jpg); }

/* backgrounds */
#home #main { background-image : url(../images/bg/desk/welkom.jpg); background-repeat : no-repeat; }
#bladzijde #main { background-image : url(../images/bg/desk/open_book.jpg); background-repeat : no-repeat; }
#blank #main { background-image : url(../images/bg/desk/blank.jpg); background-repeat : no-repeat; }

/* home */
#home #content { width: 390px; padding: 40px 0px 20px 30px; }
#home #not_convinced { width: 440px; height: 150px; padding: 0px 0px 0px 30px; background-image : url(../images/bg/rondleiding.gif); background-repeat : no-repeat; background-position : top right; }
#home #not_convinced h3 { width: 250px; margin-bottom: 7px; }
#home #not_convinced p { font-size: 80%; }
#home a#link_not_convinced { display : inline; float: right; width: 163px; height: 50px; text-indent: -9999px; outline: none; background-image : url(../images/buttons/normal/rondleiding.jpg); }
#home a#link_not_convinced:hover { background-image : url(../images/buttons/over/rondleiding.jpg); }
#home a.aanmelden { position: absolute; top: 253px; left: 574px; text-indent: -9999px; outline: none; width: 112px; height: 28px; background : url(../images/buttons/normal/aanmelden.jpg); }
#home a.aanmelden:hover { background : url(../images/buttons/over/aanmelden.jpg); }

/* bladzijde */
#bladzijde div#bladzijdes h1 { margin: 0px 0px 0px 40px; padding: 0px; width: 320px; height: 25px; }
#bladzijde #content { height:580px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 50; }
div#bladzijdes { width: 708px; height: 518px; position: absolute; top: 246px; left: 143px; background-image : url(../images/bg/bladzijdes.png); background-position : bottom; background-repeat : no-repeat; }
div#bladzijdes div#bladzijde1,
div#bladzijdes div#bladzijde2 { width: 320px; height: 438px; display : block; overflow: auto; float: left; margin: 25px 0px 0px 0px; padding: 0px 0px 0px 35px; scrollbar-arrow-color: white; scrollbar-face-color: #5A1C2B; scrollbar-highlight-color: #DAB681; scrollbar-3dlight-color: #DAB681; scrollbar-shadow-color: #DAB681; scrollbar-darkshadow-color: #DAB681; scrollbar-track-color: #EFE0C9; }
div#bladzijdes div#bladzijde2 { width: 310px; }
div#bladzijdes div#bladzijde_large { width: 660px; height: 438px; display : block; overflow: auto; float: left; margin: 25px 0px 0px 0px; padding: 0px 00px 0px 35px; }
div#bladzijdes div#bladzijde_large h1,  h2, h3,  p  { width: 280px; }
div#bladzijdes div#bladzijde2 h1,  h2,  h3,  p  { width: 270px; }

/* doelstellingen */
#blank #content { padding-top: 0px; }
#doelstellingen { width: 780px; margin: 0px 0px 0px 122px; background-image : url(../images/bg/noteblock/content.png); background-position : center; background-repeat : repeat-y; }

#doelstellingen #ccontent { width: 780px; min-height: 620px; background-image : url(../images/bg/noteblock/top.jpg); background-repeat : no-repeat; padding: 80px 0px 40px 51px; }
#doelstellingen #cfooter { width: 780px; height: 20px; background-image : url(../images/bg/noteblock/footer.jpg); background-repeat : no-repeat; }
#ccintro { width: 663px; padding-bottom: 20px; border-bottom: 1px dashed gray; }
#ccintro p  { width: 600px; }

#doelstellingen #ccontent h1 { height: 25px; }

#doelstellingen #ccontent div#blad1, div#doelstellingen div#blad2 { width: 340px; position:relative; float:left; }
#doelstellingen #ccontent div#blad2 { position:relative; width: 350px; margin-left: 20px; }

div#ccontent div#blad1 h2,
div#ccontent div#blad2 h2 { width: 320px; margin-top: 12px; }
div#ccontent div#blad1 p,
div#ccontent div#blad2 p { width: 320px; }

div#doelstellingen h5{font-weight:bold;clear:both;} 
div#doelstellingen .days {position:relative;width: 300px;}
div#doelstellingen .days p {margin:0 0 10px;}

.weeks {margin-bottom:65px;}
.weeks label {float:left;width:320px;}
/* custom links */ 
a.link_blue { color: #4367A3; }
a.link_red_large { color: #F00114; font-size: 2.6em;}

a.bl_verder { width: 160px; height: 53px; display : block; background-image : url(../images/buttons/normal/bl_verder.jpg); text-indent: -9999px; outline: none; }
a.bl_verder:hover { background-image : url(../images/buttons/over/bl_verder.jpg); }

a.bl_opslaan { width: 160px; height: 53px; display : block; background-image : url(../images/buttons/normal/bl_opslaan.jpg); text-indent: -9999px; outline: none; }
a.bl_opslaan:hover { background-image : url(../images/buttons/over/bl_opslaan.jpg); }

a.bl_opslaan_small { width: 99px; height: 33px; display : block; background-image : url(../images/buttons/normal/bl_opslaan_small.jpg); text-indent: -9999px; outline: none; }
a.bl_opslaan_small:hover { background-image : url(../images/buttons/over/bl_opslaan_small.jpg); }

a.bl_inloggen { width: 160px; height: 53px; display : block; background-image : url(../images/buttons/normal/bl_inloggen.jpg); text-indent: -9999px; outline: none; }
a.bl_inloggen:hover { background-image : url(../images/buttons/over/bl_inloggen.jpg); }

a.bl_verstuur { width: 160px; height: 53px; display : block; background-image : url(../images/buttons/normal/bl_verstuur.jpg); text-indent: -9999px; outline: none; }
a.bl_verstuur:hover { background-image : url(../images/buttons/over/bl_verstuur.jpg); }

div.fl_bl_vorige_small { width: 99px; height: 33px; display : block; background : url(../images/buttons/normal/bl_vorige_small.jpg) no-repeat; white-space: nowrap; padding: 0px; }
a.bl_vorige_small { width: 99px; height: 33px; display : block; text-indent: -9999px; outline: none; }
a.bl_vorige_small:hover { background-image : url(../images/buttons/over/bl_vorige_small.jpg); }

div.fl_bl_volgende_small { width: 99px; height: 33px; display : block; background : url(../images/buttons/normal/bl_volgende_small.jpg) no-repeat; white-space: nowrap; padding: 0px; }
a.bl_volgende_small { width: 99px; height: 33px; display : block; text-indent: -9999px; outline: none; }
a.bl_volgende_small:hover { background-image : url(../images/buttons/over/bl_volgende_small.jpg); }

#opslaan_absolute { position: absolute; top: 460px; left: 240px; }
#vorige_absolute { position: absolute; top: 460px; left: 22px; }
#volgende_absolute { position: absolute; top: 450px; left: 584px; }

/* active desktop */
.ad { position: absolute; cursor: move; }

#aardbei { top: 313px; left: 873px; width: 89px; height: 94px; }
#pencil { top: 241px; left: 414px; width: 85px; height: 368px; }
#meetlint{ top: 201px; left: 813px; width: 164px; height: 112px; }

#deskitem_1_1 { top: 445px; left: 25px; width: 117px; height: 151px; }
#deskitem_1_2 { top: 218px; left: 850px; width: 72px; height: 59px; }
#deskitem_1_3 { top: 468px; left: 870px; width: 70px; height: 248px; }

#deskitem_2_1 { top: 445px; left: 25px; width: 138px; height: 129px; }
#deskitem_2_2 { top: 218px; left: 850px; width: 101px; height: 105px; }
#deskitem_2_3 { top: 468px; left: 870px; width: 80px; height: 225px; }

#deskitem_3_1 { top: 445px; left: 15px; width: 140px; height: 131px; }
#deskitem_3_2 { top: 218px; left: 850px; width: 66px; height: 74px; }
#deskitem_3_3 { top: 368px; left: 880px; width: 44px; height: 360px; }

#deskitem_4_1 { top: 425px; left: 25px; width: 120px; height: 177px; }
#deskitem_4_2 { top: 218px; left: 850px; width: 117px; height: 120px; }
#deskitem_4_3 { top: 598px; left: 870px; width: 76px; height: 218px; }

#deskitem_5_1 { top: 445px; left: 25px; width: 134px; height: 152px; }
#deskitem_5_2 { top: 218px; left: 850px; width: 97px; height: 98px; }
#deskitem_5_3 { top: 408px; left: 890px; width: 49px; height: 375px; }

#deskitem_6_1 { top: 445px; left: 0px; width: 155px; height: 152px; }
#deskitem_6_2 { top: 218px; left: 860px; width: 79px; height: 158px; }
#deskitem_6_3 { top: 468px; left: 890px; width: 39px; height: 298px; }

#deskitem_7_1 { top: 445px; left: 0px; width: 145px; height: 147px; }
#deskitem_7_2 { top: 218px; left: 850px; width: 96px; height: 99px; }
#deskitem_7_3 { top: 468px; left: 870px; width: 73px; height: 273px; }

#deskitem_8_1 { top: 425px; left: 25px; width: 96px; height: 162px; }
#deskitem_8_2 { top: 218px; left: 850px; width: 93px; height: 93px; }
#deskitem_8_3 { top: 758px; left: 875px; width: 79px; height: 258px; }

/* afbeeldingen */
div.bg_afbeelding_small { height: 325px; width: 289px; background-image : url(../images/bg/images/small.jpg); background-repeat : no-repeat; padding: 30px 0px 0px 12px; }
div.bg_afbeelding_medium { height: 325px; width: 291px; background-image : url(../images/bg/images/medium.jpg); background-repeat : no-repeat; padding: 30px 0px 0px 10px; }
div.bg_afbeelding_big { height: 368px; width: 291px; background-image : url(../images/bg/images/big.jpg); background-repeat : no-repeat; padding: 30px 0px 0px 10px; }

/* vragen */
div#vragen_nav { width: 300px; margin: 10px 0px 10px 0px; }
a.gnav_before { height: 20px; width: 23px; display : block; float: left; margin: 2px; padding-top: 2px; background-image : url(../images/gnav/bgOrange.gif); background-repeat : no-repeat; text-align : center; text-decoration : none; font-size: 12px; font-weight : bold; color: white; }
a:hover.gnav_before { text-decoration : underline; }
a.gnav_before#gnav_active { background-image : url(../images/gnav/bgBleuActive.gif); }

a.gnav_after { height: 20px; width: 23px; display : block; float: left; margin: 2px; padding-top: 2px; background-image : url(../images/gnav/bgBleu.gif); background-repeat : no-repeat; text-align : center; text-decoration : none; font-size: 12px; font-weight : bold; color: white; }
a:hover.gnav_after { text-decoration : underline; }
a.gnav_after#gnav_active { background-image : url(../images/gnav/bgBleuActive.gif); }

p.p_mgl_answer{ margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
a.mgl_answer { width: 100%; display : block; padding: 3px; font-weight: bold; text-decoration : none; background : white; }
a.mgl_answer:hover { text-decoration : underline; }

.fake_textfield { border: 1px dashed #B6B1BE; background : white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 4px; width: 265px; }
.hundred_percent h1,
.hundred_percent h2,
.hundred_percent h3,
.hundred_percent h4,
.hundred_percent p  { width: 100%; }
.max_width { width: 280px; }

/* voorbeeld */
div.voorbeeld { width: 570px; border: 1px solid #E0E0E0; background : white; background-image : url(../images/icons1/close.jpg); background-repeat : no-repeat; background-position : right top; position: absolute; left: 50px; top: 118px; cursor:pointer; opacity: .95; filter: alpha(opacity=95); padding: 40px 20px 10px 20px; }
div.voorbeeld p { width: 100%; }

/* overige */
div.balans { width: 570px; height: 290px; overflow: auto; border: 1px solid #E0E0E0; background : white; background-image : url(../images/icons1/close.jpg); background-repeat : no-repeat; background-position : right top; position: absolute; left: 50px; top: 118px; cursor:pointer; opacity: .95; filter: alpha(opacity=95); padding: 40px 20px 10px 20px; }
div.balans p { width: 100%; }
.schrmfbl_small { border: 2px solid white; }
.schrmfbl_large { border: 10px solid white; }

ul.vb_afspraken li { width: 270px; list-style : none; }
ul.vb_afspraken li a { background-imdeskage : url(../images/icons6/bullet_add.png); background-repeat : no-repeat; padding: 0px 0px 0px 18px; text-decoration : none; }
ul.vb_afspraken li a:hover { }

/*
a.std,
body,
#header,
#main,
#content,
#container,
#footer,
#home #main, 
#bladzijde #main {
	background-image: none;
}
*/