html {
        background-color:#788493;
        width:100%;
        height:100%;
}
body{
        font-family:Arial,Helvetica,sans-serif;
        font-size:0.75em;
        line-height:14pt;
        width:1000px;
        margin-left: auto;
        margin-right: auto;
        color:#979797;
        background-color:#fff;

}



/* 1. HOOFDING */

/* 1.2 Menu voor contact, impressum, sitemap */
#topheader, #topheaderv {

       background-color:#b2c5de;
       position:relative;
       width:1000px;
       margin-left: auto;
       margin-right: auto;

}


#personalia {
       background-image:url(../beelden/frontlogo.jpg);
       background-color:#b2c5de;
       background-repeat:no-repeat;
       width:1000px;
       margin-left: auto;
       margin-right: auto;
       height:80px;
       position:relative;
}
#topheader a {
        text-decoration:none;
        color:#fbfbfb;
        font-weight:bold;
        font-size:0.75em;
}
/* 1.3 Menu voor hoofddelen van de website, zoals 'TOERISME' */
#navi{
        width:1000px;
        margin-left: auto;
        margin-right: auto;
        min-width:1000px;
        background-color:#b2c5de;
        z-index:100;
}
#navi ul {
        float:left;
        margin:0;
        padding:0;
        list-style:none none;

}
#navi strong {
        display:block;
        background-color:#b2c5de;
        margin:0;
        text-align:center;
        border:0;
        }
#navi strong a {
        text-decoration:none;
        color:#fff;
        font-size:0.95em;
        display:block;
        width:6em;
        border:0;
        background-color:#b2c5de;
        background:url(../beelden/menu_1.jpg);
        padding:0;
        margin:0;
}
#navi strong a:hover {
        background-image:url(../beelden/menu_3.jpg);
        color:#fff;
}

#navi span {
        text-decoration:none;
        color:#fff;
        font-size:0.95em;
        display:block;
        width:15.7em;
        border:0;
        background-color:#b2c5de;
        background:url(../beelden/menu_1.jpg);
        padding:0;
        margin:0;
}


#navi a {
        overflow:hidden;
        color:#979797;
        font-size:0.95em;
        display: block;
        width:13em;
        margin:0;
        padding:6px 6px;
        text-decoration:none;
}
#navi a:hover{
        background-color:#ffffe0;
        color:#f81e61;
}
#navi li {
        position: relative;
}
#navi ul ul {
        position:absolute;
        top:14pt;
        z-index:200;
        background:url(../beelden/menu_3.gif);
        background-position:bottom;
        background-repeat:repeat-x;
        background-color:#fff;
        border-width:1px 2px 3px 2px;
        border-style:solid;
        border-color:#f7f7fd #f7f7fd #d9e5f6 #f7f7fd;
        background-color:#fff;
        line-height:90%;
        font-size:0.85em;
}
#navi ul ul{
        display:none;
}
#navi ul li:hover ul{
        display:block;
}
/* 1.4 Menu voor  noodnummers, winterbanden, Umweltzonen */
#navi2{

        position:absolute;
        right:10px;
        top:2px;
}

#navi2 a {
        text-decoration:none;
        color:#fbfbfb;
        font-weight:bold;
        font-size:0.75em;
}


#navi2 a:hover, #topheader a:hover {
        text-decoration:underline;
}
/* 2. PAGINAINHOUD buiten hoofding en voet */
/* Algemene 'div', 'a' en randloze beelden voor paginainhoud */

#algemeenkader{
       width:1000px;
       margin-left: auto;
       margin-right: auto;
       background-color:#b2c5de;
}

