* 
    { 
        margin: 0; 
        padding: 0; 
    } 
    html 
    { 
        height: 100%; 
	  background: url(bg3.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
    } 
    body 
    { 
        font: 0.9em/1.6 Verdana; 
        height: 100%; 
		color: #023822;
    } 
    h1 
    { 
        font-size: 2em; 
		color: #023822;
        text-align:center; 
        padding: 5px 0;		
    } 
    h2 
    { 
        font-size: 1.33em; 
		color: #023822;
		padding: 5px 15px; 
    } 
    h3
    { 
         font-size: 1em; 
		color: #023822;
		padding: 0 15px; 
    }
	
	a:link, a:visited  { color: #023822; font-weight: bold; }
	a:hover { text-decoration: none;}
	
    #header 
    { 
        background: #023822; 
        height: 35px; 
        position: relative; 
    }
.mcontainer {
	width: 100%;
	margin: 0 auto;
	position: relative;
		outline:none;
		border-style: none;
}

		#nav{
		    width: 100%;
			margin: 0 auto;
			background-color: #023822;
			list-style:none;
			font-family:arial, verdana, sans-serif; 
			font-size:16px; 
			margin:0;
			padding:0;
			text-align:center;
		}
		#nav li{
			display:inline;
		}
		#nav li a{
			display:inline-block;
			padding:5px 20px;
		}
		#nav li a{
			color:#fff;
			text-decoration:none;
			font-weight:bold;
		}
		#nav li a:hover{
			background: url(menu-bg.png); 
			cursor:pointer; 
			color:#fff;
		}

	    #nav li a:active {
			border: 0;
			outline: 0;
		}
#outer {width:100%; position:absolute; top:6px; left:0; background:#transparent; height:70px; overflow:hidden;}

#menuHolder {position:relative; float:left; left:40%; font-family: Arial, sans-serif; font-size:18px; color: #fff; font-weight: bold; }

#dropline {padding:0; margin:0; list-style:none; float:left; position:relative; right:50%;}
#dropline div {position:absolute; left:-9999px; width:100%; z-index:10; height:35px; top:35px; background:transparent;}
#dropline ul {padding:0; margin:0; list-style:none;}
#dropline table {border-collapse:collapse: padding:0; margin:-1px -10px; width:0; height:0;}

#dropline li ul {position:relative; float:left; left:50%;}
#dropline li ul li {float:left; position:relative; right:50%;}
#dropline li ul li a {display:block; float:left; padding:0 10px; background:transparent; color:#fff; font-weight:bold;}
#dropline li ul li a:hover {text-decoration:underline; background:transparent; color:#FFF;}

#dropline li {float:left; margin-right:1px;}
#dropline li.last {margin:0;}
#dropline li a {display:block; float:left; height:30px; padding:0 0 0 20px; line-height:30px; text-decoration:none; font-family: Arial, sans-serif; font-size:16px; text-decoration:none; color:#FFF; background:#023822;}
#dropline li a b {display:block; float:left; height:35px; padding:0 20px 0 0; background:@023822; cursor:pointer;}

#dropline li a:hover {background:url(menu-bg.png) repeat-x; color:#fff; border:0;}
#dropline li a:hover b {background:url(menu-bg.png) right top;}

#dropline li:hover > a {background:url(menu-bg.png); color:#fff; border:0;}
#dropline li:hover > a b {background:url(button-over.png) right top;}

#dropline :hover div {left:0;}

#dropline li.current a,
#dropline li.current a:hover {background:url(menu-bg.png); color:#fff; font-weight:bold;}
/* #dropline li.current a b,
#dropline li.current a:hover b {background:url(../img/menu-bg.png) right top; color:#fff;} */

#dropline li.current a:hover ul li a:hover {color:#FFF; background:transparent;}
#dropline li.current:hover ul li a:hover {color:#FFF; background:transparent;}

