@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../afbeeldingen/background.png);
	background-color: #5c008c;
	font-family: Century Gothic;
}

img {
	border: none;
}

a:visited {
	color: #4f166c;
}

#main {
	position: relative;
	margin: 0 auto;
	background-color: white;
	width: 850px;
	border: 1px solid #4f166c;
}

	#logo {
		background-image: url(../afbeeldingen/logo.png);
		background-repeat: no-repeat;
		background-color: white;
		background-position: right;
		width: 830px;
		position: relative;
		height: 80px;
	}
	
	#navigation  {
		margin: 0 auto;
		text-align: center;
		height: 90px;
		position: relative;
		padding-left: 54px;
	}
	
		#navigation a {
			position: relative;
			top: 34px;
			text-decoration: none;
			color: white;
			font-size: 16px;
		}

		#homebutton {
			float: left;
			background-image: url(../afbeeldingen/home.gif);
			width: 90px;
			height: 90px;
			top: 6px;
			position: relative;
		}
		
		#dienstenbutton {
			float: left;
			background-image: url(../afbeeldingen/diensten.gif);
			width: 90px;
			height: 90px;
			margin-left: 54px;
			top: 6px;
			position: relative;
		}
		
		#profielbutton {
			float: left;
			background-image: url(../afbeeldingen/profiel.gif);
			width: 90px;
			height: 90px;
			margin-left: 54px;
			top: 6px;
			position: relative;
		}
		
		#testimonialsbutton {
			float: left;
			background-image: url(../afbeeldingen/ervaringen.gif);
			width: 90px;
			height: 90px;
			margin-left: 54px;
			top: 6px;
			position: relative;
		}
		
			#testimonialsbutton a {
				font-size: 15px;
			}
		
		#contactbutton {
			float: left;
			background-image: url(../afbeeldingen/contact.gif);
			width: 90px;
			height: 90px;
			margin-left: 54px;
			top: 6px;
			position: relative;
		}
		
	#middle {
		text-align: left;
		position: relative;
		margin-top: 5px;
		left: 95px;
		width: 685px;
		color: black;
		border-left: 6px solid #4f166c;
		padding-top: 20px;
		padding-bottom: 20px;
		
	}
	
		#content {
			position: relative;
			margin-top: -20px;
			margin-left: 20px;
			width: 685px;
			padding-top: 25px;
			font-size: 14px;
		}
		
			#content p {
				padding-bottom: 15px;
				margin-bottom: 0px;
				margin-top: 0px;
			}
			
			#content ul {
				margin-top: 0px;
			}
		
			p#page {
				margin-right: 90px;
				font-size: 12px;
				margin-top: -8px;
				text-decoration: none;
				text-align: right;
				font-style: italic;
			}
		
			#page a {
				text-decoration: none;
			}
		
			p#error {
				color: red;
				font-size: 10px;
			}
		
			#content h4 {
				padding-bottom: 20px;
				color: #4f166c;
				margin: 0;
				font-weight: normal;
				font-size: 16px;
			}
			
			#content h5 {
				padding-top: 9px;
				color: #4f166c;
				margin: 0;
				font-weight: normal;
				font-size: 14px;
			}
			
			a.moreinfo{
				position: relative;
				color: #4f166c;
				font-style: italic;
				text-decoration: none;
				float: right;
				margin-top: -15px;
			}
				
			#photo-office {
				bottom: 0px;
				margin-bottom: 15px;
				right: 20px;
				position: absolute;
				width: 167px;
				height: 167px;
				background-image: url(../afbeeldingen/kantoorkamer.gif);
			}
			
			#photo-centro {
				top: 125px;
				right: 70px;
				position: absolute;
				width: 160px;
				height: 160px;
				background-image: url(../afbeeldingen/centro.gif);
			}
			
			#photo-sign {
				top: 70px;
				right: 100px;
				position: absolute;
				width: 200px;
				height: 200px;
				background-image: url(../afbeeldingen/bewegwijzering.gif);
			}
			
			#logo-noloc {
				text-align: right;
				margin-top: -20px;
				padding-bottom: 10px;
				
			}
			
			#poem-boeddha {
				color: white;
				font-size: 13px;
				padding-top: 95px;
				margin: 0 auto;
				text-align: center;
				width: 340px;
				height: 336px;
				padding-bottom: 20px;
				background-image: url(../afbeeldingen/circle.gif);
				background-repeat: no-repeat;
			}
			
			#photo-myself {
				top: 920px;
				right: 30px;
				position: absolute;
				width: 180px;
				height: 180px;
				background-image: url(../afbeeldingen/foto.gif);
			}
			
			#photo-quantumrespons {
				top: 680px;
				right: 30px;
				position: absolute;
				width: 180px;
				height: 180px;
				background-image: url(../afbeeldingen/quantumrespons.gif);
			}
			
			.workshop {
				width: 100px;
			}
			
			.datum {
				width: 300px;	
			}
			
			.kosten {
				width: 200px;	
			}
		
	#footer{
		text-align: right;
		border-top: 1px solid #4f166c;
		color: #4f166c;
		background-color: white;
		font-size: 12px;
		position: relative;
		margin-top: 0px;
		padding: 5px;
	}

	#horizontal-line {
		border-top: 6px solid #4f166c;
		margin-top: 131px;
		margin-left: 0px;
		height: 0px;
		width: 850px;
		position: absolute;
	}