/*****************************************************************************/
/* Instellingen ongeacht container.                                          */
/*****************************************************************************/
 html, body
     {
     background-color: #ffffe0;
     font-family: Ubuntu, Calibri, sans-serif;
     font-size: 100%;
     height: 100%;
     }
 div
     {
     border-style: none;
     border-width: thin;
     }
#map
    {
    height: 250px;
    width: 250px;
    }
img
    {
    border: none;
    }
a:link
     {
    background-color: transparent;
    color: blue;
    text-decoration: underline dotted blue;
    }
a:visited
    {
    background-color: transparent;
    color: teal;
    text-decoration: underline dotted teal;
    }
a:hover
    {
    background-color: transparent;
    color: red;
    text-decoration: underline dotted red;
    }
a:active
   {
    background-color: transparent;
    border-bottom: thin dotted;
    color: gray;
    text-decoration: underline dotted gray;
     }
/*****************************************************************************/
/* Hoofd div-container.                                                      */
/*****************************************************************************/
 div.h
    {
    background-image: url(""""_vast/_pic/achtergrond.jpg"""");
    background-position: 55% top;
    background-repeat: repeat-y;
    max-width: 1000px;
    overflow: auto;
    top: 0px;
    }
/*****************************************************************************/
/* Hoofd-links div-container.                                                */
/*****************************************************************************/
div.h-l
    {
    float: left;
    max-width: 180px;
    min-width: 50px;
    width: 18%;
    }
/** Logo. ********************************************************************/
img.h-l-logo
    {
    height: auto;
    max-width: 175px;
    width: 100%;
    }
/** Menu. ********************************************************************/
p.h-l-menu
    {
    margin-bottom: 3px;
    margin-top: 0px;
    }
a.h-l-menu:link
    {
    background-color: transparent;
    border-bottom: none;
    color: black;
    font-weight: bold;
    text-decoration: none;
    }
a.h-l-menu:visited
    {
    background-color: transparent;
    border-bottom: none;
    color: black;
    font-weight: bold;
    text-decoration: none;
    }
a.h-l-menu:hover
    {
    background-color: transparent;
    border-bottom: none;
    color: red;
    font-weight: bold;
    text-decoration: none;
    }
a.h-l-menu:active
    {
    background-color: transparent;
    border-bottom: none;
    color: blue;
    font-weight: bold;
    text-decoration: none;
    }
/** zoeken. ******************************************************************/
button.h-l-zoek
    {
    background-color: transparent;
    border: none;
    }
input.h-l-zoek
    {
    max-width: 75%;
    }
/** meta-data. ***************************************************************/
p.h-l-meta
   {
    font-size: 83%;
   }
/*****************************************************************************/
/* Hoofd-midden div-container.                                               */
/*****************************************************************************/
div.h-m
    {
    float: left;
    max-width: 10px;
    width: 1%;
    }
/*****************************************************************************/
/* Hoofd-rechts div-container.                                               */
/*****************************************************************************/
div.h-r
    {
    float: left;
    max-width: 800px;
    overflow: auto;
    width: 80%;
    }
/*****************************************************************************/
/* Hoofd-rechts-titel div-container.                                         */
/*****************************************************************************/
div.h-r-titel
    {
    float: left;
    max-width: 800px;
    width: 100%;
    }
img.h-r-titel
    {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 442px;
    width: 100%;
    }
h1.h-r-titel
    {
    font-size: 183%;
    margin-top: 3%;
    text-align: center
    }
p.h-r-titel
    {
    font-size: 83%;
    }
/*****************************************************************************/
/* Hoofd-rechts-info div-container.                                          */
/*****************************************************************************/
div.h-r-info
    {
    float: left;
    max-width: 800px;
    width: 100%;
    }
h2.h-r-info
    {
    font-size: 143%;
    margin-top: 3%;
    text-align: left;
    }
h3.h-r-info
    {
    font-size: 123%;
    margin-top: 3%;
    text-align: left;
    }
h4.h-r-info
    {
    font-size: 113%;
    margin-top: 3%;
    text-align: left;
    }
/* Paragraph, inspringend, voor lijsten. ****************/
p.h-r-info-n0
    {
    margin-bottom: 0%;
    margin-top: 0%
     }
p.h-r-info-n1
    {
    margin-bottom: 0%;
    margin-left: 2%;
    margin-top: 0%
     }
p.h-r-info-n2
    {
    margin-bottom: 0%;
    margin-left: 4%;
    margin-top: 0%
    }
p.h-r-info-n3
    {
    margin-bottom: 0%;
    margin-left: 6%;
    margin-top: 0%
     }
 p.h-r-info-n4
     {
     margin-bottom: 0%;
     margin-left: 8%;
     margin-top: 0%
     }
p.h-r-info-n5
     {
     margin-bottom: 0%;
     margin-left: 10%;
     margin-top: 0%
     }
 p.h-r-info-n6
     {
     margin-bottom: 0%;
     margin-left: 12%;
    margin-top: 0%
    }
p.h-r-info-n7
    {
    margin-bottom: 0%;
    margin-left: 14%;
    margin-top: 0%
    }
p.h-r-info-n8
    {
    margin-bottom: 0%;
    margin-left: 16%;
    margin-top: 0%
    }
p.h-r-info-n9
    {
    margin-bottom: 0%;
    margin-left: 18%;
    margin-top: 0%
     }
p.h-r-info-n10
    {
    margin-bottom: 0%;
    margin-left: 20%;
    margin-top: 0%
    }
div.h-r-info-disclaimer
    {
    clear: left;
    font-size: 85%;
    max-width: 800px;
    width: 100%;
    }
p.h-r-disclaimer
    {
    font-size: 83%;
    }

/* Tweekolommige pagina's. ***************************************************/
div.h-r-info-tweekolom-breed
    {
    float: left;
    max-width: 395px;
    min-width: 50px;
    width: 49%;
    }
div.h-r-info-tweekolom-midden
    {
    float: left;
    max-width: 10px;
    min-width: 1px;
    width: 2%;
    }
/* Driekolommige pagina's. ***************************************************/
div.h-r-info-driekolom-breed
    {
    float: left;
    max-width: 265px;
    min-width: 50px;
    width: 30%;
    }
div.h-r-info-driekolom-midden
    {
    float: left;
    max-width: 10px;
    min-width: 1px;
    width: 2%;
    }
/* Specifieke pagina's. ******************************************************/
/* index.html  */
img.h-r-info-index
    {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    width: 100%;
    }
/* reisn.html, reise.html */
img.h-r-info-left
    {
    float: left;
    clear: left; 
    margin: 1.5%;
    }
img.h-r-info-right
    {
    float: right;
    clear: right;
    margin: 1.5%
    }
/* Reisverhalen, wandelverhalen, parkverhalen */
div.verhaal
    {
    clear: both;
    max-width: 800px;
    width: 100%;
    }
div.h-r-info-verhaal
    {
    clear: left;
    max-width: 800px;
    width: 100%;
    }
div.h-r-info-rightbalk
    {
    float : right;
    clear : both;
    border-color: gray;
    border-style: solid;
    border-width: thin;
    padding: 0.3%;
    margin-bottom : 1%;
    margin-left : 1%;
    margin-right : 0%;
    margin-top : 1%;
    text-align: center;
    max-width: 270px;
    }
img.h-r-info-rightbalk
    {
    margin-bottom: 0%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 0.5%
    }