/*@CHARSET "ISO-8859-1"; */

.centerbody, .centerbodywide{
    position:relative;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	border-left:10px;
	border-right:10px;
	background:white;
}

.inspringen {margin-left: 3em}

body {margin:0px; padding:0px; font: 0.8em verdana, arial, sans-serif;}
h1, h2, h3 { margin-top:0; padding-top:0;}
div#header {width:1000px; background-color:#fefcea;}
div#header p {margin:0; padding:0;}
div#contentarea {width:1000px; background-color:white; float:left;}
div#column1 {width:250px; background-color:#feff7f; float:left;}
div#column12 {width:500px; background-color:white; float:left;}
div#column34 {width:500px; background-color:white; float:left;}
div#column2 {width:250px; background-color:white; float:left;}
div#column3 {width:250px; background-color:#feff7f; float:left;}
div#column4 {width:250px; background-color:white; float:left;}
div#footer {width:1000px; background-color:white;}
div#footer p  img {margin: 10px; float:left;}
div.img-right {float:right; margin:5px; text-align:center;}
.k1  {float: left; width: 180px;}
.k2  {float: left; width: 180px;}
.k3  {float: left; width: 180px;}
.k4  {float: left; width: 180px;}

#WorkPlan  .clearfix {border-bottom: 1px solid red;}

div.clColumn12 {width:500px; background-color:white; float:left;}
div.clColumn3 {width:250px; background-color:#feff7f; float:left;}
div.clColumn4 {width:250px; background-color:white; float:left;}
div.clFooter {width:1000px; height:2px; background-color:black;}

div#menubalk {
  width:1000px;height: 40px;
  background: #fefcea; /* old browsers */
  background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* webkit */
  color:white;
  font-family: Arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
}
div#menubalk a {
  background: inherit;
  color:white;
  display:block;
  padding: 2 px 6 px;
  text-decoration:none;
}
div#menubalk a:hover {
  background-color: lightblue;
  color: white;
}
div#menubalk ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}
div#menubalk li {
  background-color: #f1da36;
  color: white;
  float: left;
  min-width: 10em;
}
div#menubalk ul li ul {
  display: none;
}
div#menubalk ul li ul li {
  float: none;
}
div#menubalk ul li:hover ul {
  display: block;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */