/********************************************************************************************************/
/*          STANDAARD STIJLEN          STANDAARD STIJLEN          STANDAARD STIJLEN                      */
/********************************************************************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
    tag: body;
    background-color: #FFFFFF;
    font-family: Verdana, Arial;
    font-size: 0.7em;
}

p {
    margin: 0pt;
}

h1 {
    tag:h1;
    desc: kop 1;
    color: #0094b5;
    font-size: 1.5em;
    padding: 0px;
    margin: 0px;
}

h2 {
    tag:h2;
    desc: kop 2;
    color: #0094b5;
    font-size: 1.3em;
    padding: 0px;
    margin: 0px;
}

h3 {
    tag:h3;
    desc: kop 3;
    color: #0094b5;
    font-size: 1.1em;
    padding: 0px;
    margin: 0px;
}

.blauwetekst {
    tag: blauwetekst;
    desc: Blauwe tekst;
    color: #0094b5;
}

.rodetekst {
    tag: rodetekst;
    desc: Rode tekst;
    color: #FF0000;
}

a {
    color: #02aae1;
}

a:hover {
    color: #02aae1;
}

ul {
    /*color: #02aae1;  geen blauwe kleur voor de cirkels */
    list-style-type: circle;
}

.editdoc td {
    tag: body;
    font-size: 0.8em;
}

/********************************************************************************************************/
/*          VORMGEVING STIJLEN          VORMGEVING STIJLEN          VORMGEVING STIJLEN               */
/********************************************************************************************************/

#main {
    position: relative;
    width: 994px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}


/* BEGIN SITEWIDE CLASSES & ID'S */
#sitewide {
    position: relative;
    height: 56px;
    
    background-color: #FFFFFF;
}

#logoTekst {
    position: absolute;
    left: 0px;
}

#regioButtons {
    position: absolute;
    left: 411px;
    top: 34px;
    height: 14px;
    width: 286px;
}

#regioButtons img {
    margin-right: 9px;
}

#homeSitemapZoeken {
    position: absolute;
    right: 15px;
    top: 29px;
}

#homeSitemapZoeken a {
    display: block;
    height: 19px;
    float: left;
    border-right: 1px solid #422958;
    margin-right: 10px;
    padding: 3px 10px 0px 0px;
    color: #000000;
    text-decoration: none;
}

#zoekenForm {
    padding: 0px;
    margin: 0px;
}

.zoekenFormInput {
    width: 82px;
}

.zoekenFormSubmit {
    font-size: 12px;
    border: 0px;
    background-color: #FFFFFF;
}
/* EINDE SITEWIDE CLASSES & ID'S */


/* BEGIN MAIN HEADER CLASSES & ID'S */
#mainHeader {
    position: relative;
    height: 191px;
    background-image: url(../img/mainHeaderBackground.gif);
    background-repeat: repeat-y;
}

#witteBalk {
    position: absolute;
    top: 181px;
    left: 0px;
    height: 10px;
    line-height: 10px;
    width: 410px;
    background-image: url(../img/mainHeaderWittebalk.gif);
    background-repeat: repeat-y;
}

#logoHuis {
    position: absolute;
    left: 140px;
    top: 0px;
}

#foto1 {
    position: absolute;
    width: 251px;
    height: 191px;
    right: 332px;
    top: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top left;
}

#foto2 {
    position: absolute;
    width: 147px;
    height: 191px;
    right: 0px;
    top: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top left
}

#foto3 {
    position: absolute;
    width: 185px;
    height: 191px;
    right: 147px;
    top: 0px;
    overflow: hidden;
    background-image: url('../img/logo_vlak.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

#fotoLayOver {
    position: absolute;
    width: 585px;
    height: 191px;
    right: 0px;
    top: 0px;
    
    background-image: url(../img/fotoLayOver.png);
    background-repeat: no-repeat;
}

#witblokjeBoven {
    position: absolute;
    width: 5px;
    height: 8px;
    right: 152px;
    top: 0px;
}

#witblokjeOnder {
    position: absolute;
    width: 5px;
    height: 8px;
    right: 321px;
    top: 172px;
}

#tekstOverFoto1 {
    position: absolute;
    overflow: hidden;
    right: 147px;
    top: 8px;
    width: 180px;
    height: 43px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

#tekstOverFoto2 {
    position: absolute;
    overflow: hidden;
    right: 147px;
    top: 130px;
    width: 180px;
    height: 43px;
    vertical-align: bottom;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}
/* EINDE MAIN HEADER CLASSES & ID'S */



/* BEGIN MAIN CONTENT CLASSES & ID'S */
#mainContent {
    position: relative;
}

#linkerKolom {
    float: left;
    width: 198px;
    text-align: right;
    padding-right: 11px;
    padding-top: 28px;
    background-color: #FFFFFF;
    border: 0px solid;
    overflow: hidden;
}

