body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    background: url(../images/bg_body.jpg) fixed;
    font-family: arial, helvetica, sans-serif;
	font-size: 12px;
    }
	
* html body {
    behavior: url('htc/csshover.htc'); 
    }
	
td {
    font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

div.printlogo { display: none; }
	
/* standard elements */

td a { color: #700704; }
td a.hover { text-decoration: underline; }
td h1 { color: #700704; font-size: 1.7em; margin-bottom: 6px; }
td h2 { color: #700704; font-size: 1.1em; margin-bottom: 0px; padding-bottom: 0px;}
td h3 { color: #700704; font-size: 1.1em; margin-bottom: 0px;}
td p { margin: 0px 10px 10px 0px}
td .small { font-size: 11px; }
td h4 { }
td h5 { }
img { border: 0px; }

/* to center the website */
div.wrapper {
    position: relative;
    width: 875px;
    height: 100%;
    margin: 0px auto;
    padding: 0px;
    text-align: left;
}

table.main {
    height: 100%;
    width: 850px;
    background: url(../images/bg_main.jpg) repeat-y ;
    }

td.menu {
    height: 100px;
    background: url(../images/bg_menu.jpg) bottom no-repeat ;
    }

td.voet {
    height: 160px;
    background: url(../images/foot_venlo.jpg) center top no-repeat ;
    }
    
td.voet img { margin: 0px 4px 0px 4px; }
td.voet p { margin: 0xp; padding-top: 5px; font-size: 12px; color: maroon; }

td.content {
    height: 100%;
    padding: 20px 42px 0px 270px;
    }
    
div.content {
    height: 100%;
	max-height: 100%;
    scrollbar-face-color:maroon;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-track-color: maroon;
    scrollbar-shadow-color: #CFC7B2;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #CFC7B2;
    scrollbar-darkshadow-color: #8B7E5C;   
    padding: 0px 12px 0px 0px; 
    }
    
* html div.content {
    overflow-y: scroll; 
    }
    
html>body div.content {
    margin-right: 20px; 
    }

div.postit { position: absolute; z-index: 1; top: 79px; left: -8px;}
img.postit { position: absolute; }

/* menu */

ul.menu 		        { z-index: 2; font-family: arial, helvetica, sans-serif; display: block; position: absolute; padding: 0px; margin: 0px; font-size: 12px; font-weight: bold; left: 20px; top: 0px; cursor: pointer; }
ul.menu a		        { text-decoration: none; color: black; }
ul.menu a:hover	    	{ text-decoration: none; color: black; }
ul.menu li          	{ display: inline; position: relative; color: #000000; font-weight: bold; margin: 0px; padding: 0px 4px 0px 4px; line-height: 40px;  }
ul.menu li:hover	    { color: black; }
ul.menu li:selected	    { color: black; }
ul.menu li ul {
    position: absolute;
    display: block;
    visibility: hidden;
    margin:0px;
    padding: 0px;
    top:0px;
    margin-top: 14px;
    z-index: 99;
    
    }

ul.menu li:hover ul {
    visibility: visible;
    position: absolute;
    left:0px;
    padding-top: 10px;
}

ul.menu ul li { margin: 0px; padding: 0px; }
ul.menu ul li a {  margin: 0px; padding: 0px; display: block; width: 151px; height: 20px; }
ul.menu ul li.sub { background-image: none; background-color: transparent; }
ul.menu ul li.tops { background-image: none; height: 13px; }
ul.menu ul li.tops img { position: relative;  top: 4px; }

img.tv {position: absolute; left: 392px; top: 42px; z-index: 1; }      
img.extra {position: absolute; left: 691px; top: 28px; z-index: 1; }      
img.meteen { position: absolute; left: 570px; top: 41px; z-index: 1; }
  

div.kader1box {
     position: absolute;
    left: -6px;
    top: 47px;
    z-index: 2;
    background-repeat: no-repeat;
    background-image: url('../images/kaderleft_1.gif');
    width: 230px;
    height: 197px;
}   

div.kader2box {
    position: absolute;
    left: 18px;
    top: 234px;
    z-index: 1;
    background-repeat: no-repeat;
    background-image: url('../images/kaderleft_2.gif');
    width: 158px;
    height: 210px;
} 
    
div.kader1 { width: 260px; height: 225px; }
div.kader1 img { margin: 15px 0px 0px 10px; }

div.kader2 { width: 210px; padding: 10px 5px 0px 8px; }

/* contractable headers */
.showstate { /*Definition for state toggling image */
    cursor:hand;
    cursor:pointer;
    float: right;
    margin-top: 2px;
    margin-right: 3px;
}

.headers {
    color: #700704;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    margin-top: 1em;
    text-decoration: underline;
    }

.switchcontent{
    padding-top: 0.3em;
    display: none;
    }