/*
 #################
 #	ALGEMEEN	#
 #################
 */
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form { margin:0; padding:0; }
html { font:62.5%/200% Arial, Verdana, Tahoma, sans-serif; }
body { font-size:1.2em; color:#383a3b; background:#f4f4f4; }
body.smallText { font-size:1.1em; }
body.largeText { font-size:1.3em; }
.verklein-naar-normaal, 
.vergroot-naar-normaal,
.smallText .groter, 
.largeText .kleiner { display:none; }
.smallText .vergroot-naar-normaal, 
.largeText .verklein-naar-normaal { display:inline; }
.block {
    display:block;
}
.hidden {
    visibility:hidden;
}
.invisible {
    display:none;
}
.image-left,
.f-left,
.fleft {
    float:left;
}
.image-right,
.f-right,
.fright {
    float:right;
}
.clear {
    clear:both;
}
.links {
    text-align:left;
}
.midden {
    text-align:center;
}
.rechts {
    text-align:right;
}
.top {
    vertical-align:top;
}
.middle {
    vertical-align:middle;
}
.bottom {
    vertical-align:bottom;
}
.center {
    display:block;
    margin:auto;
}
.lower {
    text-transform:lowercase;
}
.absolute {
    position:absolute;
}
.relative {
    position:relative;
}
.listing thead th,
.title,
.bold,
.strong {
    font-weight:bold;
}
.italic,
.em {
    font-style:italic;
}
.underline {
    text-decoration:underline;
}
.pointer,
a span {
    cursor:pointer;
}
ul.none,
ol.none {
    list-style:none;
}
#portal-sitemap a,
body.subsite_view dt a,
.title a,
#breadcrumbs a,
div.kolom dt a,
.portlet-static-zie-ook a,
a:hover,
a:focus,
a.none {
    text-decoration:none;
}
.title a:hover,
.title a:focus,
#portal-sitemap a:hover,
#portal-sitemap a:focus,
body.subsite_view dt a:hover,
body.subsite_view dt a:focus,
#breadcrumbs a:hover,
#breadcrumbs a:focus,
div.kolom dt a:hover,
div.kolom dt a:focus,
.portlet-static-zie-ook a:hover,
.portlet-static-zie-ook a:focus,
a.none:hover,
a.none:focus {
    text-decoration:underline;
}
img {
    border:none;
}
p {
    padding-bottom:1.2em;
}
div.wrapper,
.overflow {
    overflow:hidden;
}
h1,
h2.h1 {
    font-size:1.5em;
}
h2 {
    font-size:1em;
}
h3 {
    font-size:1em;
}
h4 {
    font-size:.8em;
}
a,
.sitekleur {
    color:#d53000;
}
#tekstgrootte dt a,
.listing thead th,
.title a,
a.grijs {
    color:#383a3b;
}
a.lees-meer {
    font-weight:bold;
    color:#383a3b;
}
a.externe-link {
    margin-right:2px;
    padding-right:11px;
    background:url(/static/img/externe-link.gif) no-repeat right 50%;
}
.date,
.lichtgrijs {
    color:#808080;
}
/*
 ################
 #	LAYOUT	   #
 ################
 */
/* Container
 ------------------------------------------------------------------*/
div#container {
    width:906px;
    margin:0 auto;
    padding:18px 32px 0 32px;
    background:#fff;
}
p#logo {
    float:left;
    width:337px;
    height:72px;
    margin-left:2px;
    overflow:hidden;
    text-indent:-9999px;
    background:url(/static/img/brandweer/logo.gif) no-repeat;
}
p#logo a {
    display:block;
    height:72px;
}
p#toplink {
    float:left;
    margin:37px 0 0 142px;
    font-size:1.5em;
    font-weight:bold;
}
/* Header
 ------------------------------------------------------------------*/
div#header {
    margin-top:12px;
    padding-top:20px;
    background:url(/static/img/brandweer/header.gif) no-repeat;
}
/* Breadcrumbs
 ------------------------------------------------------------------*/
p#breadcrumbs {
    padding:.5em 25px 1em;
}
p#breadcrumbs span .breadcrumbSeparator,
p#breadcrumbs a {
    color:#383a3b;
}
p#breadcrumbs span span,
p#breadcrumbs em {
    font-style:normal;
    color:#d53000;
}
/* Kolommen
 ------------------------------------------------------------------*/
body.subsite_view div.kolom-wrapper,
body#hoofdpagina div.kolom-wrapper,
#kolom-wrapper {
    background:url(/static/img/kolom-wrapper.gif) no-repeat 99% 96%;
}
div.kolom {
    min-height:10px;
    overflow:hidden;
}
div.kolom-links {
    float:left;
    width:202px;
}
div.kolom-midden {
    float:left;
    width:428px;
    overflow:hidden;
    margin-left:20px;
    padding-bottom:2em;
}
div.kolom-rechts {
    float:right;
    width:230px;
    margin-right:4px; /* ie */
    padding-bottom:6em;
}
/* Kolommen op homepage
 ------------------------------------------------------------------*/
body.subsite_view div.kolom-wrapper,
div.home-wrapper {
    padding-top:3.2em;
}
body.subsite_view div.kolom-links,
div.home-wrapper div.kolom-links {
    width:322px;
}
body.subsite_view div.kolom-midden,
div.home-wrapper div.kolom-midden {
    width:322px;
    margin-left:16px;
}
/* Kolommen in split-wrapper (op bijv. contactpagina)
 ------------------------------------------------------------------*/
