/* * * STANDAARD CSS * * */
#site { margin: 0; padding: 0; position: relative; }
#site, #site textarea, #site input, .suggestions { font-family: Arial, FreeSans, sans-serif; font-size: 12px; }
h1, h2, h3, h4, h5, h6 { clear: both; margin: 0; padding: 0.1em 0; }
h1 { display: none; }
h2 { font-size: 16px; height: 20px; margin-top: 0; padding: 3px 5px; }
h3 { font-size: 15px; padding: 0 0 0 15px; }
h4 { font-size: 16px;  padding: 0 0 0 15px; color: #ffffff} /* margin: 15px 0 5px 9px; */
hr { border: none; background: #666666; height: 1px; }
img { border: none; }
p { line-height: 1.5em; }
a { color: red; }

/* * * FORMULIER * * */
#content .error, #content .lbl.error { color: #ff3333; font-weight: bold; }
#content .error input.text, #content .error input.password, #content .error select, #content .error textarea { background: #ffeeee; }
#content p.error { background-color: #ffeeee; border: 1px solid #ff3333; margin-right: 32px; margin-top: 16px; padding: 6px; }
#content .success, #content .lbl.success { color: #009900; font-weight: bold; }
#content p.success { background-color: #ccffcc; border: 1px solid #009900; margin-right: 32px; margin-top: 16px; padding: 6px; }
.lbl { color: #666666; clear: both; }
.lbl input.text, .lbl input.password, .lbl input.smalltext, .lbl select, .lbl textarea { border: 1px solid #666666; margin: 4px 0; }
.lbl textarea { height: 75px; }
.lbl input.text, .lbl input.password, .lbl textarea, .lbl select { border: 1px solid #666666; clear: right; display: block; float: left; margin: 0 0 4px 0; width: 305px; }
.lbl select.start_type { clear: right; float: left; margin-left: 4px; width: 280px; }
.lbl input.city { margin-left: 4px; width: 280px; float: left; clear: right; }
.lbl input.counter { clear: right; display: block; float: left; width: 50px; }
.lbl select.date { clear: none; display: inline; float: none; width: auto; }
.lbl label { clear: left; color: #666666; display: block; float: left; margin: 4px 0; padding: 0 0 0 25px; width: 125px; }
label.inline-label { display: inline; float: none; padding: 0; margin: 0; }
.lbl input.submit { margin: 4px 0 0 25px; padding: 0 0 0 0; }

/* * * STANDAARD LAYOUT * * */
#content { float: left; left: 128px; padding-top: 4px; position: relative; width: 498px; }
#sidebar-small { float: left; left: -498px; position: relative; width: 128px; }
#sidebar-big { float: left; left: 4px; padding-top: 4px; position: relative; width: 336px; }
#sidebar-big h2 { margin-bottom: 10px; }
#content p, #sidebar-big p { padding: 0 20px; }
#content h2, #content h3, #content h4, #content h5, #sidebar-big h2, #sidebar-big h3, #sidebar-big h4, #sidebar-big h5 { padding: 3px 20px 3px 20px; } /* height: 20px;  */
#framed_content { float:left; left:0px; padding: 4px 0 0 0; position:relative; width:960px; }

/* * * BANNER * * */
.snet-auto-banner, .banner { background: #f7f7f7; }

/* * * SITE SPECIFIC * * */
#content h2 { background: url(img/498_title.jpg) no-repeat; height: 28px; color: white; }

/* * * HEADER PLATEN * * */
.header_image { width: 498px; height: 188px; padding-bottom: 4px;} 
.header_image span { display: none; } 
#plaat_home { background: url(img/header.jpg) no-repeat; }
#plaat_home a { display: block; width: 498px; height: 188px; }
#plaat_contact { background: url(img/header_contact.jpg) no-repeat; }
#plaat_vergoedingen { background: url(img/header_vergoedingen.jpg) no-repeat; }
#plaat_voorwaarden { background: url(img/header_voorwaarden.jpg) no-repeat; }
#plaat_premies { background: url(img/header_premies.jpg) no-repeat; }
#plaat_aanvragen { background: url(img/header_aanvragen.jpg) no-repeat; }
#plaat_laptop { background: url(img/header_laptop.jpg) no-repeat; }
#plaat_inboedel { background: url(img/header_inboedel.jpg) no-repeat; }
#plaat_reis { background: url(img/header_reis.jpg) no-repeat; }
#plaat_aansprakelijkheid { background: url(img/header_aansprakelijkheid.jpg) no-repeat; }

/* * * MESSAGE CONTACT * * */
.message_goed, .message_fout { padding: 25px; font-size: 13px; font-weight: bold; text-align: center; margin-bottom: 10px; margin-top: 10px;}
.message_goed { background-color: #f15c0c; border: 2px solid #000000;}
.message_fout { background-color: #FF6644; border: 2px solid #000000;}

/* * * MENU CSS * * */
#menu ul, #menu ul li { list-style-type: none; margin: 0; padding: 0; }
#menu ul { margin: 0 4px; }
#menu ul li a { background: url(img/btn_up.jpg) bottom right; color: black; display: block; height: 22px; margin-top: 4px; padding: 6px 0 0 8px;; text-decoration: none; font-size: 11px; }
#menu ul li a:hover { background: url(img/btn_hover.jpg) bottom right; color: black; display: block; height: 22px; margin-top: 4px; padding: 6px 0 0 8px; text-decoration: none; color: #ffffff; font-size: 11px }
#menu li.title { height: 24px; padding-top: 8px; font-weight: bold; margin-left: 4px; font-size: 11px; }

/* * * SIDEBAR RIGHT * * */
#meisje { background: url(img/right_above.jpg); width: 336px; height: 188px; }
#meisje span, #kiesdusnuvoor span, .btns span { display: none; }
#kiesdusnuvoor { background: url(img/336_title.jpg) center center no-repeat; width: 336px; height: 28px; padding-top: 4px; padding-bottom: 4px;}
.btns { width: 336px; height: 80px; padding-top: 4px;  }
.btns a { display: block; width: 100%; height: 100% }
#aanvragen_btn { background: url(img/btn_aanvragen.png); background-repeat: no-repeat; }
#premies_btn { background: url(img/btn_premies.png); background-repeat: no-repeat; }
#contact_btn { background: url(img/btn_contact.png); background-repeat: no-repeat; }
#quickjump label, h4 { color: #FFFFFF; }
#quickjump h4 { padding: 0; margin: 0; }
#quickjump label { padding-top: 10px; font-weight: bold; }
#quickjump select {		border: 2px solid white; }

/* * * SITEMAP * * */
.sitemap { height: 250px; margin-top: 20px; }
.sitemap .title { background: url(img/title.png) no-repeat; height: 40px; margin-bottom: 20px; }
.sitemap .title span { display: none; }
.sitemap ul, .sitemap ul li { display: block; float: left; font-size: 11px; font-family: Arial, Helvetica, FreeSans, sans-serif; line-height: 1.6em; list-style: none; margin: 0; padding: 0; }
.sitemap ul li { width: 100px; }
.sitemap ul li ul, .sitemap ul li ul li { float: none; }
.sitemap ul li ul li a { color: #1c9ad6; text-decoration: none;  }
.sitemap ul li ul li a:hover { color: #146d98; text-decoration: underline;  }

/* * * AANVRAGEN / BEVESTIGEN * * */
.aanvragen {}
.introduction {  }
.hoofdaanvrager {  }
.hoofdaanvrager div, .verzekering div, .bankgegevens div { padding:3px; margin:2px; float:left; width:484px; }
.verzekering {  }
.ondertekening div { padding:3px; margin:3px;}
.part_header { margin-top:20px; background-image:url('_img/498_title.png'); background-repeat:no-repeat; }
.main_aanvraag_error { font-weight:bold; padding:8px; margin: 15px 0 15px 0; color:#AA0000; border:#AA0000 solid 1px; background-color:#EEAAAA; }
.aanvraag_error { color:#AA0000; border:#AA0000 solid 1px; background-color:#EEAAAA; }
span.label { display:block; float:left; width:180px; font-weight:bold; margin:0 0 0 10px; padding:4px 20px 0 0; }
span.confirm_value { display:block; float:left; width:180px; margin:0 0 0 10px; padding:4px 20px 0 0; }
.ondertekening p { margin:7px 0px 7px 0px; }
.submit_row { margin:0 10px 0 10px; }
.bereken_premie_container, .bereken_premie_eindtotaal_container { float:right; font-weight:bold; padding:3px 0 0 0; }
.som_premie_container { border-top:2px solid #000000; }
.som_premie_container, .som_premie_container span { padding:9px 0px 0px 0px; }
.som_premie_eindtotaal_container { border-top:2px solid #000000; font-weight:bold; font-size:15px; display:none; }
.som_premie_eindtotaal_container {  }
#voorletters, #tussenvoegsels, #huisnummer, #huisnummer_toevoegingen, #postcode { width:60px; }
#achternaam, #straat, #email, #telefoon, #telefoon_alt, #burger_service_nummer, #huidige_verzekeraar, #huidig_polisnummer, #banknummer, #woonplaats, #naam_rekeninghouder, #woonplaats_rekeninghouder  { width:240px; }
#checkbox_ondertekening { float:left; margin:10px 10px 10px 20px; }
#geboortedag, #geboortemaand, #geboortejaar { width: 76px; margin-right:4px; }
#nationaliteit, #burgelijke_staat, #lid_van { width:240px; }
#ingangsdatum_select, #eigen_risico, #aanvullende_verzekering, #tandarts_verzekering, #betalingstermijn { width:190px; }
.aanvragen form, .bevestig form { display:inline; }
.aanvraag_button, .reset_button { margin:20px 0px 0px 0px; background-color:#FFFFFF; border:2px solid #FF3333; font-size:14px; font-weight:bold; padding:5px; }
.aanvraag_button:hover, .reset_button:hover { background-color:#FF3333; color:#FFFFFF; }
.aanvraag_button { float:right; }
.reset_button { float:left; }