@charset "utf-8";

/** common **/
	* {
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-family: verdana, arial, sans-serif;
		color: #815793;
		}
	html, body {
		/* \*/ height: 100%; /* IE MAC ignores */
		} 
	body {
		background: #e6e4df;
		min-width: 1000px;
		} 
	#wrap {
		position: relative;
		margin: 0;
		min-height: 100%;
		text-align: center;
		background-image: url("/images/design/body.gif");
		background-position: 100% 100%;
		background-repeat: no-repeat;
		}
	* html #wrap {
		height: 100%;
		}
	.AdminBody #wrap {
		background: #e6e4df;
	}
	#middle {
		position: relative;
		height: auto;
		width: 1000px;
		min-height: 100%; 
		margin: 0 auto;
		text-align: left;
		background-image: url("/images/design/middle.gif");
		background-position: 0 215px;
		background-repeat: no-repeat;
	}
	* html #middle {
		/* \*/ height: 100%; /* IE MAC ignores */
		}
	.clearer {
		height: 1px;
		overflow: hidden;
		margin-top: -1px;
		clear: both;
	}
	.clearer_left {
		height: 1px;
		overflow: hidden;
		margin-top: -1px;
		clear: left;
	}
	hr {
		background-color: #815793;
		border: 0;
		color: #815793;
		height: 1px;
		margin: 15px 0 15px 0;
	}
	* html hr
	{
		margin: 10px 0 10px 0;
	}
	a {
		color: #815793;
	}
	a:hover {
		color: #ffcc00;
	}
	a:focus {
		outline: 0px;
	}
	h1 {
		font-size: 24px;
		line-height: 26px;
		font-weight: normal;
	}
	h1 sup {
		font-size: 11px;
	}
	h2 {
		font-size: 12px;
	}
	h3, h4, h5, h6 {
		font-size: 12px;
	}
	ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	ol {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	li {
		margin-left: 24px;
	}
	blockquote {
		margin-left: 30px;
	}
	.center {
		text-align: center;
	}
	option {
		padding: 0 5px 0 3px;
	}
	img {
		border: 0;
	}
/** site elements **/
	#header {
		position: relative;
		width: 1000px;
		height: 215px;
		background-image: url("/images/design/header.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#header2 {
		position: relative;
		width: 1000px;
		height: 215px;
		background-image: url("/images/design/header2.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#content {
		float: left;
		width: 734px;
		margin-bottom: 20px;
		padding-left: 28px;
	}
	* html #content {
		width: 762px;
	}
	#right_column {
		float: right;
		width: 226px;
		padding-top: 44px;
	}
	#right_column .container {
		position: relative;
		width: 197px;
		padding: 0px 0 193px 0;
		background-color: #815793;
		background-image: url("/images/design/right_column_bottom.gif");
		background-position: 0 100%;
		background-repeat: no-repeat;
	}
	#right_column .container * {
		color: #fff;
		line-height: 18px;
	}
	#right_column .container .email {
		position: absolute;
		left: 0;
		bottom: 33px;
		padding-left: 38px;
		background-image: url("/images/design/email.gif");
		background-position: 18px 3px;
		background-repeat: no-repeat;
	}
	#right_column .container .email a {
		color: #815793;
		text-decoration: none;
	}
	#right_column .container .email a:hover {
		color: #815793;
		text-decoration: underline;
	}
	#right_column .container .telefoon {
		position: absolute;
		left: 0;
		bottom: 15px;
		padding-left: 38px;
		background-image: url("/images/design/telefoon.gif");
		background-position: 18px 3px;
		background-repeat: no-repeat;
		color: #815793;
	}
/* right_column */
	#right_column .container .teaser a {
		display: block;
		padding: 10px 10px 12px 14px;
		background: #815793;
		text-decoration: none;
	}
	#right_column .container .teaser a:hover, #right_column .container .teaser .active {
		background: #9f74b0;
	}
	#right_column .container .teaser a strong {
		font-size: 17px;
		line-height: 25px;
		font-weight: normal;
	}
	#right_column .container .teaser a span {
		font-size: 11px;
		line-height: 18px;
	}