div.split-wrapper div.kolom-midden {
    width:280px;
}
div.split-wrapper div.kolom-rechts {
    width:384px;
}
/* Inhoud van middenkolom
 ------------------------------------------------------------------*/
div.kolom-midden h1,
div.kolom-midden h2.h1 {
    margin-bottom:15px;
    color:#c9230e;
}
div.kolom-midden h2 {
    margin-top:1em;
    color:#d53000;
}
div.kolom-midden h2.h1 {
    margin-top:0;
}
/* Contentblokken
 ------------------------------------------------------------------*/
div.content {
    padding:10px;
    border-top:1px solid #dbdbdb;
    background:url(/static/img/content.gif) repeat-x 0 1px; /* ie */
}
div.content-border {
    margin-bottom:2em;
    border-bottom:1px solid #dbdbdb;
}
/* Illustraties
 ------------------------------------------------------------------*/
p.illustratie span {
    display:block;
    text-align:right;
}
img.illustratie {
    float:right;
    margin:.5em 0 .3em 8px;
}
img.illustratie-links {
    float:left;
    margin-right:8px;
    margin-left:0;
}
div.kolom-rechts img.illustratie {
    float:none;
    display:block;
    margin:0 auto 2em;
    border:5px solid #d3d3d3;
}
/* Preview
 ------------------------------------------------------------------*/
.tileItem,
div.preview {
    padding:.3em 0 2em;
    border:solid #dbdbdb;
    border-width:1px 0 0;
}
div.preview-border {
    border-bottom-width:1px;
}
div.preview span.datum {
    display:block;
    color:#808080;
}
div.preview img.illustratie {
    margin-top:.3em;
}
div.preview p {
    padding-bottom:0;
}
/* Preview in nieuwsoverzicht op homepage
 ------------------------------------------------------------------*/
dl.nieuws div.preview {
    padding:8px 12px;
    border-width:0 0 1px;
}
/* Overzichtspreview
 ------------------------------------------------------------------*/
div.preview-overzicht {
    width:200px;
    padding-bottom:.3em;
}
div.preview-overzicht div.inhoud {
    float:right;
    width:130px;
}
/* Zoekresultaat
 ------------------------------------------------------------------*/
p.resultaat {
    margin:0 10px;
    padding-bottom:.4em;
}
div.zoekresultaat {
    padding:.4em 10px;
}
iframe {
    background:transparent url(/static/img/search-content.gif) repeat-x scroll 0 1px;
    margin:-10px -10px 0;
    padding-top:10px;
    width:428px;
}
iframe body {
    background:transparent !important;
}
/* Navigatie
 ------------------------------------------------------------------*/
div.navigatie {
    padding:.5em 10px;
    border-top:1px solid #dbdbdb;
}
div.navigatie a {
    font-weight:bold;
    text-decoration:none;
}
/* Link met nadruk (bijv. 'Ga naar het nieuwsarchief')
 ------------------------------------------------------------------*/
a.nadruk {
    float:right;
    margin-top:1em;
    padding-left:4px;
    background:url(/static/img/nadruk.gif) no-repeat;
}
a.nadruk span {
    display:block;
    padding:0 22px 1px 18px;
    font-weight:bold;
    background:url(/static/img/nadruk.gif) no-repeat right top;
}
/* Pollresultaten
 ------------------------------------------------------------------*/
div.pollresultaat {
    float:left;
    width:4px;
    overflow:hidden;
    margin-right:6px;
}
div.hotter {
    background-color:#ee0001;
}
div.hot {
    background-color:#c9230e;
}
div.neutraal {
    background-color:#631107;
}
div.not {
    background-color:#383a3b;
}
div.notter {
    background-color:#515151;
}
.template-plonepopoll_view .documentDescription {
    border-bottom:1px solid #dbdbdb;
    color:#d53000;
    font-weight:bold;
    margin:-0.6em -8px;
    padding:0.6em 8px;
}
.template-plonepopoll_view #results ul li {
    background:none;
    padding-left:0;
}
.template-plonepopoll_view #results legend {
    font-weight:bold;
    font-size:1em;
    padding:0;
}
/* Omkaderd blok (zoals bij veel gestelde vragen)
 ------------------------------------------------------------------*/
div.kader {
    border:1px solid #dbdbdb;
}
div.kader h2.kop {
    font-size:1.4em;
    margin-top:0;
    padding:.6em 8px;
    background:url(/static/img/grijs-wit.gif) repeat-x 0 1px;
}
div.kader div.inhoud {
    padding:12px 8px;
    border-top:1px solid #dbdbdb;
}
div.kolom-rechts div.box div.inhoud,
div.kolom-rechts div.kader div.inhoud {
    padding:0 8px 8px;
}
div.kader div.no-border {
    border-top:none;
}
div.box {
    border:1px solid #dbdbdb;
    padding:0 8px 12px 8px;
    margin-bottom:1.2em;
}
div.box h2.webobject_header {
    padding:.6em 8px;
    margin:0 -8px 12px;
    font-size:1.4em;
    margin-top:0;
    background:url(/static/img/grijs-wit.gif) repeat-x 0 1px;
    border-bottom:1px solid #dbdbdb;
}
/* Melding
 ------------------------------------------------------------------*/
