body{ font-family: Verdana; font-size: 10px; line-height: 1.2em; height: auto; background-color: #ccffff; text-align: center; }
body.kunstwerken{ width: auto; height: auto; line-height: 1.2em; background-color: #ffffff; text-align: left; }

#next{ float: right; }
#container{ margin: 25px auto; width: 800px; text-align: left; }

#kleiner{ font-size: 10pt; } 
.textkop{ font-size: 12px; font-weight: bold; }
 
.small{ font-size: 10px; } 
.smalltop{ font-size: 10px; vertical-align: top; } 

#linkies { width: 100%; }

#index{ background-color: #ccffff; width: 100%; height: 41px; font-size: 14pt; }
.indexkop{ font-family: Verdana; font-size: 14pt; color: #6B6B6B; font-weight: bold; text-decoration: none;}
.geenlinkkop {font-family: Verdana; font-size: 10pt; color: #000000; font-weight: bold; text-decoration: none;}  

img{ border: none; } 

#plaatje{ float: right; border: none; }

#plaatjeb{ float: right; border: none; }

#tekstje{ display: inline; font-size: 10px; }

#sgroen { background-color: #cccc33; width: 100%; height: auto; }
#sgroenkop{ background-color: #cccc33; width: 100%; height: 8%; }
#sgroentext{ background-color: #cccc33; width: 100%; }
#sgroentexta{ background-color: #cccc33; width: 100%; height: 309px;}
#sgroenindex{ background-color: #cccc33; width: 100%; height: 35%; }

#sgroenshadekop{ background-color: #99cc33; width: 100%; height: 8%; }
#sgroenshadetext{ background-color: #99cc33; width: 100%; }

#sgroenshadebkop{ background-color: #99cc99; width: 100%; height: 8%; }
#sgroenshadebtext{ background-color: #99cc99; width: 100%; }

#lblauwindex{ background-color: #99cccc; width: 100%; height: 35%; }
#lblauwkop{ background-color: #99cccc; width: 100%; height: 8%; }
#lblauwtext{ background-color: #99cccc; width: 100%; }
#lblauwend{ background-color: #99cccc; width: 50%; height: 4%; float: right; text-align: right; color: #ffffff; }

#lblauwshadekop{ background-color: #66cccc; width: 100%; height: 5%; }
#lblauwshadetext{ background-color: #66cccc; width: 100%; }

#lblauwshadebkop{ background-color: #66ccff; width: 100%; height: 5%; }
#lblauwshadebtext{ background-color: #66ccff; width: 100%; }

#zbruinindex{ background-color: #cc9966; width: 100%; height: 8%; }
#zbruintext{ background-color: #cc9966; width: 100%; }

#dgroenindex{ background-color: #339966; width: 100%; height: 7%; }
#dgroenkop{ background-color: #339966; width: 100%; height: 8%; }
#dgroentext{ background-color: #339966; width: 100%; }

#lgroenindex{ background-color: #ccff99; width: 100%; height: 7%; }
#lgroenkop{ background-color: #ccff99; width: 100%; height: 8%; }
#lgroentext{ background-color: #ccff99; width: 100%; }

#rroodindex{ background-color: #cc9999; width: 100%; height: 8%; }
#rroodkop{ background-color: #cc9999; width: 100%; height: 8%; }
#rroodtext{ background-color: #cc9999; width: 100%; }

#kakiindex{ background-color: #cccc66; width: 100%; height: 7%; }
#kakikop{ background-color: #cccc66; width: 100%; height: 8%; }
#kakitext{ background-color: #cccc66; width: 100%; }

#otherindex{ background-color: #cc9966; width: 100%; height: 8%; }
#otherkop{ background-color: #cc9966; width: 100%; height: 8%; }
#othertext{ background-color: #cc9966; width: 100%; }

a.index:link, a.index:visited, a.index:active {
font-family: Verdana;
font-size: 10pt;
color: #6b6b6b;
font-weight: bold;
text-decoration: none;
}  
  
a.index:hover {
font-family: Verdana;
font-size: 10pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}


a:link, a:visited, a:active {
font-family: Verdana;
font-size: 10pt;
color: #6b6b6b;
font-weight: bold;
text-decoration: none;
}  
  
a:hover {
font-family: Verdana;
font-size: 10pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

a.indexkop:link, a.indexkop:visited, a.indexkop:active {
font-family: Verdana;
font-size: 14pt;
color: #6B6B6B;
font-weight: bold;
text-decoration: none;
} 

a.indexkop:hover {
font-family: Verdana;
font-size: 14pt;
color: green;
font-weight: bold;
text-decoration: none;
}   

div.hra { height: 10px; background: #435454; }
div.hra hr { display: none; }
div.hrb { height: 3px; background: #435454; }
div.hrb hr { display: none; }

.poster{ font-family: Verdana; font-size: 30px; height: auto; background-color: #ccffff; text-align: center; }

#meer {
display: none;
width: auto;
float: right;
}

.list {
font-family: Verdana;
font-size: 10px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
text-indent: 15px;
list-style-position: inside;
list-style-type: square;
padding: 10px;
margin: 6px;
}

.tussentext {
line-height: 1.2em;
}
    
.tabel {
font-size: 10px;
}