/*user defined */

.mailfields{
background: url(images/no.gif) ;
border-right: 1px solid black;
border-left: 1px solid gray;
border-bottom: 1px solid black;
border-top: 1px solid gray;
color: black;
font-size: 11px;
margin: 2px;
padding: 2px;
}

.mailline{
font-size: 11px;
margin: 2px;
padding: 2px;
}
.banner{
background: url(images/no.gif) lightblue;
}
.invisible{
display: none;
}


.kerk{
background:  url(images/topplaatjes/kerk.gif) no-repeat ;
background-position: 50% 50%;
margin-top: 5px;
position: absolute;
top: 2px;
bottom: 0px;
left: 385px;
right: 5%;
width: 426px;
height: 90;
z-index: 1000;
}
.contact{
background:  url(images/topplaatjes/contact.jpg) no-repeat ;
background-position: 50% 50%;
margin-top: 5px;
position: absolute;
top: 2px;
bottom: 0px;
left: 385px;
right: 5%;
width: 426px;
height: 90;
z-index: 1010;
}
.brander{
background:  url(images/topplaatjes/brander.jpg) no-repeat ;
background-position: 50% 50%;
margin-top: 5px;
position: absolute;
top: 2px;
bottom: 0px;
left: 385px;
right: 5%;
width: 426px;
height: 90;
z-index: 1000;
}
.brander2{
background:  url(images/topplaatjes/brander2.jpg) no-repeat ;
background-position: 50% 50%;
margin-top: 5px;
position: absolute;
top: 2px;
bottom: 0px;
left: 385px;
right: 5%;
width: 426px;
height: 90;
z-index: 1000;
}
.filtratie{
background:  url(images/topplaatjes/filtratie.jpg) no-repeat ;
background-position: 50% 50%;
margin-top: 5px;
position: absolute;
top: 2px;
bottom: 0px;
left: 385px;
right: 5%;
width: 426px;
height: 90;
z-index: 1000;
}

.indextitel{
color: #026634;
font-size: 25px;
font-weight: 700;
vertical-align: top;
padding-top: 8px;
text-align: right;
}
.indextitelsecond{
color: #026634;
font-size: 18px;
font-weight: 700;
vertical-align: top;
padding-top: 8px;
text-align: right;
}
.indexcontentfirst{
padding:7px;
vertical-align: top;
font-weight: 700;
}


.indexcontent{
padding:7px;
vertical-align: top;
padding-left: 25px;
padding-right: 35px;
}
.indexplaatje{
background:  url(images/css/sheetplaatjegroen.gif) no-repeat ;
background-repeat: repeat-y;
background-position: 50% 50%;
width: 50px;
}
.indexcontent img{
border: #06A956 solid 3px;
margin: 15px;
}

.indexplaatje img{
border: #06A956 solid 3px;
margin: 15px;
}

.indexplaatjebottom{
background:  url(images/css/sheetplaatjegroenfade.gif ) no-repeat ;
background-position:  50% top;
padding: 5px;
width: 50px;
height: 170px;
vertical-align: top;
}



.normaltitel{
color: #026634;
font-size: 25px;
font-weight: 700;
vertical-align: top;
padding-top: 8px;
text-align: right;
}
.normaltitelsecond{
color: #026634;
font-size: 18px;
font-weight: 700;
vertical-align: top;
padding-top: 8px;
text-align: right;
}
.normalcontentfirst{
padding:7px;
vertical-align: top;
font-weight: 700;
}
.normalcontent{
padding:7px;
vertical-align: top;
padding-left: 25px;
padding-right: 35px;
}
.normalcontent img{
border: #06A956 solid 3px;
margin: 15px;
}
.normalplaatje{
background:  url(images/css/sheetplaatjegroen.gif) no-repeat ;
background-repeat: repeat-y;
background-position: 50% 50%;
width: 50px;
}

.normalplaatje img{
border: #06A956 solid 3px;
margin: 15px;
}

.normalplaatjebottom{
background:  url(images/css/sheetplaatjegroenfade.gif ) no-repeat ;
background-position:  50% top;
padding: 5px;
width: 50px;
height: 170px;
vertical-align: top;
}

.normalplaatjebottom img{
border: #06A956 solid 3px;
margin: 15px;
}

