/*@import url('../../WWW/script/wforms.css')*/

*{
	padding: 0;
	margin: 0;
}

body {
	margin: 0; padding: 0;

	background: url(Images/bg.jpg) 50% 0 repeat-y;
/*	background: url(file:///D|/textures/wood/wdbk006.jpg);*/
/*	background: url(../img/bg4.jpg) 50% 0 repeat-y;*/
	text-align: center;
}

form {
	margin: 0; 
	margin-top: 1em;
	}

a {
	color: #129DF5;
}
		
	a:hover{
		color: #5EA2D8;
	}
	
em {
	color: #444444;
	font-style: normal;
	background: #FFFFA8;
}

img{
	border:none;
}

	img.floatleft{
		float:left;
		padding: 10px;
		border: 1px solid silver;
		margin: 10px 10px 0 0;
	}
	
	img.floatright{
		float:right;
		padding: 10px;
		border: 1px solid silver;
		margin: 10px 0 0 10px;
	}
	
#container {
	width: 746px;
/*	height: 1300px;*/
	margin: 0 auto 0 auto;
	text-align: left;
	/*	background: transparent url(images/global-container-back.gif) top left repeat-y;*/
	background: #FCF9F4;
}

#header {
	height: 95px;
	background: #FCF9F4 url(Images/header.png) no-repeat;
}

	#header a{
		position: absolute;
		text-indent: -9999px; !important;
		text-decoration: none;
		width: 480px; 
		height: 90px;
	}
	
#folder {
	width: 746px; 
	height: 327px;
	float: left; 
	clear: both;
/*	background: #FCF9F4 url(../img/index/rotate.php) no-repeat;*/
	background: url(../img/index/001.jpg);
}

#topnav {
      float:left;
/*      width:70%;*/
      font-size:83%;
      line-height:normal;
      font-family: "trebuchet ms", verdana, arial;

      }
    #topnav ul {
      margin: 3px 0 0 -5px;
      padding: 8px 10px 0;
      list-style:none;
      }
		
    #topnav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topnav a {
      float:left;
      background: url(Images/left_both.jpg) no-repeat left top;
      margin:0;
      padding: 0 0 0 10px;
      border-bottom:1px solid #5BA1D5;
      text-decoration:none;
      }
    #topnav a span {
      float:left;
      display:block;
      background: url(Images/right_both.jpg) no-repeat right top;
      padding: 4px 15px 6px 6px;
/*      font-weight:bold;*/
      color:#346289;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topnav a span {float:none;}
    /* End IE5-Mac hack */

    #topnav a:hover span {
      color: #FCF9F4;
      }

    #topnav #current a {
      background-position:0 -151px;
      border-width:0;
		color: #FCF9F4;
		font-size:113%;
		font-weight:bold;
		margin-top: -4px;
      }
		
    #topnav #current a span {
      background-position:100% -150px;
/*      padding-bottom: 5px;*/
      color: #FCF9F4;
		padding-top: 7px;
		padding-bottom: 6px;
      }
    #topnav a:hover {
      background-position:0% -150px;
		margin-top: -7px;
      }
    #topnav a:hover span {
      background-position:100% -150px;
		padding-bottom: 9px;
		padding-top: 8px;
      }
		
		
#topnav #hide {
		float: right;
		margin-top: 5px;
		margin-right: 5px;
		background: url(Images/showhide.jpg) no-repeat;
		width: 26px;
		height: 24px;
	}

		#topnav #hide * {
			background: #D7EAF8;
			border: none;
		}
			
			#topnav #hide a{
					background: none;
					padding: 7px 0 0 5px;
					margin: 0;
			}
				#topnav #hide a:hover{
					padding: 7px 0 0 5px;
					margin: 0;
				}
				
				
/*#topnav {
      float:left;
      width:746px;
      font-size:103%;
	  border-bottom:1px solid #2763A5;
      line-height:normal;
      }
		
    #topnav ul {
	  margin:0;
	  padding:15px 10px 0 5px;
	  list-style:none;
      }
		
    #topnav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topnav a {
      float:left;
      background:url("tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #topnav a span {
      float:left;
      display:block;
      background:url("tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
     Commented Backslash Hack hides rule from IE5-Mac \
    #topnav a span {float:none;}
     End IE5-Mac hack 
    #topnav a:hover span {
      color:#FFF;
      }
    #topnav a:hover {
      background-position:0% -42px;
      }
    #topnav a:hover span {
      background-position:100% -42px;
      }
	
		#topnav a.current span{
			background-position: 0% -42px;
		}*/
		