/** horizontal menu **/
.hmenu { position: absolute; left: 280px; top: 8px; z-index: 300; }
#hmenu { padding: 0; margin: 0; list-style: none; position: relative; z-index: 200; height: 47px; }
#hmenu ul { padding: 0; margin: 0; list-style: none; float: left; }
#hmenu li { float:left; margin: 0; }
#hmenu li li { float: none; }
* html #hmenu li li { float: left; }
#hmenu li a { display: block; float: left; color: #815793; height: 47px;  padding: 0 20px; line-height: 47px; text-decoration: none; white-space: nowrap; font-size: 11px; }
#hmenu li a strong { color: #815793; font-size: 11px; }
#hmenu li .coaching { width: 143px; text-align: center; padding: 0; background-image: url("/images/design/hmenu.gif"); background-position: 0 5px; background-repeat: no-repeat;}
#hmenu li:hover .coaching, #hmenu .active .coaching { background-image: url("/images/design/hmenu_active.gif"); }
#hmenu li li a { display: block; height: 36px; line-height: 36px; float: none; padding: 0; width: 143px; font-size: 11px; color: #815793; text-align: center; background-image: url("/images/design/hmenu_sub.gif"); background-position: 0 0; background-repeat: no-repeat; background-color: #fff; }
#hmenu li li .first { background-image: url("/images/design/hmenu_sub2.gif"); }
#hmenu li:hover { position: relative; z-index: 300; }
#hmenu li:hover ul { left: 0; top: 42px; z-index: 500; padding: 0 0 0 0; }
#hmenu ul { position: absolute; left: -9999px; top: -9999px; z-index: 700; }
* html #hmenu ul { width: 2px; }
#hmenu li:hover > a { color: #815793; text-decoration: underline; }
#hmenu .active > a { color: #815793; text-decoration: underline; }
#hmenu .active:hover > a { color: #815793; text-decoration: underline; }
#hmenu li li:hover > a { color: #815793; background-color: #f8f0dc; }
#hmenu li .active > a { color: #815793; background-color: #f8f0dc; }
* html #hmenu li li a:hover { color: #815793; background-color: #f8f0dc;}
#hmenu .active > a { color: #815793; }
#hmenu .active a { color: #815793; }
#hmenu .active li a { color: #815793; }
#hmenu .active .active a { color: #815793; background-color: #f8f0dc; }

