html {

}

body	{
	font				: 0.7em Tahoma, Arial, sans-serif;
	background			: #FFF url(../img/body-bg.jpg) repeat-x;	
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}



/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#main:after
{
	display				: block;
	visibility			: hidden;
	clear				: both;  
	height				: 0; 
	content				: "."; 
}

	/* voor IE-mac */
	.clearfix,
	#main
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html #main
	{ 
		height			: 1%;
	}
	
	.clearfix ,
	#main	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

#container-holder {
	background			: url(../img/main-bg.png) center top no-repeat;	
}

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 165px;
	top					: 28px;
}

#header a.logo	{
	position			: absolute;
	top					: 30px;
	left				: 49px;
}


#main {
	position			: relative;
	top					: 28px;
	padding				: 30px 10px 30px 30px;
	background			: #6f246b;
}


/* --------------------------------	*/
/* topmenu							*/
/* --------------------------------	*/
#topmenu {
	position			: absolute;
	margin-top			: 15px;
	right				: 10px;
}

#topmenu li {
	float				: left;
	display				: inline;
}

#topmenu li a {
	text-decoration		: none;
	color				: #6f246b;
	padding				: 0 5px;
}

#topmenu li a:hover {
	text-decoration		: underline;
}

#topmenu li.actief a {
	font-weight			: bold;
}

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	top					: 139px;
	left				: 20px;
}

#menu li {
	float				: left;
	display				: inline;
}

#menu li.first {
	margin-left			: 22px;
}

#menu li a {
	display				: block;
	height				: 27px;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/menu-items.png);
	margin				: 0 11px 0 0;
}

#menu li a.profiel 		{	width : 70px;	background-position	: -1px  bottom; }
#menu li a.uitgangspunten {	width : 131px;	background-position	: -97px  bottom; }
#menu li a.emoties 		{	width : 128px;	background-position	: -250px  bottom; }
#menu li a.tarot-en-reiki	{	width : 107px;	background-position	: -1107px  bottom; }
#menu li a.achtergrond {	width : 112px;	background-position	: -402px  bottom; }
#menu li a.verwachten 	{	width : 152px;	background-position	: -537px  bottom; }
#menu li a.begeleiding 	{	width : 101px;	background-position	: -852px  bottom; }
#menu li a.praktijk 	{	width : 110px;	background-position	: -716px  bottom; }
#menu li a.ken-je-kern {	width : 86px;	background-position	: -982px  bottom; }


#menu li:hover a.profiel,
#menu li.hover a.profiel,
#menu li.actief a.profiel 			{ background-position: -1px top; }

#menu li:hover a.uitgangspunten,
#menu li.hover a.uitgangspunten,
#menu li.actief a.uitgangspunten 	{ background-position: -97px top; }

#menu li:hover a.emoties,
#menu li.hover a.emoties,
#menu li.actief a.emoties 			{ background-position: -250px top; }

#menu li:hover a.tarot-en-reiki,
#menu li.hover a.tarot-en-reiki,
#menu li.actief a.tarot-en-reiki 				{ background-position: -1107px top; }

#menu li:hover a.achtergrond,
#menu li.hover a.achtergrond,
#menu li.actief a.achtergrond 		{ background-position: -402px top; }

#menu li:hover a.verwachten,
#menu li.hover a.verwachten,
#menu li.actief a.verwachten 		{ background-position: -537px top; }

#menu li:hover a.begeleiding,
#menu li.hover a.begeleiding,
#menu li.actief a.begeleiding 		{ background-position: -852px top; }

#menu li:hover a.praktijk,
#menu li.hover a.praktijk,
#menu li.actief a.praktijk 			{ background-position: -716px top; }

#menu li:hover a.ken-je-kern ,
#menu li.hover a.ken-je-kern ,
#menu li.actief a.ken-je-kern  			{ background-position: -982px top; }



/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	clear				: left;
	width				: 738px;
	background			: url(../img/lijn-paars-verticaal.gif) 729px top repeat-y;	
	color				: #fff;
	line-height			: 18px;
	min-height			: 380px;
}

#content h1	{
	font-size			: 3.2em;
	color				: #86d3f6;
	font-weight			: bold;
	position			: relative;
	width				: 720px;
	line-height			: normal;
	margin-bottom		: 10px;
}

#content a 			{ color: #86d3f6; text-decoration: none; }
#content a:hover 	{ color: #fff; text-decoration: underline }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #CFF0FF; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 15px;
	list-style-position:outside;
	list-style			: disc;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

#content .iwes img {
	border				: solid 1px #fff;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 2px;
	border				: solid 1px #6f246b;
	font				: 1em Arial;
	background			: #7F2F7B;
	color				: #fff;
}

#content textarea	{
	overflow			: auto;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #fff;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	font-weight			: bold;
	color				: #000;
	background			: #86D3F6;
	cursor				: pointer;
	margin				: 7px 0 0 0;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout input	{
	color				: #F00;
}


/* --------------------------------	*/
/* rechts						 	*/
/* --------------------------------	*/
#rechts {
	float				: right;
	width				: 205px;
	clear				: right;
	color				: #fff;

}


/* nieuws						 	*/
#adres strong,
#nieuws strong {
	color				: #86d3f6;
	font-size			: 1.7em;
}

#nieuws strong {
	margin				: 0 0 0 27px;
}

#nieuws li strong,
#adres address strong {
	font-size			: 1em;
	color				: #fff;
}