p.melding {
    margin-bottom:1em;
    padding:3px 10px;
    text-align:center;
    border:1px solid #cfcfcf;
}
/* 'Meer informatie'-blok
 ------------------------------------------------------------------*/
div.portlet-static-meer-informatie,
div.meer-informatie {
    height:97px;
    padding:0 2px 5px;
    margin-bottom:1.4em;
    color:#fff;
    background:url(/static/img/brandweer/meer-informatie.gif) no-repeat;
}
div.portlet-static-meer-informatie h2,
div.meer-informatie h2 {
    position:absolute;
    margin:12px 0 0 8px;
    color:#000000;
    font-size:1.1em;
    text-transform:uppercase;
}
div.portlet-static-meer-informatie p,
div.meer-informatie p {
    margin-bottom:0;
    padding:40px 0 0 10px;
    font-weight:bold;
}
div.portlet-static-meer-informatie a,
div.meer-informatie a {
    color:#fff;
}
div.portlet-static-meer-informatie p {
    font-size:1.9em;
}
div.meer-informatie span.regel1 {
    font-size:1.9em;
}
div.portlet-static-meer-informatie a  {
    font-size:.7em;
    text-decoration: none;
}
div.meer-informatie span.regel2 {
    font-size:1.3em;
}
/* Footer
 ------------------------------------------------------------------*/
p#footer {
    width:890px;
    margin:0 auto;
    padding:1em 40px;
}
p#footer a {
    color:#383a3b;
}
a#iWink {
    float:right;
    text-decoration:none;
}
a#iWink span {
    color:#e73908;
}
a#iWink:hover span,
a#iWink:focus span {
    text-decoration:underline;
}
/*
 ####################
 #	LIJSTEN	   #
 ####################
 */
/* Tekstgrootte-menu
 ------------------------------------------------------------------*/
dl#tekstgrootte {
    float:right;
    margin:37px 6px 0 0; /* ie6 */
}
dl#tekstgrootte dt {
    float:left;
    font-size:.9em;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-weight:bold;
    letter-spacing:2px;
    margin-right:6px;
}
dl#tekstgrootte dd {
    float:left;
    margin-top:.2em;
}
dl#tekstgrootte dd a {
    float:left;
    border:1px solid #bdbdbd;
}
dl#tekstgrootte dd a:hover,
dl#tekstgrootte dd a:focus {
    border-color:#919191;
}
dl#tekstgrootte dd a.kleiner {
    border-right:none;
}
/* Topmenu
 ------------------------------------------------------------------*/
ul#topmenu {
    float:left;
    margin-left:24px; /* ie */
    font-size:1.5em;
    font-weight:bold;
    list-style:none;
    text-transform:lowercase;
}
ul#topmenu li {
    float:left;
    margin-right:24px;
}
ul#topmenu a {
    color:#fff;
}
ul#topmenu a.active {
    text-decoration:underline;
}
/* Hoofdmenu
 ------------------------------------------------------------------*/
ul#hoofdmenu {
    height:38px;
    margin-top:2px;
    padding:0 0 6px 3px;
    font-size:1.1em;
    font-weight:bold;
    list-style:none;
    text-transform:lowercase;
    background:url(/static/img/brandweer/header.gif) no-repeat bottom left;
}
ul#hoofdmenu li {
    float:left;
    background:url(/static/img/brandweer/hoofdmenu-li.gif) no-repeat center right;
}
ul#hoofdmenu li.laatste,
ul#hoofdmenu li.last {
    background:none;
}
ul#hoofdmenu a { /* ie */
    display:block;
    padding-left:5px;
    color:#fff;
    text-decoration:none;
}
ul#hoofdmenu span {
    display:block;
    padding:10px 22px 9px 17px;
}
ul#hoofdmenu ul span {
    display:inline;
    padding:0;
}
ul#hoofdmenu li:hover a,
ul#hoofdmenu li.hover-ie a,
ul#hoofdmenu a:hover,
ul#hoofdmenu a:focus,
ul#hoofdmenu a.active {
    background:url(/static/img/brandweer/hoofdmenu-hover.gif);
}
ul#hoofdmenu li:hover span,
ul#hoofdmenu li.hover-ie span,
ul#hoofdmenu a:hover span,
ul#hoofdmenu a:focus span,
ul#hoofdmenu a.active span {
    background:url(/static/img/brandweer/hoofdmenu-hover.gif) right top;
}
ul#hoofdmenu li:hover ul a,
ul#hoofdmenu li.hover-ie ul a,
ul#hoofdmenu li:hover ul span,
ul#hoofdmenu li.hover-ie ul span {
    background:none;
}
ul#hoofdmenu ul {
    display:none;
    clear:both;
    position:absolute;
    width:213px;
    font-size:.9em;
    list-style:none;
    z-index:2;
    background:#fff url(/static/img/brandweer/submenu.gif) no-repeat;
}
ul#hoofdmenu li:hover ul,
ul#hoofdmenu li.hover-ie ul {
    display:block;
}
ul#hoofdmenu ul li {
    float:none;
    background:none;
}
ul#hoofdmenu ul li.laatste,
ul#hoofdmenu ul li.last {
    padding-bottom:1em;
    background:url(/static/img/brandweer/submenu-li.gif) repeat-x bottom;
}
ul#hoofdmenu ul a {
    height:1%;
    line-height:120%;
    padding:.4em 5px .4em 22px;
    color:#383a3b;
}
ul#hoofdmenu ul a:hover,
ul#hoofdmenu ul a:focus {
    color:#c9230e;
    background:none;
}
/* <dl> in kolom
 ------------------------------------------------------------------*/