/** DefaultPage **/
	#DefaultPage {
		position: relative;
		padding: 38px 70px 0px 70px;
		line-height: 18px;
		background: #fff;
		padding-bottom: 14px;
		background-image: url("/images/design/content_bottom.gif");
		background-position: 0 100%;
		background-repeat: no-repeat;
		margin-top: 10px;
		min-height: 483px;
	}
	* html #DefaultPage {
		height: 497px;
	}
	#DefaultPage .home {
		background-image: url("/images/design/home.jpg");
		background-position: 235px 100%;
		background-repeat: no-repeat;
		min-height: 268px;
		padding-bottom: 215px;
	}
	* html #DefaultPage .home {
		height: 483px;
	}
	#DefaultPage .coaching {
		background-image: url("/images/design/coaching.gif");
		background-position: 201px 100%;
		background-repeat: no-repeat;
		min-height: 403px;
		padding-bottom: 80px;
	}
	* html #DefaultPage .coaching {
		height: 483px;
	}
	#DefaultPage .coaching .sub_container {
		padding-top: 18px;
		height: 151px;
	}
	#DefaultPage .coaching .sub {
		float: left;
		display: block;
		width: 247px;
		height: 151px;
		background-image: url("/images/design/coaching_sub.gif");
		background-position: 0 0 ;
		background-repeat: no-repeat;
		text-decoration: none;
		line-height: 10px;
		margin-left: 30px;
	}
	#DefaultPage .coaching .sub:hover {
		background-image: url("/images/design/coaching_sub_hover.gif");
	}
	#DefaultPage .coaching .sub:hover * {
		color: #fff;
	}
	#DefaultPage .coaching .sub .title {
		display: block;
		padding: 26px 20px 0 20px;
		font-size: 20px;
		line-height: 20px;
	}
	#DefaultPage .coaching .sub .text {
		display: block;
		padding: 0 20px 20px 20px;
		line-height: 18px;
		font-size: 11px;
	}



	#DefaultPage .coaching .sub_container2 {
		position: absolute;
		left: 385px;
		top: 93px;
	}
	#DefaultPage .coaching .sub2 {
		display: block;
		width: 321px;
		height: 128px;
		background-image: url("/images/design/coaching_sub2.gif");
		background-position: 0 0 ;
		background-repeat: no-repeat;
		text-decoration: none;
		line-height: 10px;
		margin-bottom: 16px;
	}
	#DefaultPage .coaching .sub2:hover {
		background-image: url("/images/design/coaching_sub2_hover.gif");
	}
	#DefaultPage .coaching .sub2 .title {
		display: block;
		padding: 14px 30px 0 20px;
		font-size: 20px;
		line-height: 20px;
	}
	#DefaultPage .coaching .sub2 .text {
		display: block;
		padding: 0 40px 20px 20px;
		line-height: 18px;
		font-size: 12px;
	}
	#DefaultPage .default {
		padding-bottom: 40px;
	}

/** BlogPage **/
	#BlogPage {
		position: relative;
		line-height: 18px;
		background-color: #fff;
		padding-bottom: 60px;
		background-image: url("/images/design/content_bottom.gif");
		background-position: 0 100%;
		background-repeat: no-repeat;
		min-height: 497px;
	}
	#BlogPage .header {
		padding: 14px 30px 0px 30px;
		height: 56px;
		background-image: url("/images/design/blog_kop.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	* html #BlogPage .header {
		height: 70px;
	}
	#BlogPage .header #breadcrumb {
		padding-bottom: 0px;
	}
	#BlogPage .header * {
		color: #fff;
	}
	#BlogPage .content {
		position: relative;
		padding: 23px 70px 38px 70px;
	}
	#BlogPage .item {
		position: relative;
		padding: 23px 70px 38px 70px;
		background-image: url("/images/design/artikel_bottom.gif");
		background-position: 0 100%;
		background-repeat: no-repeat;
	}
	#BlogPage .item .title strong {
		display: block;
		width: 550px;
		font-size: 24px;
		line-height: 26px;
		font-weight: normal;
	}
	#BlogPage .item .title a {
		display: block;
		width: 550px;
		font-size: 24px;
		line-height: 26px;
		font-weight: normal;
		text-decoration: none;
	}
	#BlogPage .item .title a:hover {
		color: #815793;
		text-decoration: underline;
	}
	#BlogPage .date {
		font-size: 10px;
		padding-bottom: 14px;
	}
	#BlogPage .mailto {
		position: absolute;
		top: 30px;
		left: 625px;
		width: 40px;
		height: 20px;
	}
	* html #BlogPage .mailto {
		left: 555px;
	}
