body {
	text-align: center;
	padding: 0;
	margin: 0;
	background: #68a url(ima/verloop3.gif) repeat-y center top;
}

#container {
	width: 798px;
	text-align: left;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

}
.home {	background: #68a url(ima/verloopg.gif) repeat-y center top;
}
p	{	font: normal 85%/1.6 Georgia, "Times New Roman", Times, serif;
	_font-size:95%;
	margin: 0 20px 20px 0;
	}
h1, h2, h3, h4, h5, h6 {
	font: italic normal 1.7em/1.1 Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	margin: 15px 15px 15px 0;
}
h1 {
	text-align:left;
	margin: 15px 15px 15px 0;
	}
h2 {
	font: italic normal 1.3em/0.9 Georgia, "Times New Roman", Times, serif;
	margin:15px;

	}
h4, h6 {
	font: bold 0.75em/1.4 Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom:-0em;
	

}
h5 {
	font: normal normal 1em/1.2 Georgia, "Times New Roman", Times, serif;
	color: #000;
}
h6 {
margin-left:20px}

a:link, a:visited  {
	color: #fff;
	text-decoration:none;

}

a:hover {
	color:#000;
	text-decoration:underline;
}

embed, object {
	margin: 0px;
	padding: 0px;
}


.game {
	margin:20px 10px 0 0;
	text-align:right;
	color:#aa0;
}






/*KOLOMMEN EN ID's*/



#kolom1 {
	margin: 0 ;
	float: left; /* since this element is floated, a width must be given */
	width: 440px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
_width: 437px;
	padding-left:44px;
	padding-right:34px;
 
	}

#kolom2 {
	
	
	
	margin: 0 0 0 518px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	_margin: 0 0 0 515px;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
}
#kolom2 p {
	margin:0 20px 5px 20px;
	border-top:3px dotted #FFFF00;
	_border-top:5px dotted #FFFF00;
}
#kolom2 h4 {
	text-align:center;
	margin:10px 20px 0 30px;
}
#kolom2 h6 {
	margin:10px 20px 5px 20px;
}









/*HIER HET STUK OVER HET MENU*/




#nav, #nav ul { /* all lists */
	
	list-style: none;
	line-height: 1;
	font: normal 13px/1.4 Georgia, "Times New Roman", Times, serif;
	padding: 0;
	margin: 0;
	z-index:4;
}
#nav a {
	display: block;
	width: 133px;
	_width: 117px;
	height:auto;
	color: #000;
	text-decoration: none;
	padding: 7px 5px 7px 11px;
}
#nav li { /* all list items */
	float: left;
	width: 133px; /* width needed or else Opera goes nuts */
	background:#FFf;	
}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */	
}
#nav li ul li { /* second-level lists */
	width: 150px;	
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;	
}
#nav ul li:hover, #nav ul li.sfhover {
	background:#32CCFE;
}
#nav li:hover, #nav li.sfhover {
	background:#FF9900;
}







/*TABELLEN en FORMULIEREN*/




form.cmxform fieldset {
	border:4px solid white;
	padding:10px 0px 10px 10px;
	width:400px;
	font: 80% Georgia, "Times New Roman", Times, serif;
	color: #630;
	margin:0 0 20px 0;
}
form.cmxform legend {
  padding: 0px 5px;
  margin:0;
  _margin:10px 0 5px 0;
	color: #630;

  font-weight: bold;
}

form.cmxform label {
  display: inline-block;
  line-height: 1.6;
  vertical-align: bottom;
  text-align:right;
  padding-right:5px;
  margin-right:3px;
  background:#eea;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
  
}
form.cmxform fieldset li {
  list-style: none;
  padding: 0px;
  margin: 0;
}


form.cmxform label {
  width: 100px; /* Width of labels */
}
form.cmxform input {
  width:277px;
  _width:272px;
  margin:7px 0 0px 0;  }
  
span.radio input {
	width:15px;
	margin:0 1px 0 5px;
}  
  
form.cmxform textarea {
  width:388px;
  _width:384px;
  margin:7px 0 0px 0;  }
  

.kader {
	border:4px solid white; 
	margin:25px 0;
	padding:10px;
	background:#eea;
	width:390px;
	font: 90% Georgia, "Times New Roman", Times, serif;
	color: #630;
}

	






/*OVERIG*/


#content {
	clear: left;
	color: #ccc;
}


#footer {

	height: 20px;
	width: 300px;
	text-align:center;
	margin: 5px auto;

}
#footer p, #footer a  {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #68a;
	letter-spacing: 1px;
	margin: 0;
	padding:0;
} 
ul.lijst, ol.lijst 	{	font: normal 85%/1.6 Georgia, "Times New Roman", Times, serif;
	_font-size:95%;
	margin: 0 20px 20px 20px;
	padding:0;
	}
ul.lijst  li, ol.lijst li	{	
	margin: 0 ;
	padding:0;
	}
#submenu {
	margin: 0px 0 0 -44px;
	padding:7px 0 0px 10px;
	background-color:#68a;
	width:514px;
	height:23px;
	border-bottom:1px #000 solid;
	_border-bottom:0px #000 solid;
	font-size:16px;
}
#submenu p {
	margin:0;
	padding-bottom:2px;
}
.subactief {
	background-color:#FF9900;
	padding:4px 10px 5px 10px;
	border-left:1px #000 solid;
	border-top:1px #000 solid;
	}
#submenu a:link, #submenu a:visited  {
	background-color:transparant;
	padding:4px 10px 4px 10px;
	border-left:1px #000 solid;
	}
#submenu a:hover {
	background-color:#f90;
	text-decoration:none;
	}
.wit {
color:#FFFFFF}
#pti {
	background: #FE9900 url(ima/babolat.jpg) no-repeat bottom;
}

#container #kolom1 ul {
	font: normal 85%/1.6 Georgia, "Times New Roman", Times, serif;
	_font-size:95%;
	padding-left:10px;
}