/* CSS Document */
html, body {
height: 100%; /* héél belangrijk */
}
.titels {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #000000;
}
.titels2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
a:link,
a:visited{
color: #003B14;
text-decoration: none;
}
a:link,
a:visited
{
color: #003B14;
}
a:hover
{
color: #003B14;
text-decoration: underline;
}
#volledig {
position: relative;
min-height: 100%;
height:100% !important; /* voor moderne browsers */
height:100%; /* voor IE */
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
#volledig {
position: relative;
min-height: 100%;
height:100% !important; /* voor moderne browsers */
height:100%; /* voor IE */
}
#inhoud
{
/*position:fixed !important;*/
display:block;
font-size: 12px;
position:relative; /*Dit zorgt ervoor dat de positie relative staat tegenover de plaats waar deze staat. Als hier absolute wordt ingevuld, dan komt deze kader links bovenaan te staan */
left:0px;
right:0px;
/*margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;*/
width: 99%; /*Dit is de breedte van het vlak*/
height:305 !important; /* voor moderne browsers */
height: 98%;/*360; /*Dit moet je gebruiken als je het vlak altijd op dezelfde grootte wilt houden.*/
z-index:2; /*De z-index staat voor de plaats (achter de vorige foto of ervoor plaatsen)*/
overflow:auto; /*Deze code zorgt ervoor dat je moet scrollen als het veld groter is dan de plaats die je ervoor krijgt*/
scrollbar-arrow-color: #003B14; /*Dit is de kleur van de pijltjes in IE (werkt niet in firefox)*/
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
#dropmenudiv{
position: absolute;
display: block;
background-color: #ffffff;
border: 1px solid black;
border-bottom-width: 0;
font: normal 10px verdana;
font-color: #ffffff;
line-height: 18px;
z-index:100;
border-bottom: 1px solid black;
text-decoration: normal;
}
#container{
position:absolute;
left:50%;
/*left: expression(document.body.height < 800 ? "400px" : "50%");*/
/*margin-left: expression(left < 400 ? "0" : "-400px");*/
/*expression(this.scrollHeight > 400 ? "400px" : "auto");*/
top:50%;
margin-left: -400px;
margin-top:-300px;
width:800px;
height:600px;
}
#containerie{
position:absolute;
left: expression(document.body.width < 800 ? "400px" : "50%");
margin-left: expression(document.body.width < 400 ? "0" : "-400px");
margin-top: expression(document.body.height < 600 ? "0" : "-300px");
top: expression(document.body.height < 600 ? "0" : "50%");
width:800px;
height:600px;
}
#opac1 {position:absolute; left:2px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=100); -moz-opacity:1.00;}
#opac2 {position:absolute; left:3px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=90); -moz-opacity:0.90;}
#opac3 {position:absolute; left:4px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=80); -moz-opacity:0.80;}
#opac4 {position:absolute; left:5px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=70); -moz-opacity:0.70;}
#opac5 {position:absolute; left:6px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=60); -moz-opacity:0.60;}
#opac6 {position:absolute; left:7px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=50); -moz-opacity:0.50;}
#opac7 {position:absolute; left:8px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=40); -moz-opacity:0.40;}
#opac8 {position:absolute; left:9px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=30); -moz-opacity:0.30;}
#opac9 {position:absolute; left:10px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=20); -moz-opacity:0.20;}
#opac10 {position:absolute; left:11px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=10); -moz-opacity:0.10;}
#opacright1 {position:absolute; left:788px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=10); -moz-opacity:0.10;}
#opacright2 {position:absolute; left:789px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=20); -moz-opacity:0.20;}
#opacright3 {position:absolute; left:790px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=30); -moz-opacity:0.30;}
#opacright4 {position:absolute; left:791px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=40); -moz-opacity:0.40;}
#opacright5 {position:absolute; left:792px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=50); -moz-opacity:0.50;}
#opacright6 {position:absolute; left:793px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=60); -moz-opacity:0.60;}
#opacright7 {position:absolute; left:794px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=70); -moz-opacity:0.70;}
#opacright8 {position:absolute; left:795px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=80); -moz-opacity:0.80;}
#opacright9 {position:absolute; left:796px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=90); -moz-opacity:0.90;}
#opacright10 {position:absolute; left:797px; top:141px; width:1px; height:105px;
background-color:white; z-index:2; filter:alpha(opacity=100); -moz-opacity:1.00;}