/* -------------------------------------------------------------------------- */
/* --------------------------------- MASTERPAGE ----------------------------- */
/* -------------------------------------------------------------------------- */

/* --------------- HTML & BODY --------------- */

html
{
    height: 100%;
}
body
{
    height: 100%;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    background-color: #ececdc;
}

/* --- CONTAINER --*/
#indexcontainer
{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    overflow: visible;
    visibility: visible;
    display: block;
}

* html #indexcontainer
{
    height: 100%;
}

#indexcenter
{
    position: absolute;
    left: 50%;
    top: -350px;
    margin-left: -425px;
    height: 600px;
    width: 850px;
    text-align: center;
    margin-top: 0px;
}

#indexcenter img
{
    border: 0px;
    margin: 0px;
}

.indextitle
{
    color: #7a7a7a;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.indexlanguage
{
    font-size: 14px;
}

.indexlanguage a:link
{
    text-decoration: none;
    color: #7a7a7a;
}
.indexlanguage a:hover
{
    text-decoration: none;
    color: #666666;
}
.indexlanguage a:visited
{
    text-decoration: none;
    color: #666666;
}

/* --------------- MASTER --------------- */

#background
{
    position: absolute;
    text-align: center;
    bottom: 0; /* heel belangrijk */
    height: 100%;
    width: 100%;
}
#background .middle
{
    margin: auto;
    height: 100%;
    width: 810px;
    background-image: url(../../Imgs/background.jpg);
    background-repeat: repeat-y;
}

#container
{
    width: 100%;
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: auto;
}

#center
{
    text-align: center;
    width: 810px; /*     height:100%;     min-height:100%;     */
    margin: auto;
    background: url(../../Imgs/background.jpg);
    background-repeat: repeat-y;
}
#center .sponsers
{
    width: 800px;
    height: 2px;
    margin: auto;
    background-color: Black;
}
#center .banner
{
    width: 800px;
    height: 385px;
    margin: auto; /*background: url(../../Imgs/banner.jpg);*/
    background-repeat: no-repeat;
}
#center .navigation
{
    width: 800px;
    height: 25px;
    margin: -284px 0px 0px 14px; /*padding:0px 0px 0px 0px;*/
    text-align: left;
    position: absolute;
}
#center .navigation ul
{
    list-style: none;
    margin: auto;
    padding: 0;
}
#center .navigation ul li
{
    margin: 0px 2px 0px 0px;
    display: inline;
}
#center .navigation ul li .btn
{
    margin: 0px 2px 0px 0px;
}
#center .topic
{
    height: 100%;
    width: 800px;
    margin: auto; /*margin:20px 20px 20px 25px;*/ /*padding:0px 0px 20px 25px;*/
    text-align: left;
    background-color: #ffffff;
}
#center .topicpanel
{
    height: 100%;
    width: 775px;
    margin: auto;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 22px;
    text-align: left; /*padding:0px 0px 20px 25px;*/
}
#center .topicpanel a:link
{
    text-decoration: none;
    color: #999999;
}
#center .topicpanel a:hover
{
    text-decoration: none;
    color: #666666;
}
#center .topicpanel a:visited
{
    text-decoration: none;
    color: #666666;
}
#center .topic .topicpanel .topicitem
{
    width: 360px;
    text-align: left;
    float: left;
    margin: 0px 25px 0px 0px;
    display: block; /*background-color:Lime;---*/
}
#center .topic .topicpanel .topicitem .topicitemleft
{
    width: 240px;
    text-align: left;
    float: left;
    margin: 0px 0px 0px 0px;
    display: block; /*background-color:Olive;---*/
}
#center .topic .topicpanel .topicitem .topicitemleft .title
{
    /*color:Fuchsia;---*/
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 3px 0px;
}
#center .topic .topicpanel .topicitem .topicitemleft .date
{
    /*color: Green;---*/
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 3px 0px;
}
#center .topic .topicpanel .topicitem .topicitemleft .description
{
    /*color: Red;---*/
    width: 100%;
    font-size: 10px;
    font-weight: normal;
    margin: 0px 0px 0px 0px; /*background-color:Silver;---*/
}
#center .topic .topicpanel .topicitem .topicitemright
{
    width: 120px;
    text-align: right;
    float: right;
    display: block;
    margin: 0px 0px 0px 0px; /*background-color:Lime;      background-color:Yellow;---*/
}
#center .topic .topicpanel .topicitem .topicitemright .thumb
{
    border-top: Solid 2px #523a21;
    border-bottom: Solid 2px #afaf83;
    width: 120px;
    height: 90px;
    padding-top: 1px;
    padding-bottom: 1px;
}
#center .topic .topicpanel .topicitem .topicitemright .bottomline
{
    height: 2px; /*padding: 0px 0px 1px 0px;*/ /*background-color:Red;---*/
}
#center .topic .topicpanel .separator
{
    height: 100px;
    text-align: left;
    float: left;
    margin: 0px 5px 0px 0px;
    background-color: Red;
}
#center .topic .rulerTop
{
    height: 1px;
    width: 756px;
    text-align: left;
    float: left;
    margin: 15px 0px 0px 0px;
    background-color: #d5d5d5;
}
#center .topic .rulerBottom
{
    height: 1px;
    width: 756px;
    text-align: left;
    float: left;
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
}
#center .topic .clear
{
    clear: both;
}
#center .content
{
    width: 800px; /*height:auto; */
    margin: auto; /* padding:20px 0px 0px 0px; */
    background: url(../../Imgs/gradient.jpg);
    background-repeat: repeat-x;
    background-color: #e4e4e4; /*background-color:Blue;*/
    text-align: left;
}
#center .content .holder
{
    width: 760px; /*height:100%;*/
    min-height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 0px 20px;
    text-align: left;
    position: relative;
}

#center .content .holder a:link
{
    text-decoration: none;
    color: #5e4326;
}
#center .content .holder a:hover
{
    text-decoration: none;
    color: #523c25;
}
#center .content .holder a:visited
{
    text-decoration: none;
    color: #523c25;
}

#center .content .holder .left
{
    width: 520px;
    height: 100%; /*height:250px;*/
    text-align: left; /*background-color:Fuchsia;*/
    margin: 0px 40px 0px 0px;
    display: block;
    float: left;
}
#center .content .holder .right
{
    width: 200px; /*height:200px;*/ /*background-color:Blue;*/
    height: 100%;
    text-align: left;
    display: block;
    float: left;
}
#center .content .holder .justify
{
    width: 760px;
    height: 100%;
    text-align: left;
    display: block; /*background-color:Fuchsia;---*/
    float: left;
}
#center .content .holder .rulerTop
{
    height: 1px;
    width: 756px;
    text-align: left;
    float: left;
    margin: 15px 0px 0px 0px;
    background-color: #bebebe;
}
#center .content .holder .rulerBottom
{
    height: 1px;
    width: 756px;
    text-align: left;
    float: left;
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
}
#center .content .holder .clear
{
    clear: both;
}
/*
#center .news
{          
    width:800px;
    height:100%;
    margin:auto; 
    margin:0px 0px 20px 25px;
    text-align:left;  
    background-color:Aqua;  
}
#center .newscontainer
{          
    width:800px;
    height:250px;
    margin:auto; 
    text-align:left;
    background-color:Gray;
}
#center .news .newsitem
{          
    width:325px;
    text-align:left;
    float:left;
    margin: 0px 10px 0px 0px;
    display:block;
    background-color:Lime;
}
#center .news .newsitem .newsitemleft
{          
    width:190px;
    text-align:left;
    float:left;
    margin: 0px 10px 0px 0px;
    display:block;
    background-color:Olive;
}
#center .news .newsitem .newsitemleft .newstxt
{          
    width:150px;
    text-align:left;   
}
#center .news .newsitem .newsitemright
{          
    width:100px;
    text-align:left;
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
    background-color:Lime;
}
#center .news .separator
{          
    height:100px;
    text-align:left;
    float:left;
    margin: 0px 10px 0px 0px;
    background-color:Red;
}
/*
#center .news .clear
{          
    clear: both;  
}
*/
#center .footer
{
    width: 800px;
    height: 100%;
    margin: auto;
    padding: 5px 0px 20px 25px;
    text-align: left;
    background-color: Transparent;
}
#center .footer .footerimage
{
    float: left;
    margin: auto;
    margin: 0px 5px 0px 0px;
    text-align: left;
}
#center .footer .footertxt
{
    float: left;
    margin: auto;
    margin: 2px 0px 0px 0px;
    text-align: left;
    color: #999999;
}
#center .footer .clear
{
    clear: both;
}


/* -------------------------------------------------------------------------- */
/*-------------------------------- INGOBYI PAGE ----------------------------- */
/* -------------------------------------------------------------------------- */

/* --------------- GENERAL -------------- */

p.margin
{
    margin: 25px 0px 0px 0px;
}

.title
{
    font-size: 15px;
    font-weight: bolder;
    color: #333333;
    margin: 0px 0px 20px 0px;
}

.txt
{
    font-size: 11px;
    font-weight: normal;
    color: #909090;
    margin: 0px 0px 0px 0px;
}

.image
{
    margin: 3px 0px 0px 0px;
}

div.table
{
    width: 750px; /*background-color: #fbfbfb;*/
    border: none 0px #8c8c8c;
    padding: 0px;
    margin: 0px auto;
}
div.table .row
{
    clear: both;
    padding-top: 5px;
    vertical-align: top;
}
div.table .row span.column1
{
    float: left;
    width: 100px;
    margin-right: 0px;
    text-align: left;
    vertical-align: top;
}
div.table .row span.column2
{
    float: left;
    width: 380px;
    height: 100%;
    color: #333333; /*background-color:#d28ec9;*/
    text-align: left;
    vertical-align: top;
    margin: 2px 5px 0px 0px; /*border: solid 1px #333333*/
}
div.table .row span.column3
{
    float: left;
    width: 40px;
    margin-right: 0px;
    text-align: left;
    vertical-align: top;
}

/* --------------- GEOGRAFISCH ------------------*/

#geografisch .txt
{
    float: left;
    font-size: 11px;
    width: 280px;
    height: 100%;
    vertical-align: top; /*background-color:Aqua;---*/
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    color: #909090;
}
#geografisch .image
{
    float: right;
    width: 450px; /*background-color:Aqua;---*/
    margin: 0px 0px 15px 15px;
}
#geografisch a:link
{
    text-decoration: none;
    color: #5e4326;
}
#geografisch a:hover
{
    text-decoration: none;
    color: #523c25;
}
#geografisch a:visited
{
    text-decoration: none;
    color: #523c25;
}

/* --------------- EVENEMENTEN ------------------*/

#evenementen .evenementenitem
{
    width: 750px;
}
#evenementen .evenementenitem .title
{
    font-size: 13px;
    font-weight: bolder;
    color: #666666;
    margin: 0px 0px 5px 0px;
}
#evenementen .evenementenitem .date
{
    font-size: 11px;
    font-weight: normal;
    color: #999999;
    margin: 0px 0px 20px 0px;
}
#evenementen .evenementenitem .image
{
    float: left;
    margin: 0px 15px 15px 0px;
    padding: 1px 0px 1px 0px;
}
#evenementen .evenementenitem .txt
{
    float: none;
    font-size: 11px;
    font-weight: normal;
    color: #909090;
}

#evenementen .separator
{
    color: #909090;
    font-size: 10px;
    letter-spacing: 2px;
    margin: 10px 0px 20px 0px;
}

#evenementen .evenementenitem a:link
{
    text-decoration: none;
    color: #5e4326;
}
#evenementen .evenementenitem a:hover
{
    text-decoration: none;
    color: #523c25;
}
#evenementen .evenementenitem a:visited
{
    text-decoration: none;
    color: #523c25;
}

/* --------------- NIEUWS ------------------*/

#nieuws .nieuwsitem
{
    width: 750px;
}
#nieuws .nieuwsitem .title
{
    font-size: 13px;
    font-weight: bolder;
    color: #666666;
    margin: 0px 0px 5px 0px;
}
#nieuws .nieuwsitem .date
{
    font-size: 11px;
    font-weight: normal;
    color: #999999;
    margin: 0px 0px 20px 0px;
}
#nieuws .nieuwsitem .image
{
    float: left;
    margin: 0px 15px 15px 0px;
    padding: 1px 0px 1px 0px;
}
#nieuws .nieuwsitem .txt
{
    float: none;
    font-size: 11px;
    font-weight: normal;
    color: #909090;
}

#nieuws .separator
{
    color: #909090;
    font-size: 10px;
    letter-spacing: 2px;
    margin: 10px 0px 20px 0px;
}

#nieuws .nieuwsitem a:link
{
    text-decoration: none;
    color: #5e4326;
}
#nieuws .nieuwsitem a:hover
{
    text-decoration: none;
    color: #523c25;
}
#nieuws .nieuwsitem a:visited
{
    text-decoration: none;
    color: #523c25;
}

/* --------------- SFEERBEELDEN --------------- */

#sfeerbeelden .sfeerbeeldimage
{
    display: block;
    margin: 0px 0px 1px 0px;
    width: 500px;
    text-align: left;
}
#sfeerbeelden .sfeerbeeldimage .description
{
    background-color: Green;
    margin: 20px 0px 50px 0px;
    position: absolute;
}
#sfeerbeelden .sfeerbeeldimage .sfeerimage
{
    border-top: 5px Solid #523a21;
    border-bottom: Solid 5px #afaf83;
    width: 500px;
    height: 375px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 0px 0px 0px 0px;
}
#sfeerbeelden .navigation
{
    position: relative;
    display: block;
    width: 500px;
    height: 25px;
    text-align: center;
    background-image: url(../../Imgs/image_btn_bg.gif);
    background-repeat: repeat-x;
    margin: 0px 0px 25px 0px;
}
#sfeerbeelden .navigation .btnPauze
{
    margin: 0px 0px 0px -4px;
}
#sfeerbeelden .navigation .btnNext
{
    margin: 0px 0px 0px -4px;
}
#sfeerbeelden .navigation input[type='submit']
{
    /*     font-size:10px;     font-family:Verdana, Arial, Helvetica, sans-serif;     */
    width: 100px;
    height: 25px;
    font-weight: bold;
    color: #302f2f;
    font-size: 11px;
    background-image: url(../../Imgs/image_btn_bg.gif);
    border: none;
}
#sfeerbeelden .navigation input.submit
{
    /*     font-size:10px;     font-family:Verdana, Arial, Helvetica, sans-serif;     */
    width: 100px;
    height: 25px;
    color: #302f2f;
    font-weight: bold;
    font-size: 11px;
    background-image: url(../../Imgs/image_btn_bg.gif);
    border: none;
}
#sfeerbeelden .thumbnails
{
    position: relative;
    width: 500px;
    text-align: left;
    margin: 0px 0px 50px 0px;
}
#sfeerbeelden .thumbnails .thumb
{
    border-top: 5px Solid #523a21;
    border-bottom: Solid 5px #afaf83;
    width: 80px;
    height: 60px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 0px 0px 10px 0px;
}

#sfeerbeeldennavigation .sfeerbeelditem
{
    font-size: 12px;
    font-weight: normal;
}
#sfeerbeeldennavigation .sfeerbeelditem a:link
{
    text-decoration: none;
    color: #999999;
}
#sfeerbeeldennavigation .sfeerbeelditem a:hover
{
    text-decoration: none;
    color: #666666;
}
#sfeerbeeldennavigation .sfeerbeelditem a:visited
{
    text-decoration: none;
    color: #666666;
}
#sfeerbeeldennavigation .separator
{
    color: #909090;
    font-size: 9px;
    letter-spacing: 2px;
    margin: 2px 0px 8px 0px;
}

/* --------------- CONTACT --------------- */

#contact .sent
{
    font-size: 11px;
    color: #66896a;
    text-align: left;
}

#contact .lbl
{
    font-size: 10px;
    width: 100px;
    text-align: left;
    color: #666666;
}

#contact .ttb
{
    font-family: @Meiryo, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    width: 360px;
    height: 14px;
    background-color: #bebebe;
    border: none 1px #999999;
    text-align: left;
}

#contact .tta
{
    font-family: @Meiryo, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    width: 360px;
    background-color: #bebebe;
    border: none 1px #999999;
    text-align: left;
}

#contact .vld
{
    font-weight: bold;
    font-size: 11px;
    color: #902b29;
    width: 40px;
    text-align: left;
}

#contact .error
{
    color: #902b29;
    text-align: left;
}

#contact .btn
{
    width: 80px;
    border: none;
    height: 25px;
}

/*------------------------------- SFEERBEELDEN APART -------------------------- */
/*------------------------------------- IMAGE --------------------------------- */
#sfeerbeelden .image
{
    display: block;
    margin: 10px 0px 1px 0px;
    width: 500px;
    text-align: left;
}

#sfeerbeelden .image .description
{
    background-color: Green;
    margin: 20px 0px 50px 0px;
    position: absolute;
}

#sfeerbeelden .image .image1
{
    border-top: 5px Solid #523a21;
    border-bottom: Solid 5px #afaf83;
    width: 500px;
    height: 375px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 0px 0px 0px 0px;
}

#sfeerbeelden .navigation
{
    display: block;
    width: 500px;
    height: 25px;
    text-align: center;
    background-image: url(../../Imgs/image_btn_bg.gif);
    background-repeat: repeat-x;
    margin: 0px 0px 50px 0px;
}
#sfeerbeelden .navigation .btnPauze
{
    margin: 0px 0px 0px -4px;
}
#sfeerbeelden .navigation .btnNext
{
    margin: 0px 0px 0px -4px;
}
#sfeerbeelden .navigation input[type='submit']
{
    /*     font-size:10px;     font-family:Verdana, Arial, Helvetica, sans-serif;     */
    width: 100px;
    height: 25px;
    font-weight: bold;
    color: #302f2f;
    font-size: 11px;
    background-image: url(../../Imgs/image_btn_bg.gif);
    border: none;
}
#sfeerbeelden .navigation input.submit
{
    /*     font-size:10px;     font-family:Verdana, Arial, Helvetica, sans-serif;     */
    width: 100px;
    height: 25px;
    color: #302f2f;
    font-weight: bold;
    font-size: 11px;
    background-image: url(../../Imgs/image_btn_bg.gif);
    border: none;
}
#sfeerbeelden .thumbnails
{
    width: 500px;
    text-align: left;
    margin: 0px 0px 50px 0px;
}
#sfeerbeelden .thumbnails .thumb
{
    border-top: 5px Solid #523a21;
    border-bottom: Solid 5px #afaf83;
    width: 80px;
    height: 60px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 0px 0px 10px 0px;
}