/* general styles */
* {	padding: 0; margin: 0 }
html,body { width: 100%; height: 101% }
body { background: #bbbdc0 }
body,td,p { vertical-align: top; font: 11px/14px Tahoma, Arial, Verdana; color: #333333 }
ul { list-style: none }
ul li { padding-left: 16px; background: url(../images/bullet.gif) no-repeat }
ol { list-style-position: outside; margin-left: 17px }
ol li { margin-left: 16px }
h1,h2,h3,p,ul,ol { margin: 0 0 14px 0 }
h3 { margin: 15px 0 }
img { border: 0 }
.line { height: 1px; overflow: hidden; border-top: 1px #005C8D solid; margin: 15px 0 }
.end { clear: both; width: 100%; height: 0px; overflow: hidden }
.error, p.error strong, label.error strong, p.error span, li span.error strong { color: #CC0000 }

/* links */
a { text-decoration: underline; color: #2a8ebd }
a:hover { text-decoration: none; color: #2a8ebd }

/* formelementen */
input,select,textarea { font: 11px/14px Tahoma, Arial, Verdana; color: #333333 }
input.checkbox, input.radio { float: left; display: inline; margin: 3px 3px 0 0 }
select { height: 17px }
textarea { height: 60px }
select.multiple { height: 76px }
input.text { text-indent: 2px }

/* containers */
#container { width: 830px; min-height: 101%; margin: 0 auto; background: #FFFFFF url(../images/bg.gif) repeat-y; position: relative }

/* header */
#header { margin: 0 11px; padding: 0 63px; height: 294px; position: relative; overflow: hidden }
a#logo { position: absolute; left: 63px; top: 19px; width: 300px; height: 118px; overflow: hidden; background: url(../images/logo.gif) left top no-repeat; text-indent: -9999px; z-index: 1 }
#header img { position: absolute; left: 600px; top: 20px; width: 152px; height: 213px; z-index: 1 }
#stap0, #stap1, #stap2, #stap3, #stap4, #stap5, #stap6, #stap7, #stap8 { position: absolute; left: 63px; top: 165px; width: 264px; height: 62px; overflow: hidden; z-index: 1 }
#stap0, #stap5, #stap6, #stap7, #stap8 { background: url(../images/stap0.gif) no-repeat }
#stap1 { background: url(../images/stap1.gif) no-repeat }
#stap2 { background: url(../images/stap2.gif) no-repeat }
#stap3 { background: url(../images/stap3.gif) no-repeat }
#stap4 { background: url(../images/stap4.gif) no-repeat }
h1 { position: absolute; left: 63px; top: 260px; width: 672px; height: 27px; text-indent: -9999px; background: url(../images/h1_aanvraagformulier.gif) no-repeat; overflow: hidden }
h1.export { background: url(../images/h1_exportmodule.gif) no-repeat }

#main { margin: 0 11px; padding: 20px 50px 0 63px; position: relative; overflow: hidden }
#voorwie, #waarom, #overig { position: absolute; left: 64px; top: 46px; background: #edf5f7 url(../images/menu_bg.gif) repeat-x; width: 708px; display: none; border: 1px #999999 solid; z-index: 2; overflow: hidden; padding-bottom: 5px }
#voorwie h4, #waarom h4, #overig h4, #voorwie p, #waarom p, #overig p, #voorwie ul, #waarom ul { margin: 7px 10px 13px }
ul.overig { float: left; display: inline; margin: 0; padding: 10px 0 5px }
#overig ul.overig { padding-left: 25px }
ul.overig li { padding: 0; background: none; margin: 0 0 10px 0; width: 135px; float: left; display: inline }
ul.overig li a { display: block; padding-top: 135px; background-repeat: no-repeat }
ul.overig li#st_blad a { background-image: url(../images/sociaaltotaal_vakblad.gif) }
ul.overig li#bb_blad a { background-image: url(../images/binnenlandsbestuur_vakblad.gif) }
ul.overig li#db_blad a { background-image: url(../images/digitaalbestuur_vakblad.gif) }
ul.overig li#st_ezine a { background-image: url(../images/sociaaltotaal_ezine.gif) }
ul.overig li#bb_ezine a { background-image: url(../images/binnenlandsbestuur_ezine.gif) }
ul.overig li#db_ezine a { background-image: url(../images/digitaalbestuur_ezine.gif) }
ul.overig li#st_site, ul.overig li#bb_site, ul.overig li#db_site { width: 202px }
ul.overig li#st_site a { padding-top: 110px; clear: left; background-image: url(../images/sociaaltotaal_site.gif) }
ul.overig li#bb_site a { padding-top: 110px; background-image: url(../images/binnenlandsbestuur_site.gif) }
ul.overig li#db_site a { padding-top: 110px; background-image: url(../images/digitaalbestuur_site.gif) }

a.close { float: right; display: inline; margin: 7px 10px; width: 15px; height: 15px; text-indent: -999px; overflow: hidden; background: url(../images/close.gif) no-repeat }
a.close:hover { background-position: left -15px }
#menu { margin: 0 11px; height: 27px; padding: 0 10px 0 57px; background: #ebf0f3; background: url(../images/menu_bg.gif) repeat-x }
#menu li { float: left; display: inline; padding: 7px 20px 0 6px; background: url(../images/arrow_blue.gif) left 11px no-repeat }
#menu li a { text-transform: uppercase; color: #6cb8dc; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", Tahoma, Arial, Verdana }
#menu li a:hover { color: #254350 }

/* formulier */
#formulier{ margin: 0 11px; padding: 20px 63px 0 63px; background: #cae6f3; overflow: hidden }
h2 { height: 18px; text-indent: -9999px; overflow: hidden }
h2#s0 { background: url(../images/h2_intro.gif) no-repeat }
h2#s1 { background: url(../images/h2_stap1.gif) no-repeat }
h2#s2 { background: url(../images/h2_stap2.gif) no-repeat }
h2#s3 { background: url(../images/h2_stap3.gif) no-repeat }
h2#s4 { background: url(../images/h2_stap4.gif) no-repeat }
h2#s5 { background: url(../images/h2_stap5.gif) no-repeat }
h2#tnx { background: url(../images/h2_thanx.gif) no-repeat }
h2#l1 { background: url(../images/h2_inloggen.gif) no-repeat }
h2#l2 { background: url(../images/h2_exportformulier.gif) no-repeat }
p span, h3 span { float: left; display: inline; width: 230px }

h3 { height: 20px; text-indent: -9999px; overflow: hidden }
h3#pers { background: url(../images/h3_uwpersoonlijkegegevens.gif) no-repeat }
h3#priv { background: url(../images/h3_priveadres.gif) no-repeat }
h3#zak { background: url(../images/h3_zakelijkadres.gif) no-repeat }
h3#vrg_antw { background: url(../images/h3_vragen_antwoorden.gif) no-repeat }

ul.form { list-style: none; margin: 0 0 14px 0; width: 100% } 
ul.form li { margin: 0; width: 100%; overflow: hidden; clear: both; padding: 0 0 6px 0; background: none }
ul.form li label { float: left; display: inline; padding-top: 2px }
ul.form li input.text { float: left; display: inline; height: 13px; padding-top: 2px }
ul.form li span { float: left; display: inline; padding: 2px 10px 0 2px }
ul.form li.ver span { width: 650px; height: 17px }
ul.form li select { float: left; display: inline }
ul.form li textarea { float: left; display: inline }
ul.form li div.checks { float: left; display: inline; width: 380px; overflow: hidden }
ul.form li div.checks span { width: 172px; padding: 2px 0 4px 2px }

#voorl, #login, #pwd, #tuss, #titn_oth { width: 96px; margin-right: 15px }
#acht, #strp, #emlp, #emlz, #strz, #org { width: 306px; margin-right: 15px }
#plp, #plz, #plpb, #strx, #plx { width: 196px; margin-right: 10px }
#titv, #titn { width: 100px; margin-right: 15px }
#pcp, #pcz, #pcpb, #pbnr { width: 46px; margin-right: 10px }
#geb1, #geb2, #from1, #from2, #to1, #to2 { width: 16px; margin-right: 5px }
#geb3, #from3, #to3 { width: 26px; margin-right: 10px }
#nrp, #nrz, #nrx { width: 46px; margin-right: 15px }
#toevp, #toevz, #toevx { width: 66px; margin: 0 }
#telp1, #telm1, #telz1, #teld1 { width: 26px; margin-right: 5px }
#telp2, #telm2, #telz2, #teld2 { width: 51px; margin-right: 15px }
#lbl_voorl, #lbl_acht, #lbl_titv, #lbl_geb1, #lbl_strp, #lbl_pcp, #lbl_telp1, #lbl_emlp, #lbl_hotm, #lbl_org, #lbl_strz, #lbl_pcz, #lbl_pbnr, #lbl_pcpb, #lbl_telz1, #lbl_emlz, #lbl_ontv_z, #lbl_login, #lbl_pwd, #lbl_from1, #lbl_to1, #lbl_aanh, #lbl_strx, #lbl_plx { width: 140px }
#lbl_tuss, #lbl_titn, #lbl_telm1, #lbl_teld1 { width: 95px }
#lbl_plp, #lbl_plz, #lbl_plpb { width: 50px }
#lbl_toevp, #lbl_toevz, #lbl_toevx { width: 65px }
#lbl_nrp, #lbl_nrz, #lbl_nrx { width: 50px }
#lbl_geb2, #lbl_geb3, #lbl_telp2, #lbl_telm2, #lbl_telz2, #lbl_teld2, #lbl_from2, #lbl_from3, #lbl_to2, #lbl_to3 { width: 10px }
#lbl_a1, #lbl_a2, #lbl_b1, #lbl_b2, #lbl_c1, #lbl_c2, #lbl_c3, #lbl_c4, #lbl_c5, #lbl_d1 { width: 280px }
#lbl_ezine { width: 100%; padding: 11px 0 3px 0 }
#a1, #a2, #b1, #b2, #d1 { width: 330px }
#a1 { margin-right: 10px }
#ezine { clear: left }
#c1b, #c2b, #c3b, #c4b, #c5b { width: 230px }
#code { width: 118px }
img.code { border: 1px #2a8ebd solid }
#strz_div, #findpc_div, #strp_div, #pcz_div, #pcpb_div { margin: -14px 0 7px 0; text-indent: 140px }
#pc_error { margin: -7px 0 7px 0; text-indent: 140px; }

#footer { margin: 0 11px; padding: 20px 63px 20px 63px; position: relative; overflow: hidden; background: url(../images/logo_kluwer.gif) 603px bottom no-repeat }
#footer p { margin: 0 0 14px 0 }
#footer p.sub { color: #66b8dd }
#footer ul.form { margin: -11px 0 20px 0 }
#footer ul.form li { padding-bottom: 0 }
#footer #links { list-style: none; padding-top: 20px }
#footer #links li { float: left; display: inline; margin: 0 10px 0 0; padding: 0; background: none }
#footer #links a { padding: 0 10px 0 0 }

#naarstap2, #naarstap3, #naarstap4, #verzenden, #bevestigen, .wijzigen, #inloggen, #download { display: block; margin: 0 0 14px 0; height: 27px; border: none; overflow: hidden }
#terugnaarstap1, #terugnaarstap2 { margin: 20px 0 }
#invullen input, #naarstap2 input, #naarstap3 input, #naarstap4 input, #verzenden input, #bevestigen input, .wijzigen input, #inloggen input, #download input, #terugnaarstap1 input, #terugnaarstap2 input { display: block; height: 27px; border: none }
#invullen input { width: 211px }
#naarstap2 input { width: 356px }
#naarstap3 input, #naarstap4 input { width: 141px }
#verzenden input { width: 157px }
#bevestigen input { width: 159px }
#terugnaarstap1 input, #terugnaarstap2 input { width: 134px }
#inloggen input { width: 81px }
#download input { width: 192px }
#invullen input { background: url(../images/button_formulier.gif) no-repeat }
#zoekpc input { background: url(../images/button_zoekpc.gif) no-repeat }
#naarstap2 input { background: url(../images/button_quickscan.gif) no-repeat }
#naarstap3 input { background: url(../images/button_naarstap3.gif) no-repeat }
#naarstap4 input { background: url(../images/button_naarstap4.gif) no-repeat }
#verzenden input { background: url(../images/button_verzenden.gif) no-repeat }
#bevestigen input { background: url(../images/button_bevestigen.gif) no-repeat }
#terugnaarstap1 input { background: url(../images/button_terugnaarstap1.gif) no-repeat }
#terugnaarstap2 input { background: url(../images/button_terugnaarstap2.gif) no-repeat }
#inloggen input { background: url(../images/button_inloggen.gif) no-repeat }
#download input { background: url(../images/button_download.gif) no-repeat }

#invullen input:hover, #naarstap2 input:hover, #naarstap3 input:hover, #naarstap4 input:hover, #verzenden input:hover, #bevestigen input:hover, #terugnaarstap1 input:hover, #terugnaarstap2 input:hover, #inloggen input:hover, #download input:hover { background-position: 0 -27px }

#zoekpc { margin: -14px 0 14px 140px }
#zoekpc a { display: block; width: 104px; height: 26px; overflow: hidden; text-indent: -999px; background: url(../images/button_zoekpc.gif) no-repeat }
#zoekpc a:hover { background-position: 0 -26px }