#rechterKolom {
    float: right;
    width: 785px;
    padding: 31px 0px 20px 0px;
    background-color: #FFFFFF;
}

.nieuwsitem, .nieuwsitemSmal {
    float: left;
    width: 385px;
    padding: 0px 0px 0px 7px;
}

.nieuwsitemSmal {
    width: 180px;
}

.gemeenteKop {
    clear: both;
    padding: 0px 0px 3px 0px;
    border-bottom: 1px solid #66c2e0;
    margin: 0px 7px 10px 7px;
}

#contentVlakLinks {
    float: left;
    width: 569px;
    padding: 0px 10px 0px 0px;
}

#contentVlakRechts {
    float: left;
    width: 200px;
}

.rechterBlokBlauw, .rechterBlokGrijs {
    padding: 18px 15px 18px 15px;
    margin: 0px 0px 2px 0px;
    background-color: #e0f4f9;
}

#printButton {
    position: relative;
    heigth: 30px;
    width: 100px;
}

.rechterBlokGrijs {
    background-color: #e5e5e5;
}

.rechterBlokkop {
    font-size: 1.1em;
    border-bottom: 1px solid #666666;
    margin-bottom: 12px;
}

.rechterBlokTekst {
    font-size: 0.9em;
}

.rechterBlokBlauw ul, .rechterBlokGrijs ul  {
    padding-left: 15px;
}

.rechterBlokGrijs ul  {
    color: #535249;
}

.rechterBlokBlauw li, .rechterBlokGrijs li {
    list-style-type: circle;
}

.rechterBlokBlauw li a, .rechterBlokGrijs li a  {
    text-decoration: none;
    color: #535249;
}

.nieuwsDatum {
    float: left;
    padding: 0px 0px 15px 0px;
}

.nieuwsRegio {
    float: left;
    color: #00bbe5;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 0px 0px 18px;
}

.nieuwsKop {
    font-weight: bold;
    clear: both;
}

.nieuwsLeesmeer {
    padding: 0px;
    margin: 15px 0px 17px 0px;
    border-top: 1px solid #adadad;
}

.nieuwsLeesmeer a {
    text-decoration: none;
    font-weight: bold;
    color: #adadad;
}

.nieuwsTerugLink {
    text-align: right;
    margin-top: 10px;
    padding: 5px 0px 0px 0px;
    border-top: 1px solid #33c9ea;
}

.lijnBlauw {
    line-height: 1px;
    height: 1px;
    overflow: hidden;
    background-color: #33c9ea;
    margin: 1px 0px 1px 0px;
    padding: 0px;
}

#linkerKolom a {
    position: relative;
    display: block;
    height: 17px;
    padding: 2px 5px 0px 0px;
    text-decoration: none;
    color: #000000;
}

#linkerKolom a.active {
    font-style: italic;
}

#linkerKolom a:hover {
    background-color: #00bbe5;
    color: #FFFFFF;
}

/* EINDE MAIN CONTENT CLASSES & ID'S */



/* BEGIN FOOTER CLASSES & ID'S */
#footer {
    position: relative;
    height: 4px;
    line-height: 4px;
    overflow: hidden;
    
    background-image: url(../img/footerBackground.gif);
    background-repeat: repeat-y;
}
/* EINDE FOOTER CLASSES & ID'S */



/* BEGIN CUSTOM MENU */
#homepageMenu, #mainmenu {
    position: absolute;
    top: 80px;
    left: 208px;
    z-index: 100;
}

#menulevel0, #sub_1 {
    width: 202px;
    margin-bottom: 1px;
    text-align: left;
    cursor: pointer;
    font-size:12px;
    font-weight:bold;
    display: block;
    border-top: 1px solid #FFFFFF;
}

#menulevel0 a, #sub_1 a {
    text-decoration: none;
    color:#000000;
}

#menulevel0 a:hover, #sub_1 a:hover {
    color: #FFFFFF;
}

#sub_1 {
    visibility: hidden;
    position: absolute;
    left: 203px;
}

#menulevel1 a:hover {
    color: #FFFFFF;
}

.spanlevel0, .spanlevel0Over, .spanlevel1, .spanlevel1Over {
    height: 23x;
    line-height: 23px;
    width: 187px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #FFFFFF;
    background-color: #99e4f4;
    padding: 0px 0px 0px 15px;
}

.spanlevel0, .spanlevel0Over {
    background-image: url(../img/homepageMenuPijl.gif);
    background-repeat: no-repeat;
}

.spanlevel0Over, .spanlevel1Over {
    background-color: #00bbe5;
    color: #FFFFFF;
}

.spanlevel1, .spanlevel1Over {
    margin-bottom: 0px;
}

.spanlevel1Over a:hover {
    color: #FFFFFF;
    
}
/* EINDE CUSTOM MENU */



/********************************************************************************************************/
/*             CONTAINER STIJLEN             CONTAINER STIJLEN             CONTAINER STIJLEN             */
/********************************************************************************************************/

