html, body {height:100%; margin:0; padding:0}
body {background-color:#fff; border-style:none; font:0.7em Arial, Helvetica, sans-serif; margin:0; padding:0 10px; text-align:center}
fieldset {border:0; margin:0; padding:0}
form {margin:0; padding:0}
h1, h2 {margin:0; padding:0}
h3 { margin:1em 0 0.2em 0}
h4 {margin:0 0 0.5em 0}
img {border:0}
ol {margin:0; padding:0; text-indent:0}
p {margin:0; padding:0}
ul {margin:0; padding:0}
table {margin:0; padding:0}
textarea {background:#fff url("../img/frm_bg_zoek.gif") repeat-x left bottom; border:1px solid; border-color:#9d9da1 #cbcbcb #cbcbcb #9d9da1; font:1.1em Arial, Helvetica, sans-serif; height:100px; padding-left:3px; width:297px}
a.more {background:url("../img/bullit_arrow_orange.gif") no-repeat 0px 4px; color:#f66930; float:right; font-size:1.1em; margin-top:8px; padding:0 0 1px 10px}
a.more:hover {color:#000}
a.more:visited {color:#666}
p.top a.more { background:none; font-size:1em; margin:0}
.clear {clear:both; font-size:0px; height:0px; margin:0; padding:0; line-height:0px}
h2.hidden, hr.hidden, span.hidden {display:none}
input.box {background:#fff url("../img/frm_bg_zoek.gif") repeat-x left bottom; border:1px solid; border-color:#9d9da1 #cbcbcb #cbcbcb #9d9da1; font:1.1em Arial, Helvetica, sans-serif; height:1.35em; margin:0 2px 0 0; padding-left:3px; width:162px}
input.submit {color:#000; float:right; font:1em arial,sans-serif; margin:0; padding:0 10px}
span.red {color:#e84d0e}
span.thumbLeft {float:left; padding:4px 15px 0 0}
/* Style voor de soort vergoeding kolom in het vergoedingenoverzicht en de tooltips die daar gebruikt worden. */
th.soortcol { width:400px; }
div.tooltipframe { overflow:visible; position:absolute; visibility:hidden; z-index:500; }
iframe.tooltipframe { overflow:visible; position:absolute; z-index:500; width:350px; }
body.tooltip { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:left; }
div.tooltip { background-color:#e7f7f7; border-style:solid; border-width:1px; padding:3px 3px 3px 3px; }
/* LAYOUT
----------------------------------------------*/
div#con {margin-right:auto; margin-left:auto; max-width:960px; min-height:100%; min-width:960px; position:relative; text-align:left;}
div#header {padding-top:10px}
/* toevoegen aan alle content ivm clearer div */
div.innerdiv {float:left}
/* Service nav */
div.servicenav {background:url("../img/bg_servicenav.gif") no-repeat right top; float:left; padding-right:15px; width:auto}
div.servicenav ul li {color:#bfbfbf; display:block; float:left; line-height:3.15em; list-style:none; position:relative}
div.servicenav ul li a {background:url("../img/bullit_servicenav.gif") no-repeat right top; font-size:1em; color:#616161; text-decoration:none; padding:0 8px 0 7px}
div.servicenav ul li a:hover {color:#000}
div.servicenav ul li a:visited {color:#666}
div.servicenav ul li a.lastitem {background:none; padding-right:0}
div.servicenav ul li a.firstitem {padding-left:15px}
/* Zoeken */
div#zoeken {background-color:#fff; color:#000; float:right; height:3.4em; top:0; width:340px}
div#zoeken fieldset label {display:none}
div#zoeken input.box {float:right; margin:1px 2px 0 0; width:155px}
div#zoeken input.submit {float:right; margin-top:1px}
/* Logo */
div.logo {float:right; height:57px; right:0; top:48px; width:160px; z-index:99}
/* Doelgroep navigation (comsument, zakelijk) */
div.targetgroupnav {color:#99dcd7; float:left; line-height:25px; margin-top:50px}
div.targetgroupnav ul li {display:block; float:left; line-height:25px; list-style:none; position:relative}
div.targetgroupnav ul li.firstitem {font-weight:bold; background:url("../img/bg_sectionnav.gif") no-repeat left top; margin-right:3px}
div.targetgroupnav ul li.firstitem span {background:url("../img/bg_sectionnav_right.gif") no-repeat right top; color:#00a89c; display:block; padding:0 16px 0 26px}
div.targetgroupnav ul li a {background:url("../img/bullit_sectionnav.gif") no-repeat right top; font-size:1em; color:#00a89c; text-decoration:none; padding:0 8px 0 9px}
div.targetgroupnav ul li a:hover {color:#000}
div.targetgroupnav ul li a:visited {color:#666}
div.targetgroupnav ul li.lastitem a {background:none}
/* Top navigatie */
div.topnav {background:#00a89c url("../img/bg_topnav.gif") no-repeat left bottom; float:left; height:2.9em; position:relative; width:100%}
div.topnav div.inner {background:url("../img/bg_topnav_right.gif") no-repeat right bottom; float:left; height:2.9em; width:100%}
div.topnav ul {margin-left:9px}
div.topnav li {display:block; float:left; list-style:none; margin-top:5px; padding-left:9px}
div.topnav li.active {background:url("../img/bg_topnav_hover.gif") 0 0 no-repeat}
div.topnav ul li a {color:#fff; height:30px; display:block; float:left; font-size:1.1em; font-weight:bold; text-decoration:none; padding-right:9px}
div.topnav ul li.active a {background:url("../img/bg_topnav_hover_right.gif") right top no-repeat}
div.topnav ul li span {display:block; margin:4px 0 0 0}
/* navigatie onder lijn (kleuren) */
div.section {float:left; height:5px; line-height:5px; position:relative; width:100%}
div.section div.innersection {float:right; height:5px; width:100%}
div#yellow {background:url("../img/bg_section.gif") no-repeat left bottom}
div#yellow div.innersection {background:url("../img/bg_section_right.gif") no-repeat right top}
/* Broodkruimelpad */
div.crumbpath {float:left; padding:6px 0 5px 0; position:relative; width:100%}
div.crumbpath {color:#33b9b0}
div.crumbpath ul {margin-left:10px}
div.crumbpath ul li {color:#33b9b0; display:block; float:left; list-style:none; position:relative}
div.crumbpath ul li a {font-size:1em; color:#33b9b0; padding:0 7px 0 0}
div.crumbpath ul li a:hover {color:#000}
div.crumbpath ul li.first {background:url("../img/bullit_list_content.gif") no-repeat 0 0.45em; padding-left:9px}
/* content */
div#content {padding-bottom:50px; min-height:100%}
div.homepage {background:url("../img/bg_banners.gif") repeat-x 0px 10px}
div.contentpage {background:url("../img/bg_content.gif") repeat-x 0px 0px}
/* BEGIN :Leftbar */
div.leftbar {float:left; margin-top:10px; width:185px}
/* Leftnav */
div.leftnav {background:url("../img/bg_leftbar.gif") repeat-y left top; float:left; margin-bottom:20px; width:185px}
div.leftnav h2 {background:url("../img/bg_leftbar_top_yellow.gif") no-repeat left top; color:#00a89c; font-size:1.2em; font-weight:bold; line-height:2em; padding:4px 0 1px 10px}
div.leftnav ul {margin-bottom:15px}
div.leftnav ul li {display:block; font-size:1em; list-style:none; margin-right:5px; position:relative}
div.leftnav ul li a {border-bottom:1px solid #b2e5e1; color:#000; display:block; font-weight:bold; padding:5px 0 5px 10px; text-decoration:none; width:170px}
div.leftnav ul li a:hover {background-color:#e5f6f5}
div.leftnav ul li.subitem a {background:url("../img/bullit_arrow_green.gif") no-repeat 10px 50%; color:#00a89c; font-weight:normal; display:block; padding:5px 0 5px 21px; text-decoration:none; width:159px}
div.leftnav ul li.subitem a:hover {background-color:#e5f6f5; color:#000}
div.leftnav ul li.subsubitem a {background:url("../img/bullit_arrow_green.gif") no-repeat 10px 50%; color:#00a89c; font-weight:normal; display:block; padding:5px 0 5px 31px; text-decoration:none; width:149px}
div.leftnav ul li.subsubitem a:hover {background-color:#e5f6f5; color:#000}
div.leftnav ul li a.active {background:#00a89c; color:#fff}
/* subnav on-state */
div.leftnav ul li.subitem a.active {background:#00a89c url("../img/bullit_arrow_white.gif") no-repeat 10px 50%}
div.leftnav ul li.subsubitem a.active {background:#00a89c url("../img/bullit_arrow_white.gif") no-repeat 10px 50%}
div.leftnav ul li a.active:hover {background-color:#00a89c; color:#fff}
/* relatednav */
div.relatednav {float:left; width:185px}
div.relatednav h2 {background:url("../img/bg_titlebar.gif") no-repeat left top; color:#00a89c; font-size:1em; line-height:2em; padding-left:10px}
div.relatednav ul {border-top:1px solid #00a89c}
div.relatednav ul li {display:block; font-size:1em; list-style:none}
div.relatednav a {background:url("../img/bullit_arrow_orange.gif") no-repeat 0 6px; color:#f66930; display:block; line-height:1.45em; padding:2px 0 2px 10px; text-decoration:none}
div.relatednav a:hover {background-color:#e5f6f5; color:#000}
div.relatednav a:visited {color:#666}
/* END :Leftbar */
/* BEGIN :Rightbar */
/* Op 19-11-2008 op verzoek van Mathijs de Boer en Cecile Bol de kleuren van de CrossSelling advertenties omgedraaid orange is nu green en green is nu orange */
div#rightbar {background:url("../img/bg_rightbar.gif") repeat-y left top; float:right; margin-top:10px; padding-right:10px; width:190px}
div.homepage div#rightbar div.c1 {background:url("../img/bg_rightbar_top_home.gif") no-repeat left top; padding-top:5px}
div#rightbar div.c1 {background:url("../img/bg_rightbar_top.gif") no-repeat left top; height:100%; padding-top:5px}
div#rightbar div.c2 {background:url("../img/bg_rightbar_bottom.gif") no-repeat left bottom; height:100%; }
/* 19-11-2008 green gewijzigd in orange */
div#rightbar h2 {background:url("../img/bg_rightbar_top_orange.gif") no-repeat 5px 0; color:#fff; float:left; font-size:1.2em; font-weight:bold; line-height:1em; padding:6px 16px 6px 16px; width:158px; margin:0}
/* 19-11-2008 orange gewijzigd in green */
div#rightbar h2.orangetop {background:url("../img/bg_rightbar_top_green.gif") no-repeat 5px 0; padding-top:6px}
/* 19-11-2008 #e5f6f5 gewijzigd in #fef3ef green gewijzigd in orange */
div#rightbar .trigger {background:#fef3ef url("../img/bg_rightbar_orange_bottom.gif") no-repeat left bottom; float:left; display:inline; margin:0 5px 5px 5px; padding:0 0 14px 0; width:180px}
div#rightbar .trigger form {margin:0 0 0 9px; width:162px}
div#rightbar .trigger fieldset {padding-top:10px}
div#rightbar .trigger fieldset label {color:#00a89c; margin:0}
div#rightbar .trigger input.box {margin:1px 0 5px 0; width:156px}
div#rightbar .trigger input.submit {padding:0 10px}
div#rightbar .trigger ul {background:url("../img/border_line.gif") repeat-x left top; margin:12px 9px 0 9px}
div#rightbar .trigger ul li {background:url("../img/border_line.gif") left bottom repeat-x; display:block; list-style:none; padding:1px 0; width:162px}
div#rightbar .trigger h3 {font-size:1em; padding:10px 9px 0 9px; margin:0}
/* 19-11-2008 green gewijzigd in orange */
div#rightbar .trigger ul li a {background:url("../img/bullit_arrow_orange.gif") no-repeat left center; color:#00a89c; font-weight:bold; line-height:18px; display:block; padding-left:10px; text-decoration:none}
/* 19-11-2008 #cceeeb gewijzigd in #fbd8cc */
div#rightbar .trigger ul li a:hover {background-color:#fbd8cc; color:#000}
div#rightbar .trigger ul li a:visited {color:#666}
div#rightbar .trigger a.more {padding-right:9px}
div#rightbar .trigger p {padding:10px 9px 10px 9px; font-size:1em}
div#rightbar .trigger p.news {padding:1px 9px 10px 9px}
/* tabel page layout */
#tablepage .trigger p {padding:10px 0px !important; font-size:1em}
div#rightbar .trigger p.img {padding:0; margin:0 0 10px 0}
div#rightbar .trigger a {color:#f66930; font-size:1em; font-weight:bold}
div#rightbar .trigger a:hover {color:#000}
div#rightbar .trigger a:visited {color:#666}
/* 19-11-2008 #fef3ef gewijzigd in #e5f6f5 orange gewijzigd in green */
div#rightbar .orange {background:#e5f6f5 url("../img/bg_rightbar_green_bottom.gif") no-repeat left bottom; }
/* 19-11-2008 onderstaande 2 regels zijn toegevoegd om het hoveren van de groene advertentie te regelen */
div#rightbar .orange ul li a:hover {background-color:#cceeeb; color:#000}
div#rightbar .orange ul li a {background:url("../img/bullit_arrow_green.gif") no-repeat left center}
div#rightbar .trigger div.visual {text-align:center; padding:10px 0 12px 0}
div#rightbar .trigger div.first {padding:0 0 12px 0}
div#rightbar .trigger div.spacer {border-top:1px solid #fbc3ac; height:1px; line-height:1px}
/* END :Rightbar */
/* BEGIN :home content, home banners */
div.home_banners {height:215px; margin-right:215px; padding-left:10px; position:relative}
div.small_staticcontainer {float:left; height:215px; margin:0; position:relative; width:260px}
div.big_staticcontainer {height:215px; margin:0 0 0 269px; position:relative;}
/*
div.liquid_visual {background:url("../../dynamic/img/banner_bigAVLevensfase.jpg") no-repeat left top; display:block; height:215px; margin:0 0 0 275px; position:relative}
div.liquid_visual_right {float:right; height:215px; width:10px}
div.liquid_button {height:33px; position:absolute; right:14px; bottom:21px; width:33px}
div.liquid_button a {background:url("../../dynamic/img/banner_button_green_n.gif") no-repeat left top; display:block; height:33px; text-indent:-999px}
div.liquid_button a:hover {background-image:url("../../dynamic/img/banner_button_green_o.gif")}
*/
div.home_content {margin-right:215px; padding:15px 0 50px 10px}
div.home_content p {padding:5px 0 8px 0; margin-left:25px}
div.home_content p a {color:#f66930; font-size:1em; line-height:16px}
div.home_content p a:hover {color:#000}
div.home_content p a:visited {color:#666}
div.home_content ul li {background:url("../img/border_line.gif") repeat-x left bottom; display:block; list-style:none; padding:1px 0; position:relative}
div.home_content ul li a {background:url("../img/bullit_arrow_orange.gif") no-repeat left center; color:#f66930; font-size:1.1em; line-height:15px; display:block; padding:5px 10px 5px 10px; text-decoration:none}
div.home_content ul li a:hover {background-color:#e5f6f5; color:#000}
div.home_content ul li a:active {color:#666}
div.home_content div.gtitle {border-bottom:1px solid #00a89c; position:relative}
div#col_3_1 {background-color:#FFF; float:left; position:relative; width:34%}
div#col_3_1 div.gtitle {margin-right:25px}
div#col_3_1 ul {margin-right:25px}
div#col_3_1 a.more {margin-right:25px}
div#col_3_2 {background-color:#FFF; float:left; position:relative; width:34%}
div#col_3_3 {background-color:#FFF; float:left; font-size:1.1em; line-height:1.3em; position:relative; width:31%}
div#col_3_3 div.gtitle {margin-left:25px}
div.homeClickBanners {padding-top:10px; position:relative; width:100%}
div.homeClickBanners a {padding-right:15px}
/* END :home content, home banners */
/* Content */
div.content {line-height:1.42em; margin:0 200px 0 185px; padding:16px 15px 50px 15px}
div.content a {color:#f66930}
div.content a:hover {color:#000}
div.content a:visited {color:#666}
div.content h1 {color:#00a89c; font:20px Arial, Helvetica, sans-serif; line-height:1em; margin:0 10px; padding-bottom:10px}
div.content h2 {font:bold 1.1em Arial, Helvetica, sans-serif; line-height:1em; margin:0 10px; padding:3px 0 4px 0}
/* EXTRA Telerik headings RFC100526 */
div.content h1.SEO {color:#000000; font:bold 1.1em Arial, Helvetica, sans-serif; line-height:1em; margin:0 0 0 11px; padding-bottom:2px}
div.content h2.SEO {color:#00a89c; font:bold 1.1em Arial, Helvetica, sans-serif; line-height:1em; margin:0 0 0 11px; padding-bottom:2px}
div.content h3.SEO {color:#f66930; font:bold 1.1em Arial, Helvetica, sans-serif; line-height:1em; margin:0 0 0 11px; padding-bottom:2px}
div.content h4.SEO {color:#092552; font:bold 1.1em Arial, Helvetica, sans-serif; line-height:1em; margin:0 0 0 11px; padding-bottom:2px}
div.content h5.SEO {color:#009fc7; font:bold 1.1em Arial, Helvetica, sans-serif; line-height:1em; margin:0 0 0 11px; padding-bottom:2px}
/* EXTRA Telerik headings RFC100526 */
div.content p {font-size:1.1em; margin:0 10px 0 10px; padding-bottom:1em}
div.content span.thumbRight {border:1px solid #99dcd7; float:right; margin:4px 25px 10px 25px; padding:1px}
div.content span.thumbLeft {margin-bottom:15px}
div.content ul {color:#00a89c; margin:0 25px 0 20px}
div.content ul li { background:url("../img/bullit_list_content.gif") no-repeat 0 5px; color:#000; font-size:1.1em; list-style:none; padding:0 0 1em 10px; padding-bottom:0}
ul.content {color:#00a89c; margin:0 25px 0 20px}
ul.content li {background:url("../img/bullit_list_content.gif") no-repeat 0 5px; color:#000; font-size:1.1em; list-style:none; padding:0 0 1em 10px}
ul.opsomming li {font-size:1.1em; padding-bottom:0}
ul.downloads {margin-left:10px}
ul.downloads li {background:url("../img/bgList.gif") repeat-x left bottom; color:#00a89c; font-size:1.1em; height:21px; list-style:none; margin-left:1px; padding-top:3px; width:325px}
ul.downloads li a {background:url("../img/ic_pdf.gif") no-repeat 0 -1px; line-height:16px; padding:0 0 1px 20px; text-decoration:none}
ul.downloads li a:hover {color:#000}
ul.downloads li a:visited {color:#666}
ul.downloads li.first {background:none; border-bottom:1px solid #00a89c; font-weight:bold; height:16px; margin-left:0; padding:0 0 3px 0}
div.mainvisual {background:url("../../dynamic/img/banner_consument.jpg") no-repeat left top; height:136px; width: 560px; position:relative; margin-right:-15px}
div.C100 {background:url("../../dynamic/img/C100.jpg") no-repeat left top; height:136px; width: 560px; position:relative; margin-right:-15px}
div.C200 {background:url("../../dynamic/img/C200.jpg") no-repeat left top; height:136px; width: 560px; position:relative; margin-right:-15px}
div.C300 {background:url("../../dynamic/img/C300.jpg") no-repeat left top; height:136px; width: 560px; position:relative; margin-right:-15px}
div.C400 {background:url("../../dynamic/img/C400.jpg") no-repeat left top; height:136px; width: 560px; position:relative; margin-right:-15px}
div.C500 {background:url("../../dynamic/img/C500.jpg") no-repeat left top; height:136px; width: 560px; position:relative; margin-right:-15px}
div.C600 {background:url("../../dynamic/img/C600.jpg") no-repeat left top; height:136px; width: 560px; position:relative; margin-right:-15px}
div.C700 {background:url("../../dynamic/img/C700.jpg") no-repeat left top; height:136px; width: 560px; position:relative; margin-right:-15px}
/* BEGIN :Lijst pagina's */
div.item {border-bottom:1px solid #99dcd7; float:left; padding:10px 0 0 0; position:relative; width:97%}
div.item h2 {font-size:1.2em; line-height:1.2em}
div.leftthumb {float:left; width:85px; padding:0 0 13px 10px; position:relative}
div.leftthumb span {border:1px solid #99dcd7; float:left; padding:1px}
div.rightcontent {padding-bottom:13px; position:relative; margin-left:85px}
div.download h2 {padding-left:22px}
div.download h2 span {font-weight:normal}
div.download p {padding-left:22px}
div.pdf h2 {background:url("../img/ic_pdf.gif") no-repeat 0 4px}
/* END :Lijst pagina's */
/* BEGIN :Sitemap */
div#totalwidth {margin:0 auto; width:95%; position:relative}
div#totalwidth h2, #totalwidth h3, #totalwidth a, #totalwidth p {margin-left:0; padding-left:10px}
div#totalwidth a {padding:0}
div#totalwidth p {width:640px}
div#totalwidth h2 {border-bottom:1px solid #99dcd7; color:#00a89c; font-size:1.25em; margin:10px 0 0 0}
div#totalwidth h3 {font-size:1.2em; margin:9px 0 10px 0}
div#totalwidth h3 a {text-decoration:none}
div#totalwidth ul {margin:0 0 0 10px; padding:0; text-indent:0; font-size:1em}
div#totalwidth li {background:url("../img/bullit_list_content.gif") no-repeat 0 7px; list-style:none; margin:0; padding:0 0 2px 12px}
div.floatlist {float:left; margin:0 0 20px 0; width:33%}
/* END :Sitemap */
/* BEGIN :internal table */
div.corners#greenTable {background:#eaf8f7 url("../img/backgrounds/corners/green/bg-header-green.gif") left top repeat-x; border:1px solid #66cbc4; color:#222; margin:5px 0 15px 0;}
div.corners#greenTable .b1 {background:url("../img/backgrounds/corners/green/topleft.gif") transparent top left no-repeat; top:-1px; left:-1px;}
div.corners#greenTable .b2 {background:url("../img/backgrounds/corners/green/topright.gif") transparent top right no-repeat; right:-2px;}
div.corners#greenTable .b3 {background:url("../img/backgrounds/corners/green/bottomright.gif") transparent bottom right no-repeat; bottom:-2px;}
div.corners#greenTable .b4 {background:url("../img/backgrounds/corners/green/bottomleft.gif") transparent bottom left no-repeat; left:-2px; padding:0 0 0 1px;}
div.corners#greenTable table {font-size:1em}
/* Special layout:table page */
#tablepage {margin:0 0 0 185px}
#greenTable table {margin:0; width:100%}
#greenTable th {background:#cceeeb; color:#00a89c; margin:0; text-align:left; padding:5px 5px 4px 10px; vertical-align:top}
#greenTable tbody th {background:none; border-top:1px solid #66cbc4; color:#000; font-weight:normal; padding:9px 5px 10px 10px; width:120px; border-right:1px solid #66cbc4}
#greenTable td {vertical-align:top; padding:9px 5px 10px 10px; border-top:1px solid #66cbc4}
/* END :internal table */
/* BEGIN :Formulieren */
#errorblock {font-size:1.1em; background:#fdede6; margin:0 10px}
#errorblock h2 {background:#f9cdbb url("../img/icon_error.gif") 7px 6px no-repeat;padding:7px 0 7px 31px; margin:0; font-size:1em}
#errorblock ul {margin:10px 0 0 8px;padding:0 0 10px 0;}
#errorblock li {list-style:none;background:none;padding:0;margin:0;}
#errorblock strong {color:#e84d0e;font-weight:bold; }
div.errorblock {font-size:1.1em; background:#fdede6; margin:0 10px}
div.errorblock h2 {background:#f9cdbb url("../img/icon_error.gif") 7px 6px no-repeat;padding:7px 0 7px 31px; margin:0; font-size:1em}
div.errorblock ul {margin:10px 0 0 8px;padding:0 0 10px 0;}
div.errorblock ul li {list-style:none;background:none;padding:0;margin:0;font-size:1em;}
div.errorblock strong {color:#e84d0e;font-weight:bold;}
li.error input.box {border:2px solid #e84d0e}
li.error textarea.box {border:2px solid #e84d0e}
li.error {color:#e84d0e; font-weight:bold}
div.plainForm {font:1.1em Arial, Helvetica, sans-serif; margin:10px 0 10px 0; padding:0}
div.plainForm h2 { font:bold 1.2em Arial, Helvetica, sans-serif; color:#00a89c}
div.plainForm h3 { font:bold 1em Arial, Helvetica, sans-serif; color:#00a89c; margin:0; padding:10px 0 0 10px}
div.plainForm h4 { font:bold 1em Arial, Helvetica, sans-serif; margin:0}
div.plainForm fieldset {padding:15px 0 0 10px}
div.plainForm fieldset.topline { border-top:1px solid #99dcd7; margin:15px 0 0 10px; padding:20px 0 0 10px}
div.plainForm fieldset.bottomline { border-bottom:1px solid #99dcd7; padding:0 0 15px 10px; margin-bottom:7px}
div.plainForm em {color:#e84d0e}
div.plainForm input.box {font-size:1em; width:35%}
div.plainForm textarea.box {font-size:1em; width:35%}
div.plainForm select {font-family:Arial, Helvetica, sans-serif; padding-left:3px; margin:0}
div.plainForm input.width55 {width:15%}
div.plainForm ol li {list-style:none; margin:0 0 5px 0; padding:0; clear:both}
/*div.plainForm li span, div.plainForm li.exception label {float:left; min-width:43%; width:0px; margin:3px 0 0 0}*/
div.plainForm li span, div.plainForm li.exception label {float:left; min-width:43%; width:250px; margin:3px 0 0 0}
div.plainForm li img {vertical-align:bottom; margin-left:5px}
div.plainForm li.exception label {float:none; width:auto}
div.plainForm li.vertical label {display:block; margin-left:43%}
div.plainForm textarea {font-size:1em; overflow:auto; width:50%}
div.plainForm input.submit {float:right; font-size:0.8em; margin:0 !important; padding:0 10px !important}
div.plainForm div.corners li table {margin-left:43%; width:43%;}
div.plainForm div.corners li table label {font-size:1.1em; padding-bottom:1em}
/* Styles voor het Gallery formulier */
table.galleryTable {border: Solid 1px #99dcd7;}
table.galleryTable tr {border: Solid 1px #99dcd7;}
table.galleryTable tr td {border: Solid 1px #99dcd7; background-color:#efefef; width:105px; height:105px; text-align:center;}
/* left */
span.left { width:90%; float:left; height:1px;}
div.plainForm span.button {float: right;}
/* different sizes for textarea or textfield, this determines where button is aligned */
#textfield span.button { text-align:right;}
#textarea span.button { text-align:right; float:left}
/* Stappenplan
-------------------*/
/* Round corners */
.corners {margin:5px 0 15px 0; color:#222; background:transparent url("../img/backgrounds/stappenplan/bg-header.gif") left top repeat-x; border:1px solid #66cbc4}
.b1, .b2, .b3, .b4 {position:relative}
.b1 {background:url("../img/backgrounds/stappenplan/topleft.gif") transparent top left no-repeat; top:-1px; left:-1px}
.b2 {background:url("../img/backgrounds/stappenplan/topright.gif") transparent top right no-repeat; right:-2px}
.b3 {background:url("../img/backgrounds/stappenplan/bottomright.gif") transparent bottom right no-repeat; bottom:-2px}
.b4 {background:url("../img/backgrounds/stappenplan/bottomleft.gif") transparent bottom left no-repeat; left:-2px; padding:4px 15px 20px 8px}
/* Tabs stappen */
#tabs {margin:0;padding:0;text-indent:0}
#tabs li {
position:relative;
margin-left:-1px;
list-style:none;
float:left;
padding:3px 8px 3px 8px;
display:block;
font:bold 1.1em Arial, Helvetica, sans-serif;
margin:1px 0 0 0;
color:#00a89c;
background:url("../img/backgrounds/stappenplan/dividerline.gif") 100% 45% no-repeat}
#tabs li.link {background:#fef3ef; border:1px solid #66cbc4; margin-left:-1px; padding:2px 8px 3px 8px;}
#tabs li.current {background:#fff;border:1px solid #66cbc4;border-bottom:none;margin-left:-1px}
#tabs a {color: #f66930;}
#tabs a:visited {color: #f66930;}
#tabs a:hover {color:#000}
.comment {color:#00a89c}
/* Info/explanation after form */
.info {border-bottom:1px solid #99dcd7;margin:0 25px 0 10px;padding:0 0 10px 0}
.info p, .info ul {margin:0 !important;padding:0}
.info h3 { font-size:1.2em}
/* END :formulieren */
/* BEGIN :table pagina */
/* Round yellow corners */
.corners#yellowTable {background:#fdfadb url("../img/backgrounds/corners/bg-header.gif") left top repeat-x; border:1px solid #66cbc4; color:#222; margin:5px 0 15px 0}
.corners#yellowTable .b1 {background:url("../img/backgrounds/corners/topleft.gif") transparent top left no-repeat; top:-1px; left:-1px}
.corners#yellowTable .b2 {background:url("../img/backgrounds/corners/topright.gif") transparent top right no-repeat; right:-2px}
.corners#yellowTable .b3 {background:url("../img/backgrounds/corners/bottomright.gif") transparent bottom right no-repeat; bottom:-2px}
.corners#yellowTable .b4 {background:url("../img/backgrounds/corners/bottomleft.gif") transparent bottom left no-repeat; left:-2px; padding:0 0 0 2px}
/* Special layout:table page */
#tablepage { margin:0 0 0 185px; padding:0 0 50px 0 !important}
#tablepage .corners { margin:0 10px}
#tablepage .content-left { margin-right:215px; margin-left:15px; padding-top:15px}
.corners table {font-size:0.9em; width:100%}
#yellowTable th { background:#f6e549;border-bottom:1px solid #66cbc4; color:#00a89c; margin:0; text-align:left; padding:5px 10px 4px 5px; vertical-align:top}
#yellowTable tbody th {background:none; border-bottom:1px solid #66cbc4; color:#000}
#yellowTable td {border-bottom:1px solid #66cbc4; vertical-align:top; padding:5px 5px 4px 5px}
#yellowTable .last td, #yellowTable .last th {border-bottom:none}
/* END :table pagina */
/* BEGIN :Zoekresultaten */
div.searchResults fieldset {padding:9px 0 18px 0}
div.searchResults input.submit {float:none}
div.searchResults label {color:#00a89c; font-size:1.1em; font-weight:bold; margin:0 10px}
div.searchResults h2 {font-weight:normal}
div.pageIndex {border-bottom:1px solid #66cbc4; border-top:1px solid #66cbc4; font-size:1.1em; margin:3px 15px 10px 0; padding:4px 0 3px 0}
div.pageIndex div.resultCount {float:left; padding-left:10px; width:40%}
div.pageIndex div.paging {background:url("../img/bullit_arrow_orange.gif") no-repeat right center; float:right; margin-right:10px; padding-right:4px; text-align:right; width:49%}
div.pageIndex div.paging a {font-weight:bold; padding-right:8px}
div.pageIndex div.paging span {font-weight:bold; padding-right:8px}
div.pageIndex div.paging span.first, a.first {background:url("../img/bullit_arrow_orange_left.gif") no-repeat left center; padding-left:15px}
/* END :Zoekresultaten */
/* BEGIN :Definitionlist */
div.definitionlist {padding-left:10px; font-size:1.1em}
div.definitionlist h4 {color:#00a89c; font-size:1.15em; font-weight:bold; margin:0 0 4px 0}
div.definitionlist ol {margin:0 15px 25px 0}
div.definitionlist ol.questions {margin-left:22px}
div.definitionlist ol.questions li {border-bottom:1px solid #99dcd7; color:#f66930; font-weight:bold; list-style-position:outside; padding:5px 0 4px 0}
div.definitionlist ol.questions li a {font-weight:bold; text-decoration:none; position:relative}
div.definitionlist ol.answers {margin-left:22px}
div.definitionlist ol.answers li {color:#00a89c; margin-bottom:3.2em; list-style-position:outside}
div.definitionlist ol.answers li h2 {color:#00a89c; display:inline; font-size:1em; margin:0; padding:0}
div.definitionlist ol.answers li p {color:#000; font-size:1em; margin:0; padding:0}
div.definitionlist ol.answers li ul {margin:4px 0; padding:0}
div.definitionlist ol.answers ul li { font-size:1em; }
div.definitionlist ol.answers li li {background:url(../img/bullit_list_content.gif) no-repeat 0 5px; color:#000; list-style:none; list-style-position:outside; margin:0 0 0 14px; padding-left:12px}
div.definitionlist ol.answers li.last {margin-bottom:0}
/* END :Definitionlist */
/* Begin goede tabel voor in de Itjes*/
div.itje
{
border: solid 1px #63cbc6;
background-color: #ceefef;
position:relative;
font-size:small;
width:710px;
}
div.itjeTopLeft
{
position:relative;
background: url('../img/backgrounds/corners/topleftc2008.gif') no-repeat left top;
left: -1px;
top: -1px;
}
div.itjeTopRight
{
position:relative;
background: url('../img/backgrounds/corners/toprightc2008.gif') no-repeat right top;
right: -2px;
}
div.itjeBottomLeft
{
position:relative;
background: url('../img/backgrounds/corners/bottomleftc2008.gif') no-repeat left bottom;
left: -2px;
bottom: -2px;
}
div.itjeBottomRight
{
position:relative;
background: url('../img/backgrounds/corners/bottomrightc2008.gif') no-repeat right bottom;
right: -2px;
bottom: 0px;
}
.itjespan
{
font:1.1em Arial, Helvetica, sans-serif;
line-height:1.3em;
}
/* End goede tabel voor in de Itjes*/
/* BEGIN :footer */
div#con_footer {background:url("../img/bg_footer.gif") no-repeat left top; height:50px; max-width:960px; margin:-65px auto 0 auto; padding-bottom:15px; min-width:960px; position:relative; z-index:0; text-align:left}
div#con_footer ul {float:left; margin:18px 0 0 0}
div#con_footer ul li {color:#bfbfbf; display:block; float:left; list-style:none}
div#con_footer ul li span {color:#616161; padding:0 0 0 7px}
div#con_footer ul li a {background:url("../img/bullit_servicenav.gif") no-repeat right top; font-size:1em; color:#616161; text-decoration:none; padding:0 8px 0 7px}
div#con_footer ul li a:hover {color:#000}
div#con_footer div.footernav {background:url("../img/bg_footer_right.gif") no-repeat right top; float:right; padding-right:15px; height:50px}
div#con_footer ul li a.lastitem {background:none; padding-right:0}
div#con_footer ul li a.firstitem {padding-left:15px}
/* END :footer */
div#printFooter {display:none}