div.kolom dl,
div.kolom-midden dl,
body.subsite_view div.kolom-midden dl,
body.subsite_view .kolom-links dl.portlet,
body.subsite_view .kolom-midden dl.portlet,
dl.paginapreview {
    margin-bottom:1.4em;
}
div.kolom-links dt,
body.subsite_view div.kolom-midden dt,
div.kolom dl.portletNavigationTree dt.portletHeader,
div.kolom dt,
body.subsite_view .kolom-links dl.portlet dt,
body.subsite_view .kolom-midden dl.portlet dt,
dl.paginapreview dt {
    padding:.5em 6px .5em 14px;
    font-size:1.2em;
    font-weight:bold;
    color:#fff;
    background:#2b2b2b url(/static/img/brandweer/dt-donker.gif) repeat-x;
}
body.subsite_view .kolom-links dl.portlet dt,
body.subsite_view .kolom-midden dl.portlet dt,
dl.paginapreview dt {
    font-size:1.3em;
}
body.subsite_view div.kolom-midden dt a,
div.kolom-links dt a,
div.kolom dl.portletNavigationTree dt.portletHeader a,
div.kolom dt a,
body.subsite_view .kolom-links dl.portlet dt a,
body.subsite_view .kolom-midden dl.portlet dt a,
dl.paginapreview dt a {
    display:block;
    height:1%;
    padding-right:24px;
    color:#fff;
    background:url(/static/img/brandweer/dt-donker-a.gif) no-repeat right .5em;
}
body.subsite_view div.kolom-midden dt a:hover,
body.subsite_view div.kolom-midden dt a:focus,
div.kolom-links dl dt a:hover,
div.kolom-links dl dt a:focus,
div.kolom dl.portletNavigationTree dt.portletHeader a:hover,
div.kolom dl.portletNavigationTree dt.portletHeader a:focus,
div.kolom dl dt a:hover,
div.kolom dl dt a:focus,
body.subsite_view .kolom-links dl.portlet dt a:hover,
body.subsite_view .kolom-links dl.portlet dt a:focus,
body.subsite_view .kolom-midden dl.portlet dt a:hover,
body.subsite_view .kolom-midden dl.portlet dt a:focus,
dl.paginapreview dt a:hover,
dl.paginapreview dt a:focus {
    background-image:url(/static/img/brandweer/dt-donker-a-hover.gif);
}
body.subsite_view div.kolom-midden dd,
div.kolom-links dd,
div.kolom dl.portletNavigationTree dd.portletItem,
div.kolom dl dd,
body.subsite_view .kolom-links dl.portlet dd,
body.subsite_view .kolom-midden dl.portlet dd,
dl.paginapreview dd {
    padding:1.5em 8px 1.5em 14px;
    color:#fff;
    border-top:1px solid #898989;
    background:#353535 url(/static/img/brandweer/dd-donker.gif) repeat-x;
}
div.kolom dl.portletNavigationTree dd.portletItem,
div.kolom dl.portlet-static-zie-ook dd,
div.kolom dd.menu {
    padding:.8em 0;
}
div.kolom dd.formulier {
    padding-bottom:.8em;
}
/* Lichte <dl> in kolom
 ------------------------------------------------------------------*/
div.kolom-rechts dl,
body.subsite_view div.kolom-midden dl,
div.kolom dl.licht {
    border-top:1px solid #dbdbdb;
}
div.kolom-rechts dl.portletNavigationTree {
    border-top:0;
}
body.subsite_view div.kolom-midden dt,
div.kolom-rechts dl.portlet dt,
div.kolom dl.licht dt {
    color:#c9230e;
    border-top:1px solid #fff;
    background:#fdfdfd url(/static/img/dt-licht.gif) repeat-x;
}
body.subsite_view .kolom-midden dl.portlet dt,
body.subsite_view div.kolom-midden dt {
    color:#c9230e;
}
body.subsite_view div.kolom-midden dt a,
div.kolom-rechts dl.portlet dt a,
div.kolom dl.licht dt a,
body.subsite_view .kolom-links dl.portlet dt a,
body.subsite_view .kolom-midden dl.portlet dt a,
dl.paginapreview-licht dt a {
    color:#c9230e;
    background-image:url(/static/img/brandweer/dt-licht-a.gif);
}
body.subsite_view .kolom-links dl.portlet dt a:hover,
body.subsite_view .kolom-links dl.portlet dt a:focus,
body.subsite_view .kolom-midden dl.portlet dt a:hover,
body.subsite_view .kolom-midden dl.portlet dt a:focus,
body.subsite_view div.kolom-midden dt a:hover,
body.subsite_view div.kolom-midden dt a:focus,
div.kolom-rechts dl.portlet dt a:hover,
div.kolom-rechts dl.portlet dt a:focus,
div.kolom dl.licht dt a:hover,
div.kolom dl.licht dt a:focus,
dl.paginapreview-licht dt a:hover,
dl.paginapreview-licht dt a:focus {
    background-image:url(/static/img/brandweer/dt-licht-a-hover.gif);
}
body.subsite_view div.kolom-midden dd,
div.kolom-rechts dl.portlet dd,
div.kolom dl.licht dd {
    color:#000;
    border-color:#dbdbdb;
    background:none;
}
/* Paginapreview op homepage
 ------------------------------------------------------------------*/
