/* CSS Document */

body
{
background-color: #FFFFFF;
background-image: url(images/achtergrond1.png);
background-repeat:repeat;
scrollbar-arrow-color: #66CC00;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #ccc;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #ccc;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.midden
{
width: 902px;
height:101px;
margin-left:-450px;
left: 50%;
position:absolute;
}

.blokboven
{
float:left;
height:68px;
width:900px;
background:url(images/bovenbalk3.png);
background-repeat:no-repeat;
background-color:#000;
border-top: #999999 solid 1px;
border-left: #999999 solid 1px;
border-right: #999999 solid 1px;
}

.blokmenuboven
{
float:left;
height:22px;
width:900px;
background-color:#006699;
border-left: #999999 solid 1px;
border-right: #999999 solid 1px;
}

.bloklinks
{
float:left;
height:425px;
width:150px;
background-image: url(images/linksbalk1.png);
background-repeat:repeat-x;
border-left: #999999 solid 1px;
border-bottom: #999999 solid 1px;
}

.blokrechts
{
float:left;
height:425px;
width:750px;
background-color:#FFFFFF;
border-right: #999999 solid 1px;
border-bottom: #999999 solid 1px;
overflow:auto;
position:relative;
}

.blokonder
{
float:left;
height:40px;
width:900px;
border-right: #999999 solid 1px;
border-left: #999999 solid 1px;
border-bottom: #999999 solid 1px;
background-color:#ffffff;
}

h1
{
font-size:18px;
padding-left: 10px;
margin:0px 0px 10px 0px; /* boven rechts onder links */
background-color:#66CC00;
}

h2
{
font-size:12px;
margin-top:0px;
margin: 0px 0px 10px 10px; /* boven rechts onder links */
background-color:#66ff00;
}

h3
{
font-size:11px;
margin: 10px 0px 10px 10px; /* boven rechts onder links */
border-bottom:#66CC00 solid 1px;
}

h4
{
font-size:10px;
font-weight:300;
margin: 0px 0px 10px 10px; /* boven rechts onder links */
border-bottom:#CCCCCC solid 1px;
}

h5
{
font-size:11px;
margin: 10px 0px 10px 0px; /* boven rechts onder links */
border-bottom:#66CC00 solid 1px;
}

p
{
font-size:9px;
margin: 0px 10px 10px 10px; /* boven rechts onder links */
text-align:left;
}


ul
{
margin:0px 10px 10px 15px; /* boven rechts onder links */
list-style:none;
font-size:9px;
}

li
{
margin-bottom:10px;
border-bottom: solid #ccc 1px;
}

a:link {
font-weight: bold;
color: #66CC00;
text-decoration:none;
}

a:hover {
font-weight: bold;
color: #000000;
text-decoration:none;
}

a:active {
font-weight: bold;
color: #c00;
text-decoration:none;
}

a:visited {
font-weight: bold;
color: #66cc00;
text-decoration:none;
}

IMG.alglinks
{
display: block;
border: #000 solid 1px;
margin: 0px 0px 0px 10px; /* boven rechts onder links */
width:150px;
height:150px;
float:left;
}

.blokonder p
{
font-size:9px;
text-align:center;
}

#menu {list-style-type:none; margin:0 0 100px 0; padding:0;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:1px; z-index:100;}
#menu li a, #menu li a:visited {text-decoration:none;}

#menu dl {
position:absolute; 
top:0; left:0; width: 150px; 
margin: 0; 
padding: 0; 
background: transparent url(transparency.gif);
}

/* achtergrond normaal */
#menu dt {
background: #006699; 
margin:0;
font-size: 1.1em; 
border-right:1px solid #fff;
width:150px; 
float:left;
}

/* CSS Document */
#menu dd {
display:none; 
background: transparent; 
border-bottom:1px solid #cce; 
clear:left; 
margin:0; 
padding:0; 
color: #fff; 
font-size: 1em; 
text-align:left;
}

/* tekst normaal? */
#menu dt a, #menu dt a:visited 
{
display:block; 
color:#000000; 
padding: 5px 5px 5px 20px; 
width:125px;
}

/* actief */
#menu dd a, #menu dd a:visited
{
background: #ccccff; 
color:#000000; 
text-decoration:none; 
display:block; 
padding:4px 5px 4px 20px; 
width:276px;
}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
/* CSS Document */

#menu li:hover dl, #menu li a:hover dl
{
width:301px; 
border-bottom:10px solid #0099ff;
}

/* CSS Document */
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
background: #0099ff; 
color:#534;
}

.hellingtitel
{
float:left;
width:650px;
height: 40px;
background-color:#66CC00;
color:#000000;
}

.hellingcc
{
float:left;
width:79px;
height: 40px;
background-color:#66cc00;
border-left:#CCCCCC dotted 1px;
}

.hellinggrafiek
{
float:left;
width:400px;
height: 250px;
}

IMG.profiel
{
display: block;
margin-left: auto;
margin-right: auto;
}

.hellingkaart
{
float:left;
width:330px;
height: 250px;
}

.hellingbeschrijving
{
float:left;
width:250px;
height: 300px;
overflow:auto;
border-top: #CCCCCC solid 1px;
}

.hellingstatistiek
{
float:left;
width:239px;
height: 300px;
border-top:#CCCCCC solid 1px;
border-left:#CCCCCC solid 1px;
}

.hellingroute
{
float:left;
width:239px;
height:300px;
border-top:#CCCCCC solid 1px;
border-left:#CCCCCC solid 1px;
}

.kolom
{
height:350px;
width:200px;
border: #ccc solid 1px;
float: left;
margin:20px 10px 0px 20px; /* boven rechts onder links */
}

.knop
{
margin:10px 0px 0px 45px; /* boven rechts onder links */
}

table.zoekstatistiek
{
margin:0px 0px 20px 50px;
background-color:#fff;
border-collapse:collapse;
}

.zoekstatistiek th.kolomeen
{
width:75px;
border-bottom:#66CC00 solid 1px;
font-size:9px;
text-align:center;
padding: 10px 0px 0px 0px;
}

.zoekstatistiek th.kolomtwee 
{
width:200px;
border-bottom:#66CC00 solid 1px;
font-size:9px;
text-align:left;
padding: 10px 0px 0px 0px;
}

.zoekstatistiek th.kolomdrie 
{
width:395px;
border-bottom:#66CC00 solid 1px;
font-size:9px;
text-align:left;
padding: 10px 0px 0px 0px;
}

.zoekstatistiek td.kolomeen
{
width:75px;
border-bottom:#ccc solid 1px;
font-size:9px;
text-align:center;
padding: 10px 0px 0px 0px;
}

.zoekstatistiek td.kolomtwee 
{
width:200px;
border-bottom:#ccc solid 1px;
font-size:9px;
text-align:left;
padding: 10px 0px 0px 0px;
}

.zoekstatistiek td.kolomdrie 
{
width:395px;
border-bottom:#ccc solid 1px;
font-size:9px;
text-align:left;
padding: 10px 0px 0px 0px;
}

#map
{
float:left;
width: 540px; 
height: 310px;
margin: 0px 0 0 10px;
border:#000000 solid 1px;
}

.map1
{
float:left;
width: 265px; 
height: 165px;
margin: 30px 0 0 30px;
}


#side_bar1
{
float:left;
width: 150px;
height:310px;
margin: 0px 0px 10px 10px;
font-size:9px;
border: #CCCCCC solid 1px;
padding: 0 5px 0 5px;
overflow:auto;
}