/*#topnav{
	width: 746px; height: 36px;
	color: white;
	background: transparent url(images/global-back-repeat.gif) 0px -77px repeat-x;
}

	#topnav ul {	
		list-style: none;
		margin: 0; padding: 0;
		padding-left: 10px;
	}

	#topnav li {
		float: left;
		margin: 0; padding: 0;
	}
	
	#topnav a 
	{
		display: block;
		text-indent: -1000em;
		overflow: hidden;
		color: #EBE2C5;
		color: black;
		width: 90px; 
		height: 30px; 
		float: left;
		padding-top: 15px;
		text-align: center;
		text-decoration: none;
		font-family: "trebuchet ms", verdana;
	}
	
		#topnav a.current{
			width: 110px;
			color: #F9F6EE;
			font-weight: bold;
		}*/


	#middle{
		visibility: hidden;
	}
/*	#announcement-photo-back {
		position: relative;
		width: 248px; height: 318px;
		float: left;
		background: url(Images/wiezoekt.jpg);
		background: transparent url(images/annoucement-photo-back.jpg) top left no-repeat;
	}
	
		#announcement-photo {
			position: absolute;
			top: -35px; right: -25px;
			width: 151px; height: 151px;
			margin: 0; padding: 0;
		}
		#accouncement-photo a {margin: 0; padding: 0; }
		
		#announcement-text {
			position: absolute;
			top: 0px; left: 0px;
			width: 130px; height: 195px;
		}*/
		
#shortcut{
	margin-left: 460px;
	}

	#shortcut h2{
		display: none;
	}
	
	#shortcut ul{
		margin-top: 80px;
		padding: 40px 0 0 50px;
		list-style: none;
		line-height: 140%;
		font-size: 130%;
	}
	
	#shortcut ul a{
		padding-left: 20px;
		color: #778899;
		text-decoration: none;
	}
	#shortcut ul a:hover{
		color: #4F5D6A;
		background: url(Images/li_bull.gif) 0 50% no-repeat;
	}
	
			
#subnav{
	width: 746px; height: 30px;
	color: #F9F6EE;
/*	background: transparent url(images/global-back-repeat.gif) 0px -77px repeat-x; */
/* background: transparent url(images/global-back-repeat.gif) 0px -363px repeat-x;*/
/*	background: #F9F6EE;*/
/*		border-bottom: 2px solid #004180;*/
	background: #5BA0D7 url(Images/subnavbg.gif) no-repeat;
}
	#subnav ul {	
		list-style: none;
		margin: 0; padding: 0;
		padding-left: 5px;
		
	}

	#subnav li {
		float: left;
		margin: 0; /*padding: 0;*/
		padding-top: 5px;
	
	}
	
	#subnav a 
	{
		display: block;
		overflow: hidden;
		
		color: #FCF9F4;
		width: 90px;
		height: 20px; 
		float: left;
		text-align: center;
		text-decoration: none;
		font-family: "trebuchet ms", verdana;
	}

		#subnav a:hover{
			color: #FFF;
			font-weight: bold;
		}
		
	#subnav .current{
		font-weight: bolder;
	}
/* *** CONTENT *** */

#content-container{
	clear: both;
	width: 740px;
	float: left;
	background: white;	
/*	border-top: 3px solid #5BA0D7;*/
	border-left: 3px solid #FFF;
	border-right: 3px solid #5BA0D7;
	height: 100%;
}

#content-container-bottom {
	width: 746px;
	float: left;
	background: transparent url(images/content-container-bottom.gif) bottom left no-repeat;
}