body.subsite_view dl.portlet * {
    position: relative;
}
body.subsite_view .kolom-links dl.portlet,
body.subsite_view .kolom-midden dl.portlet,
dl.paginapreview {
    padding-bottom:10px;
    background:url(/static/img/brandweer/paginapreview-donker.gif) no-repeat left bottom;
}
body.subsite_view .kolom-links dl.portlet dt,
body.subsite_view .kolom-midden dl.portlet dt,
dl.paginapreview dt {
    padding:1.2em 16px;
    background:url(/static/img/brandweer/paginapreview-donker.gif) no-repeat;
}
body.subsite_view .kolom-links dl.portlet dt,
body.subsite_view .kolom-midden dl.portlet dt {
    border-top: 0;
}
body.subsite_view .kolom-links dl.portlet dd,
body.subsite_view .kolom-midden dl.portlet dd,
div.kolom dl.paginapreview dd,
dl.paginapreview dd {
    height:208px;
    margin:0 5px;
    padding:0;
    border-top-color:#dbdbdb;
    background:no-repeat;
}
body.subsite_view .kolom-links dl.portlet dd,
body.subsite_view .kolom-midden dl.portlet dd {
    height:auto;
    padding:1.5em 8px 1.5em 14px;
}
body.subsite_view .kolom-links dl.portlet p.bottom,
body.subsite_view .kolom-midden dl.portlet p.bottom,
dl.paginapreview p {
    margin:0;
    padding:6px 12px;
    background:url(/static/img/brandweer/paginapreview-donker-tekst.png);
}
body.subsite_view .kolom-links dl.portlet p.bottom,
body.subsite_view .kolom-midden dl.portlet p.bottom,
dl.paginapreview p.bottom {
    position:absolute;
    width:288px;
    bottom:0;
}
body.subsite_view .kolom-links dl.portletStaticText dd a,
body.subsite_view .kolom-midden dl.portlet dd p.bottom a,
dl.paginapreview dd a {
    color:#fff;
}
/* Lichte paginapreview op homepage
 ------------------------------------------------------------------*/
body.subsite_view .kolom-links dl.portlet,
body.subsite_view .kolom-links dl.portlet dt,
body.subsite_view .kolom-midden dl.portlet,
body.subsite_view .kolom-midden dl.portlet dt,
dl.paginapreview-licht,
dl.paginapreview-licht dt {
    background-image:url(/static/img/paginapreview-licht.gif);
}
body.subsite_view .kolom-links dl.portlet,
body.subsite_view .kolom-midden dl.portlet {
    border-top:0;
}
body.subsite_view .kolom-links dl.portlet dd,
body.subsite_view .kolom-midden dl.portlet dd,
dl.paginapreview dd {
    position:relative;
}
dl.paginapreview-licht p {
    background-image:url(/static/img/brandweer/paginapreview-licht-tekst.png);
}
/* Static text op homepage
 ------------------------------------------------------------------*/
body.subsite_view .kolom-links dl.portletStaticText {
    background-image:url(/static/img/brandweer/paginapreview-donker.gif);
}
body.subsite_view .kolom-links dl.portletStaticText dt {
    background:url(/static/img/brandweer/paginapreview-donker.gif) no-repeat;
}
body.subsite_view .kolom-links dl.portletStaticText dt a {
    color:#fff;
    background:url(/static/img/brandweer/dt-donker-a.gif) no-repeat right .5em;
}
body.subsite_view .kolom-links dl.portletStaticText dt a:hover,
body.subsite_view .kolom-links dl.portletStaticText dt a:focus {
    background-image:url(/static/img/brandweer/dt-donker-a-hover.gif);
}
body.subsite_view #container .kolom-links dl.portletStaticText,
body.subsite_view #container .kolom-midden dl.portletStaticText,
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletItem,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletItem {
    overflow: hidden;
    position: relative;
}
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletItem,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletItem {
    height:208px;
    margin:0 5px;
    padding:0;
    border-top-color:#dbdbdb;
    background:no-repeat;
}
body.subsite_view #container dl.portlet dd.portletItem a,
body.subsite_view #container dl.portlet dd.portletFooter a {
    font-weight: bold;
}
body.subsite_view #container dl.portletStaticText dd.portletItem a,
body.subsite_view #container dl.portletStaticText dd.portletFooter a {
    font-weight: normal;
}
body.subsite_view #container dl.portlet dd.portletItem a:link,
body.subsite_view #container dl.portlet dd.portletItem a:visited {
    text-decoration: none;
}
body.subsite_view #container dl.portlet dd.portletItem a:hover,
body.subsite_view #container dl.portlet dd.portletItem a:active {
    text-decoration: underline;
}
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletItem p,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletItem p {
    padding:6px 12px;
    color: #383a3b;    
}                        
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletItem img,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletItem img,
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletItem .visualHighlight,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletItem .visualHighlight {
    position: absolute; 
    top:0;
    left:0;
    z-index:0;
}
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletItem .visualHighlight,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletItem .visualHighlight {
    margin:0;
    background:url(/static/img/brandweer/paginapreview-donker-tekst.png);
    color: #fff;
    padding:6px 12px;
    width: 288px;
    z-index:1;
}
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletFooter,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletFooter {
    background:url(/static/img/brandweer/paginapreview-donker-tekst.png);
    border-top: 0;
    bottom:10px;
    position:absolute;
    width:290px;
    z-index:1;
}
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletFooter a,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletFooter a {
    color: #fff;
}
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletFooter a:link,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletFooter a:link,
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletFooter a:visited,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletFooter a:visited {
    text-decoration: none;
}
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletFooter a:hover,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletFooter a:hover,
body.subsite_view #container .kolom-links dl.portletStaticText dd.portletFooter a:active,
body.subsite_view #container .kolom-midden dl.portletStaticText dd.portletFooter a:active {
    text-decoration: underline;
}
/* Nieuwsoverzicht op homepage
 ------------------------------------------------------------------*/
