@CHARSET "ISO-8859-1";

/*******( Style reset )***********/

	body,td,th,a,h1,h2,h3,h4,p,ul,li,hr,form,input,hr {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		text-decoration:none;
		font-family: arial;
		font-size: 12px;
		color: #fff;
		}

	br.spacer {
		clear: both;
		}

/*******( Structure )*************/

	body {
		background-color: #fff;
		text-align: center;
		}
		#wrapper {
			margin: 0 auto;
			text-align: center;
			width: 1020px;
			height: 800px;
			position: relative;
			}
			#container {
				background: #330065;
				position: relative;
				width: 1020px;
				text-align: left;
				}
				#bar_left {
					position: relative;
					float: left;
					width: 240px;
					height: 800px;
					background-color: #68b022;
					z-index: 0;
					}
				#main {
					position: relative;
					float: left;
					width: 540px;
					height: 800px;
					}
				#bar_right {
					position: relative;
					float: left;
					width: 240px;
					height: 800px;
					background-color: #acca57;
					}
				#foto_groot {
					position: absolute;
					width: 650px;
					left: 185px;
					top: 245px;
					text-align: center;
					}
					#foto_groot img {
						border: 6px solid #fff;
						}
				#marco {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 233px;
					height: 398px;
					background: url(/img/marco.png) no-repeat;
					}

/*******( Left )******************/

	#werk {
		width: 117px;
		height: 196px;
		text-indent: -3000px;
		background: url(/img/tekst_werk.gif) no-repeat;
		margin-top: 25px;
		margin-left: 30px;
		}

	#bar_left .fotografie {
		margin-top: 24px;
		}
			
/*******( Main )******************/

	#content {
		margin: 20px;
		height: 225px;
		}
		#menu {
			font-weight: bold;
			margin-bottom: 16px;
			position: relative;
			}
			#menu a {
				padding-right: 7px;
				padding-left: 7px;
				color: #fff;
				font-weight: bold;
				font-size: 12px;
				}
				#menu a.first {
					padding-left: 0px;
					}
				#menu a:hover, #menu a.active  {
					color: #cf883d;
					}
				#menu .home {
					/*
					position: absolute;
					right: 0px;
					top: 0px;
					*/
					}
		#text {
			overflow-x: hidden;
			overflow-y: auto;
			height: 190px;
			}
		#content h1 {
			line-height: 18px;
			}
		#content p {
			line-height: 15px;
			}

	#footer {
		position: absolute;
		width: 100%;
		bottom: 40px;
		font-size: 10px;
		text-align: center;
		}
		#footer a {
			font-size: 10px;
			}
			
		

/*******( Right )*****************/

	a#logo {	
		display: block;
		width: 176px;
		height: 226px;
		text-indent: -3000px;
		background: url(/img/logo.gif) no-repeat;
		margin-left: 40px;
		margin-top: 5px;
		}

	#bar_right .fotografie {
		margin-top: 14px;
		margin-left: 63px;
		}
	#links {
		position: absolute;
		bottom: 40px;
		left: 63px;
		font-size: 10px;
		color: #000; 
		}
		#links a {
			color: #0029fb;
			font-size: 10px;
			}
			#links a:hover {
				text-decoration: underline;
				}
	#copyright {
		position: absolute;
		right: 5px;
		bottom: 5px;
		}
		#copyright a {
			color: #538d1b;
			font-size: 9px;
			}


/*******( Fotografie )************/

	.fotografie {
		margin-left: 25px;
		}
		.fotografie img {
			margin-bottom: 20px;
			}