#content-container-top {
	width: 746px;
	float: left;
	/*padding-top: 25px; padding-bottom: 25px;*/
	background: transparent url(images/content-container-top.gif) top left no-repeat;
}

	#content {
		width: 490px;
		/*height: 520px;*/
		float: left;
		color: #447DAF;
		font-family: "Helvetica", "Arial", sans serif;
		margin-bottom: 55px;
		
	}
		
		#content h1{
			font-family: "trebuchet ms", helvetica, verdana, arial;
			color: #589FD6;
			/*text-indent: -9999px;
			background: url(Images/nieuws-header.gif) no-repeat;*/
			margin-top: 15px;
			/*margin-left: 5px;*/
			padding-left: 5px;
			border-left: 5px solid #4393D1;
		}
	
		#content h2{
			font-family: "Helvetica", "Arial", sans serif;
			font-size: 13pt;
			line-height: 130%;
			margin: 40px 12px 12px 12px;
			color: #5F86AD;
		}
		
		#content h3{
			font-size: 9pt;
			margin: 0 0 7px 12px;
			padding-bottom: 1px;
			border-bottom: 1px dashed #88BAE2;
			width: 320px;
			color: #88BAE2;
		}
		
		#content a{
			color: #89B0D1;
		}
		
			#content a:hover{
				color: #5EA2D8;
			}
		
		#content p{
			font-size: 105%;  !important;
			
		}
		
			#content p.intro{
/*				padding-top: 10px;*/
				font-size: 110%;
				color: #78B1DE;
			}
			
			#content p.takintro{
				color: #6CAADB;
				font: italic 92% Arial, Helvetica, sans-serif;
			}	
			
		#content ul{
			margin-top: 10px;
			margin-left: 35px;
			color: #174162;
		}
		
			#content li{
				list-style: none;
				background: url(Images/check.gif) no-repeat 0px 3px;
				padding-left: 20px;
				font-size: 90%;
			}

		#content ul.pic{
			display: block;
			margin-left: 20px;
		}
			
			#content li.pic{
					background: none; !important;
					display: inline;
					list-style-type: none;
				}
				
				#content li.pic img{
					padding: 8px;
					border: 1px solid silver;
				}
					#content li.pic a:hover img{
						padding: 8px;
						border: 1px solid #8E8E8E;
					}
		
#welkom {
	height: 160px;
	background: url(Images/welkom.gif) no-repeat;
	/*border-bottom: 1px solid #ADD8E6;
	border-top: 1px solid #ADD8E6;*/
	margin: 12px 0 0 0;
	padding-left: 12px;
}

	#welkom h1.welkom{
		text-indent: 0;
		background: none;
		font-family: "trebuchet ms", helvetica, verdana;
/*		color: #2D7C94;*/
		color: #FFF;
		padding-top: 6px;
		margin: 10px 0 0 10px;
		border: 0;
	}
	
	#welkom p.welkom{
/*		color: #2D7C94;*/
		color: #FFF;
		margin-top: -2px;
		padding-right: 20px;
		font-family: "trebuchet ms", helvetica, verdana;
		font-size: 90%;
	}
	
	#welkom a.welkom{
		color: #FFF;
	}
	
		#welkom a:hover.welkom{
			color: #FFF;
			font-stretch: extra-expanded;
			font-weight: bolder;
			text-decoration: none;
		}
			
	#sidebar {
		width: 249px;
		float: right;
		/*		background: #D6E7F5;*/
		background: #E7F1F9;
		border-left: 1px solid #BDD9EE;
		padding-top: 12px;
		padding-bottom: 10px;
	}
	
		#sidebar h2{
			width: 200px;
			height: 22px;
			padding-left: 12px;
			background: #C5DEF1;
			color: #3B6C98;
			font: 14pt, "trebuchet ms", helvetica, verdana;
			margin-top: 20px;
		}
		
		#sidebar a{
			color: #5F7F97;
		}
			#sidebar a:hover{
				background: white;
			}
		#sidebar ul{
			margin-left: 20px;
			font: 13pt, "trebuchet ms", helvetica, verdana;
		}
			
			#sidebar li{
				list-style: none;
				line-height: 150%;				

			}
			
				#sidebar li.highlight{
					margin-left: -20px;
					padding-left: 10px;
					background: white;
					color: #1C517B;
				}
				
				#sidebar li a{
					width: 210px; 
					height: 20px; 
					color: #266DA4;
					text-decoration: none;
				}
				
					#sidebar li a:hover{
						color: #1C517B;
					}
					
	#distinctionbox
	{
		width: 248px;
		margin: 20px 0 0 0;
		background: transparent url(images/distinctionbox-middle.gif) top left repeat-y;
	}
	
	#distinctionbox-top 
	{
		width: 248px;
		padding-top: 32px;
		background: transparent url(images/distinctionbox-top.gif) top left no-repeat;
	}
	
	#distinctionbox-bottom
	{
		width: 238px;
		padding: 0 5px 24px 5px;
		background: transparent url(images/distinctionbox-bottom.gif) bottom left no-repeat;
	}
	

	#announcement-text h2 {
		font-family: "Helvetica", "Arial", serif;
		
		font-size: 10pt;
		font-weight: bold;
		
		margin: 8px 12px 0px 12px;
		
		color: #66513C;
	}
	#content-container p,
	#announcement-text p {
		font-family: "Helvetica", "Arial", sans serif;
		font-size: 10pt;
		line-height: 130%;
		
		margin: 8px 12px 5px 12px;
		
		color: #34525D;
	}
	
	#content-center td
	{
		font-family: "Helvetica", "Arial", Sans-Serif;
		font-size: 10px;
		margin: 0 0 12px 0; padding: 0;
		color: #34525D;
	}
	
	#content-container img {