.facttitel{
color: #026634;
font-size: 25px;
font-weight: 700;
vertical-align: top;
padding-top: 8px;
text-align: right;
}
.facttitelsecond{
color: #026634;
font-size: 18px;
font-weight: 700;
vertical-align: top;
padding-top: 8px;
text-align: right;
}
.factcontentfirst{
padding:7px;
vertical-align: top;
font-weight: 700;
}
.factcontent{
font-size: 10px;
padding:7px;
vertical-align: top;
padding-left: 25px;
padding-right: 35px;
}
.factcontent img{
border: #06A956 solid 3px;
margin: 15px;
}
.factplaatje{
background:  url(images/css/sheetplaatjegroen.gif) no-repeat ;
background-repeat: repeat-y;
background-position: 50% 50%;
padding: 5px;
width: 50px;
}
.factplaatjebottom{
background:  url(images/css/sheetplaatjegroenfade.gif ) no-repeat ;
background-position:  50% top;
padding: 5px;
width: 50px;
height: 170px;
vertical-align: top;
}


.logogroenakklein{
background:  url(images/css/logolichtgroenakklein.gif) no-repeat ;
background-position: 50% 50%;
margin-top: 5px;
position: absolute;
top: 2px;
bottom: 0px;
left: 165px;
right: 5%;
width: 175px;
height: 117;
z-index: 100;
}
.firmname{
color: black;
font-size: 15px;
position: absolute;
top: 122px;
bottom: 0px;
left: 115px;
right: 5%;
width: 170px;
height: 25;
z-index: 10;
}
.epec{
color: black;
font-size: 10px;
font-weight: 200;
font-style: italic;
position: absolute;
top: 140px;
bottom: 0px;
left: 125px;
right: 5%;
width: 120px;
height: 25;
z-index: 10;
}
/* You can set the background here */
body{
border: 0px;
background: url(images/no.gif) ;
background-repeat: repeat-y;
font-family : Verdana, Helvetica, sans-serif;
font-size: 15pt;
font-weight: 100;
height: 99%;
margin:0px;
padding:0px;
width: 99%;
height:99%;
}
.tablestyle{
background: url(images/css/linkervlaklicht.gif) no-repeat;
background-position: -12px 144px;
border: 1px solid black;
margin:0px;
padding:0px;
margin-left: 100px;
}
.extracentertablestyle{
margin:0px;
padding:0px
}
.top{
background:  url(images/css/hoektoplicht.jpg) no-repeat #9eddbe;
margin:0px;
padding:0px
vertical-align: top;
height: 144px;
}
.left{
vertical-align: top;
margin:0px;
padding:0px;
padding-top: 25px;
}
.middle{
font-family : Verdana, Helvetica, sans-serif;
font-size: 12pt;
vertical-align: top;
padding-left: 15px;
}
.right{
background: white;
padding: 1px;
vertical-align: top;
}
.bottom{
background: white;
border-top: #999999 solid 1px;
font-size: 8px;
text-align: center;
}
/*Buttons */


.topbuttonsfield{
background: black;
text-align: left;
margin: 0pt;
padding: 0pt;
padding-top: 2pt;
padding-bottom: 2pt;
vertical-align: top;
margin-left: 210px;
margin-bottom: 8px;
}

.topbuttondefault{
background: url(images/css/nav_bg.jpg) black no-repeat;
background-position: 0px top;
border-left: solid 1px #999999;
padding-left: 10pt;
padding-right: 5pt;
padding-bottom: 2pt;
padding-top: 2pt;
margin-right: 1pt;
margin-left: 0pt;
text-align: center;
z-index: 1000;
}
.topbuttoneinde{
background: url(images/css/nav_bg.jpg) black no-repeat;
background-position: 0px top;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
padding-left: 10pt;
padding-right: 5pt;
padding-bottom: 2pt;
padding-top: 2pt;
margin-right: 1pt;
margin-left: 0pt;
text-align: center;
z-index: 1000;

}

.linktopbuttondefault, .linktopbuttondefault:visited{
color: white;
font-size: 12pt;
line-height: 12pt;
text-decoration: none;
}

.linktopbuttondefault:visited:hover, .linktopbuttondefault:hover{
color: #FE9D56;
font-size: 12pt;
line-height: 12pt;
text-decoration: none;
}



.buttondefault{
background: url(images/css/nav_bg_spgl.jpg) black no-repeat;
background-position: right top;
border-right: solid 1px #999999;
margin: 0px;
padding: 0px;
margin-top: 5px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 5px;
width: 140px;
text-align: right;
}

.linkbuttondefault, .linkbuttondefault:visited{
color: white;
font-size: 11pt;
text-decoration: none;
}

.linkbuttondefault:visited:hover, .linkbuttondefault:hover{
color: #FE9D56;
font-size: 11pt;
text-decoration: none;
}



