html, body{
margin: 0px;
padding: 0px;
border: 0px;
overflow: hidden;
height: 100%; 
max-height: 100%; 
width: 100%; 
max-width: 100%; 
line-height:18px;
background-color: #ebebeb;

        scrollbar-track-color: #FFFFFF;
        scrollbar-arrow-color: #cccccc;
        scrollbar-base-color: #FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #cccccc;
        scrollbar-shadow-color: #cccccc;
}

* html body { /*IE6 hack*/
padding-top: 0px;
padding-bottom:0px;
padding-left:0;
padding-right:0; 
}

html,body, .input
{
color:#4f4f4f;
font-family:verdana;
font-size:10px;

}

h1 {        font:10px Verdana, arial, sans-serif;  font-weight:bold;margin:0px;margin-bottom:3px;}
h2 {        font:10px Verdana, arial, sans-serif;  ffont-style:italic;color:#999999;margin:0px;margin-bottom:0px;}

td, .td
{
color:#4f4f4f;
font-family:verdana;
font-size:10px;
line-height:16px;
}

li      {
        list-style: square outside;
        margin-left:20px;
        }

.submit {font:12px verdana, sans-serif; color:#4f4f4f; cursor:hand; background:#FFFFFF;border : 1px solid #d9d9d9; }

.input   {
            font-family: verdana, helvetica, sans-serif;
            font-size: 10px;
            color: #4f4f4f;
            background-color: #FFFFFF;
            border : 1px solid #d9d9d9;
        }
        
.input2   {
            font-family: verdana, helvetica, sans-serif;
            font-size: 10px;
            color: #4f4f4f;
            background-color: #E7EBFF;
            border : 1px solid #d9d9d9;
        }


a:link {color:#4f4f4f}
a:visited {color:#4f4f4f}
a:hover {color:#a9ce1b}
a:active {color:#a9ce1b}

.kolom {line-height:14px;}
a.kolom:link {color:#4f4f4f; text-decoration:none;line-height:14px;}
a.kolom:visited {color:#4f4f4f;text-decoration:none;line-height:14x;}
a.kolom:hover {color:#FFFFFF;text-decoration:none;line-height:14px;}
a.kolom:active {color:#FFFFFF;text-decoration:none;line-height:14px;}

.nieuws {color:#669900; text-decoration:none;}


a.menu:link {color:#4f4f4f; text-decoration:none;font-weight:bold;}
a.menu:visited {color:#4f4f4f;text-decoration:none;font-weight:bold;}
a.menu:hover {color:#a9ce1b;text-decoration:none;font-weight:bold;}
a.menu:active {color:#a9ce1b;text-decoration:none;font-weight:bold;}



 
 #container
{
  margin-top:0px;
  margin-left:-478px;/* dit is om te centreren. Moet helft zijn van width*/
  height:100%;
  position:absolute;
  width:957px;/* dit is om een vaste breedte te maken*/
  left:50%;/* dit is om te centreren*/
  z-index:2;
  text-align:left;
  background-image:url(../images/tekst/tekst_midden.jpg);
 }


 #menu
{
  position: absolute;
  top:0px;
  left:0px;
  height: 30px;
  right:0px;
  background-image:url(../images/menu/menu.jpg);
  font-weight:bold;
  padding-top:8px;
  padding-left:552px;
  line-height:22px;
}

#foto
{
  position: absolute;
  top:30px;
  left:0px;
  height: 130px;
  width:100%;
}

#breadcrumbs
{
  position: absolute;
  top:160px;
  left:0px;
  height: 32px;
  width:100%;
}


#kolom
{
  position: absolute;
  top:192px;
  bottom:16px;
  left:0px;
  width:178px;
  background-image:url(../images/links1.jpg);
  line-height:18px;
  overflow:auto;
  overflow-y-moz-scrollbars:auto;
  overflow-y:auto;
  overflow-x:hidden;
  overflow-x-moz-scrollbars:hidden;
}

#kolom_inner
{
  position: absolute;
  padding:15px;
}

* html #kolom { /*IE6 hack*/
height: expression(document.getElementById('container').offsetHeight-192-16); 
}



#boventekst
{
  position: absolute;
  top:192px;
  left:178px;
  right:0px;
  height: 21px;
  width:779px;
  background-image:url(../images/tekst/tekst_boven.jpg);
  z-index:2;
}

#tekst_outer
{
  position:absolute;
  left:203px;
  width:672px;
  top:212px;
  bottom:36px;
  overflow:none;
  background-image:url(../images/tekst/tekst_onder.jpg);
  z-index:3;
  margin-top:-5px;
  }

* html #tekst_outer { /*IE6 hack*/
height: expression(document.getElementById('container').offsetHeight-212-36+3); 
}



 #tekst
{
  position:absolute;
  width:724px;
  height:100%;
  padding:0px;
  overflow:auto;
  overflow-y-moz-scrollbars:auto;
  overflow-y:auto;
  overflow-x:hidden;
  overflow-x-moz-scrollbars:hidden;
 }

#tekst_inner
{
  padding:12px;
  margin-right:30px;
}


#ondertekst
{
  position:absolute;
  left:178px;
  width:780px;
  overflow:none;
  bottom:expression(19);
  bottom:17px;
  height:300px;
  z-index:2;
  background-repeat:no-repeat;
  background-position:bottom left;
}



#adres
{
  position: absolute;
  bottom:0px;
  left:0px;
  height: 16px;
  width:100%;
  background-color: #ebebeb;
  text-align:right;
  color:#999999;
  border-top:solid 1px #666666;
  }


 
 
 
 
 
 #achter
{
  margin-top:-270px;
  height:524px;
  top:50%;
  position:absolute;
  width:100%;
  left:0px;
  right:0px;
  margin-left:0px;
  z-index:1;
  text-align:left;
 }

 
 
  
  






#webdesign
{
 position:absolute;
 text-align:right;
 height:21px;
 top:524px;
 width:932px;
color: #76ae76; 
background-image:url(../images/adres.jpg);

}


/* Hoofdmenu inner */
.m0l0iout {
    font-family: verdana;
    font-size: 10px;
	text-decoration: none;
    font-weight : bold;
    padding: 1px;
    color: #4f4f4f;
	text-align:center;
}

.m0l0iover {
     font-family: verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight : bold;
    padding: 1px;
    color: #a6c91c;
	text-align:center;
}

/* Hoofdmenu outer */
.m0l0oout {
    text-decoration : none;
    border : 0px solid #450082;
    font-weight : bold;
    background: #ebebeb;
	text-align:center;
}
.m0l0oover {
    text-decoration : none;
    border : 0px solid #FFFFFF;
    font-weight : bold;
    background: #f7f7f6;
	text-align:center;
}

/* level 1 inner */
.m0l1iout {
    font: 10px verdana;
    text-decoration: none;
	text-align:center;
    font-weight : bold;
    padding: 3px;
    color: #4f4f4f;
}
.m0l1iover {
    font: 10px verdana;
    text-decoration : none;
	text-align:center;
    font-weight : bold;
    padding: 3px;
    color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout {
    text-decoration : none;
    border : 1px solid #747474;
    background: #ebebeb;
    filter: alpha(opacity=70);
}
.m0l1oover {
    text-decoration : none;
    border : 1px solid #747474;
    background: #b6dc22;
}



