/* standard elements */
html {min-height: 100%;}

* {
	margin: 		0;
	padding: 		0;
}

a {color: #000000; text-decoration: none; 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal;}
a:link {color: #339933; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
a:visited {color: #339933; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
a:hover {color: #FF9900; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
a:active {color: #339933; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } 


body {
	background: 	#FFFFFF repeat-x left bottom;  
	color: 			#FFFFFF;
	font-style:		normal; 
	font-variant	:normal; 
	font-weight:	normal;
	font-size:		62.5%;
	font-family:  	Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p,code,ul {padding-bottom: 1.1em;}

/* li {list-style: none;} */

h1 {
	font: 			14px;
	font-family:  	Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 	4px;
}

code {
	background: 	#FFF;
	border: 		1px solid #FFFFFF;
	border-left: 	3px solid #FFFFFF;
	color: 			#FFFFFF;
	display: 		block;
	font: 			normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 	1.2em;
	margin-bottom: 	12px;
	padding: 		5px 5px;
	white-space: 	pre;
}

h1,h2,h3 {padding-top: 5px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
/*dit is het onderste gedeelte en dan de rand */
	background: 	#FFFFFF;
	font-size: 		1.1em;
	margin: 		0 auto;
	padding: 		0 5px 5px;
	width: 			720px;
}

/* header */
.top {
	background: 	#FFFFFF;  
	margin:			0 auto;
	padding-left:	10px; 
	padding-right:	10px; 
	padding-top:	10px; 
	padding-bottom:	0;
	
}

.top1 {
	background: 	#FFFFFF;  
	padding-left:	10px; 
	padding-right:	10px; 
	padding-top:	50px; 
	padding-bottom:	0px;

}

/* title */
.header {
	background: 	#FFF;
	font-size: 		1.1em;
	height: 		200px;
/* Met de bepaling margin: 0 auto gebeurd eigenlijk de centratie van alle onderdelen in HTML, 
deze zegt 0 pixel boven en onder en automatische marge van links en rechts, dus centreren is het gevolg. */
	margin: 		0 auto;
/* padding boven - links - onder */
	width: 			800px; padding-left:5px; padding-right:5px; padding-top:4px; padding-bottom:10px
}
.header .left {
	background: 	#FFFFFF;
	color: 			#FFF;
    height: 		45px;
}

.header .right {
	background: 	#FFFFFF;
	color: 			#FFF;
    height: 		150px;
}

.header .left {
	background: 	#FFFFFF url('../images/CDA_Logo.gif') no-repeat;
	line-height: 	45px;
	text-align: 	left;	
	width: 			800px; 
	font-style:		normal; 
	font-variant:	normal; 
	font-weight:	normal; 
	font-size:		1.1em; 
	font-family:  	Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.header .right {
	background: 	#FFFFFF url('../images/banner-cdabeek.jpg') no-repeat;
	line-height: 	150px;
	text-align: 	left;	
	width: 			800px; 
	font-style:		normal; 
	font-variant:	normal; 
	font-weight:	normal; 
	font-size:		1.1em; 
	font-family:  	Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.2em Arial Rounded MT Bold, Arial;}

/* main */
.main {
	margin: 		0 auto;
	text-align: 	left;
	width: 			700px; 
	padding-top:	0px; 
	padding-left:	0px; 
	padding-right:  4px;
	padding-bottom: 10px;
	color:			#696969;
	background: 	#FFF url;
	font-family:  	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 		12px;
	font-weight: 	normal;

}

/* mainx */
.mainx {
	margin: 		0 auto;
	text-align: 	left; 
	width:			1220px;
	padding-top:	0px; 
	padding-left:	0px; 
	padding-right:  4px;
	padding-bottom: 10px;
	color: 			#696969;
	background: 	#FFF url('../images/BackgroundSmall.png') no-repeat;
	font-family: 	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 		12px;
	font-weight: 	normal;

}


/* footer */
.footer {
	color: 			#696969;
	margin: 		0 auto;
	padding-top:	5px; 
	padding-left:	0px; 
	padding-right:  5px;
	padding-bottom: 10px;
	font-style:		normal; 
	font-variant:	normal; 
	font-weight:	normal; 
	font-size:		0.8em; 
	font-family: 	Arial;
}
.footer a:hover {color: #339933; text-decoration: none; font-weight: bold;
}

#nav {
padding: 3px 0px 55px 280px;
list-style: none;
}

#nav ul {
padding: 3px 0px 0px 0px;
list-style: none;
}

#nav li {
float: left;
width: 126px;
height: 25px;
}

#nav ul {
position: absolute;
width: 126px;
left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
display: block;
margin: 5px 5px 5px 3px;
text-align: center;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

ul a{
font-weight: bold;
color: #FFFFFF;
cursor: default;
}

ul a:link, ul a:visited{
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
}

ul li:hover, ul li:active{
font-weight: bold;
background-color: #FF9900;
cursor: pointer;
}

ul li{
background-color: #339933;
border-left: 3px solid #FFF;
}

ul ul li{
background-color: #339933;
border-top: 3px solid #FFF;
border-left: 0;
}

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 3px solid #FFF;
}

* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */