html, body{
margin: 0px;
padding: 0px;
border: 0px;
overflow: hidden;
height: 100%; 
max-height: 100%; 
width: 100%; 
max-width: 100%; 
background-color:#ffc115;
line-height:18px;


        scrollbar-track-color: #FFFFFF;
        scrollbar-arrow-color: #006bab;
        scrollbar-base-color: #FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #006bab;
        scrollbar-shadow-color: #006bab;
}

* html body { /*IE6 hack*/
padding-top: 0px;
padding-bottom:0px;
padding-left:20;
padding-right:0; 
}

html,body,td, .td, .input
{
color:#006bab;
font-family:arial;
font-size:12px;
line-height:18px;
}

li      {
        list-style: square outside;
        margin-left:20px;
        }

.submit {font:12px arial, sans-serif; color:#006bab; cursor:hand; background:#FFFFFF;border : 1px solid #ffc115; }

.input   {
            font-family: arial, helvetica, sans-serif;
            font-size: 12px;
            color: #006bab;
            background-color: #FFFFFF;
            border : 1px solid #ffc115;
        }
        
.input2   {
            font-family: arial, helvetica, sans-serif;
            font-size: 12px;
            color: #006bab;
            background-color: #E7EBFF;
            border : 1px solid #ffc115;
        }


a:link {color:#006bab}
a:visited {color:#006bab}
a:hover {color:#66bdf2}
a:active {color:#66bdf2}

.wit {color:#FFFFFF; line-height:18px;}
a.wit:link {color:#FFFFFF; line-height:18px;}
a.wit:visited {color:#FFFFFF; line-height:18px;}
a.wit:hover {color:#66bdf2; line-height:18px;}
a.wit:active {color:#66bdf2; line-height:18px;}



#container
{
  margin-top:0px;
  height:100%;
  position:absolute;
  width:968px;/* dit is om een vaste breedte te maken*/
  left:50%;/* dit is om te centreren*/
  margin-left:-484px;/* dit is om te centreren. Moet helft zijn van width*/
  z-index:1;
  text-align:left;
  background-color:#FFFFFF;
  }
  
  
  #bovenkant
{
  position: absolute;
  top: 0px;
  height: 166px;
  width:100%;
  margin:0px;
}

#logo
{
  position: absolute;
  top:0px;
  left:0px;
  height: 166px;
  width:159px;
  margin:0px;
  background-image:url(../images/logo.jpg);
}

#zoeken
{
  left:10px; 
  position: absolute;
  top: 140px;
  height: 20px;
  width:159;
  margin:0px;
}

#boven
{
  position: absolute;
  top: 0px;
  left:159px;
  height: 166px;
  width:809;
  margin:0px;
   background-image:url(../images/boven/boven_tarieven_nl.jpg);
}

#menu
{
  left:10px; 
  position: absolute;
  top: 102px;
  height: 20px;
  width:809;
  margin:0px;
}
 
  
#blauwekolom
{
  color:#FFFFFF;
  top:166px;
  bottom:0px;
  position:absolute;
  width:159px;
  left:0px;
  background-color:#006bab;
  border-left:solid 1px #FFFFFF;
  padding:11px;
}

* html #blauwekolom { /*IE6 hack*/
height: expression(parseInt(document.body.offsetHeight-166)); 
}


 #tekst
{
  background:#FFFFFF;
  position:absolute;
  left:159px;
  top:166px;
  bottom:21px;
  width:621px;
  padding:0px;
  overflow:none;
 }

* html #tekst { /*IE6 hack*/
height: expression(parseInt(document.body.offsetHeight-166-21)); 
}

 #tekst_inner
{
  position:absolute;
  top:4px;
  left:25px;
  right:5px;
  bottom:5px;
  padding:11px;
  overflow:auto;
  overflow-y-moz-scrollbars:auto;
  overflow-y:auto;
  overflow-x:hidden;
  overflow-x-moz-scrollbars:hidden;
  margin:-4px;
 }

* html #tekst_inner { /*IE6 hack*/
width: expression(document.getElementById('tekst').offsetWidth-21);
height: expression(document.getElementById('tekst').offsetHeight-0); 
}

#rechts
{
  position: absolute;
  top: 166px;
  bottom:0px;
  left:780px;
  width:188px;
  margin:0px;
  padding:0px;
  border-left:solid 1px #006bab;
 }


 #rechts_inner
{
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  padding:11px;
  overflow:auto;
  overflow-y-moz-scrollbars:auto;
  overflow-y:auto;
  overflow-x:hidden;
  overflow-x-moz-scrollbars:hidden;
 }

* html #rechts_inner { /*IE6 hack*/
width: expression(document.getElementById('rechts').offsetWidth);
height: expression(document.getElementById('rechts').offsetHeight-21); 
}


 * html #rechts { /*IE6 hack*/
height: expression(parseInt(document.body.offsetHeight-166)); 
}


 #adres
{
color:#FFFFFF;
  position: absolute;
  bottom: 0px;
  height: 21px;
  left:159px;
  width:809px;
  bottom: 0px;
  margin:0px;
  font-size:11px;
  text-align:right;
 
}













.slideshow_navigation_inactive, a.slideshow_navigation_inactive:link, a.slideshow_navigation_inactive:visited, a.slideshow_navigation_inactive:hover, a.slideshow_navigation_inactive:active
{
  margin-left:5px;
  margin-right:5px;
  text-decoration:none;
}

.slideshow_navigation_active, a.slideshow_navigation_active:link, a.slideshow_navigation_active:visited, a.slideshow_navigation_active:hover, a.slideshow_navigation_active:active
{
  margin-left:5px;
  margin-right:5px;
  color:#B4B293;
  text-decoration:none;
}



* html #maincontent_container,#bottom_container { /*IE6 hack*/
width: expression(parseInt(document.body.offsetWidth)); 
}


.links {  text-decoration: none; }
a.links:link {  text-decoration: none;}
a.links:visited {  text-decoration: none;}
a.links:hover {  text-decoration: none;color:#767257}
a.links:active {  text-decoration: none;color:#767257}


.keyword
{
 color:#FFFFFF;
 font-weight:bold;
 background:#0169a8;

}


/* Hoofdmenu inner */
.m0l0iout {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	text-decoration: none;
    font-weight : bold;
    padding: 1px;
    color: #006bab;
}

.m0l0iover {
     font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight : bold;
    padding: 1px;
    color: #66bdf2;
}

/* Hoofdmenu outer */
.m0l0oout {
    text-decoration : none;
    border : 0px solid #450082;
    font-weight : bold;
    background: #FFFFFF;
}
.m0l0oover {
    text-decoration : none;
    border : 0px solid #FFFFFF;
    font-weight : bold;
    background: #FFFFFF;
}

/* level 1 inner */
.m0l1iout {
    font: 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
	text-align:center;
    font-weight : bold;
    padding: 2px;
    color: #006bab;
}
.m0l1iover {
    font: 12px Arial, Helvetica, sans-serif;
    text-decoration : none;
	text-align:center;
    font-weight : bold;
    padding: 2px;
    color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout {
    text-decoration : none;
    border : 1px solid #ffc115;
    background: #FFFFFF;
    filter: alpha(opacity=100);
}
.m0l1oover {
    text-decoration : none;
    border : 1px solid #ffc115;
    background: #006bab;
}



