/*
Design by Metamorphosis Design :http://www.metamorphozis.com
Aanpassingen Marcel Vos
*/

* {	margin: 0;	padding: 0;}

/* body definities : Voor elk nlad een andere kop en achtergrondkleur */                                 /*geeft diepte in de achtergrond */
body 		   { margin: 20px 0;	background-color: #FF9933;	background-repeat: repeat-x;    background-image: url(images/BG_Intro.png);}   
body.Anna      { margin: 20px 0;	background-color: #EAD0D1;	background-repeat: repeat-x;	background-image: url(images/BG_Anna.png);}
body.Contact   { margin: 20px 0;	background-color: #E4D3D1;	background-repeat: repeat-x;	background-image: url(images/BG_Contact.png);}
body.Core      { margin: 20px 0;	background-color: #ffd15f;	background-repeat: repeat-x;	background-image: url(images/BG_Core.png);}
body.Links     { margin: 20px 0;	background-color: #C6FBC7;	background-repeat: repeat-x;	background-image: url(images/BG_Links.png);}
body.Opleiding { margin: 20px 0;	background-color: #FDF1F1;	background-repeat: repeat-x;	background-image: url(images/BG_Opleiding.png);}
body.Therapeut { margin: 20px 0;	background-color: #FFEDFF;	background-repeat: repeat-x;	background-image: url(images/BG_Therapeut.png);}
body.Eva { margin: 20px 0;	background-color: #FFEDFF;	background-repeat: repeat-x;	background-image: url(images/BG_Training2.png);}
body.Docent    { margin: 20px 0;	background-color: #BFBFE0;	background-repeat: repeat-x;	background-image: url(images/BG_Docenten.png);}
body.Training  { margin: 20px 0;	background-color: #D0DAC5;	background-repeat: repeat-x;	background-image: url(images/BG_Training2.png);}
body.Workshop  { margin: 20px 0;	background-color: #FFFFA6;	background-repeat: repeat-x;	background-image: url(images/BG_Workshop.png);}

body, th, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

h1, h2, h3, h4 {	margin-top: 1.5em;	color: #c1481b;}
h1 {	letter-spacing: 0.075em;	font-size: 3em;}
h2 {	letter-spacing: 0.05em;	    font-size: 1.2em; text-transform: none;	font-weight: bold;	border: 1px solid; color: #666666;}
h3 { 								font-size: 1em;}
h4 {								font-size: 1.2em;						font-weight: bold;	text-decoration: underline;}
h5 {								font-size: 16px;						font-weight: bold;
	color: #c1481b;	border-bottom-style: ridge;	width: 625px; margin-top: 30px;}
h6	{	margin-top: 1.5em;			font-size: 1.2em; color: #c1481b;}

h1.title {margin: 0; padding: 0px 0 0 0px;	height: 30px;	font-size: 2.0em;	border-left: 0px solid;}

p, ul, ol    {margin-top: 1.5em;	line-height: 1.8em;	font-size: 1.1em;}
ul, ol       {margin-left: 3em;}
li           {line-height: 1.2em;}
a 			 {text-decoration: underline;color: #c1481b;} 
a:hover      {color: #2F3EFB;}
hr 			 {display: none;}

/* Header */
#headerExtra  {
	width: 910px;
	height: 30px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 0px;
}
#headerExtra img{
	color: #3300FF;
}
#headerExtra a{
	color: #FFFFFF;
	font-weight: bold;
}


#header_uk    {	width: 900px;	height: 55px;	margin: 0 auto;}
#header_nl    {	width: 900px;	height: 55px;	margin: 0 auto;}

/* Page : Dit is het onderste BLOK begrensd door het grijze vierkant !  */
#page {
	width: 900px;/*978*/
	margin: 0 auto;
	padding: 20px 0px 0 0px;
	background: #FFFFFF;
	border: 10px solid;  /*Geeft de dikte aan van de rand */
	border-top: none;
	border-color: #f3f3f3;
	background-color: #FFFFFF;
}

/* block quote */
blockquote {background:  no-repeat top left;	background-image: url(images/blog_quote_left.gif);}
.type1 {	background:  no-repeat top left;	background-image: url(images/blog_quote_left.gif);	width: 290px;	float: left;	margin-right: 10px;}
.type2 {	background:  no-repeat top left;	background-image: url(images/blog_left.gif);		width: 600px;	float: left;	margin-right: 10px;
			margin-top:  0px;	
			padding-top: 0px;	
			text-align: center;	
			padding-bottom: 10px;}

blockquote .quote {font-size: 1.4em; line-height: 1.4em; font-weight: bold;	padding: 10px 23px;	background: url(images/blog_quote_right.gif) no-repeat right bottom;color: #666666;}
blockquote .attribution {font-size: 1.3em;	text-align: right;	color: #999;	margin-top: 7px;	margin-right: 21px;}

.HighLight {
	color: #c1481b;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
}

/* image positioning - left, right and center */
.left    { float: left;  padding: 0px 8px 0px 0px;}
.right   { float: right; padding: 0px 0px 0px 8px;}
.center  { display: block; text-align: center;  margin: 0 auto;}
.under   { text-decoration: underline;}
/* Logo */
#logoIntro     {width: 900px; margin: 0 auto; height: 263px; border: 10px solid #F3F3F3; 
		    	background-image: url(images/Logo_Intro_1.jpg); background-repeat: no-repeat;	background-position: left top;}
#logoAnna      {width: 900px; margin: 0 auto; height: 263px; border: 10px solid;
		    	background-image: url(images/Logo_Anna.jpg);  background-repeat: no-repeat;	background-position: left top;	border-color: #f3f3f3;}
#logoCore      {width: 900px; margin: 0 auto; height: 263px; border: 10px solid;
			    background-image: url(images/Logo_Core.jpg); background-repeat: no-repeat;	background-position: left top;	border-color: #f3f3f3;}
#logoOpleiding {width: 900px; margin: 0 auto; height: 263px; border: 10px solid;
				background-image: url(images/Logo_Opleiding.jpg); background-repeat: no-repeat;	background-position: left top; border-color: #f3f3f3;}
#logoDocent    {width: 900px;	height: 263px;	margin: 0 auto;	height: 263px;	border: 10px solid;
			     background-image: url(images/Logo_Docent.jpg);	background-repeat: no-repeat;	background-position: left top;	border-color: #f3f3f3;}
#logoTraining  {width: 900px;margin: 0 auto;	height: 263px;	border: 10px solid;	
                 background-image: url(images/Logo_Training.jpg);	background-repeat: no-repeat;background-position: left top;	border-color: #f3f3f3;}
#logoEva  {width: 900px;margin: 0 auto;	height: 263px;	border: 10px solid;	
                 background-image: url(images/Logo_Eva.jpg);	background-repeat: no-repeat;background-position: left top;	border-color: #f3f3f3;}
#logoTherapeut {width: 900px;margin: 0 auto;height: 263px;	border: 10px solid;
				background-image: url(images/Logo_Therapeut.jpg);background-repeat: no-repeat;background-position: left top;border-color: #f3f3f3;}
#logoWorkshop   {width: 900px;margin: 0 auto;	height: 263px;border: 10px solid;
		   	     background-image: url(images/Logo_Workshop.jpg);	background-repeat: no-repeat; background-position: left top;border-color: #f3f3f3;}
#logoContact    {width: 900px;	margin: 0 auto;	height: 263px;	border: 10px solid;
    		   	  background-image: url(images/Logo_Contact.jpg);background-repeat: no-repeat;background-position: left top;border-color: #f3f3f3;}

/* Content */
#content      {	float: left;	width: 870px;	padding: 0px 0px 0px 20px;}
#content650px {	float: left;	width: 570px;	padding: 0px 0px 0px 20px;}
#Right_content {float: left;	width: 450px;	padding: 0px 0px 0px 20px;                                  	padding-left: 30px;}
#Left_content  {float: left;	width: 850px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 20px;}

/* Footer */
#footer {text-align: center;font-size: 9px;	color: #c1481b}

/*style */
.SmallQuote {
	font-size: 12px;
	color: #000000;
	font-style: italic;
	font-weight: bold;
	font-family: "Comic Sans MS";
	text-align:center;
}

.TeachL h4   {font-size: 14px;	color: #CC6666;	border-bottom-style: double;	width: 400px;	margin-left: 150px;	text-decoration: none;	margin-bottom: 10px;}
.TeachR h4   {font-size: 14px;	color: #CC6666;	border-bottom-style: double;	width: 400px;                    	text-decoration: none;	margin-bottom: 10px;}
  
/* Sidebars */
.sidebar {	float: left;}
.sidebar ul {	margin: 0;	padding: 0;	list-style: none;}
.sidebar li {	margin-bottom: 2em;}
.sidebar li ul {}
.sidebar li li {margin: 0;}
.sidebar li h2 {margin: 0 0 1em 0;}

#sidebar1 {width: 230px;	padding: 0px 0px 0px 20px;}
#sidebar2 {width: 240px;	padding: 38px 20px 0px 20px;	border-left: 1px solid;	padding-left: 20px;	margin-left: 20px;	border-color: #993300;}
#sidebar2 li h2 {           padding: 15px 0  0 15px;	margin: 0 0 1em 0;	background: url(images/img11.gif) no-repeat left top; height: 30px;}
#sidebar2 li ul {line-height: normal;                                   	background: url(images/img04.gif) repeat-x;}
#sidebar2 li li {padding: 5px;                                           	background: url(images/img04.gif) repeat-x left bottom;	font-size: .8em;}
#sidebar2 li a {      border: none;	padding-left: 10px;}
#sidebar2 li a:hover {border: none;	padding-left: 10px;}

/* Contactformulier */
input.button {background: #ffffff;	color: #000000;	background-color: #999999;}
input, textarea {border:1px solid #666666;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;background:#fff;}
input:focus, 
input:hover, 
textarea:focus, 
textarea:hover{border: 1px solid #000;	background:top right no-repeat;	background-color: #ECDBEE;}

label {margin:2px;}
input {width:300px;}
.button {margin:0 0 15px 0;	color:#000;	font-weight:bold;	width:310px;/*	background-image: url(../images/back1.jpg);*/}

/*-- Tabellen --*/
table.Adressen {empty-cells: show;}
table.Adressen th {	text-align: left;	font-weight: bold;	color: #330066;	border-bottom-color: #330066;	border: 1px;	border-bottom-style: solid;}
table.Adressen td {	text-align: left;	font-size: 10px;	font-style: normal;	font-family: Georgia, "Times New Roman", serif;	}
table.Adressen tr.d0 td {	background-color: #FFF0D0;	color: black;	font-family: Georgia, "Times New Roman", serif;}
table.Adressen tr.d1 td {	background-color: #FFFFFF;	color: black;	font-family: Georgia, "Times New Roman", serif;	background-attachment: fixed;}