html, body {height:100%; margin:0; padding:0}
body {background:#d7d205; color:#505f6e; font:0.7em/1.4em Verdana, Arial, Helvetica, sans-serif; margin-bottom:30px; padding:0 10px; text-align:center}
a, a:link, a:active, a:visited {color:#505f6e; background-color:inherit; text-decoration:underline}
a:hover {text-decoration:underline}
img {border:none}
h1 {font:2.1em/1.1em Verdana, Arial, Helvetica, sans-serif; color:#f57305; margin:0 0 10px 0}
h2 {font:bold 1.3em/2em Verdana, Arial, Helvetica, sans-serif; color:#505f6e}
h3 {font:bold 110%/130% "Verdana", "Arial", "Helvetica", sans-serif; margin:2em 0 0 0}
h4 {font:bold 100%/110% "Verdana", "Arial", "Helvetica", sans-serif; margin:15px 0 5px 0}
p.intro {color:#f57305; background:inherit; font-style:italic; padding:0 10px 0 0}
.hide {position:absolute; left:-900em}
.clear {clear:both; font-size:0px; height:0px; margin:0; padding:0; line-height:0px}
/* SIFR FLASH REPLACMENT:H1 & H2
---------------------------------------------- */
.sIFR-flash{visibility:visible !important; margin:0}
.sIFR-replaced{visibility:visible !important}
span.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden}
/* LAYOUT ELEMENTS
----------------------------------------------------------------------------------------------------------- */
/* CONTAINER
---------------------------------------------- */
/* min-height en max-width for ie in ie.css */
#con_content {min-height:580px; margin:10px auto 5px auto; max-width:960px; min-width:760px; padding:0; position:relative; text-align:center}
.bg-right {background:#fff url("../img/backgrounds/corners/bgright.gif") right bottom repeat-y}
#fullSize .bg-right {background:#fff} /* New style for the full iframe - Volkert P. */
.bottom-right {background:url("../img/backgrounds/corners/bottomright.gif") right bottom no-repeat; min-height:580px; padding-bottom:25px}
#fullSize .bottom-right {background:url("../img/backgrounds/corners/bottomright_full.gif") right bottom no-repeat}
.bottom-left {background:url("../img/backgrounds/corners/bottomleft.gif") left bottom no-repeat; min-height:580px}
/* CONTENT
---------------------------------------------- */
#content {padding:0 0 15px 0; margin:15px 220px 0 0; text-align:left}
#printheader {padding-bottom:0; margin-left:25px; background:url("../img/backgrounds/dottedline.gif") left bottom repeat-x}
#printheader a, #printheader a:visited {color:#056e82; text-decoration:none}
#printheader form {margin:0; padding:0}
#content ul.bottom-links {margin:0 0 20px 0}
#content ul.bottom-links li{background-image:none;padding-left:0}
#content ul.bottom-links li.highlight a{color:#F37305}
.contact-icons {width:210px;margin-left:15px;float:left;margin-top:-70px}
.contact-icons ul {margin:0;padding:0}
.contact-icons li {list-style:none;float:left;width:70px}
.contact-icons a {color:#056E83 !important;font-size:0.8em;line-height:1.4em;text-decoration:none !important;display:block;text-align:center;padding-top:35px}
.contact-icons a:hover {color:#F37305}
.contact-icons a.belme {background:url(../img/belme.gif) 50% 0 no-repeat; display:block; height:20px;}
.contact-icons .afspraak {background:url(../img/afspraak.gif) 50% 0 no-repeat; display:block; height:20px;}
.contact-icons .informatie {background:url(../img/informatie.gif) 50% 0 no-repeat; display:block; height:20px;}
/* big sidebar */
#logo span {display:none}
#logo {height:39px; padding-bottom:15px;}
.small-sidebar {background-position:50px 0px; padding-left: 0px;}
.big-sidebar {background-position:143px 0px; padding-left: 75px;}
.home-sidebar {background-position:143px 0px}
.printer {text-align:right; height:27px; padding-top:0; margin-top:-28px; position:absolute; right:220px}
.printer a {background:url("../img/icons/printer-icon.gif") 100% 4px no-repeat; display:block; float:left; line-height:27px; padding-right:35px}
/* LEFTBAR
---------------------------------------------- */
#leftbar {width:206px; float:left; margin:90px 0 90px 25px}
#leftbar ul, #leftbar2 ul {clear:both;}
#leftbar ul {margin:0; padding:0; text-indent:0}
#leftbar li {list-style:none; background:url("../img/backgrounds/dottedline.gif") left bottom repeat-x;padding:0;margin:0;height:1%}
#leftbar a {background:url("../img/icons/double-arrows.gif") 0.5em 20px no-repeat; padding:18px 0 8px 38px; display:block}
#leftbar li.no-img a {background:none; padding-left:0}
#leftbar li.no-img a img {margin-right:8px}
#leftbar a {font:bold 1em/1em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#056e82}
#leftbar a:hover {/* color:#64056e; */ color:#d7d205}
#leftbar .testimonial {margin-bottom:10px;font-size:0.9em}
#leftbar .testimonial p {margin:5px 0 10px 0}
/* MAIN CONTENT
---------------------------------------------- */
#main {margin:10px 0 0 254px}
#main .crumb{ font:0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;margin-bottom:20px}
#main p {padding-right:20px; margin-top:0}
#main h2 {margin-top:25px; padding-top:5px; background:url("../img/backgrounds/dottedline.gif") left top repeat-x}
#main li {list-style:none; background:url("../img/icons/list-bullet.gif") 0px 5px no-repeat; padding-left:15px; margin:3px 0 0 0}
#main ul {margin:0 20px 0 0; padding:0; text-indent:0}
.list-img li {float:left; width:440px; padding-bottom:10px;}
.list-img li img {float:right}
.list-img li h3 {margin:0}
/* nested lists */
#main ul li li {margin:3px 0 0 0;
background:url("../img/icons/list-bullet-nested.gif") 0px 5px no-repeat;
padding-left:12px}
#main ul li ul {margin:8px 0 8px 0}
/* numbered lists */
#main ol {margin:0 20px 0 0; padding:0; text-indent:0}
#main ol li {list-style:decimal; background:none; padding:0; margin:8px 0 0 20px}
img.floatleft-img {float:left; margin-right:10px}
img.floatright-img {float:right; margin-left:10px}
/* Default table styles */
table.default {background:#e6f0f2; border:1px solid #056e82; border-top:none; border-right:none; color:#056e82; margin:0 0 10px 0}
.default caption {text-align:left; margin:0 0 3px 0; font:bold 110%/130% "Verdana", "Arial", "Helvetica", sans-serif}
.default td {border-right:1px solid #056e82; border-top:1px solid #056e82; padding:8px 10px}
.default td p {margin:0}
/* MAIN CONTENT OVER GEHELE BREEDTE
---------------------------------------------- */
#totalwidth #content {margin:20px 200px 0 0}
#fullSize #content {margin:20px 25px 0 0}
#totalwidth #main {margin:25px 0 0 25px; width:96%}
#fullSize #main {margin:25px 0 0 25px; width:96%}
#singlewidth #content {margin:20px 200px 0 0}
#singlewidth #main {margin:20px 0 0 254px}
/* RIGHTBAR
---------------------------------------------- */
/* zoeken, meld overlijden, ook interessant */
#rightbar {width:195px;margin:0; padding:0; position:absolute; right:0; top:41px; text-align:left; background:url("../img/backgrounds/corners/rightbar-top.gif") 0 0 no-repeat}
.block {margin:0; padding:3px 0 15px 15px; width:175px; border-bottom:1px solid #fff; color:#fff}
#rightbar a, #rightbar a:visited {color:#fff}
#rightbar form {margin:0}
#fullSize #rightbar {width:195px; margin:0; padding:0; position:absolute; right:0; top:41px; text-align:left; background:#fff url("../img/backgrounds/corners/bgright.gif") right bottom repeat-y}
#fullSize .block {background:url("../img/backgrounds/corners/rightbar-top.gif") 0 0 no-repeat; border-bottom:none; margin:0; padding:3px 0 15px 15px; width:180px}
#fullSize .searchBgBottom {background:url("../img/backgrounds/corners/bottomright_full2.gif") no-repeat right bottom}
/* Zoeken */
#search {padding-bottom:13px; background:url(../img/backgrounds/dottedline-right.gif) 0px 29px repeat-x}
.nolanguage #search {margin-top:34px}
#search h2 {font-size:1.2em; line-height:1em; font-weight:bold; margin:0; padding:8px 0 5px 0; color:#fff}
#search p {padding:8px 0 0 0; margin:0}
#search input {height:13px; width:136px; margin:0; font-size:1em}
p.searchleft {float:left}
p.searchright {float:left;margin:0;padding:0; float:left}
p.searchright a {height:20px; width:25px;background:url(../img/icons/search-button.gif) 3px 2px no-repeat;display:block;float:left}
p.searchright span {position:absolute; left:-900em}
#search p.faq {margin:0; padding:0 0 0 10px; font-size:0.8em; background:url("../img/icons/open-arrow.gif") 0px 6px no-repeat}
#search a, #search a:visited {color:#fff}
/* Meld overlijden */
#melding1 h2, #melding2 h2 {color:#fff; font-weight:bold; font-size:1.25em; margin:10px 0 0 0; line-height:1em}
#melding1 p, #melding2 p {margin:0; font-size:1.1em}
#melding1 p.more-info, #melding2 p.more-info {margin:0; padding:0; font-size:0.8em; font-weight:normal}
/* Interessante links */
.block#links {padding:0; border-bottom:none}
#links h2 {font-size:1.2em; line-height:1em; font-weight:bold; margin:0; padding:10px 0 5px 15px; color:#fff; background:url("../img/backgrounds/dottedline-right.gif") left bottom repeat-x; width:175px}
#links a, #links a:visited {text-decoration:none}
#links ul {margin:0; padding:0; text-indent:0}
#links li {list-style:none; width:190px;background:url("../img/backgrounds/dottedline-right.gif") left bottom repeat-x}
#links li a, #links li a:visited {display:block; background:url("../img/icons/arrow-open-links.gif") 5px 8px no-repeat; padding:6px 0 5px 20px; width:170px}
#links li a:hover {background:url("../img/icons/arrow-closed-links.gif") 5px 8px no-repeat}
/* Nieuws Home */
.block#news {padding:0 0 15px 0; width:190px}
#news h2 {font-size:1.2em; line-height:1em; font-weight:bold; margin:0; color:#fff; float:left}
/* TICKER */
#ajaxticker1 {width:180px;height:105px;background-color:#d7d205;color:#fff}
/*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
#ajaxticker1 div{background-color:#d7d205}
#news .newsheader {background:url("../img/backgrounds/dottedline.gif") left bottom repeat-x; padding:10px 0 5px 15px}
#news h3 {padding:0 0 0 15px; margin:1em 0 0 0; font-size:1em}
#news p {font-size:0.8em; margin:4px 0 0 15px; line-height:1.4em}
/* same animation as attentionblock */
#homepage div.v p {font-style:normal;line-height:1.3em;padding-left:0;width:165px;background:none;height:auto}
#homepage div.v {height:130px}
ul.bullets {margin:0 0 0 80px;padding:0}
ul.bullets li {float:left;list-style:none}
ul.bullets span {display:none}
ul.bullets li.news1 a, ul.bullets li.news2 a, ul.bullets li.news3 a, ul.bullets li.news4 a {display:block;float:left; background:url("../img/icons/newsbullet-blue.gif") 50% 50% no-repeat; width:17px; height:17px}
ul.bullets li.news1 a.current {background:url("../img/icons/newsbullet-1.gif") 0 0 no-repeat}
ul.bullets li.news2 a.current {background:url("../img/icons/newsbullet-2.gif") 0 0 no-repeat}
ul.bullets li.news3 a.current {background:url("../img/icons/newsbullet-3.gif") 0 0 no-repeat}
ul.bullets li.news4 a.current {background:url("../img/icons/newsbullet-4.gif") 0 0 no-repeat}
#rightbar .readmore {background:url("../img/icons/open-arrow.gif") 0px 4px no-repeat; padding-left:15px}
/* ATTENTIEBLOCK */
#promo h2 {margin:0}
#subtitle {font-size:1.2em;height:1.2em;display:block;margin:0;padding:0}
#maintitle {font-size:1.4em;height:1.3em;display:block;margin:0}
div.v p {background:url("../img/icons/blue-arrow-attentieblock.gif") 0 0 no-repeat; font-size:1.1em; font-style:italic; line-height:1.2em; margin:15px 0 0 0; padding:0 0 10px 30px; width:130px}
div.v {display:block; height:90px}
/* HEADER
---------------------------------------------- */
#con_header {}
/* Talenkeuze */
#language {/*color:#076e81;*/color:#fff; height:33px; border-bottom:1px solid #fff}
#language dl {padding:9px 10px 0 15px; margin:0}
#language dd {display:block; float:left; width:107px; /*width:128px;*/ font-weight:bold; margin:2px 0 0 0}
#language dt {list-style:none; float:right; display:block; padding:0 3px 0 0; width:18px; height:18px}
#language dt span {position:absolute; left:-900em}
#language a {text-decoration:none; display:block; width:18px; height:18px}
#language dt.fr a {background:url("../img/icons/french-yellow.gif") 0 0 no-repeat}
#language dt.de a {background:url("../img/icons/de-yellow.gif") 0 0 no-repeat;}
#language dt.en a {background:url("../img/icons/en-yellow.gif") 0 0 no-repeat;}
#language dt.nl a, #language dt.nl a:hover {background:url("../img/icons/nl-yellow.gif") 0 0 no-repeat}
#language dt.fr a.current, #language dt.fr a:hover {background:url("../img/icons/french-white.gif") 0 0 no-repeat}
#language dt.de a.current, #language dt.de a:hover {background:url("../img/icons/de-white.gif") 0 0 no-repeat}
#language dt.en a.current, #language dt.en a:hover {background:url("../img/icons/en-white.gif") 0 0 no-repeat}
#language dt.nl a.current, #language dt.nl a:hover {background:url("../img/icons/nl-white.gif") 0 0 no-repeat}
/* GLOBAL NAVIGATION */
#top-right {background:url("../img/backgrounds/corners/topright.gif") right top no-repeat; margin:0}
#nav {background:#056e83 url("../img/backgrounds/corners/topleft.gif") 0 0 no-repeat; height:42px}
/* ie fix instead of negative margin for white line for tabs */
.whiteline {background:url(../img/backgrounds/whiteline.gif) 0 0 repeat-x; height:42px}
#nav h2 {margin:10px 0 0 0; float:left;text-transform:uppercase; font:1em verdana, Arial, Helvetica, sans-serif}
#nav a, #nav a:visited {color:#fff; text-decoration:none}
#nav h2 a, #nav h2 a:visited {height:24px; display:block; background:url("../img/nav/nav.gif") 0 0 no-repeat;padding:8px 10px 0 23px}
/* on state */
#nav h2.current {background:#f57305 url("../img/nav/tabs-on-left.gif") left top no-repeat}
#nav h2.current a, #nav h2.current a:visited, #nav h2.current a:hover {background:transparent url("../img/nav/tabs-on-right.gif") right top no-repeat}
#nav h2 a:hover {background:url("../img/nav/nav-hover.gif") 0 0 no-repeat}
/* Home */
#nav h2#nav-home {background:url("../img/nav/nav.gif") 0 0 no-repeat}
#nav h2#nav-home.current a, #nav h2#nav-home.current a:visited {background:url("../img/nav/home-on.gif") 0 0 no-repeat;color:#d7d205}
/* Mijn DELA */
#nav h2#nav-mijn {margin:4px 4px 0 0; float:right}
#nav h2#nav-mijn span {margin:1px 3px 0 95px; font-weight:bold;font-size:1.2em;text-transform:none}
#nav h2#nav-mijn a, #nav h2#nav-mijn a:visited {padding:9px 0 0 0; margin-right:0; background:url("../img/nav/mijn-dela.gif") 0 0 no-repeat; width:191px;height:23px}
#nav h2#nav-mijn a:hover {padding-left:0; padding-right:0; margin-right:0; background:url("../img/nav/mijn-dela-hover.gif") 0 0 no-repeat; width:191px}
/* SUBNAVIGATION */
.subcontainer {color:#fff;margin:0 210px 0 3px; background-color:#f37305;border:1px solid #f37305;}
/* Round corners */
.b1, .b2, .b3, .b4 {position:relative}
.b1 {background:url("../img/nav/corners/topleft.gif") transparent top left no-repeat; top:-1px; left:-1px}
.b2 {background:url("../img/nav/corners/topright.gif") transparent top right no-repeat; right:-2px}
.b3 {background:url("../img/nav/corners/bottomright.gif") transparent bottom right no-repeat; bottom:-2px}
.b4 {background:url("../img/nav/corners/bottomleft.gif") transparent bottom left no-repeat; left:-2px; padding:2px 0 4px 0}
ul.subnav {margin:0; padding:0; text-indent:0; width: 100%; position: relative; }
.subnav li {float:left;margin:0;padding:0;text-indent:0;list-style:none;}
.subnav li a, .subnav li a:visited {display:block;background:url("../img/nav/subnav-arrow.gif") 5px 9px no-repeat; padding:4px 0 5px 15px;text-decoration:none;color:#fff; white-space: nowrap;}
.subnav li a:hover {text-decoration:underline}
/* SUB SUB-NAVIGATION */
.sub-subcontainer {background:url("../img/backgrounds/dottedline-orange.gif") left bottom repeat-x; margin:0 200px 0 5px; padding:0}
ul.sub-subnav {margin:0; padding:5px 0 0 0; text-indent:0; float:left}
.sub-subnav li {margin:0; padding:0; list-style:none; float:left; display: block;}
.sub-subnav a, .sub-subnav a:visited {float:left; display:block; color:#f37305; background:url("../img/icons/bullet-orange.gif") 8px 7px no-repeat; padding:1px 5px 4px 20px;text-decoration:none; white-space:nowrap}
.sub-subnav a:hover {text-decoration:underline}
/* FOOTER
---------------------------------------------- */
#con_footer {font-size:1em; color:#056e82;}
#con_footer a, #con_footer a:visited {color:#056e82; text-decoration:none; float:left}
#con_footer ul {margin:0; padding:0; text-indent:0}
#con_footer li {list-style:none; padding-left:24px; float:left; display:block; background:url("../img/icons/footer-bullet.gif") 10px 7px no-repeat}
#con_footer li.first {background:none; padding-left:10px}
#con_footer li.atp {float:right; background:none; padding:0 55px 0 0;}
/* SPECIFIC PAGES
-------------------------------------------------------------------------------------------------------- */
/* PAGES WITH SMALL SIDEBAR
---------------------------------------------- */
.smallbar #main {margin-left:165px}
/* TAALKEUZE
---------------------------------------------- */
#languagepage #logo {background-image:url("../img/taalkeuze/logo-taalkeuze.gif"); background-repeat:no-repeat; height:29px; width:150px; text-align:center; margin:0 auto; border:none; padding-bottom:15px}
#languagepage #con_content {text-align:center; margin:0 auto}
#languagepage #content {text-align:center; margin:77px auto 0 auto}
#languagepage #main {margin:0; text-align:center; margin:auto}
#languagepage .floatbox {width:416px; margin:0 auto}
#languagepage .imgleft {float:left; width:201px}
#languagepage ul {margin:0 auto; width:316px; text-align:center; padding:25px 0 0 280px}
#languagepage li {background:none; text-align:left; margin:0 0 15px 0; padding:0}
#languagepage a, #languagepage a:visited {background:url("../img/taalkeuze/double-arrows-empty.gif") 0px 2px no-repeat; padding-left:30px; text-decoration:none; color:#056e82}
#languagepage a:hover {background:url("../img/taalkeuze/double-arrows.gif") 0px 2px no-repeat; font-weight:bold}
/* 404 NOT FOUND
---------------------------------------------- */
#notfoundpage #printheader {background:url("../img/backgrounds/dottedline-right.gif") left bottom repeat-x}
#notfoundpage h1 {color:#fff;font-weight:bold;padding:30px 0 0 10px}
#notfoundpage h1 span {font-size:2.5em;width:150px;display:block;float:left}
#notfoundpage #logo {border:none;background-image:url("../img/404/logo-404.gif")}
/* sitemap in 404 */
#notfoundpage #main h2 {color:#f57305; font-size:2em; margin:25px 0; padding:6px 0 0 0; line-height:1em; font-weight:normal; background:none}
#notfoundpage #main h3 {background:url("../img/backgrounds/dottedline-right.gif") left top repeat-x; padding:7px 0; margin:0}
/* floating lists */
.columns {padding:10px 0 25px 0; float:left}
#notfoundpage .columns ul {float:left;width:15.5em}
#notfoundpage .columns li {background:url("../img/icons/open-arrow.gif") 0px 5px no-repeat; margin:1px 0 0 0}
/* HOME
---------------------------------------------- */
#homepage #main {margin:0 auto; text-align:center; width:552px}
#homepage #main img {margin:0 0 10px 0}
#homepage #con_header {height:70px}
#homepage #content {padding:0 0 55px 0; margin:0 200px 0 0}
#homepage h1 {color:#056e82; font-style:italic;margin:0 auto 0 auto;font-size:1.7em;width:350px;padding:0;text-align:center;vertical-align:middle;height:28px}
#homepage #main object {margin:0 0 10px 0}
/* big sidebar */
#homepage #logo {border:none; margin-left:-40px}
.home-sidebar {background-position:50% 0px}
/* form sample Home nl versie */
#main .formsample-nl {margin:7px auto; width:552px; border-top:1px solid #056e82;}
#main .formsample-nl p{text-align:left;padding:15px 0 0 0;margin-bottom:10px}
#main .formsample-nl .choices ul {margin:0; padding:0; text-indent:0;line-height:20px}
#main .formsample-nl .choices li {list-style:none; background:url("../img/backgrounds/dottedline.gif") left bottom repeat-x;padding:0;margin:0}
#main .formsample-nl .choices a {background:url("../img/icons/double-arrows.gif") 0.5em 12px no-repeat; padding:5px 0 5px 38px; display:block;text-align:left;text-decoration:none}
#main .formsample-nl .choices a:hover{text-decoration:underline}
/* form sample Home */
#main .formsample {margin:7px auto; width:552px; border-top:1px solid #056e82;}
#main .formsample .choices {margin:0 10px 0 0; padding:5px 0 0 0; text-indent:0; float:left}
#main .formsample li {background:url("../img/backgrounds/dottedline.gif") left bottom repeat-x;font-weight:bold;text-align:right;color:#056e82;margin:0;padding:0 0 4px 0}
#main .formsample label {padding-right:8px}
#main .formsample .button {text-align:right; margin:15px 20px 0 0}
.explanation {text-align:left;padding:5px 0 0 0}
/* HOME FRENCH
---------------------------------------------- */
#homepage .french h1 {width:350px; font-size:2em}
/* NIEUWS
---------------------------------------------- */
#nieuwspage #main {margin-left:0}
#nieuwspage #main h1 {margin-left:165px}
#main p.intro {margin-top:15px}
#nieuwspage #main p {margin-left:165px}
p.date {margin:0; font-style:italic}
.subhead {color:#f57305;font:1.3em/1em Verdana, Arial, Helvetica, sans-serif;margin-bottom:8px}
/* Overzicht nieuws items */
.newsblock {float:left;width:100%;margin:0 0 10px 0}
#nieuwspage #main h2 {margin:0; padding:15px 0 0 0; line-height:1.5em}
#nieuwspage #main .newsblock p {margin:10px 0 0 0}
#nieuwspage #main .newsblock ul.archive li {list-style:none; background:none; padding:0;}
#main h2 span {display:block;font-size:0.75em;font-weight:normal;line-height:0.5em;font-style:italic;margin:0}
#nieuwspage #main .floatleft {float:left;padding:10px 0 0 25px;width:115px}
#nieuwspage #main .floatright {padding-left:165px}
.readmore {background:url("../img/icons/open-arrow-news.gif") 0px 4px no-repeat; padding:0 0 0 15px !important}
#nieuwspage #main #footerNav {margin:10px 0 0 160px;}
/* items nieuws */
#nieuwspage #main .newslist {margin-bottom:10px;}
#nieuwspage #main .newslist p {margin:0; float:left; display:block; width:150px; padding:10px 0 0 0; text-align:right; font-style:italic}
#nieuwspage #main .newslist h2 {line-height:1em; padding:10px 0 0 0; margin:0 0 0 165px; font-size:1.2em; border-top:none; background:none}
#nieuwspage #main .newslist h2.first {background:url("../img/backgrounds/dottedline.gif") 0 0 repeat-x}
.newslist a, .newslist a:visited {text-decoration:none}
/* DOORWAY PAGES
---------------------------------------------- */
div.floatblock2 {background:url(../img/backgrounds/dottedline.gif) 0 0 repeat-x; float:left; margin-top:10px; width:100%}
div#main .floatblock2 h2 {background:none; padding:0; margin:10px 0 0 0; line-height:1em}
div#main .floatblock2 p {margin:0.7em 0 0 0}
div#main .floatblock2 ul{margin-top:10px}
div#main .floatblock2 img{margin-top:15px}
div#main .floatblock2 ul li {background:none;padding:0}
div#main .floatblock2 ul li a {background-position:0 4px;display:block;line-height:14px}
div#main .floatblock2 ul li.highlight a{color:#F37305}
div.floatblock2 .floatleft {float:left; width:230px}
div.floatblock2 .floatright {float:right; width:230px}
p.readmore {float:left}
/* Zo willen zij het */
q {font-size:1.2em; font-style:italic; color:#056e83}
/* ALGEMEEN FLOATBLOCK:zoeken, geen zoekterm, mijn dela, zoekresultaten
---------------------------------------------- */
.floatblock {background:url(../img/backgrounds/dottedline.gif) 0 0 repeat-x; color:#f67c16; float:left; margin:0 0 15px 0; padding:10px 0; width:100%}
#searchpage #main p.result {background:url("../img/backgrounds/dottedline.gif") 0 0 repeat-x; padding:15px 0 0 0}
#searchpage #main .floatblock h2 {color:#f67c16; font-size:1em; margin:0; padding:0 0 10px 0; line-height:1em; background:none}
.floatblock .floatleft {float:left; width:265px}
.floatblock .floatright {float:left; width:300px}
#searchpage #main .floatblock ul {margin:0; padding:0; text-indent:0}
#searchpage #main .floatblock li {list-style:none; float:left; display:block; background:none; padding:0; width:120px; margin:0}
#searchpage input.text {height:12px; width:200px; margin:0}
#searchpage #main h2 {font-size:1.1em; margin:12px 0 0 0; padding:5px 0 0 0}
#searchpage #main p {margin:0; padding:0}
/* breadcrumbs bij zoeken */
.breadcrumbs {font-style:italic}
/* Zoeknavigatie:volgende - vorige */
ul#searchnav {margin:12px 0 0 0; padding:3px 0 0 0; text-indent:0; border-top:1px dotted #505f6e; float:left; text-align:center; width:100%}
#searchnav li {background:none; margin:0; padding:0; text-align:center}
#searchnav li.prev {float:left}
#searchnav li.next {float:right}
ul.numbers {margin:0 auto; text-align:center; display:inline}
ul.numbers li {text-align:center; display:inline}
/* Geen zoekterm gevonden */
#main .open h3 a, .open h3 a:visited, .open h3 a:hover {padding-left:13px; text-decoration:none}
.open h3 {border-top:1px dotted #505f6e; padding-top:10px; margin:0}
.open {display:block}
.closed {display:none}
#main ul.open li {background:none; padding:0}
#main ul.open li img {vertical-align:middle}
/* FAQ:categorie */
#faqdetailpage #main h2 {color:#f67c16; font-size:1em; margin:0; padding:6px 0 0 0; line-height:1em}
#faqdetailpage p.back-overview {padding:0 0 15px 0; margin:0}
#faqdetailpage #main {margin-top:5px}
/* FAQ:overzicht */
#faqpage #main h3 {background:url("../img/backgrounds/dottedline.gif") 0 0 repeat-x; padding:7px 0; margin:0}
/* floating lists */
.columns {padding:10px 0 25px 0; float:left; background:url("../img/backgrounds/dottedline.gif") 0 0 repeat-x; width:100%}
#faqpage .columns ul {float:left;width:15em}
#faqpage .columns li {margin:1px 0 0 0}
/* SITEMAP
---------------------------------------------- */
#sitemappage #main {margin-left:0}
#sitemappage #main h1 {background:url("../img/backgrounds/dottedline.gif") 0% 100% repeat-x; padding-bottom:15px; margin:0 0 0 165px}
#sitemappage #main p {margin-left:165px}
.sitemapfloatblock {width:100%}
#sitemappage #main h3 {color:#f57305; width:155px; float:left; text-align:right;background:none; padding:5px 0 5px 0; margin:0}
#sitemappage #main h3 a {color:#f57305; text-decoration:none}
#sitemappage .columns {margin:0; padding:0; background:none}
#sitemappage .rightblock {height:1%;padding:12px 0 15px 10px;background:url("../img/backgrounds/dottedline.gif") 0% 100% repeat-x;margin-left:165px}
#sitemappage .rightblock h4 {margin:7px 0 5px 0}
#sitemappage .rightblock h4 a {text-decoration:none; background:url("../img/icons/arrow-sitemap.gif") 0 3px no-repeat; padding-left:15px}
#sitemappage .columns ul {float:left;width:15em; margin:0 0 10px 17px; padding:0}
#sitemappage .columns li {margin:1px 0 0 0; background:url("../img/icons/arrow-sitemap.gif") 0 4px no-repeat}
/* IFRAME STYLING
---------------------------------------------- */
iframe {overflow-x:hidden;width:100%; margin:0;padding:0;border:none;height:3900px}
iframe.externePagina {height:1200px}
#singlewidth #main .framewidth {width:99%}
/* .framewidth iframe {height:auto} */
/* MAATWERK FORMS:top 50
---------------------------------------------- */
#main .list h2 {color:#056e82; font-style:italic;font-size:2.1em;padding:0;height:28px;border-top:none;width:300px;margin:0}
#main .list a, #main .list a:visited {color:#056e82}
#main .list .last {margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ccc}
#main .list h3 {color:#fff;background:#056e82;padding:3px 0 4px 35px;margin:10px 0 0 0}
#main .list .button {margin-top:6px;padding:5px 0 0 0}
#main .keuze {text-align:right}
#main .keuze h4 {border-top:1px dotted #056e82;font-weight:bold;margin:15px 0 10px 0;padding:15px 0 0 0}
#main .keuze p {margin:3px 0 0 0}
#main .keuze input {font-size:1em;padding-left:6px;color:#056e82}
table.music {width:100%;padding:0;margin:10px 0 15px 0;border:none}
#main .top5 {font-weight:bold; background:#f4f5f5}
table.music th {font-weight:normal}
table.music th strong {margin:0 0 0 5px; color:#056e82}
table.music th em {margin:0 0 0 5px; color:#056e82; font-style:normal}
table.music .top5 th span {font-weight:bold}
/* table.music th, table.music td {border-bottom:1px dotted #ccc; padding:5px} */
table.music span {width:35px;display:block; float:left}
table.music th, table.music td {padding:4px}
table.music .last th, table.music .last td {border-bottom:1px solid #056e82; padding-bottom:15px}
table.music td {padding:3px 0}
table.music td img, table.music td input {vertical-align:middle;margin:0}
/* MAATWERK FORMS :digitaal condoleren
---------------------------------------------- */
div.float {float:left; width:60px; padding-bottom:5px}
div.float p {font-size:0.9em; margin:0}
div.float img {padding:3px; border:none}
div.float a, div.float a:visited {border:1px solid #83b4ba; width:42px; height:42px; display:block}
div.float a:hover {border:1px solid #f87305; width:42px; height:42px; display:block}
.error-message {color:#f30;font-weight:bold;padding:10px;border:1px solid #f30}
.error-message_normal {color:#f30;font-weight:bold;padding:0;}
/*.form span {color:#f30}
.form h2 {color:#056e82; margin:0 0 5px 0; font-size: 18px; font-style: italic;font-weight: normal; background: none !important; border-bottom: solid 1px #4492A1;}
Floating names left */
.form .left {color:#056e82; float:left; margin-right:10px; width:185px; font-weight:bold; /*width:160px;*/ }
.form .leftnormal {color:#505f6e; float:left; margin-right:10px; width:185px; font-weight:normal; /*width:160px;*/ }
.form div {clear:both}
.form p.mandatory { color: #589EAC; padding: 0; }
.form fieldset { padding: 0; border: 0; }
.form h3 { font-size: 1em; margin: 10px 0 10px 0; padding: 0 0 10px 0;color: #F57305; border-bottom: dotted 1px #056E82; display:block; float:left; width:100%; }
.form .search input {margin:0; padding:0; vertical-align:middle}
.form .formItem { color:#056e82; margin: 0 0 10px 0; }
.form .formItem input.normal {border:#056e82 solid 1px; font:1em Verdana, Arial, Helvetica, sans-serif; padding:3px 0 2px 3px;}
.form .formItem input.error {border:#f30 solid 1px; font:1em Verdana, Arial, Helvetica, sans-serif; padding:3px 0 2px 3px;}
.form .formItem .left {color:#056e82;}
.form .mandatoryField { border-color: #900; background: #F0ECEC; }
.form .help a { position:absolute; margin: 4px 0 0 -40px; width: 15px; height: 15px; background: url(../img/info.gif) no-repeat; }
.form .help a span { display: none; }
.form #mailData.hidden { display: none; }
#helpPopUp { text-align: left;position: absolute; left: 420px; background: #e1e1e1; border: solid 1px #333;}
li p {margin-top:3px}
div#helpPopUp {position: absolute;color: #056E82;width: 170px;background: #fff;border: solid 1px #056E82;padding: 10px;left: 175px;margin: 5px 0 0 0;}
div#helpPopUp .title {margin: 0;padding: 0;font-weight: bold;}
div#helpPopUp div.close a {display: block;width: 14px;height: 15px;background: url(../img/close.gif) no-repeat;position: absolute;margin: -26px 0 0 166px;}
div#helpPopUp div.close a span {display: none;}
/* dotted lines instead of hr */
div.dotted {background:url("../img/backgrounds/dottedline.gif") left bottom repeat-x; height:1px; margin:10px 0 0 0}
/* MAATWERK FORMS :CD of Video
---------------------------------------------- */
.gifts {width:100%}
.gifts div.float {width:140px;line-height:1em;float:left}
/* MAATWERK FORMS :download brochures
---------------------------------------------- */
#main ul.downloads li {background:url("../img/icons/pdf-icon.gif") 0 0 no-repeat;padding:6px 0 8px 40px}
#main ul.downloads li a {font-weight:bold}
#main ul.keuzelijst li {background:none}
h1.brochures {font:2.1em/1.1em Verdana, Arial, Helvetica, sans-serif; color:#505f6e; margin:0 0 10px 0}
p.introbrochures {color:#505f6e; background:inherit; font-style:normal; padding:0 10px 0 0}
#main h2.brochures {background:none}
.form p.brochures-mandatory { color: #505f6e; padding: 0; }
.form #brochure h3 {color: #f57305; border-bottom: 0;}
.form #brochure .left {color:#505f6e; font-weight:normal; /*width:160px;*/ }
.form .formItem { color:#505f6e;}
.form #brochure .formItem .left {color:#505f6e;}
.form #brochure .formItem input.normal {border:#505f6e solid 1px;}
/* BEGIN : Popup */
div#footerNav ul {margin:0; padding:0; float:none;}
div#footerNav ul li {background:none !important; list-style:none; float:left; margin:0; padding:0;}
div#footerNav ul li a {color:#056e82; display:block; padding:5px 0 13px 32px; text-decoration:none;}
div#footerNav ul li a:hover {color:#f47406;}
div#footerNav ul li.link {width:30%;}
div#footerNav ul li.link a {background:url(../img/icLink.gif) 7px 5px no-repeat;}
div#footerNav ul li.mailto {width:33%;}
div#footerNav ul li.mailto a {background:url(../img/icMail.gif) 7px 5px no-repeat;}
div#footerNav ul li.print {width:37%;}
div#footerNav ul li.print a {background:url(../img/icPrint.gif) 7px 5px no-repeat;}
div#footerNav ul li a.active {background-color:#fff; background-position:6px 4px; border:1px solid; border-color:#056e82 #056e82 #fff #056e82; padding:4px 0 12px 31px;}
#h0, #h1, #h2, #h3 {display:none;}
.helpPopUp {background-color:#fff; border:1px solid #056e82; float:left; padding:0; margin:-1px 0 0 0; width:99.6%;}
.helpPopUp div {padding:6px 15px 8px 15px;}
.helpPopUp h2.title {background:none !important; border-bottom:1px solid #007080; color:#056e82; font-size:19px; font-style:italic; font-weight:normal; margin:0 !important; padding:0 0 1px 0 !important;}
.helpPopUp fieldset {border:0; padding:0; margin:0;}
.helpPopUp p {color:#056e82; padding-top:6px;}
#nieuwspage #main .helpPopUp p {margin-left:0;}
.helpPopUp label {color:#056e82; line-height:18px; margin:2px 0;}
.helpPopUp table {width:100%}
.helpPopUp td.line {border-top:1px solid #056e82;}
.helpPopUp th {padding-top:8px; width:120px;}
.helpPopUp th label {margin-top:20px;}
.helpPopUp tr {vertical-align:top;}
.helpPopUp input.frmIn {color:#007080; border:1px solid #007080; margin:5px 0; padding:2px 0; width:100%}
.helpPopUp textarea.text {color:#007080; border:1px solid #007080; height:76px; margin:5px 0; overflow:auto; width:100%;}
.helpPopUp a.button {background:url(../img/popup-button-left.gif) 0 0 no-repeat; float:right; text-decoration:none; cursor:hand}
.helpPopUp a.button span {background:url(../img/popup-button-right.gif) no-repeat top right; color:#fff; float:left; line-height:16px; padding:2px 10px 5px 10px}
/* END : Popup */
/*Routeplanner
---------------------------------------------- */
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.routetabel{}
.routetabel td.first{width: 100px;}
/* visuals round corners - original intranet code adopted for internet */
.roundImage {left:-10px; margin-right:-10px; position:relative;}
div#main .floatblock2 .roundImage img {margin-top:0;}
.roundImage .topLeft {background:url(../img/img_topLeft.png) top left no-repeat; display:block; float:left; height:10px; left:10px; position:relative; width:10px;}
.roundImage .bottomLeft {background:url(../img/img_bottomLeft.png) top left no-repeat; bottom:0; display:block; float:left;height:10px; left:10px; position:absolute; width:10px;}
.roundImage .topRight {background:url(../img/img_topRight.png) top left no-repeat; display: block; float:left; height:10px; left:-10px; position:relative; width:10px;}
.roundImage .bottomRight {background:url(../img/img_bottomRight.png) top left no-repeat; bottom:0; display:block; float:left;
height:10px; position:absolute; right:10px; width:10px;}
.roundImage img {float:left;}
#leftbar .roundImage, #leftbar2 .roundImage {left:0; margin:-10px -10px 0 0; width:200px;}
#leftbar .roundImage .topLeft, #leftbar2 .roundImage .topLeft, #main .roundImage.flash .topLeft {left:0; position:relative; top:10px; width:10px;}
#leftbar .roundImage .bottomLeft, #leftbar2 .roundImage .bottomLeft, #main .roundImage.flash .bottomLeft {left:0;}
#leftbar .roundImage .topRight, #leftbar2 .roundImage .topRight, #main .roundImage.flash .topRight {left:191px; position:absolute; top:10px; width:10px;}
#leftbar .roundImage .bottomRight, #leftbar2 .roundImage .bottomRight, #main .roundImage.flash .bottomRight {right:-1px;}
#leftbar .roundImage.flash .bottomRight, #leftbar2 .roundImage.flash .bottomRight, #leftbar .roundImage.flash .bottomLeft, #leftbar2 .roundImage.flash .bottomLeft, #main .roundImage.flash .bottomRight, #main .roundImage.flash .bottomLeft {bottom:4px;}
#main .roundImage.flash {left:0; margin:0 10px 0 0; width:200px;}
#main .roundImage.flash.right {left:0; margin:0 0 0 10px; width:200px;}
/*#main .roundImage.flash.left .bottomRight, #main .roundImage.flash.left .bottomLeft {bottom:3px;}*/
#leftbar .roundImage.flash .bottomRight, #leftbar2 .roundImage.flash .bottomRight, #leftbar .roundImage.flash .bottomLeft, #leftbar2 .roundImage.flash .bottomLeft, #main .roundImage.flash .bottomRight, #main .roundImage.flash .bottomLeft {bottom:3px;}
/* BUTTONS round corners */
#uvPremieForm div.submitWrapper {margin-left:11px;}
#uvPremieForm div.submitWrapper.bereken {display:inline; margin-left:274px; width:auto;}
div.buttonContainer {width:100%;}
div.submitWrapper {clear:none; float:left; margin-right:10px;}
#main div.submitWrapper.right, #wideContent div.submitWrapper.right {float:right; width:auto;}
#wideContent div.submitWrapper.right {padding-top:0;}
div.submitLeft {height: 21px; width:4px; display:block; background: url(../img/snippet_button_borderLeft.gif) 0 0 no-repeat; float:left;}
div.submitLeft a:hover {text-decoration: none;}
div.submitContent {background:#0082D1; display:block; float:left; height:21px; clear:none; padding:0; margin:0;}
div.submitRight {clear:none; height: 21px; width: 5px; float: left; display:block; background: url(../img/snippet_button_borderRight.gif) 0 0 no-repeat;}
input.submitButton, body #uvPremieForm input.submitButton {background:transparent url(../img/snippet_button_buttonLink_bg.gif) top left repeat-x; border:none; color: #fff; cursor:pointer; font-family:Verdana, Geneva, sans-serif; font-size:1.1em; font-weight:bold; height:21px; overflow:visible; padding:0 2px;}
html>/**/body input.submitButton, /*x:-moz-any-link,*/ x:default {padding-bottom:3px;}
html>/**/body #uvPremieForm input.submitButton, /*x:-moz-any-link,*/ x:default {padding-bottom:3px;}
/* MISC round corners */
#uvPremieForm .clear, #wideContent #uvPremieForm .clear {clear:both; font-size:0; height:0; line-height:0; margin:0; padding:0;}
.formsample .button .submitWrapper {display:inline; float:left; margin-left:200px;}
.left {float:left;}
.right {float:right;}
div.submitWrapper.left {float:left;}
div.submitWrapper.right {float:right;}
#leftbar ul, #leftbar2 ul {clear:both;}