body	{font-size: 80%;margin:0;height:100%;background-image:url(../img/bg.gif);}
body, form * 	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
form,table,p	{font-size: 100%;}
html {height:100%}
#container {width:100%;height:520px;}
#header {width:900px;height:99px;}
#top {width:899px;height:30px;border-right:1px solid black;background-color:#E5E5E5}
#content {width:636px;height:520px;background-image:url('../img/home_foto.jpg');float:left;border-right:1px solid black;border-left:1px solid black;background-color:#FFFFFF;}
#contentcontainer {width:899px;border-bottom:1px solid black;border-right:1px solid black;background-image:url('../img/cc_background.gif');background-repeat:repeat-y;background-color:#FFFFFF}
#contentcontainer2 {width:899px;border-bottom:1px solid black;border-right:1px solid black;background-image:url('../img/cc_background.gif');background-repeat:repeat-y;background-color:#FFFFFF}
#menu {width:142px;float:left;background-color:#FFE681;}
#content2 {width:596px;float:left;border-left:1px solid black;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;background-color:#FFFFFF;border-right:1px solid black;}
#content3 {width:636px;float:left;border-left:1px solid black;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;background-color:#FFFFFF;border-right:1px solid black;}
#close {clear:both;}
#kop {top:100px; left:143px; position:absolute;width:400px;height:24px;border:none;padding-left:10px;padding-top:3px; vertical-align:middle; color:#B7B7B7;font-weight:bold; font-size:18px;}
h1	{font-size: 125%;}
h2	{font-size: 115%;}
h3	{font-size: 100%;}

#canvas-container {border: none; overflow: auto;}
#col-1, #col-2, #col-3 { float: left; width: 174px; height:150px;margin-left:10px;margin-top:0px;color:#990033;}
#col-1 {background-image: url('../img/bg_homeblok');}
#col-2 {background-image: url('../img/bg_homeblok');margin-left:30px;}
#col-3 {background-image: url('../img/bg_homeblok');margin-left:30px;}

.hp_kop {font-size:14px; font-weight:bold;}
a.kopoverzicht {font-size:12px;color:black;text-decoration:none;}
a.kopoverzicht:hover {text-decoration:underline;}
img {border:none;}

#loading {margin-left:30px;width:91px; height:20px; background-color:#990033;color:white;text-align:center;visibility:hidden;}
#toevoeg {left:300px;top:250px;width:300px; height:50px; background-color:#990033;color:white;text-align:center;vertical-align: middle;position:absolute;visibility:hidden;font-weight:bold;padding-top:20px;}
#foto {position:absolute;width:300px;height:300px;background-color:#FFFFFF;top:170px;left:300px;}
#foto2 {position:absolute;width:300px;height:300px;background-color:#FFFFFF;top:161px;left:185px;}
#mandje {position:absolute;width:600px;height:333px;background-color:#FF9900;left:160px;top:128px;overflow:auto;border:1px solid black;color:#990033;}

a {color:#990033; text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;} 

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 0.95;
	z-index:100;
	width:132px;
	padding-left:10px;
	padding-top:5px;
}

#nav a {
	display: block;
	color:#990033;
	font-size:12px;
	
}

#nav li { /* all list items */
	float: left;
	width:132px;
	padding-top:0px;
	margin-top:10px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #F0EFF5;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:1px solid black;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}