body 							{ background-color:#cccc33; }
* html 							{ height:100%; overflow-x: hidden; }
p 								{ font-family:"Trebuchet MS"; font-size: 10px; color: #00000; line-height: 14px; margin:0px; padding:0px; }
a 								{ color: #000000; }
a:hover 						{ text-decoration: none; color: #000000; }
ul, ol							{ font-family: Arial; font-size: 12px; color: #000; line-height: 17px; margin-left: 15px;	padding-left: 0px; }
input, textarea, select, button	{ font-family: Arial; font-size: 12px; margin: 0px; padding: 0px; border:1px solid #CCCCCC; }
form							{ margin:0px; }
h2								{ font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF; }
h3 								{ font-family:"Trebuchet MS"; font-size: 14px; color: #00000; line-height: 14px; margin:0px; padding:0px; }
br								{ clear: left; }
img								{ behavior: url(/iepngfix.htc) }

.main							{ position: absolute; z-index:0; width: 980px; height: 575px; background: url(/img/shadow.gif) no-repeat; left: 50%; top: 50%; margin-left: -490px; margin-top: -288px; text-align: left; }
.intro							{ position: absolute; z-index:1; width: 980px; height: 575px; background: url(/img/shadow.gif) no-repeat; left: 50%; top: 50%; margin-left: -490px; margin-top: -288px; text-align: left; padding:10px; }
.achtergrond	 				{ width: 960px; height: 555px; margin: 10px; text-align: left; }

.menu							{ width:143px; height:555px; float:left; }
.menuitem 						{ height:37px; width:143px;  overflow:hidden; cursor:pointer; }
.menuitem a 					{ margin-top:-37px; cursor:pointer;}
.menuitem a:hover 				{ margin-top:0; cursor:pointer; }
.inhoud							{ width:817px; height:555px; z-index:5px; float:left; }
.clear							{ clear:both; overflow:hidden; height:0;  }
.logootje						{ position: absolute; z-index:10000; top:343px; left:153px; width:85px; height:74px; }
.inhoudboven					{ width:424px; height:185px;  background-color:#cdcfd0; padding:111px 250px 37px 143px; overflow:hidden; }
.inhoudonder					{ width:817px; height:222px; }
.inhoudonderc					{ width:817px; height:555px; background-color:#cdcfd0; }
.inhoudlinks					{ width:777px; height:555px; float:left; background-color:#cdcfd0; margin:0px; padding:0px; overflow:hidden; }
.inhoudrechts					{ width:40px; height:555px; float:left; margin:0px; padding:0px; overflow:hidden; }

/* Root = Vertical, Secondary = Vertical */
ul#navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin:0; border:0 none; padding:0; width:143px; /*For KHTML*/ list-style:none; z-index:10002; }
ul#navmenu-v:after /*From IE 7 lack of compliance*/{  clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#navmenu-v li { float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative; }
/* Root Menu */
ul#navmenu-v a { border-bottom:0; padding:0; display:block; font-family:Arial; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none; height:auto !important; height:1%; /*For IE*/ line-height:24px; }
/* Root Menu Hover Persistence */
ul#navmenu-v a:hover, ul#navmenu-v li:hover a, ul#navmenu-v li.iehover a { background: #cccc33; color: #FFF; }
/* 2nd Menu */
ul#navmenu-v li:hover li a, ul#navmenu-v li.iehover li a {  border-bottom:0;  background: #cccc33; color: #FFF; }
/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover, ul#navmenu-v li:hover li:hover a, ul#navmenu-v li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover a { background: #cccc33; color: #FFF; }
/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li a { border-bottom:0; border-left:0; background: #cccc33; color: #FFF; }
/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover a, ul#navmenu-v li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover a { background: #cccc33; color: #FFF; }
/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li.iehover li a { background: #cccc33; color: #FFFF; }
/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover { background: #cccc33; color: #FFF; }
ul#navmenu-v ul, ul#navmenu-v ul ul, ul#navmenu-v ul ul ul { display: none; position:absolute; top:0; left:143px; }
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul, ul#navmenu-v li:hover ul ul ul, ul#navmenu-v li.iehover ul ul, ul#navmenu-v li.iehover ul ul ul { display:none; }
ul#navmenu-v li:hover ul, ul#navmenu-v ul li:hover ul, ul#navmenu-v ul ul li:hover ul, ul#navmenu-v li.iehover ul, ul#navmenu-v ul li.iehover ul, ul#navmenu-v ul ul li.iehover ul { display:block;}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 424px;
height: 185px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}