/*		margin-bottom: 5px;*/
	}
	

	#people{
		width: 520px;
		background: #E7F1F9 !important;
/*		background: none !important;*/
		border: 1px solid #BDD9EE;
		padding: 10px;	
		margin-top: 10px;	
		margin-bottom: 10px;
		float: left;
	}
	
		#people a{
			display: inline;
			float: left;
			padding-top: 0px;
			margin-right: 20px;
		}
		
						
		#people table{
			width: 340px;
			margin: 0 5px 0 0;
			font-size: 90%;
			border-top: 1px solid #E6E6E6;
			border-right: 1px solid #D3D3D3;			
			border-left: 1px solid #D3D3D3;
			}
		
				#people table td{
					padding: 5px;
					border-bottom: 1px solid #D3D3D3;
				}
				
					#people table td.label{
						width: 105px;
						border-right: 1px solid #E6E6E6;
					}
					
					#people table tr.odd{
						background: white;
					}
				
		#people ul{
			display: inline;
			float: left; 
			margin: 0px 0 0 15px;
			width: 200px; 
			height: 150px;
			border: 1px solid #BDD9EE;
			background: white;
		}
		
			#people ul li{
				background: none;
				padding: 5px 0 0 5px;
				display: inline;			
			}
			
#global-pattern-bottom {
	width: 746px; clear: both;
	padding-top: 20px; 
	padding-bottom: 50px;
	
	background: transparent url(images/global-pattern-bottom.jpg) top left no-repeat;

	font-family: "Helvetica", "Arial", Sans-Serif;
	font-size: 13px;
	font-weight: normal;
	
	color: #F8F1DA;
	
	text-align: center;
}

	#global-pattern-bottom ul {
		list-style: none;
		margin: 0; padding: 0;
		clear: both;
	}
	
	#global-pattern-bottom ul li {
		display: inline; margin-right: 10px;
	}
	
	#global-pattern-bottom a {
		font-family: "Helvetica", "Arial", Sans-Serif;
		font-size: 12px;
		font-weight: normal;
		color: #F8F1DA;
		text-decoration: none;
	}
	
#footer{
	background: #FCF9F4;
	height: 50px;
	width: 100%;
	border-top: 3px solid #386790;
	text-align: center;
}

	#footer p{
		margin: 10px 10px 0 10px;
/*		border-top: 1px solid #95B7D4;*/
		padding: 10px 0 0 30px;
		font: 70% verdana;
	}
	
		#footer a{
			color: #2E5476;
			text-decoration: none;
		}
		
			#footer a:hover{
				color: #4176A4;
				text-decoration: underline;
			}

/*
	Forms 
			*/
			
form p{
	padding: 0;
	margin: 0;
	position: relative;

}	

fieldset{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #7D95A7;
	background: #EAF5F9;
	clear:both;
}
	fieldset p {
		margin: 0 !important;
		padding-bottom: 10px;
		font-size: 90%;
	}
	
	fieldset em {
		background: none;
		font-size: 80%;
		font-style: italic;
	}
	
