@charset "UTF-8";
/* © Ponse Groenadvies */

html, body	{
			background-color: #333333;
			background-position: top;
			background-repeat: no-repeat;
			font: 11px Arial, Helvetica, sans-serif;
			margin: 0px;
			height: 100%
			}
			
a:link		{
			color: #666666;
			text-decoration: none
			}

a:visited	{
			color: #666666;
			text-decoration: none
			}

a:hover		{
			color: #FFAA00;
			text-decoration: none
			}

a:active	{
			color: #FFAA00;
			text-decoration: none
			}
		
table		{
			border: 0px;
			vertical-align: top		
			}

td			{
			vertical-align: top
			}

.top		{
			padding: 0px
			}

#header		{
			position: absolute;
			z-index: 100;
			margin-left: 50%;
			left: -238px;
			border: 0px;
			filter: alpha(opacity=80);
			-moz-opacity: 0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8
			}

.pagetitle	{
			background: url(../img/bg_pagetitle.gif);
			font: 11px Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			font-weight: bold;
			vertical-align: middle;
			height: 18px;
			padding-top: 0px;
			padding-left: 20px;
			padding-right: 0px;
			padding-bottom: 0px;
			border: 0px
			}
			
.navframe	{
			background: #333333;
			width: 162px;
			padding: 0px;
			vertical-align: top
			}

.content	{
			background-color: #FFFFFF;
			width: 638;
			height: 100%;
			line-height: 1.5;
			letter-spacing: +0.2px;
			padding-top: 20px;
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 5px;
			vertical-align: top
			}
			
.thumb		{
			border: 1px solid;
			margin-right: 10px;
			margin-bottom: 10px;
			width: 86px;
			height: 86px
			}
			
#kader		{
			background-color: #DDDDDD;
			width: 267px;
			height: 267px;
			padding: 10px;
			}

.voet		{
			color: #AAAAAA
			}

a.voet:link	{
			color: #AAAAAA;
			text-decoration: none
			}

a.voet:visited {
			color: #AAAAAA;
			text-decoration: none
			}

a.voet:hover {
			color: #AAAAAA;
			text-decoration: underline
			}

a.voet:active {
			color: #AAAAAA;
			text-decoration: underline
			}



/* CROSSFADING TOP IMAGES */



#imageContainer {
	position: relative;
	margin: auto;
	width: 800px;
	height: 85px;
	border: 0px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0;
}



/* MENU */



a.menu:link	{
			color: #000000;
			text-decoration: none
			}

a.menu:visited {
			color: #000000;
			text-decoration: none
			}

a.menu:hover {
			color: #000000;
			text-decoration: none
			}

a.menu:active {
			color: #000000;
			text-decoration: none
			}

.arrowlistmenu{
background: url(../img/navhoek.gif) bottom left no-repeat #FFAA00;
margin-top: 0px;
width: 162px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 16px "Courier New", Courier, monospace;
background: #FFAA00;
margin: 0px; /*bottom spacing between header and rest of content*/
padding: 4px 20px 4px 20px; /*header text is indented 10px*/
width: 122px;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #FFAA00;
border-bottom: 1px dotted #000000;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
font: 11px Arial, Helvetica, sans-serif;
color: #000000;
line-height: 1.5;
letter-spacing: +0.2px;
background: #FFAA00; /*custom bullet list image*/
display: block;
padding: 0px;
padding-left: 40px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px dotted #000000;
}

.arrowlistmenu ul li a:visited{
color: #000000;
background-color: #FFAA00;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #FFBB11;
}



/* FOTOGALERIJ */



ul.ppt {
	position: relative;
}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}

.ppt img {
	border: 0px;
	background-color: #FFFFFF;
}



/* CONTACTFORMULIER */



label {
	float: left;
	width: 70px;
	text-align: left;
}

input, textarea {
	font: 11px Arial, Helvetica, sans-serif;	
	padding: 2px;
	margin: 3px;
	border: 1px solid #000000;
	background: #ffffff;
}
input.fout, textarea.fout {
	border: 1px solid #FF0000;
}

label.fout {
	color: #FF0000;
}