a {
        text-decoration:none;
        color:#9481cb;
}
a:hover {
        text-decoration:none;
        color:#c2d4ec;
}
img{
         border-style:none;
}
/* 2.1 'div' voor LINKSE ZIJMEBNU */
#zijmenu{
        width:16em;
        float:left;
        border:2px solid #d9e5f6;
        background-color:#a1b7d5;
        color:#6d6d6d;
        padding:0;
        text-transform:lowercase;
}
/*2.1.1 Alle 'a' van zijmenu */
#zijmenu a {
        padding-left:2px;
        display:block;
        font-weight:normal;
}
#zijmenu a.m2 {
        color:#6d6d6d;
        background-color:#d9e5f6;
        border:1px solid #f0f5fb;
        text-indent:2px;
}
#zijmenu a.m3 {
        color:#6d6d6d;
        background-color:#f7f7fd;
        border:1px solid #ffffff;
        text-indent:1em;
}
#zijmenu a.m3k {
        color:#6d6d6d;
        background-color:#f7f7fd;
        border:1px solid #ffffff;
}
#zijmenu a.mregio {
        color:#6d6d6d;
        background-color:#f7f7fd;
        border:1px solid #ffffff;
        text-indent:2em;
}
#zijmenu a.m2:hover, #zijmenu a.m3:hover, #zijmenu a.m3k:hover, #zijmenu a.m3t:hover, #middenmenu a.mregio:hover,#zijmenu a.mregio:hover  {
        background-color:#ffffe0;
        color:#f81e61;
}
#zijmenu p, #middenmenu p {
        color:#fff;
        background-color:#b2c5de;
        background:url(../beelden/zijmenu.gif);
        background-position:bottom;
        background-repeat:repeat-x;
        border-width:1px;
        border-style:solid;
        border-color: #b2c5de #f0f5fb #f0f5fb #f0f5fb;
        text-transform:uppercase;
        font-weight:bold;
        letter-spacing: 0.05em;
        font-size:90%;
        text-indent:3px;
        margin:0;
        padding:0;
}
/* 2.1.3 Navigatiekaart voor deelstaten in het zijmenu */
#navikaart{
        text-align:center;
        background-color:#f7f7fd;
}
#navibeeld {
        width:175px;
        height:225px;
}
/* 2.1.4 Zoekfuncties*/
#hulpzoek, #jaarzoek{     /* hulpzoek = popupvenster voor hulp bij de zoekfunctie*/
       width:15em;
       height:40em;
       overflow:auto;
       position:absolute;
       top:165px;
       font-size:90%;
       line-height:12pt;
       background-color:#ffffe0;
       padding:10px 5px 10px 10px;
       border-style:ridge;
       border-color:#ffffe0;
       visibility:hidden;
       z-index:100;
}
div.kreiskaart{     /* hulpzoek = popupvenster voor hulp bij de zoekfunctie*/
       width:350px;
       height:399px;
       overflow:auto;
       position:absolute;
       top:150px;
       left:222px;
       visibility:hidden;
       z-index:100;
}
#hulpzoekplaats{     /* hulpzoek = popupvenster voor hulp bij de plaatszoekfunctie*/
       width:15em;
       height:40em;
       overflow:auto;
       position:absolute;
       left:500px;
       top:500px;
       font-size:90%;
       line-height:12pt;
       background-color:#ffffe0;
       padding:10px 5px 10px 10px;
       border-style:ridge;
       border-color:#ffffe0;
       visibility:hidden;
       z-index:150;
}
#dorpinfo{     /* hulpzoek = popupvenster voor hulp bij de zoekfunctie*/
       position:absolute;
       left:510px;
       top:220px;
       width:34em;
       height:20em;
       overflow:auto;
       font-size:90%;
       line-height:12pt;
       background-color:#ffffe0;
       padding:10px 5px 10px 10px;
       border-style:ridge;
       border-color:#ffffe0;
       visibility:hidden;
       z-index:100;
}
#oordlijst1{     /* hulpzoek = popupvenster voor hulp bij de zoekfunctie*/
       position:absolute;
       left:280px;
       top:600px;
       width:25em;
       height:20em;
       overflow:auto;
       font-size:90%;
       line-height:12pt;
       background-color:#ffffe0;
       padding:10px 5px 10px 10px;
       border-style:ridge;
       border-color:#ffffe0;
       visibility:hidden;
       z-index:100;
}

#divvlottend{     /* hulpzoek = popupvenster voor hulp bij de zoekfunctie*/
       position:absolute;
       left:180px;
       top:400px;
       background-color:#ffffe0;
       border-style:ridge;
       border-color:#ffffe0;
       visibility:hidden;
       z-index:100;
}

.schli{
      position:absolute;
      top:10px;
      right:20px;
}


#oordlijst2{     /* hulpzoek = popupvenster voor hulp bij de zoekfunctie*/
       position:absolute;
       left:280px;
       top:1080px;
       width:25em;
       height:20em;
       overflow:auto;
       font-size:90%;
       line-height:12pt;
       background-color:#ffffe0;
       padding:10px 5px 10px 10px;
       border-style:ridge;
       border-color:#ffffe0;
       visibility:hidden;
       z-index:100;
}
#kunstenaarszoek{     /* hulpzoek = popupvenster voor hulp bij de zoekfunctie*/
       width:30em;
       height:40em;
       position:absolute;
       overflow:auto;
       top:470px;
       left:560px;
       font-size:90%;
       line-height:12pt;
       background-color:#ffffe0;
       padding:10px 5px 10px 10px;
       border-style:ridge;
       border-color:#ffffe0;
       visibility:hidden;
       z-index:100;
}

