* {
    font-family: Verdana, sans-serif;
}
/*
  MJN: Give readonly field the look and feel of regular text
  OLD: input.readonly {background: buttonface;}
*/
input.readonly
{
  background: #FFFFFF;
  border: 1px #FFFFFF solid;
  font-size: 1em;
  line-height: 1em;
  color: #3e647e;
  padding-top: 1px;
}
body, body.content {
    margin: 0px;
    padding: 0px;
    border: 0px;
    color: #000000;
    background-image: url("../images/body_bg.gif");
    background-position: center center;
    background-repeat:repeat-y;
    background-color: #ebeff2;
    height:100%;
}

body.content {
    background-image: url("../images/body_bg_content.gif");
}

/* BEGIN CONTENT OPBOUW */

#contentframe {
    position: absolute;
    top: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: left;
    width: 772px;
    margin-left: auto;
    margin-right: auto;
}

#kopframe {
    position: relative;
    top: 0px;
    margin: 0px;
    padding: 0px;
    width: 772px;
    height: 103px;
    background-color: #ffffff;
}



#contentmainframe{
    position: absolute;
    top: 0px;
    margin: 0px;
    padding: 0px;
    width:100%;
    text-align:center;
    padding:0px;
    margin:0px;
}


#tussenbalk {
   position: relative;
   margin: 0px;
   padding: 0px;
   left:1px;
   width: 772px;
   background-color: #ffffff;
}


#kruimelpad {
    position:  relative;
    top: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    left: 178px;
    width:590px;
}

#kruimelpad a, #kruimelpad a:hover {
    font-size: 0.6em;
    color: #3e647e;
    text-decoration: none;
}
#kruimelpad a:hover {
    color: #e4312a;
}
#kruimelpad img {
    vertical-align: middle;
    padding-top: 1px;
    padding-left: 3px;
    padding-right: 3px;
}


/* BEGIN KOPFRAME OPBOUW */

#flashbanner, #gemeentelogo, #sitewide, #sitewidextra {
    position: absolute;
    top: 0px;
    margin: 0px;
    padding: 0px;
    height: 103px;
}

#flashbanner {
    left: 0px;
    width: 176px;
}

#gemeentelogo {
    left: 177px;
    width: 303px;
}

#sitewide {
    width: 310px;
    height: 20px;
    left: 330px;
    padding-top: 5px;
}

#sitewidextra {
    width: 131px;
    right: -2px;
    background-image: url("../images/sitewide_xtrabg.gif");
    background-repeat:no-repeat;
}

#sitewide img {
    vertical-align: middle;
}

#sitewide a, #sitewide a:hover {
    font-size: 0.7em;
    color: #3e647e;
    font-weight: normal;
    text-decoration: none;
}

#sitewide a:hover {
    color: #97b5ca;
}

.vlaggen, .mijnheemstede, .zoekveld, .zoeksubmit, .zoektekst {
    position: absolute;
    top: 9px;
    right: 0px;
    margin: 0px;
    padding: 0px;
}

.vlaggen img {
    margin-right: 10px;
}
.laatstevlag img {
    margin-right: 3px;
}

.zoekveld, .zoektekst {
    font-size: 0.65em;
    font-weight: bold;
    color: #3e647e;
}

.mijnheemstede {
    font-size: 0.65em;
    font-weight: bold;
    color: red;
}

.mijnheemstede {
    top: 48px;
    margin-right: 2px;
}

.mijnheemstede img {
    vertical-align: middle;
    margin-left: 18px;
}

.zoekveld {
    top: 85px;
    width: 133px;
    vertical-align: middle;
}

.zoekveld input.vraag {
    width: 108px;
    height: 13px;
    border-style: solid;
    border-color: green;
    border-width: 1px;
    border-color: #3e647e;
    background-color: #fdf6ee;
    color: #3e647e;
    text-indent: 5px;
    padding: 0px;
    margin: 0px;
}

.zoekveld input.zoekbutton {
    margin-right: 2px;
}

.zoeksubmit {
    top: 85px;
    margin-right: 2px;
}

.zoektekst {
   left: 0px;
   top: 68px;
}


/* BEGIN TUSSENBALK OPBOUW */

.tussenbalkstreep {
    position: relative;
    width: 772px;
    height: 4px;
    background-image: url("../images/tussenbalk/streep.gif");
    background-repeat:repeat-x;
    padding: 0px;
    background-color: #ffffff;
    overflow:hidden;
}