#nieuws li strong {
	display				: block;
	margin				: 0;
	width				: 150px;
	position			: relative;
	left				: 29px;
}

#nieuws li {
	background			: url(../img/nieuws-lijst-icoon.gif) -368px top no-repeat;
	margin				: 16px 0 0 0;
	padding				: 3px;
}

#nieuws li:hover,
#nieuws li.hover {
	background			: #7F2F7B url(../img/nieuws-lijst-icoon.gif) 0px top no-repeat;
}

#nieuws li:hover a.lees-meer {
	color				: #86d3f6;
}

#nieuws li p {
	display				: block;
	width				: 148px;
	margin				: 0 0 0 30px;
}

#nieuws li a.lees-meer {
	color				: #fff;
	font-size			: 0.9em;
	font-weight			: bold;
	text-decoration		: underline;
	position			: relative;
	left				: 120px;
	display				: block;
	width				: 70px;
}


/* --------------------------------	*/
/* Nieuwsoverzicht 					*/
/* --------------------------------	*/
#nieuwsoverzicht {
	margin				: 20px 0 0 70px;
}

#nieuwsoverzicht li {
	float				: left;
	margin				: 0 10px 10px 0;
	display				: inline;
	width				: 555px;
	background			: #7F2F7B;
	height				: 126px;
	overflow			: hidden;	
}

#nieuwsoverzicht li .datum {
	float				: left;
	width				: 90px;
	margin				: 0px 0 0 0;
	color				: #000;
	text-align			: center;
}

#nieuwsoverzicht li .datum a {
	display				: block;
	width				: 80px;	
	padding				: 5px;	
	background			: #86d3f6;
	color				: #000;
}

#nieuwsoverzicht li .bericht {
	float				: left;
	width				: 435px;
	padding				: 0 0 0 10px;
	height				: 103px;
	overflow			: hidden;	
}

#nieuwsoverzicht li:hover,
#nieuwsoverzicht li.hover {
	background			: none;
}

#nieuwsoverzicht li:hover a,
#nieuwsoverzicht li.hover a {
	background			: none;	
	text-decoration		: none;	
}

#nieuwsoverzicht li:hover .datum a,
#nieuwsoverzicht li.hover .datum a {
	background			: #86d3f6;
}

#nieuwsoverzicht li a:visited {
	color				: #fff;
}

#nieuwsoverzicht li .datum a:visited {
	background			: #7F2F7B;
}

#nieuwsoverzicht li a.leesmeer {
	float				: right;
	margin				: 1px 0 0 0;
	color				: #000;
	font-weight			: bold;
	text-decoration		: none;
	padding				: 0 25px 0 0;
	background			: none;
}

#nieuwsoverzicht li h2 {
	padding				: 10px 0 0 0;
}

#nieuwsoverzicht li h2 a {
	background			: none;
	color				: #86d3f6;
	font-size			: 1.5em;
	font-weight			: bold;
	padding				: 10px 0 5px 0;
	float				: none;
	text-decoration		: none;
}

/*button terug */
#content .terug {
	display				: block;
	margin-top			: 50px;
}



/* adres						 	*/
#adres {
	position			: absolute;
	bottom				: 30px;
	width				: 180px;
}

#adres {
	padding				: 0 0 0 20px;
}

#adres address {
	font-style			: normal;
	font-size			: 1.1em;
	line-height			: 1.4em;
	margin-top			: 10px;	
}

#adres address a {
	color				: #fff;
	text-decoration		: none;
}

#adres address a:hover {
	text-decoration		: underline;
}

/* ----------------------------------------------------- */
/* Fotoboek	(voorbeeld)									 */
/* - bij float left en verschillende hoogtes van blokken */
/* ----------------------------------------------------- */
#fotoboek li {
	display				: -moz-inline-stack;
	display				: inline-block;
	width 				: 200px;
	margin				: 5px;
	vertical-align		: top;
}


/* --------------------------------	*/
/* Pagina navigatie	 				*/
/* --------------------------------	*/
#content .pagina_navigatie	{
	float				: left;
	padding				: 10px 0;
	clear				: left;
}

#content .pagina_navigatie h4	{
	display				: inline;
	font-weight			: bold;
}

#content .pagina_navigatie ul	{
	display				: inline;
}

#content .pagina_navigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 5px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .pagina_navigatie ul li.navigatie_huidige_pagina	{
	margin				: 0 5px 0 0;
	padding				: 2px 5px;
	color				: #FFF;
	background			: #86d3f6;
}

#content .pagina_navigatie ul li a	{
	padding				: 2px 5px;
	background			: #7F2F7B;
	color				: #FFF;
	text-decoration		: none;
}

#content .pagina_navigatie ul li.actief a, 
#content .pagina_navigatie ul li a:hover	{
	color				: #FFF;
	background			: #6F246B;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	overflow			: hidden;
	border				: solid 1px white;
}

#googlemaps	{
	width				: 350px;
	height				: 400px;
	font				: 1em Trebuchet MS;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a	{
	color				: #58585A;
}



/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	padding				: 10px 0;
	font-size			: 0.9em;
	top					: 28px;
	text-align			: center;
	color				: #6f246b;
	font-size			: 1em;
}

#amimpact a {
	text-decoration		: none;
	color				: #6f246b;
}

#amimpact a:hover {
	text-decoration		: underline;
}

#amimpact a.actief {
	font-weight			: bold;
}

#amimpact span {
	padding				: 0 3px;
}