#inhoudsform textarea, #inhoudsform input, #zijmenu input, #middenmenu input.tekst, #zoekformalgemeen input {
        background-color:#ffffe0;
        color:#979797;
}

p.errormessage{
        color:#cc0000;margin:0px;
}

#middenmenu input.kunstenaars {
        background-color:#ffffe0;
        color:#979797;
        margin-bottom:7px;
}
#zoekalgemeen {
        position:absolute;
        right:10px;
        top:5px;
        background-color:#fff;
        height:3em;
        width:14em;
}
#zoekformalgemeen{
        width:13.5em;
        background-color:#fff;
        text-align:center;
        padding-top:5px;
        height:3em;
}
#zoekcontainer{
        background-color:#f7f7fd;
        height:3em;
        overflow:hidden;
        /*padding:5px; */
}
#zoekformcontainer{
        width:13.5em;
        background-color:#f7f7fd;
        text-align:center;
        padding:5px 0px 0px 5px;
        height:3em;
}
#zoekformcontainer option{
        background-color:#ffffe0;
        color:#979797;
}
legend{
       line-height:3pt;
       }
/*2.1.5 Tabel met alfabetische keuzes in het zijmenu */
#zijmenu table
{
        background-color:#f7f7fd;
        border-style:none;
        font-size:0.85em;
        text-transform:uppercase;
        width:100%;
}
#zijmenu td{
        text-align:center;
  }
#zijmenu td.leeg{
        color:#dbdbdb;
  }
#zijmenu tr.tussen{
        line-height:75%;
  }
#zijmenu td.keuze a
{
        background-color:#ffffe0;
        color:#f81e61;
}
/* 2.1.7 Lijst in het zijmenu en middenmenu */
#lijst{
        height:19.4em;
        text-align:left;
        overflow:auto;
        margin:0;
        padding:0;
}
/* 2.1.6 Dagelijkse berichten in een 'object'in het zijmenu */
#berichten {
        width:100%;
        height:14em;
        border:none;
        background-color:#ffffe0;
        overflow:auto;
}
#berichten p{
        color:#979797;
        background-image:none;
        background-color:#ffffe0;
        border:none;
        text-transform:none;
        font-weight:normal;
        letter-spacing:normal;
        font-size:100%;
        text-indent:0px;
        margin:0;
        padding:5px 5px 10px 5px;
}
#berichten a{
        color:#979797;
        text-decoration:none;
}
#berichten a:hover {
        text-decoration:none;
        color:#cfcfcf;
}
#berichten a.berichtinhoud{
        color:#adadad;
        text-decoration:none;
        line-height:10pt;
        text-align:right;
}
#berichten a.berichtinhoud:hover {
        text-decoration:none;
        color:#cfcfcf;
}
/* 2.2 INHOUD van de website-pagina */
#inhoud{

        padding:20px 15px 10px 15px;
        position:relative;
        background-color:#fff;
        margin:19px 0px 0px 195px;
}