legend {
	font-weight: bold;
	padding-left: 0.3em;
	padding-right: 0.2em;
	color: #5F86AD;
}

/* IE fieldset hack: http://www.mattheerema.com/archive/getting-fieldset-backgrounds-and-legends-to-behave-in-ie 
ToFix: zal waarschijnlijk niet meer werken in IE7 */

* html fieldset{
position: relative;
padding-top:.5em; 
margin-top: 1em;
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #7D95A7;
	background: #EAF5F9;
	clear:both;
}

* html fieldset{
margin-top:1em;
padding-top:1em;
}

* html legend{
position: absolute;
top:-.5em;
left:.5em;
}

label {
	display: block;
	float:left;
	width: 6em;
	padding-top: 2px;
}

input {
	width: 200px;
	padding: 2px;
	margin-bottom: 5px;
}

textarea{
	width: 400px;
	height: 100px;
	font-weight: bolder;
	font: 100% "Trebuchet MS", Verdana, "Lucida Sans";
}

.imgleft-l{
	background: #fff url(Images/content-bg.jpg) repeat-x;
	float:left;
/*	margin:4px 10px 0 0;*/
	padding:8px;
	padding-top: 8px !important;
	padding-bottom: 10px !important;
	border:1px solid #D3D3D3
	}
	
		a.imgleft-l:hover{
			border: 1px solid #4682B4;
		}
		
.imgright{
	float:right;
	margin:0
	}
	

/* Leidingspagina */

#leidingfotocollage{
	background: url(../img/leiding/leiding_collage.jpg) no-repeat;
	width: 663px;
	height: 247px;
	position: relative;
}

	a.Katrien{
		position: absolute;
		margin: 20px 0 0 60px;
		background: none;
		width: 60px;
		height: 90px;
		text-indent: -999em;	
	}
	
	a.Hillie{
		position: absolute;
		margin: 15px 0 0 120px;
		background: none;
		width: 70px;
		height: 90px;
		text-indent: -999em;	
	}	

	a.Koen{
		position: absolute;
		margin: 30px 0 0 185px;
		background: none;
		width: 75px;
		height: 83px;
		text-indent: -999em;
	}

	a.Pieter{
		position: absolute;
		margin: 10px 0 0 260px;
		background: none;
		width: 75px;
		height: 83px;
		text-indent: -999em;
	}

	a.Jonas{
		position: absolute;
		margin: 15px 0 0 335px;
		background: none;
		width: 80px;
		height: 95px;
		text-indent: -999em;	
	}

	a.Annelise{
		position: absolute;
		margin: 15px 0 0 415px;
		background: none;
		width: 70px;
		height: 95px;
		text-indent: -999em;	
	}

	a.Piere{
		position: absolute;
		margin: 30px 0 0 490px;
		background: none;
		width: 70px;
		height: 90px;
		text-indent: -999em;	
	}

	a.Jeremie{
		position: absolute;
		margin: 15px 0 0 565px;
		background: none;
		width: 75px;
		height: 90px;
		text-indent: -999em;	
	}
			
	a.Hanne{
		position: absolute;
		margin: 118px 0 0 550px;
		background: none;
		width: 75px;
		height: 83px;
		text-indent: -999em;
	}
	
/* wForms Related Rules */
/* ==================== */
/* Field w/ a validation error */
.error {	/* deprecated since wForms v0.92 */
	border: 1px solid #F00;
}
.errFld {
	border: 1px solid #F00;
}
/* Styling for message associated with a validation error. */
.errorMsg { /* deprecated since wForms v0.92 */
	color: #CC3333 !important;
/*	display: inline;*/
	
}
.errMsg {	
	color: #CC3333 !important;
	display: inline;
	font-size: 80%;

}


.warning{
	margin: 15px 25px 5px 10px;
	border: 1px solid #FF8888;
	background: #FFF4F2;
	color: #C80000 !important;
}

	.warning h2{
		margin: 0 !important;
		padding: 5px 0 0 10px !important;
		color: #EC0000 !important;
	}
	
	.warning p{
		color: Black !important;
	}
	.warning li{
		background: url(Images/icon_alert.gif) no-repeat 0px 0px !important;
		color: #C80000 !important;
		padding-bottom: 4px;
	}