/** DefaultForm **/
	.DefaultForm {
		padding-top: 45px;
	}
	.DefaultForm fieldset {
		border: 0;
	}
	.DefaultForm fieldset legend {
		display: none;
	}
	.DefaultForm label {
		float: left;
		width: 150px;
		padding: 0 10px 0 0;
		margin: 4px 0 2px 0;
		clear: left;
		line-height: normal;
		text-align: right;
	}
	.DefaultForm input, 
	.DefaultForm select, 
	.DefaultForm textarea {
		margin: 2px 0;
	}
	.DefaultForm .input1 {
		width: 180px;
		border: 1px solid #815793;
		padding: 1px;
		margin-bottom: 10px;
	}
	.DefaultForm .smaller {
		float: left;
		width: 136px;
		color: #cec0d4;
		font-size: 9px;
		line-height: 11px;
		padding: 0 10px 0 159px;
	}
	.DefaultForm .smaller * {
		color: #cec0d4;
		font-size: 9px;
	}
	* html .DefaultForm .smaller {
		width: 305px;
	}
	.DefaultForm .submit2 {
		border: 2px solid #ffcc00;
		background: #ffcc00;
		color: #815793;
		width: 40px;
		padding: 1px 0;
		margin-top: 1px;
		line-height: 17px;
		cursor: pointer;
	}
	.DefaultForm .req {
		position: absolute;
		left: 420px;
		color: #deb54e;
	}
	/** javascript error-handling **/
	.DefaultForm input.error, 
	.DefaultForm select.error, 
	.DefaultForm textarea.error, 
	.DefaultForm input.error:focus, 
	.DefaultForm select.error:focus,
	.DefaultForm textarea.error:focus {
		width: 165px;
		padding: 1px;
		padding-right: 16px; 
		border: 1px solid red; 
		margin-bottom: 10px;
		background-image: url("/images/warning_obj.gif"); 
		background-position: right; 
		background-repeat: no-repeat;
	}
	* html .DefaultForm input.error, 
	* html .DefaultForm select.error, 
	* html .DefaultForm input.error:focus, 
	* html .DefaultForm select.error:focus {
		width: 180px;
	}
	.login_error {
		color: red;
		margin-bottom: 12px;
		padding-left: 50px;
		font-size: 10px;
		line-height: 18px;
	}
	.form_footer, .form_footer * {
		font-size: 10px;
		text-align: right;
	}
	#SubscribeForm {
		background-image: url("/images/design/nieuwsbrief.gif"); 
		background-position: 380px 24px; 
		background-repeat: no-repeat;
		padding-bottom: 50px;
	}
/* BREADCRUMB */
	#breadcrumb {
		font-size: 10px;
		color: #815793;
		padding-bottom: 20px;
		padding-left: 1px;
	}
	#breadcrumb * {
		font-size: 10px;
		color: #815793;
	}
	#breadcrumb a {
		font-size: 10px;
		color: #815793;
		text-decoration: none;
	}
	#breadcrumb a:hover {
		color: #815793;
		text-decoration: underline;
	}
	#breadcrumb a:hover {
		color: #815793;
		text-decoration: underline;
	}
	#BlogPage #breadcrumb a:hover {
		color: #fff;
	}













	.blog_teaser {
		position: absolute;
		width: 265px;
		height: 130px;
		left: 462px;
		top: 68px;
	}
	.blog_teaser .title {
		position: absolute;
		width: 235px;
		left: 15px;
		top: 15px;
		text-align: center;
		font-size: 22px;
		line-height: 26px;
		font-style: italic;
	}
	.blog_teaser .link {
		position: absolute;
		width: 265px;
		height: 20px;
		left: 0px;
		top: 106px;
		text-align: center;
	}
	.blog_teaser .link a {
		font-size: 10px;
	}
	.foto {
		position: absolute;
		width: 197px;
		height: 200px;
		left: 774px;
		top: 56px;
		background-image: url("/images/design/sylvie.gif"); 
		background-position: 0 0; 
		background-repeat: no-repeat;
	}
	
	
	.footer {
		display: block;
		padding-top: 2px;
		color: #b39db8;
		line-height: 18px;
		width: 197px;
		text-align: center;
		font-size: 10px;
	}
	.footer a {
		color: #b39db8;
		font-size: 10px;
	}
	.footer a:hover {
		color: #815793;
	}

	.banner  {
		padding-top: 6px;
	}	
	.banner img {
		border-top: 2px solid #9f74b0;
		border-bottom: 2px solid #9f74b0;
	}