#dropline li.current div {width:100%; left:0; top:35px; background:transparent; z-index:5;}
#dropline li.current ul {position:relative; float:left; left:50%;}
#dropline li.current ul li {float:left; position:relative; right:50%;}
#dropline li.current ul li a {display:block; float:left; padding:0 10px; background:transparent; color:#023822; font-weight:bold;}
#dropline li.current ul li.current_sub a {display:block; float:left; padding:0 10px; background:transparent; color:#FFF; text-decoration:underline;}
#dropline li.current ul li.current_sub a:hover {text-decoration:underline; background:transparent; color:#FFF;}

* html #dropline li.current div {width:expression(document.getElementById('dropline').offsetWidth);}
* html #dropline li a:hover div {width:expression(document.getElementById('dropline').offsetWidth);}
	
#mcs4_container{position:absolute; float: right; top:80px; width:600px; padding:0 10px; height: 72%; bottom: 60px; right: 5%;}
#mcs4_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs4_container .customScrollBox .container{position:relative; width:555px; top:0; float:left; bottom: 60px;}
#mcs4_container .customScrollBox .content{clear:both; background: url(bg.png);}
#mcs4_container .customScrollBox .content p{padding:15px; margin:10px 0; color:#023822; font: 0.8em/1.6 Verdana;}
#mcs4_container .customScrollBox .content ul {list-style-type: square; margin-left: 20px;} 
#mcs4_container .customScrollBox .content li  {font: 0.9em/1.6 Verdana; margin-left: 20px;}
#mcs4_container .dragger_container{position:relative; width:0px; height: 96%; float:left; margin:10px 0 0 26px; border-left:1px solid #555; cursor:pointer;}
#mcs4_container .dragger{position:absolute; width:30px; height:30px; background-image:url(slider3.png); margin-left:-15px; text-align:center; overflow:hidden; cursor:pointer;}
#mcs4_container .dragger_pressed{position:absolute; width:30px; height:30px; margin-left:-15px; overflow:hidden; cursor:s-resize;}	
/* font-family:Verdana, Geneva, sans-serif; font-size:0.9em; */
.estand {
 color: #023822; 
 border-top:1px solid #023822; border-left:1px solid #023822; border-bottom:none;
 margin: 0 15px;
}
.estand th {font-size: 0.7em; padding:4px 6px; background:#023822; text-align:left; color:#cfdce7;}
.estand td {font-size: 0.7em; padding:4px 6px; background:transparent; border-bottom:1px solid #023822; border-right:1px solid #023822;	}	

.klein { 
	padding-left: 15px;
	font-size: 0.7em;
	}

#label {
position: absolute;
bottom: 3%;
right: 5%;
}

#control {
position: absolute;
width: 100%;
height: 100%;
}

#controltxt {
    float: right;
	position: absolute;
    top:35%;
    right:18%;
    width:500px;
	height: 200px;
	background: url(bg.png);
	padding: 20px;
	font-weight: bold;
	}
	
#controltxt td {
	height:30px;
	}
	
#controltxt .dag, #controltxt .maand, #controltxt .jaar {
	color: #023822;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	}

#controltxt input {
	height:40px;
	}	

.knop {
width:125px;
height:31px;
background-color: #023822;
text-align:center;
line-height:22px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
cursor: pointer;
}

	
.right {
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;
	}
	
.left {
	padding-left: 15px;
}

.cent {
	text-align: center;
	}

#footer .fright {
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;
	}
	
#footer .fleft {
	font-family: arial;
	font-style:italic;
	font-size: 16px;
	color: #023822;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 15px;
}

#footer a {
	padding-top: 20px;
	outline: none;
	}

    #footer 
    { 
        bottom: 5px; 
        height: 70px; 
        left: 10px; 
        position: absolute; 
        right: 7%; 
		color: #333;
		border: 0;
    } 
	
    #demo 
    { 
        bottom: 5px; 
        height: 70px; 
        left: 10px; 
        position: absolute; 
        right: 7%; 
		color: #333;
		border: 0;
		background: url(zoeigen.png) no-repeat top right;
    }
	
#demo .permalink {
		display: block;
		text-align: center;
		font-size: 10px;
		margin-top: 25px;
		}