p a{
        font-weight:normal;
}
p.wens{
        font-size:0.85em;
}
.mapkaart{              /* map-beeldje voor Google-maps */
        width:20px;
        height:12px;
        border-style:none;
}
#inhoud ul{               /* ruit-beeldje voor lijstopsommingen in de inhoud */
        list-style-image: url(../beelden/lijst.gif);
}
h2.inhoudsdeel {
        margin-top:2.5em;
}
/* 2.2.1 'div' voor inhoud van dorpen-steden-pagina's, die een middenmenu bezitten */
#plaatsgegevens{
        padding:0;
        background-color:#fff;
        margin:0em 3em 3em 19em;
}
/* 2.2.2 Middenmenu voor dorpen-steden-pagina's */
#middenmenu{
        width:16em;
        float:left;
        background-color:#d9e5f6;
        border: 2px solid #d9e5f6;
        margin:0;
        padding:0;
}
#middenmenu a {
        display:block;
        font-weight:normal;
}
#middenmenu a.mregio {
        color:#6d6d6d;
        background-color:#f7f7fd;
        border:1px solid #ffffff;
        text-indent:0.5em;
}
/* 2.2.4 Inleidend beeld met verschillende formaten en bijhorende inleidingstekst van de inhoud */
#inleiding{      /* div-container voor beeld en inleidende tekst ernaast */
        width:100%;
        min-height:180px;
}
.bildrahmen {
        width:180px;
        float:left;
        margin:0pt 2em 1em 0pt;
}
.bildrahmen img {
        width:180px;
        height:119px;
}
.bildrahmenc {
        width:120px;
        float:left;
        margin:0pt 2em 1em 0pt;
}
.bildrahmenc img {
        width:120px;
        height:136px;
}
#bildtextrahmen {
        text-align:right;
        padding-bottom:2px;
        margin-top:2px;
}
.bildrahmen #tekst{
        font-weight:normal;
        font-size:0.85em;
}
.bildrahment {
        width:108px;
        float:left;
        margin:0pt 2em 1em 0pt;
}
.bildrahmen2 {
        width:109px;
        float:left;
        margin:0pt 1em 1em 0pt;
}
.bildrahmen2 img {
        width:109px;
        height:177px;
}
.bildrahmen3 {
        width:146px;
        float:left;
        margin:0pt 1em 1em 0pt;
}
.bildrahmen3 img {
        width:146px;
        height:441px;
}
#bijmenu{      /* div-container voor zijmenu in toerismepagina's */
       width:100%;
       margin-top:2em;
       height:15em;
}
#bijmenu #middenmenu {
        width:180px;
        margin:0pt 0em 1em 0pt;
}
#bijmenu #algemeen {
        margin:0em 0em 0em 25em;
}
#titel{      /* deel van tekstje onder een beeld */
        font-weight:bold;
        font-size:0.9em;
}
.umwelt{     /* div-container voor beeld en inleidende tekst ernaast op de Umwelt-pagina */
        width:100%;
        overflow:hidden;
}
/* 2.2.5 Eventuele grote kaart met links-overzicht ernaast */
#tekstnaastbeeld{
         padding-left:65%;
}
.kaartraam {
        float:left;
        margin:50px 1em 1em 0px;
}
/* 2.2.6 Tabellen in de inhoud van overzichtspagina's, bv. eerste pagina van 'Toerisme' */
table.globaal{
        border-style:none;
}
table.globaal tr{
         font-weight:normal;
}
table.globaal td{
         vertical-align:top;
}
table.globaal col.beeld{
         width:80px;
}
table.globaal col.inhoud{
         width:28em;
}
table.globaal td p{
         font-size:90%;
         margin:0;
}
table.globaal td a {
        text-decoration:none;
        color:#979797;
}
table.globaal td a:hover {
        text-decoration:none;
        color:#c2d4ec;
}
table.globaal img{
        width:60px;
        height:40px;
        border-style:none;
        padding:0em 1em 0em 1em;
}

table.cultuur{
        width:100%;
}

table.cultuur td{
        padding-right:20px;
}

#cataglobaal{
        position:relative;
        top:60px;
        left:170px;
        width:400px;
        height:400px;
        z-index:10;
}
div.cataloog, div.cataloogtitel{
       position:absolute;
}
.cataloog img,.cataloogs img{
       width:50px;
       height:50px;
}
#catainfo, #welkom{
        position:absolute;
        top:77px;
        left:113px;
        width:140px;
        height:220px;
        background:url(../beelden/catacult.gif);
        background-position:bottom;
        background-repeat:repeat-x;
        background-color:#fff;
        border-width:1px 2px 3px 2px;
        border-style:solid;
        border-color:#f7f7fd #f7f7fd #d9e5f6 #f7f7fd;
        background-color:#fff;
        padding:1em 2em 1em 1em;
        font-size:90%;
        line-height:12pt;
        z-index:20;
        display:none;
}
#cultuurinfo{
        background:url(../beelden/cultuuraanbod.gif);
        background-position:bottom;
        background-repeat:repeat-x;
        background-color:#fff;
        border-width:1px 2px 3px 2px;
        border-style:solid;
        border-color:#f7f7fd #f7f7fd #d9e5f6 #f7f7fd;
        background-color:#fff;
        padding:1em 2em 1em 1em;
}
/* 2.2.7 Inhoud van pagina's Noodnummers, Winterbanden en Umwelt */
#overzicht{
        padding:0.25em 0em 0em 0em;
        background-color:#fff;
        margin:0em 3em 3em 3em;
}
#overzicht tr.tussen{
        line-height:200%;
}
/*Voet van elke pagina */
#voet{
        margin-top:-10px;
        background-color:#f0f5fb;
}
#voet p{
        font-size:0.85em;
        text-align:center;
}

#giga{
       background-color:#ffffe0;
       padding: 5px 5px 5px 5px;

}

#giga p{
        color:#979797;
        background-color:#ffffe0;

        background-image:none;
        border:none;
        text-transform:none;
        font-weight:normal;
        letter-spacing: normal;
        font-size:90%;
        text-indent:0px;
        margin:0;
        padding:0;
        line-height:100%;

}

#giga2{

        background-color:#ffffe0;
        text-align: center;

}