body{
	margin:20px 0 20px 0;
	background-color:  #6b5295;
}
body, td{
	line-height:18px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#holder{
	margin:0 auto;
	width: 962px;
	background-color: #fff;
	background-image: url(../images/bg-top.jpg);
	background-repeat: repeat-x;
        position:relative;
}
#melding{color:ffffff; position:absolute; width:400px; left:50%;  background-color:#218ad0; padding:10px; font-size:13px; font-weight:bold; top:10px; z-index:99999;}

#kolom1{float:left; width:180px; }
#kolom2{
	height: 592px;  
	float:left; 
	width:530px; 
	border-left:2px solid #ff6400; 
	background-image: url(../images/onderfoto.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:120px;
}

#kolom3{float:left; width:250px;}

.clearfloat{clear:both; height:1px; background-color:#7d64ac;}


/* kolom 3 - rechts */
#spacer{height:135px;}
#rondje1{
	background-image: url(../images/rondje.gif);
	background-repeat: no-repeat;
	margin:10px 0px 0px 10px;
	height: 233px;
background-position:3px;
}
#rondje2{
	background-image: url(../images/rondje2.gif);
	background-repeat: no-repeat;
	margin:10px 0px 0px 10px;
	height: 233px;
background-position:3px;
}
#foto-rechts-top{margin-top:15px; margin-bottom:40px;}
#rondje-txt-holder{
	margin:0px 0px 0px 20px;
	padding-top:30px;
	text-align: center;
	width: 180px;
	color: #FFFFFF;
	height: 165px;
	overflow: hidden;
}
.rondje-txt{
	font: 10px: Arial, sans-serif;
	color:#fff;
	line-height:18px;
        font-style: Italic;
}
#rondje-txt1{
	font: 12px: Arial, sans-serif;
	color:#fff;
	line-height:18px;
       font-style: Italic;
}
p#rondje-txt1{
	font: 12px: Arial, sans-serif;
	color:#fff;
	line-height:18px;
}
#onderrondje{
	margin: 0px 20px 20px 30px;
	font-weight:normal; 
	color:#502194; 
	text-align:left;  
	font: 12px: Arial, sans-serif;  
	line-height:18px;
}

/* kolom 2 - kop en content */
#kop{
	margin:90px 0 0 50px;
	height: 50px;
	font-size:18px;
	color:#502194;
	font-weight:bold;
	font: 20px: Arial, sans-serif;
}
#content{
	margin:20px 10px 0px 50px;
}

/* kolom 1 - menu's en logo */

#logo{
	margin:20px 0 0 30px;
	height: 120px;
}

#menu{
	font: 13px: Arial, sans-serif;
	font-style:normal;
	letter-spacing: 0px;
	margin:20px 0px 20px -10px;
	color:#502194;
	position: relative;
	width: 190px;
	line-height:20px;
}
#menu a {display: block; padding:0px; margin:0px; height:20px; text-decoration:none; font-size:13px; font-weight:normal;}
#menu a:hover{color:#ff6400;}
#menu ul{list-style:none; padding-top:0px; margin-top:0px; }
#menu ul li{display: inline;}

#menu .active{color:#ff6400;}
#menu li .active{color:#ff6400;}
#menu .active a{color:#ff6400;}

#submenu{
	color:#8a68ba;
	font: 13px: Arial, sans-serif;
	font-weight:normal;
	margin:75px 0px 0px -10px;
	line-height:20px;
	width:190px;
	position: relative;
        clear:both;
}

#submenu a { display: block; padding:0; margin:0px; text-decoration:none; font-size:13px; color:#8a68ba; font-weight:normal; height:20px; }
#submenu a:hover{color:#ff6400;}
#submenu ul{list-style:none; padding-top:0px; margin-top:0px;}
#submenu ul li{display: inline;}

#submenu .active{color:#ff6400;}
#submenu li .active{color:#ff6400;}
#submenu .active a{color:#ff6400;}

#rondje-submenu{position:absolute; background-image: url(../images/rondje-submenu.gif); background-repeat: no-repeat; height:310px; width:230px; margin-top:295px;}

a:link{text-decoration:none; font-weight:bold; color:#502194;}
a:visited{text-decoration:none; font-weight:bold; color:#502194;}
a:hover{text-decoration:underline; font-weight:bold; color:#ff6400;}
a:active{text-decoration:none; font-weight:bold; color:#502194;}

p{padding-top:0px; margin-top:0px; }


.rood{color:#FF0000;}
.oranje{color:#ff6400;}
.geel{color:#FFFF00;}
.geelgroen{color:#99FF00;}
.groen{color:#5ca863;}
.blauwgroen{color:#00FF99;}
.cyaan{color:#00FFFF;}
.lichtblauw{color:#8dd8f8;}
.blauw{color:#008dd0;}
.violet{color:#9900FF;}
.magenta{color:#FF00FF;}
.paars{color:#502194;}


input{margin:2px; padding:1px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border:1px solid #502194; }
.formfield{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 320px;
	text-indent: 2px;
	border:1px solid #502194;
	margin-bottom: 1px;
}
.formfieldtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-indent: 2px;
	width: 322px;
	border:1px solid #502194;
	margin-bottom: 1px;
	margin-left:2px;
}
.ster{font-size:9px; font-weight:bold; color:#ff6400;}

