/* ------------------ algemeen ---------------------- */

/* ROOD-vaag #8A4651  GRIJS #dddddd   DONKER GROEN #018D6D    ROSE #F00781  BEIGE #ECE6D6 */ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
td{ vertical-align:top;}
fieldset,img{border:0;}

body {
		font-size:75%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:url(plaatjes/bgzilver.jpg) repeat-x;
		background-color:#fff; 
		color:#333;	}	
		
#wrapper {
		width:820px;
		margin:6px auto;
		padding:0;
		background-color:#fff;
		border:1px solid #ddd;}
	
#top {
		width:790px;
		margin:0;
		padding:15px 20px 5px 10px;
		background-color:#fff;
		height:120px;
		text-align:right;
		font-size:11px;}
		
/* ------------------------- Navigatie gedeelte -----------------*/
#navigation{
	width:780px;
	margin:0 auto;
	padding:2px 10px 0 10px;
	background-color:#8a4651;
	height:20px;
	text-align:right;
}
	

/* ------------ Links ----------------- */
a:link, a:visited{
	padding:0 7px;
	font-weight:bold;
	border-left:1px solid #fff;
	text-decoration:none;
	text-transform:lowercase;
	color:#fff;}	
	
a:active, a:hover{
	text-decoration:none;
	color:#000;}
/* -------------------toptabel met foto's en plaatjes -----------------*/
.toptabel{
	margin:1px 5px 0 0;
	padding:5px 10px;
	width:205px;}
	
.toptabel th{
	border:none;
	text-align:left;
	padding-left:10px;}
	
.toptabel td{	
	border:1px solid #ddd;
	padding-top:5px;}
	
.toptabeltitel{
	background:url(plaatjes/bg-hoekje.gif) right no-repeat;
	background-color:#ddd;
	border-right:0;
	padding-left:10px;
	color:#000;
	font-weight:bold;}
		
	

/* ---------------------------Content op witvlak ------------------------------ */


#contentleft{
	width:210px;
	margin:0;
	padding:0 0 0 5px;
	float:left;}
	
#contentbreed{
	width:575px;
	margin:0;
	padding:0 0 0 5px;
	float:right;}

#contentvlak{
	width:800px;
	margin:20px auto 5px;
	line-height:140%;}

#contentvlak a{
	color:#8A4651;
	text-transform:none;
	padding:0;
	margin:0;}	
	
#contentvlak a:hover{
	color:#000;}
	
#contentvlak h1{
	color: #8A4651;
	margin-bottom:10px;
	font-size:135%;}
	
#contentvlak h2{
	color: #8A4651;
	font-size:120%;}
	
#contentvlak h3{
	color: #8A4651;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;}
	
#contentvlak li{
	padding-left:-2px;
	margin-left:20px;
	list-style-image:url(plaatjes/arrow-logo.gif);
	line-height:150%;}


/* --------------------------- footer ------------------------------ */
#footer{
	width:780px;
	height:32px;
	margin:0;
	padding:10px 20px;
	background:url(plaatjes/bgfooter.jpg) top repeat-x;
	background-color:#fff;}
	
#footer a{
	color:#333;
	text-transform:none;
	font-size:x-small;
	font-weight:normal;}	
	
	
	
/* ----------------- formulier ----------------------*/			

form{ 
	margin:5px;
	padding:15px 5px 5px 5px;
	width: 540px;
	}
	
form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border:1px dotted #8a4651;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;}
	
	
form label{
	margin: 2px;
	padding-right:10px;
	display: block;
	cursor: pointer;
	width: 20%;
	float: left;
	text-align: right;}
	
form p{ 
	margin: 0;
	padding: 0 0 5px 0;
	display: block; 
	clear: both; 
	float: left; 
	width: 100%;
	border-bottom: 1px #DCDDDE none; }
form input, form select, form textarea{ 
	float:left;
	width: 220px;
	border:1px #DCDDDE solid; 
	padding: 2px 0 3px 2px; 
	margin: 0 7px 0 0;}
	
form .button{ 
	padding:0.15em;
	width: auto !important; 
	margin: 2px 2px 2px 160px; 
	float: left;
	background:#8a4651;
	color:#fff;
	cursor: pointer; 
	border: 1px #DCDDDE outset; }

form .buttonhover{ 
	padding: 0.15em; 
	width: auto !important; 
	margin:5px 2.2em 1em 0;
	float: right;
	background: #168CD5;
	color: #fff;
	cursor: pointer; 
	border: 1px #DCDDDE outset;}
	
form textarea{
	width: 350px;}
	
form .req{ background: url(images/req.gif) top right no-repeat;}
form .small{ width: 15%; }
form .node{ border: none; width: auto; float: none; position: relative;top:3px; }
form span{ display: block; float: left; }
form br{ display:none; }	
	
/* ----------------- overig en ruler ----------------------*/			

.clear {
	clear: both;
	height: 0px;}	
	
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #2075ae;
	clear: both;}
	
.imageleft	{
	margin:0px;
	padding:5px 10px 5px 0;
	float:left;}
	
.imageright{
	margin:0;
	padding:0;
	text-align:right;
	float:right;}
	
	
.active{
	border:1px dotted #ccc;}

.kaderrood{
	border:1px solid #8A4651;
	margin:0;
	width:85%;
	padding:2px 5px;}
	
.thumbnail{
	margin:5px 6px 0 0;
	padding:1px;
	border:1px solid #ccc;
	float:left;}

.font9{
	font-size:9px;}
	
.verplicht{
	color:#8a4651;
	font-weight:bold;}