.top {
    top: 0px;
}
.bottom {
    bottom: 0px;
}

/* BEGIN CONTENTGEDEELTE OPBOUW */

#menukolom, #beeldkolom, #contentkolom, #contentkolom.content, #snelkolom{
    position: absolute;
    top: 0px;
    margin: 0px;
    padding: 0px;
}

#menukolom {
    width: 174px;
    left: 1px;
}

#beeldkolom {
    width: 148px;
    left: 178px;
}

#contentkolom {
    width: 314px;
    left: 327px;
}

#contentkolom.content {
    width: 443px;
    left: 178px;
    min-height: 294px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.70em;
    line-height: 1.4em;
    color: #3e647e;
    background-image: url("../images/contentbg.gif");
    background-position: left 0px;
    background-repeat:no-repeat;
}

#contentkolom.content a {
    text-decoration: underline;
    color: #FF0000;
}

#contentkolom.content a:link {
    text-decoration: underline;
    color: #FF0000;
}

#contentkolom.content a:visited {
    text-decoration: underline;
    color: #3e647e;
}

.oudertitel {
    font-size: 0.95em;
    font-weight: bold;
    color: #3e647e;
    margin-top: 10px;
}

#contentkolom.content h1 ,h2 ,h3 ,h4 ,h5 ,h6 {
    padding: 0px;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #e4312a;
    font-weight: bold;
}
#contentkolom.content h1 {font-size: 1.2em;}
#contentkolom.content h2 {font-size: 1.0em;}
#contentkolom.content h3 {font-size: 0.7em;}
#contentkolom.content h4 {font-size: 1.0em;  color: red;}
#contentkolom.content h5 {font-size: 1.0em;  color: #3e647e;}
#contentkolom.content h6 {font-size: 0.55em;}

#contentkolom.content p {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
}

#snelkolom {
    width: 131px;
    left: 642px;
    background-color: #f7dfc4;
}


#menu, #adresgegevens {
    position: relative;
    width: 175px;
}

#menu {
    height: 200px;
}

#adresgegevens, #zieook {
    width: 139px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 10px;
    padding-top: 40px;
    color: #3e647e;
    font-size: 0.7em;
    background-color: #c5d0d8;
    background-image: url("../images/adresbg.gif");
    background-position: 0px bottom;
    background-repeat: no-repeat;
}

#zieook {

    padding-top: 10px;
}

#adresgegevens a, #zieook a {
    margin-top: 5px;
    color: #e4312a;
}
#adresgegevens a:hover, #zieook a:hover {
    margin-top: 5px;
    color: #FFFFFF;
}

#adresgegevens2 {
    width: 139px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 10px;
    color: #3e647e;
    font-size: 0.65em;
    font-weight: bold;
    background-color: #c5d0d8;
}

.pijltje {
    position: relative;
    top: 13px;
    margin-left: -18px;
}

#adresgegevens2 a {
    color: #3e647e;
    text-decoration: none;
}

#adresgegevens2 a:hover {
    color: #ffffff;
}



.zieookkop {
    background-color: #87a6bb;
    padding: 3px;
    padding-left: 10px;
    color: #ffffff;
    font-size: 0.75em;
    font-weight: bold;
    background-image: url("../images/zieook_divider.gif");
    background-position: 0px bottom;
    background-repeat: repeat-x;
}

.zieookitem {
    display: block;
    padding: 5px;
    padding-left: 10px;
    margin: 0px;
    font-size: 0.7em;
    color: #26475d;
    background-image: url("../images/zieook_divider.gif");
    background-position: 0px bottom;
    background-repeat: repeat-x;
    background-color: #c5d0d8;
}
.zieookitem a, .zieookitem a:hover {
    text-decoration: none;
    color: #26475d;
}
.zieookitem a:hover {
    text-decoration: underline;
}




.beeldplaat, #agenda, #agendakop, .agendaitem, .nieuwsberichten {
    position: relative;
    float: left;
    width: 147px;
}

.beeldplaat {
    height: 104px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 1px;
}

#agenda {
    width: 147px;
    padding: 0px;
    margin: 0px;
    background-color: #3e647e;
}

#agendkop {
    height: 34px;
}
.agendaitem {
    width: 138px;
    padding: 5px;
    margin: 0px;
    font-size: 0.7em;
    color: #efc08a;
    background-image: url("../images/agendadivider.gif");
    background-position: 0px bottom;
    background-repeat: repeat-x;
}
.agendaitem a, .agendaitem a:hover {
    text-decoration: none;
    color: #ffffff;
}
.agendaitem a:hover {
    text-decoration: underline;
}