/*pages */
.pagedefault{
background: url(images/css/pagebg.gif) #B6CAB6 no-repeat;
background-position: right top;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
margin: 0px;
padding: 0px;
margin-left: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 5px;
width: 140px;
text-align: right;
}
.linkpagedefault{
color: black;
font-size: 12px;
font-weight: 200;
text-decoration: none;
}

.pagetitledefault{
color: green;
font-size: 19px;
font-weight: 900;
margin-bottom: 10px;
}
.pagebottomdefault{
color:green;
font-size: 8px;
margin-top: 10px;
}
/*news */
.newsbuttontop{
color: black;
font-size: 11px;
margin: 2px;
padding: 2px;
width: 145px;
display: none;
}
.newsitemtitledefault{
color: #026634;
font-size: 11px;
font-weight: 700;
vertical-align: top;
padding-top: 8px;
padding-right: 18px;
padding-bottom: 18px;
}
.newsitemdefault{
color: black;
font-size: 12px;
}
.newsitembottomdefault{
color:black;
font-size: 8px;
}
.linknewsdefault{
color: blue;
text-decoration: none;
}
.newsitempageselector{
color: black;
font-size: 11px;
}
.newsitempageselectorlink{
color: blue;
text-decoration: none;
}
.newstitledefault{
color: #026634;
font-size: 25px;
font-weight: 700;
vertical-align: top;
padding-top: 8px;
padding-right: 18px;
padding-bottom: 18px;
text-align: right;
}
.newsbottomdefault{
color:green;
font-size: 8px;
margin-top: 10px;
}
/*links */
.linkdefault{
border-right: 1px solid black;
border-left: 1px solid gray;
border-bottom: 1px solid black;
border-top: 1px solid gray;
margin: 2px;
padding: 2px;
width: 145px;
}
.linklinkdefault{
color: black;
font-size: 11px;
text-decoration: none;
}
/* tag definition */
a{
color: black;
text-decoration: underline;
}
a:hover{
color: #FE9D56;
text-decoration: underline;
}
a:active{
color: #FE9D56;
text-decoration: underline ;
}
a:visited:hover{
color: #FE9D56;
text-decoration: underline;
}


.indexlinken a{
color: #06a956;
text-decoration: none;
}


img{
margin: 0px;
padding: 0px;
display: inline;
}
hr{
border: 1px inset black;
text-align: center;
width: 100%;
}
/*admin */
.adminline{
background: url(images/no.gif) #CCCCFF;
border-right: 1px solid black;
border-left: 1px solid gray;
border-bottom: 1px solid black;
border-top: 1px solid gray;
color: black;
font-size: 10px;
margin-top: 1px;
padding: 3px;
}
.adminfields{
border-right: 1px solid black;
border-left: 1px solid gray;
border-bottom: 1px solid black;
border-top: 1px solid gray;
font-size: 9px;
height: 18px;
margin: 0px;
}
.adminfields:focus{
background: url(images/no.gif) yellow;
border-right: 1px solid black;
border-left: 1px solid gray;
border-bottom: 1px solid black;
border-top: 1px solid gray;
font-size: 9px;
height: 18px;
margin: 1px;
}
.adminbutton{
background: url(images/no.gif) #CCCCFF;
border-right: 1px solid black;
border-left: 1px solid gray;
border-bottom: 1px solid black;
border-top: 1px solid gray;
font-size: 9px;
height: 18px;
margin: 2px;
padding: 2px;
width: 145px;
}
.adminitemline{
font-size: 9px;
}
.linkadminitem{
text-decoration: none;
}
.pageselectorlink{
color: green;
text-decoration: none;
}
.pageselectorfield{
background: url(images/no.gif) #CCCCFF;
border-right: 1px solid black;
border-left: 1px solid gray;
border-bottom: 1px solid black;
border-top: 1px solid gray;
font-size: 9px;
height: 18px;
margin: 1px;
}
.loginline{
color: black;
font-size: 10px;
margin: 4px;
text-align: center;
}
.loginfields{
background: url(images/no.gif) #CCCCFF;
border-right: 1px solid black;
border-left: 1px solid gray;
border-bottom: 1px solid black;
border-top: 1px solid gray;
font-size: 9px;
height: 18px;
margin: 1px;
width: 120px;
}
.alertmessage{
color:red; 
font-size:10px;
}
dt{
font-weight: 700;
margin: 2px;
padding: 2px;
}
form{
margin: 0px;
padding: 0px;
}
SUP{
vertical-align: super;
}