div.kolom dl.nieuws {
    margin:0 4px;
    padding-bottom:8px;
    background:url(/img/dl-nieuws.gif) no-repeat left bottom;
}
div.kolom dl.nieuws dt {
    border:solid #dbdbdb;
    border-width:0 1px;
    border-top:1px solid #fff;
}
div.kolom dl.nieuws dd {
    padding:0;
    color:#383a3b;
    border:solid #dbdbdb;
    border-width:1px 1px 0;
}
/* <dl> met border in kolom
 ------------------------------------------------------------------*/
div.kolom dl.border {
    border:1px solid #dbdbdb;
}
/* <ul> in kolom
 ------------------------------------------------------------------*/
div.kolom dl.portletNavigationTree ul,
div.kolom dl.portlet-static-zie-ook ul,
div.kolom dd.menu ul {
    font-weight:bold;
    list-style:none;
}
div.kolom dl.portletNavigationTree ul a,
div.kolom dl.portlet-static-zie-ook ul a,
div.kolom dd.menu ul a {
    display:block;
    height:1%;
    padding:.2em 0 .2em 25px;
    color:#fff;
    background:no-repeat 8px .8em;
}
div.kolom dl.portletNavigationTree ul a,
div.kolom-links dl.portlet-static-zie-ook ul a,
div.kolom dl.donker dd.menu ul a {
    text-decoration:none;
    background-image:url(/static/img/brandweer/menu-donker-a.gif);
}
div.kolom-rechts dl.portlet-static-zie-ook ul a,
div.kolom dl.licht dd.menu ul a {
    color:#383a3b;
    background-image:url(/static/img/menu-licht-a.gif);
}
div.kolom dl.portletNavigationTree ul a:hover,
div.kolom dl.portletNavigationTree ul a:focus,
div.kolom dl.portletNavigationTree ul a.navTreeCurrentItem,
div.kolom-links dl.portlet-static-zie-ook ul a:hover,
div.kolom-links dl.portlet-static-zie-ook ul a:focus,
div.kolom dl.donker dd.menu ul a:hover,
div.kolom dl.donker dd.menu ul a:focus,
div.kolom dl.donker dd.menu ul a.active {
    background-color:#898989;
    background-image:url(/static/img/brandweer/menu-donker-a-hover.gif);
}
div.kolom dl.portletNavigationTree ul ul,
div.kolom dl.portlet-static-zie-ook ul ul,
div.kolom dd.menu ul ul {
    margin-bottom:.8em;
}
div.kolom dl.portletNavigationTree ul ul a,
div.kolom dl.portlet-static-zie-ook ul ul a,
div.kolom dd.menu ul ul a {
    padding-left:50px;
    background-position:33px .8em;
}
/* Optie-menu (mail & stuur door)
 ------------------------------------------------------------------*/
ul#opties {
    float:right;
    margin:0 0 .3em 0;
    list-style:none;
}
ul#opties li {
    float:left;
    margin-left:10px;
    padding-left:0;
    background:none;
}
ul#opties a {
    display:block;
    padding-left:18px;
    color:#808080;
    background:url(/static/img/print.gif) no-repeat 0 .5em;
}
ul#opties a#optie-stuur-door {
    background-image:url(/static/img/mail.gif);
    background-position:0 .6em;
}
/* Opsomming in middenkolom
 ------------------------------------------------------------------*/
div.kolom-midden ol,
div.kolom-midden ul {
    margin:1em 0;
}
div.kolom-midden ul {
    list-style:none;
}
div.kolom-midden ol {
    margin-left:16px;
}
 /* ie */
div.kolom-midden form ol {
    margin:.4em 0;
}
div.kolom-midden ul li {
    padding-left:14px;
    background:url(/static/img/li.gif) no-repeat 0 .7em;
}
/* Gestripte opsomming in middenkolom
 ------------------------------------------------------------------*/
div.content ul.stripped li {
    padding-left:0;
    background:none;
}
/* dl.meer (bijv. overige nieuwsberichten)
 ------------------------------------------------------------------*/