.nieuwsberichten {
    width: 294px;
    padding: 10px;
    padding-top: 10px;
    margin: 0px;
    font-size: 0.7em;
    background-color: #efc08a;
    background-image: url("../images/nieuwsberichtbg.gif");
    background-position: 0px bottom;
    background-repeat: no-repeat;
}

.nieuwsberichten h1 {
    font-size: 1.1em;
    font-weight: bold;
    color: #3e647e;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

.nieuwsberichten a.leesverder, .nieuwsberichten a:hover.leesverder  {
    display: block;
    color: #ffffff;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nieuwsberichten a:hover.leesverder {
    color: #3e647e;
}

.nieuwsberichten table, .nieuwsberichten td{
    border-style: solid;
    border-width: 0px;
    color: #ffffff;
}

.nieuwsberichten a, .nieuwsberichten a:hover {
    color: #000000;
    line-height: 1.2em;
    text-decoration: none;
}

.nieuwsberichten a:hover {
    color: #e4312a;
}

/* BEGIN SNELMENU OPBOUW */


#tipkolom {
    background-color: #c5d0d8;
}

#directnaarkop, #tipkolomkop {
    height: 21px;
}

#directnaarkop.text, #gerelateerdekop.text {
    height: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0px;
    padding-left: 10px;
    color: #3e647e;
    font-size: 0.75em;
    font-weight: bold;
    background-color: #efc08a;
    background-image: url("../images/zieook_divider.gif");
    background-position: 0px bottom;
    background-repeat: repeat-x;
}

#gerelateerdekop.text {
    color: #ffffff;
    background-color: #87a6bb;
}

.directnaaritem, .tipkolomitem {
    width: 120px;
    padding: 5px;
    margin: 0px;
    font-size: 0.7em;
    color: #efc08a;
    background-image: url("../images/directnaardivider.gif");
    background-position: 0px bottom;
    background-repeat: repeat-x;
}
.directnaaritem a, .directnaaritem a:hover, .tipkolomitem a, .tipkolomitem a:hover {
    text-decoration: none;
    color: #000000;
}
.directnaaritem a:hover, .tipkolomitem a:hover {
    text-decoration: underline;
}

#flashbannerruimte {
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 130px;
    background-color: #ffffff;
}

/* tickertape */

.tickertape {
    padding-top: 2px;
    font-size: 0.7em;
    color: #BD8F54;
}

.tickertape a {
    color: #BD8F54;
    font-weight: bold;
}


/* 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:10px; 
       height:10px; 
       visibility:hidden;
}

/*Styles for level 0*/
.clLevel0,.clLevel0over{
    position:absolute;
    padding-left: 17px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    border-top:1px dotted #3e647e;
    border-bottom:1px dotted #3e647e;
    background-image: url("../images/bgmenu.gif");
    background-position: 0px bottom;
    background-repeat: repeat-x;
    padding-top:3px;

}
.clLevel0{
    background-color:#D8E0E5;
}

.clLevel0over{
    cursor:pointer;
    cursor:hand;
    background-color:#A7B7C2;
}
.clLevel0border{
    position:absolute;
    background-color:white;
    border-bottom:1px dotted #3e647e;
    visibility:hidden;
}
/*Styles for level 1*/
.clLevel1, .clLevel1over{
    position:absolute;
    padding-top:3px;
    padding-left: 17px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    border-top:1px dotted #3e647e;
    border-bottom:1px dotted #3e647e;
    border-left:1px solid white;
    border-right:1px solid white;

 }
.clLevel1{
    background-color:#D8E0E5;
    layer-background-color: #D8E0E5;
}
.clLevel1over{
    background-color:#A7B7C2;
    layer-background-color:#A7B7C2;
    cursor:pointer;
    cursor:hand;
}
.clLevel1border{
    position:absolute;
    visibility:hidden;
    background-color:white;
    layer-background-color:white;

}
#contenthouder{
    position:relative;
    width:772px;
    top:0px;
}

#idvalConceptLis, #idBeschikbaar{
    font-size:0.7em;
}

#documentTOC UL{
    margin-left:-30px;
}

.mijnheemstede_search {

position: absolute;
top: 17px;
font-size: 0.65em;
font-weight:bold;
color:red;

}

.mijnheemstede_search a {

color:red;
text-decoration:none;

}

a.stbutton {font-size:0.7em;}