html {height:100%;} 
body{    color: navy;    font-family: Verdana;    background-color: #00C6FF;    margin: 0px;}
.paginacontainer{    width: 1024px;    margin: 0 auto;}
.srcn{    background-color: #0C49FF;    color: #00C6FF;    font-weight: bold;    font-size: xx-large;}
.srcnvoluit{    background-color: #0C49FF;    color: #00C6FF;    font-weight: bold;}


.tabelkop
{
    background-color: #0C49FF;
    color: #00C6FF;
    font-weight: bold;
    text-transform: uppercase;
}
.even{    background-color:Transparent}
.oneven{    background-color: #46abe5;}
.detail{    background-color: #3399ff;    color: #591500;}

a{    color:   navy; font-weight: 300;    text-decoration: underline;}
a:hover {color: #ff0000;   font-weight: 300;  text-decoration: underline;}


h1{margin-left:4px;  margin-top:10px; margin-bottom:0px; padding:bottom:0px;   font-weight: 800;    font-size: 1.7em;    color: navy;    }
h2{font-weight: 800; margin-bottom:0px;   font-size: 1em;    color: navy;}
h3{margin-bottom:0px;}
h4{margin-bottom:0px;}
h5{margin-bottom:0px;}
hr{background-color: navy;    height: 1px;}

.button{    font-size: 9pt;    margin-bottom: 5px;    margin-top: 5px;    border: #591500 1px solid;    background-color: #F07070;    color: #ffffcc;    width: 80px;    cursor: hand;}
.input{   border:  solid 1px #0c49ff;   margin-bottom: 2px;    }
TEXTAREA{  border:  1px solid #591500;}
#links, td { font-size:8pt;}

/* Sitemap */
.legendmenu{ border: solid 1px #0C49FF;     background-color: #0C49FF;    color:#00C6FF;     width: 100px;    position: relative;    top: 10px;    padding-left: 5px;    margin-left: 7px;    font-weight: bold;}
.panelmenu{    border: dashed 1px #0C49FF;    background-color: #0be8ff;    color: #591500;    padding-left: 4px;    width: 200px;    padding-right: 4px;    padding-bottom: 5px;    padding-top: 10px;    margin-right: 4px;    margin-left: 0px;}

/* Contact gegevens */
.legendcontact{ border: solid 1px #0c49ff;   background-color:#0C49FF;    color:#00C6FF;   width: 100px;    position: relative;    top: 10px;    padding-left: 5px;    margin-left: 7px;    font-weight: bold;}
.panelcontact{  border: dashed 1px #0C49FF; background-color: #0be8ff; width: 200px;   padding-left: 4px;    padding-right: 4px;    padding-bottom: 5px;    padding-top: 10px;    margin-right: 4px;margin-left:0px;}

/* Login gegevens */
.legendinloggen{  border: solid 1px #0c49ff;  background-color:#0C49FF;    color:#00C6FF;    width: 100px; position: relative;    top: 10px;    padding-left: 5px;    margin-left: 7px;    font-weight: bold;}
.panelinloggen{   border: dashed 1px #0C49FF; background-color:#0be8ff; width: 200px;  padding-left: 4px;    padding-right: 4px;    padding-bottom: 5px;    padding-top: 10px;    margin-right: 4px;margin-left:0px;}


/* Foto van de maand */
.legendfvdm{    border: solid 1px #0c49ff;   background-color:#0C49FF;    color:#00C6FF;  width: 300px;    position: relative;    top: 10px;    padding-left: 5px;    margin-left: 7px;        font-weight: bold;}
.panelfvdm{border: dashed 1px #0C49FF; background-color:  #0be8ff;  padding-left: 4px;    padding-right: 5px;    padding-bottom: 5px;    padding-top: 10px;}


/* Nieuws items */
.legendnieuws{ border: solid 1px #0c49ff;   background-color:#0C49FF;    color:#00C6FF;    width: 350px;    position: relative;    top: 10px;    padding-left: 5px;    margin-left: 7px;        font-weight: bold;}
.panelnieuws{border: dashed 1px #0C49FF;    background-color: #0be8ff;    padding-left: 5px;    padding-right: 2px;    padding-bottom: 5px;    padding-top: 10px;}
.panelnieuws B{color: navy;    font-size: 7pt;    font-style: italic;}
.fotol{float: left; margin-right: 7px;margin-top: 3px;}
.fotor{float: right;margin-left: 7px; margin-top: 3px;}

/* Evenement legend */
.legendnieuws2{ border: solid 1px #0C49FF;   background-color:#0C49FF;    color:#00C6FF; width: 125px;    position: relative;    top: 10px;    padding-left: 5px;    margin-left: 7px;        font-weight: bold;}


/* Countdown blokje */
.legendcountdown{    border: solid 1px #0c49ff;   background-color:#0C49FF;    color:#00C6FF;     width: 100px;    position: relative;    top: 10px;    padding-left: 5px;    margin-left: 12px;    font-weight: bold;}
.panelcountdown{width: 200px;   border: dashed 1px #0C49FF;    background-color: #F07070;        color: #591500;   padding-left: 4px;    padding-right: 4px;    padding-bottom: 4px;        padding-top: 10px;    margin-left: 4px; margin-right:0px; margin-left:7px;}

/* Evenementen Agenda */
.legendagenda{border: solid 1px #0c49ff;     background-color:#0C49FF;    color:#00C6FF;   width: 100px;  position: relative;    top: 10px;    padding-left: 5px;    margin-left: 12px;    font-weight: bold; }
.panelagenda{ width: 200px;     border: dashed 1px #0C49FF;    background-color: #0be8ff;    padding-left: 4px;    padding-right: 4px;    padding-bottom: 4px;    padding-top: 10px;    margin-left: 4px;margin-right:0px;}

/* WWW Links */
.legendlinks{border: solid 1px #0c49ff;  background-color:#0C49FF;    color:#00C6FF;  width: 100px;    position: relative;    top: 10px;    padding-left: 5px;    margin-left: 12px;    font-weight: bold; }
.panellinks{ width: 200px;     border: dashed 1px #0C49FF;    background-color: #0be8ff;     padding-left: 4px;    padding-right: 4px;    padding-bottom: 4px;    padding-top: 10px;    margin-left: 4px;margin-right:0px;}


/* Weer */
.legendweer{    border: solid 1px #0c49ff; background-color:#0C49FF;    color:#00C6FF;  width: 100px;   position: relative;    top: 10px;    padding-left: 5px;    margin-left: 7px;    font-weight: bold;}
.panelweer{  width: 200px;    border: dashed 1px #0C49FF;    background-color:#0be8ff;       padding-left: 4px;    padding-right: 4px;    padding-bottom: 4px;    padding-top: 10px;    margin-left: 4px;margin-right:0px;}


/* Fotostrip */
.panelfotos{width: 200px;     border: solid 1px #0C49FF;      background-color:  #0C49FF;     
     padding-left: 4px;   padding-right: 4px;   padding-bottom: 4px;   padding-top: 10px;   
     margin-left: 4px;  margin:right:2px;   margin-top: 10px; float:right;}


/* FAQ rubriek */
.legendfaq{    border: solid 1px #0c49ff;   background-color:#0C49FF;    color:#00C6FF;  position: relative;    top: 10px;    padding-left: 5px;    margin-left: 7px;    font-weight: bold;}
.legendfaq2{    border: solid 1px #0c49ff;   background-color:#0C49FF;    color:#00C6FF;  width: 300px;       position: relative;    top: 10px;    padding-left: 5px;    margin-left: 7px;    font-weight: bold;}
.panelfaq{    border: dashed 1px #0C49FF;    background-color: #1E90FF;    padding-left: 7px;    padding-right: 4px;    padding-bottom: 4px;    padding-top: 10px;}