/** BOX1 **/

	.box1 {
		width: 200px;
		min-height: 290px;
		float: left;
		padding-bottom: 160px;
		background-image: url("/images/design/box1.gif"); 
		background-position: -20px 100%; 
		background-repeat: no-repeat;
	}
	* html .box1 {
		height: 450px;
	}
/** BOX2 **/

	.box2 {
		width: 285px;
		min-height: 450px;
	}
	* html .box2 {
		height: 450px;
	}

/** CONTACTFORM **/

	.ContactForm {
		position: absolute;
		left: 305px;
		top: 100px;
		width: 400px;
		background: #f2eef4;
		padding-top: 43px;
		padding-bottom: 43px;
	}
	* html .ContactForm {
		margin-left: 0px;
	}
	.ContactForm fieldset {
		border: 0;
	}
	.ContactForm fieldset legend {
		display: none;
	}
	.ContactForm .label1, .ContactForm .label1_off {
		padding-right: 9px;
		line-height: 20px;
		display: block;
		float: left;
		width: 104px;
		text-align: right;
	}
	* html .ContactForm .label1, * html .ContactForm .label1_off {
		width: 113px;
		
	}
	.ContactForm .label1_off {
		color: #d4c6da;
	}
	.ContactForm .input1, .ContactForm .input1_off {
		width: 180px;
		border: 1px solid #815793;
		padding: 1px 2px;
		margin-bottom: 10px;
	}
	.ContactForm .input1_off {
		border: 1px solid #d4c6da;
	}
	.ContactForm .input2 {
		width: 250px;
		height: 95px;
		border: 1px solid #815793;
		padding: 2px 2px;
		margin-bottom: 10px;
	}
	.ContactForm .smaller {
		float: left;
		width: 136px;
		color: #cec0d4;
		font-size: 9px;
		line-height: 11px;
		padding: 0 10px 0 113px;
	}
	* html .ContactForm .smaller {
		width: 259px;
	}
	.ContactForm .smaller * {
		color: #cec0d4;
		font-size: 9px;
	}
	.ContactForm .block1 {
		margin-left: 113px;
		line-height: 20px;
		padding-bottom: 10px;
	}
	* html .ContactForm .block1 {
		width: 200px;
	}
	.ContactForm .block1 input {
		vertical-align: middle;
		margin-right: 5px;
	}
	.ContactForm .block1 label {
		padding-right: 10px;
	}
	.ContactForm .submit2 {
		border: 2px solid #ffcc00;
		background: #ffcc00;
		color: #815793;
		width: 40px;
		padding: 1px 0;
		margin-top: 1px;
		line-height: 17px;
		cursor: pointer;
	}
	.ContactForm #req1, .ContactForm #req2, .ContactForm #req3, .ContactForm #req4, .ContactForm #req5 {
		position: absolute;
		left: 304px;
		color: #deb54e;
	}
	.ContactForm .hide {
		display: none;
	}
	.ContactForm input[disabled='disabled'] {
		background: #fff;
	}
	.ContactForm .error2 {
		position: absolute;
		top: -90px;
		left: 113px;
		font-size: 10px;
		line-height: 13px;
		color: red;
	}
	.ContactForm input.error, 
	.ContactForm select.error, 
	.ContactForm input.error:focus, 
	.ContactForm select.error:focus {
		width: 166px;
		padding: 1px 2px;
		padding-right: 16px; 
		margin-bottom: 10px;
		border: 1px solid red; 
		background-color: #fff;
		background-image: url("/images/warning_obj.gif"); 
		background-position: right; 
		background-repeat: no-repeat;
	}
	* html .ContactForm input.error, 
	* html .ContactForm select.error, 
	* html .ContactForm input.error:focus, 
	* html .ContactForm select.error:focus {
		width: 180px;
	}
/** .... **/
	.bloglist {
		padding: 10px 0 0 55px;
	}