.relatedItems,
dl.meer {
    margin-top:3em;
    border:1px solid #dbdbdb;
    background:#fff url(/static/img/grijs-wit.gif) repeat-x 0 1px; /* ie */
}
#relatedItemBox {
    border:0;
}
.relatedItems legend,
dl.meer dt {
    padding:8px;
    color:#c9230e;
    font-weight:bold;
    font-size:1.4em;
}
.relatedItems ul,
.relatedItems ul a,
dl.meer ul,
dl.meer ul a {
    font-weight:bold;
    color:#383a3b;
}
.relatedItems ul li,
dl.meer ul li {
    background:none;
}
.relatedItems ul a,
dl.meer ul a {
    margin-left:6px;
}
dl.meer ul span {
    margin-right:8px;
    font-weight:normal;
    color:#808080;
}
div.kolom-midden .relatedItems ul li {
    background:transparent url(/static/img/menu-licht-a.gif) no-repeat scroll 0 0.7em;
    padding-left:14px;
}
/* Sitemap
 ------------------------------------------------------------------*/
ul#portal-sitemap a,
ul.sitemap a {
    color:#383a3b;
}
div.kolom-midden ul#portal-sitemap,
div.kolom-midden ul#portal-sitemap ul,
div.kolom-midden ul.sitemap,
div.kolom-midden ul.sitemap ul {
    margin:0;
}
div.kolom-midden ul#portal-sitemap ul,
div.kolom-midden ul.sitemap ul {
    margin-left:2px;
}
div.kolom-midden ul#portal-sitemap li,
div.kolom-midden ul.sitemap li {
    background-image:url(/static/img/brandweer/pijltje-sitekleur.gif);
}
div.kolom-midden ul#portal-sitemap ul li,
div.kolom-midden ul.sitemap ul li {
    background-image:url(/static/img/pijltje-donker.gif);
}
div.kolom-midden ul#portal-sitemap ul ul li,
div.kolom-midden ul.sitemap ul ul li {
    background-image:url(/static/img/pijltje-licht.gif);
}
/* Omkaderd blok met schaduw (bijv. de pollvraag )
 ------------------------------------------------------------------*/
.template-plonepopoll_view form#results,
dl.schaduwkader {
    margin-bottom:1em;
    padding-bottom:10px;
    background:url(/static/img/kader.gif) no-repeat left bottom;
}
.template-plonepopoll_view form#results {
    border:0;
}
.template-plonepopoll_view form#results .documentDescription,
dl.schaduwkader dt {
    font-size:1em;
    font-weight:bold;
    padding:1.2em 16px;
    background:url(/static/img/kader.gif) no-repeat;
}
.template-plonepopoll_view form#results .documentDescription {
    border:0;
}
.template-plonepopoll_view form#results fieldset,
dl.schaduwkader dd {
    margin:0 6px 0 5px;
    padding:12px;
    border-top:1px solid #dbdbdb;
}
.template-plonepopoll_view form#results fieldset {
    margin:0 -3px 10px;
}
.template-sendto_form .formControls,
.template-plonepopoll_view form#results .formControls {
    float:right;
    margin:-45px 10px 0;
    overflow:hidden;
    height:21px;
    width:82px;
}
.template-sendto_form .formControls {
    margin:10px 10px 0;
}
.template-sendto_form .formControls input,
.template-plonepopoll_view form#results .formControls input {
    background:url(/static/img/brandweer/formulieren/verzend.gif);
    border:0;
    cursor:pointer;
    display:block;
    height:21px;
    padding-left:200px;
}
/* dl.vraag
 ------------------------------------------------------------------*/
dl.vraag dt a {
    text-decoration:none;
}
dl.vraag dt a:hover,
dl.vraag dt a:focus {
    color:#d53000;
}
/* Ingeklapte dl
 ------------------------------------------------------------------*/
dl.ingeklapt dd {
    display:none;
}
/* Vacatures
 ------------------------------------------------------------------*/
dl.vacatures dd {
    margin:0 0 .5em 24px;
}
/* Errors
 ------------------------------------------------------------------*/
ul.errors,
ol.errors {
    margin-bottom:1em;
    border:3px solid red;
    background:#fff;
}
ul.errors li,
ol.errors li {
    margin:2px 0 2px 16px;
}
/*
 ####################
 #	FORMULIEREN	   #
 ####################
 */
/* Algemeen
 ------------------------------------------------------------------*/
input.text,
textarea {
    padding:2px;
}
textarea {
    font-size:12px;
    overflow:auto;
}
input,
select,
textarea {
    font-family:Arial, Verdana, Tahoma, sans-serif;
}
input.text,
select,
textarea {
    color:#969595;
    border:1px solid #e2e2e2;
}
input.text:focus,
textarea:focus {
    border-color:#9c9c9c;
}
input.radio,
input.checkbox {
    margin-left:0;
}
input.button,
input.submit {
    cursor:pointer;
}
input.text,
textarea {
    background:url(/static/img/input.gif) no-repeat;
}
.opties input.checkbox,
.opties input.radio {
    float:left;
    margin:.25em 6px 0 0;
}
 /* ie */
fieldset {
    border:1px solid #cfcfcf;
}
fieldset.none {
    border:none;
    margin:0;
    padding:0;
}
fieldset.none legend {
    display:none;
}
form ul,
form ol {
    margin-bottom:.3em;
    list-style:none;
}
form li {
    padding:.1em 0;
}
/* Zoekformulier in header
 ------------------------------------------------------------------*/