/* pagebreak */

.pagebreakindex {
    padding: 0px;
    margin: 0px;
}

.pagebreakindexgray {
    color: gray;
    text-decoration: none;
}

.pagebreaknavsel {
    font-weight: bold;
    background-color: #d6f4fb;
}

/* Formuliereneditor */
.formulier {
    padding: 4px;
    background-color: #FFFFFF;
}

.linkerkolom {
    vertical-align: top;
    width: 250px;
    color: #000000;
    text-align: left;
    padding-right: 20px;
}

.rechterkolom {
    text-align: left;
    vertical-align: top;
    width: 250px;
    padding-left: 20px;
    padding: 4px;
}

.formtitel {
}
.formtextarea {
    border: 1px solid #00bbe5;
    font-size: 12px;
    margin-right: 0px;
}
.formpassword {
    height: 15px;
    border: 1px solid #00bbe5;
    font-size: 12px;
    margin-right: 0px;
}
.forminputtext {
    height: 15px;
    border: 1px solid #00bbe5;
    font-size: 12px;
    margin-right: 0px;
}
.formsubmit {
    background-color: white;
    border: 1px solid #000000;
    color: #000000;
    height: 19px;
}
.formreset {
    background-color: white;
    border: 1px solid #000000;
    color: #000000;
    height: 19px;
    margin-left: 5px;
}
.formselect {
}
.formbutton {}
.formtussenregel {
    background-color: white;
    color: #02aae1;
    font-weight: normal;
}
.verplicht {
    width: 20px;
    color: #02aae1;
}

.nietverplicht {
    width: 20px;
}

.letop {
    font-size: 12px;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 10px;
    padding-left: 3em;
    background-color: #99e4f4;
}

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs {
    position:absolute;
    visibility:hidden;
    left:0;
    top:0;
}

.clLevel1, .clLevel1border, .clBar, #oCMenu0bbar_0 {
 width:1px;
 visibility:hidden
}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar {
    position:absolute;
    width:10;
    height:10;
    visibility:hidden;
}

/*Styles for level 0*/
.clLevel0,.clLevel0over {
    position:absolute;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align: right;
    background-image: url(../img/cmBackground.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
.clLevel0 {
    background-color: #FFFFFF;
    layer-background-color: #FFFFFF;
    color:#000000;
}
.clLevel0over {
    background-color: #00bbe5;
    layer-background-color: #00bbe5;
    font-style: italic;
    color: #000000;
    cursor:pointer;
    cursor:hand;
}
.clLevel0border {
    position:absolute;
    visibility:hidden;
    border-top: 1px solid #00bbe5;
}

/*Styles for level 1*/
.clLevel1, .clLevel1over {
    position:absolute;
    padding: 0px 0px 0px 7px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-image: url(../img/cmBackground.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
.clLevel1 {
    background-color: #99e4f4;
    layer-background-color: #99e4f4;
    color: #000000;
}
.clLevel1over {
    background-color:#00bbe5;
    layer-background-color:#00bbe5;
    font-style: italic;
    color: #000000;
    cursor:pointer;
    cursor:hand;
}
.clLevel1border {
    position:absolute;
    visibility:hidden;
    background-color: #00bbe5;
}

/* ENQUETE */

fieldset.enqueteopener {
    position:relative;
    background-color: #cef1f8;
    width:700px;
    border:1px solid #00bbe5;
    padding:15px 25px 10px 25px;
    margin-top:25px;
}

table.enqueteopener {
    width:603px;
}
span.enqueteclusterhooftantwoord{
    font-weight:normal;
    padding:0px 5px 0px 5px;
}

td.enquetevraag {
    padding-top:5px;
    font-weight:bold;
    width:603px;
}
td.enqueteantwoord{
    padding-bottom:5px;
    border-bottom:1px solid #00bbe5;
}
td.enqueteclusterantwoord {
    text-align:center;
}

.enquetetextarea {
    margin-left:24px;
    width:361px;
    height:81px;
}

.enquetebutton {
    border:1px solid black;    
    background-color:white;
    color:black;
}
span.enquetevalidatie {
    margin-top:10px;
    display:block;
}    
.enquetevalidatie {
    color:red;
}

.enquetepaging {
    position:absolute;
    top:-35px;
    left:-28px;
    margin:0px 0px 0px 12px;
    padding:0px;
    height:20px;
}

.enquetepaging li{
    display:block;
    float:left;
    position:relative;
    background-image: url(../img/tabs/tab.gif);
    background-repeat: no-repeat;
    width:128px;
    height:20px;      
    margin-left:-10px;
    text-align:center;
    padding-top:2px;
}

.enquetepaging li a{
    color:black;
    text-decoration:none;
}

li.enqueteactivepage {
    background-image: url(../img/tabs/tab_a.gif);
    z-index:2;
    width:138px;
}