body {
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
overflow: hidden;
text-align: center;
color: #555566;
background: #FFFFFF url(../images/algemeen/waterback.gif) repeat center; 
}

#container {
text-align: left;
margin: 0 auto;
width: 960px;
height: 568px;
}

#top {
text-align: center;
margin: 0 auto;
font-style: oblique;
font-size: 300%;
font-weight: bold;
width: 100%;
height: 20%;
background: #2745FD; 
color: #FF0000;
}  

#logol {
float: left;
width: 10%;
height: 100%;
}

#logor {
float: right;
width: 10%;
height: 100%;
}

#left {
float: left;
width: 18%;
height: 80%;
background: #FFFFFF;
}  

#content {
float: left;
overflow: auto;
width: 82%;
height: 80%;
background: #FFFFFF url(../images/algemeen/Dirk_vlag3.gif) no-repeat center; 
background-attachment: fixed;
}  

#footer {
float: left;
height: 3%;
width: 100%;
color: #FFFFFF;
background: #2745FD; 
}

#txtklein {
font-size: 70%;
}

#titel {
float: left;
width: 95%;
font-size: 110%;
text-align: center;
font-weight: bold;
background-color: #CCEDFF;
}

#upload {
float: left;
}  

#kop {
font-size: 150%;
font-weight: bold;
padding: 2%;
}

#kopje {
font-size: 110%;
font-weight: bold;
padding: 2%;
}

#css {
float: left;
width: 5%;
height: 100%;
}

#counter {
float: left;
width: 80%;
height: 4%;
border:1px ridge #6666CC;
text-align: center;
font-weight: bold;
color: #FFFF00;
background: #000000; 
}  

#sitemap {
float: left;
width: 80%;
text-align: center;
color: #000000;
}  

a.menu:link, a.menu:visited {
width: 80%;
height: 4%;
border-left:1px ridge #6666CC;
border-right:1px ridge #6666CC;
border-bottom:1px ridge #6666CC;
display: block;
text-align: center ;
text-decoration: none;
color: #FC6401;
float: left;
font-size: 100%;
color: #555566;
background-color: #CCEDFF;
}

a.menu:hover {
border-left:2px groove #6666CC;
border-right:2px groove #6666CC;
border-bottom:1px groove #6666CC;
background-color: #DDFEFF;
color: #0000CC; 
}

a.submenu:link, a.submenu:visited {
width: 15%;
height: 4%;
border-left:1px ridge #6666CC;
border-right:1px ridge #6666CC;
border-bottom:1px ridge #6666CC;
display: block;
text-align: center ;
text-decoration: none;
color: #FC6401;
float: left;
font-size: 100%;
color: #555566;
background-color: #CCEDFF;
}

a.submenu:hover {
border-left:1px groove #6666CC;
border-right:1px groove #6666CC;
border-bottom:1px groove #6666CC;
background-color: #DDFEFF;
color: #0000CC; 
}

#bold {
font-weight: bold;
}

#thumb {
float: left;
width: 10%;
height: 15%;
padding: 0px;
margin: 1%;
}

#thumbgroot {
float: left;
width: 23%;
height: 30%;
padding: 0px;
margin: 1%;
}

#albums {
float: left;
font-size: 90%;
font-weight: bold;
width: 24%;
height: 27%;
}

#albumlogo {
float: left;
width: 40%;
height: 57%;
}

label 
{ 
width:20%; 
text-align:left; 
float:left; 
} 

#form {
text-align: center;
}

#gastenboek {
background-color: #1111AA;
}

#gastenboekleft {
float:left; 
width: 15%;
height: 16%;
border-top: 1px solid #AAAAFF;
background-color: #CCEDFF;
}

#gastenboekcontent {
float:left; 
width: 75%;
height: 16%;
border-top: 1px solid #AAAAFF;
background-color: #DDFEFF;
}
#newsleft {
float:left; 
width: 15%;
border-top: 1px solid #AAAAFF;
background-color: #CCEDFF;
}

#newscontent {
float:left; 
width: 75%;
border-top: 1px solid #AAAAFF;
background-color: #DDFEFF;
}
#gastenboekfooter {
float:left; 
width: 90%;
border-top: 1px solid #AAAAFF;
border-bottom: 1px solid #AAAAFF;
background-color: #CCEDFF;
}

#agendaadm {
float: left;
width: 15%;
}

#editfoto {
float: left;
width: 30%;
font-size: 90%;
font-weight: normal;
text-decoration: none;
border: 1px solid #000;
color: #FF0000;
background-color: #FFFFDD;
}

#fotodel {
clear: left;
}

#edit {
float: left;
width: 7%;
font-size: 90%;
font-weight: normal;
text-decoration: none;
border: 1px solid #000;
color: #FFFF00;
background-color: #FFFFDD;
}

#agendaedit {
float: left;
width: 19%;
height: 10%;
border: 1px solid #000;
background-color: #FFFFDD;
}

#agendaeditgroot {
float: left;
width: 38%;
height: 10%;
border: 1px solid #000;
background-color: #FFFFDD;
}

#agendal {
float: left;
width: 21%;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #DDFEFF;
}

#agendaa {
float: left;
width: 42%;
text-align: center;
font-weight: bold;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #FFFF00;
}

#agendad {
float: left;
width: 21%;
font-size: 110%;
font-weight: bold;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #CCEDFF;
}

#weer {
font-family: Courier New, Courier, monospace;
font-size: 85%;
float: left;
width: 95%;
}  

#wsl {
float: left;
padding-right: 2%;
}  

#maan{
float: left;
padding-right: 2%;
width: 11%;
height: 19%;
}

#link {
float: left;
width: 95%;
text-align: center;
}

#meerdaagsebigd {
float: left;
width: 20%;
background-color: #CCEDFF;
}  

#meerdaagsesmalld {
float: left;
width: 10%;
background-color: #CCEDFF;
}  

#meerdaagsebigl {
float: left;
width: 20%;
background-color: #DDFEFF;
}  

#meerdaagsesmalll {
float: left;
width: 10%;
background-color: #DDFEFF;
}  

#nitrox {
float: left;
width: 50%;
height: 17%;
padding: 0px;
margin: 1%;
}