/* general styles */
* {	padding: 0; margin: 0 }
html,body { width: 100%; height: 101% }
body { background: #7b777e }
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 }
p strong, label strong, p span, li span strong { color: #0c4e95; font-weight: bold }
.error, p.error strong, label.error strong, p.error span, li span.error strong { color: #d01f40 }

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

/* 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 }

/* header */
#header { margin: 0 11px; padding: 0 63px; height: 274px; position: relative; overflow: hidden }
a#logo { position: absolute; left: 63px; top: 24px; width: 503px; height: 71px; overflow: hidden; background: url(../images/logo.gif) left top no-repeat; text-indent: -9999px }
#header img { position: absolute; left: 628px; top: 26px; width: 124px; height: 173px }
#stap0, #stap1, #stap2, #stap3, #stap4, #stap5, #stap6, #stap7, #stap8 { position: absolute; left: 63px; top: 121px; width: 337px; height: 62px; overflow: hidden }
#stap0, #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 }
#stap5 { background: url(../images/stap5.gif) no-repeat }
h1 { position: absolute; left: 63px; top: 228px; width: 684px; 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 }

/* formulier */
#formulier{ margin: 0 11px; padding: 20px 63px 0 63px; background: #b8d4f5; overflow: hidden }
h2 { height: 19px; 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: 300px }

h3 { height: 17px; 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 }
h3#inc { background: url(../images/h3_machtiging.gif) no-repeat }
h3#incwit { background: url(../images/h3_machtiging_wit.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; color: #0c4e95 }
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: 300px; overflow: hidden }
ul.form li div.checks span { width: 72px; height: 20px }
#voorl, #login, #pwd, #tuss, #titn_oth { width: 96px; margin-right: 15px }
#acht, #strp, #emlp, #ond, #studnr { width: 306px; margin-right: 15px }
#plp { width: 196px }
#titv, #titn { width: 100px; margin-right: 15px }
#pcp { width: 46px; margin-right: 10px }
#geb1, #geb2 { width: 16px; margin-right: 5px }
#geb3, #from3 { width: 26px; margin-right: 10px }
#nrp { width: 36px; margin-right: 15px }
#toevp { width: 36px }
#telp1, #telm1 { width: 26px; margin-right: 5px }
#telp2, #telm2 { width: 51px; margin-right: 15px }
#lbl_voorl, #lbl_acht, #lbl_titv, #lbl_geb1, #lbl_strp, #lbl_pcp, #lbl_telp1, #lbl_emlp, #lbl_hotm, #lbl_opl, #lbl_ond, #lbl_studnr { width: 140px }
#lbl_tuss, #lbl_titn, #lbl_telm1 { width: 95px }
#lbl_plp { width: 50px }
#lbl_toevp { width: 65px }
#lbl_nrp { width: 55px }
#lbl_geb2, #lbl_geb3, #lbl_telp2, #lbl_telm2 { width: 10px }
#lbl_ezine { width: 100%; padding: 11px 0 3px 0 }
#opl { width: 300px }
#ezine { clear: left }
#code { width: 118px }
img.code { border: 1px #0c4e95 solid }
#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: #d01f40 }
#footer div ul.form { margin: -11px 0 20px 0 }
#footer div 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, #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 }
#naarstap2 input { background: url(../images/button_naarstap2.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 }