div#header form {
    float:right;
    width:220px;
    margin-right:18px;
    background:url(/static/img/brandweer/formulieren/header-zoeken-text.gif) no-repeat 0 3px;
}
div#header form fieldset {
    float:right;
    width:220px;
}
div#header form input {
    float:left;
}
div#header form input.text {
    width:112px;
    margin:3px 8px 0 0;
    padding:3px 6px 2px;
    font-size:12px;
    border:none;
    background:none;
}
/* Formulieren in alle kolommen
 ------------------------------------------------------------------*/
div.kolom-midden form h2,
div.kolom form h2 {
    margin:0 0 .5em;
    font-size:1.1em;
    color:#383a3b;
}
div.kolom-midden form ol.opties,
div.kolom form ol.opties {
    margin-left:8px;
}
/* Formulieren in middenkolom
 ------------------------------------------------------------------*/
div.kolom-midden form {
    margin-bottom:1.4em;
}
div.kolom-midden input.text,
div.kolom-midden textarea {
    width:292px;
}
div.kolom-midden textarea {
    height:70px;
}
div.kolom-midden input.button {
    float:right;
    margin-top:-25px;
}
/* Formulieren in middenkolom binnen split-wrapper
 ------------------------------------------------------------------*/
div.split-wrapper div.kolom-midden input.text,
div.split-wrapper div.kolom-midden textarea {
    width:220px;
}
div.split-wrapper div.kolom-midden input.button {
    float:none;
    margin-top:0;
}
/* Formulieren in linkerkolom
 ------------------------------------------------------------------*/
div.kolom-links input.text {
    width:100px;
}
/* Formulieren in rechterkolom
 ------------------------------------------------------------------*/
div.kolom-rechts input.text {
    width:114px;
}
/* Zoek nieuwsbericht
 ------------------------------------------------------------------*/
form.zoek-nieuws input {
    float:left;
}
form.zoek-nieuws input.text {
    margin-right:6px;
}
/* Aanmelden nieuwsbrief
 ------------------------------------------------------------------*/
form.aanmelden-nieuwsbrief p {
    padding-bottom:0;
}
/* Aanmelden nieuwsbrief in linker- of rechterkolom
 ------------------------------------------------------------------*/
div.kolom form.aanmelden-nieuwsbrief input.text {
    width:200px;
}
div.kolom form.aanmelden-nieuwsbrief input.button {
    margin-top:.4em;
}
div.kolom form.aanmelden-nieuwsbrief li.opties label {
    width:182px;
}
/* Zoek brandweer
 ------------------------------------------------------------------*/
form.zoek-brandweer input {
    float:left;
}
form.zoek-brandweer input.text {
    margin-right:6px;
}
/* Webformulier
 ------------------------------------------------------------------*/
.kolom-midden form {
    position:relative;
    margin:0 -10px;
    border:1px solid #dbdbdb;
    padding:.6em 8px;
    background:url(/static/img/grijs-wit.gif) repeat-x 0 1px;
}
.kolom-midden form fieldset legend {
    font-size:1.4em;
    padding:0;
}
.kolom-midden form fieldset {
    border:0 none;
    margin:0 0 10px;
    padding:0;
}
.kolom-midden form fieldset legend {
    color:#d53000;
    font-weight:bold;
}
.kolom-midden form.webformulier {
    position:relative;
    margin:0 -10px;
}
.kolom-midden form .field label,
form.webformulier label {
    width:100px;
    margin-right:12px;
    font-weight:bold;
}
.kolom-midden form .field input,
.kolom-midden form .field textarea,
form.webformulier input.text,
form.webformulier textarea {
    background:none;
    border:1px solid #e2e2e2;
    padding:2px;
    width:384px;
}
.fieldRequired {
    color:#d53000;
}
 /* ie */
.kolom-midden form em.verplicht,
form.webformulier em.verplicht {
    position:absolute;
    left:102px;
}
.kolom-midden form input.button,
form.webformulier input.button {
    margin-top:.5em;
    margin-right:11px;
}
/*
 ####################
 #	TABELLEN	   #
 ####################
 */
/* Algemeen
 ------------------------------------------------------------------*/
table {
    margin-bottom:2em;
}
table.full-width {
    width:100%;
}
table caption {
    font-weight:bold;
    text-align:left;
}
table th {
    font-weight:normal;
    text-align:left;
}
table td,
table th {
    vertical-align:top;
}
table th.marge,
table td.marge {
    padding-bottom:1em;
}
/* Overzicht
 ------------------------------------------------------------------*/
table.listing {
    border-collapse:collapse;
}
table.listing,
table.overzicht {
    width:100%
}
table.listing thead th,
table.overzicht th {
    border-bottom:1px solid #dbdbdb;
}
table.listing td,
table.listing th,
table.overzicht td,
table.overzicht th {
    padding:.1em 0;
}
.contenttype-gronenieuws .tileBody {
    display:none;
}
/* Pollresultaten
 ------------------------------------------------------------------*/
table.pollresultaten {
    margin-bottom:0;
}
table.pollresultaten td,
table.pollresultaten th {
    padding:.3em 0;
}
 .content .schaduwkader {
    margin:0 -10px;
}
/* HVD Project Styles
 ------------------------------------------------------------------*/

p#toplink, dl#tekstgrootte {
margin-top:52px;
}

/* GWW ADDED */
.inout input {
  width: 100% !important;
}