@import url('form.css');

IMG, DIV, LI, A, UL { behavior: url(images/iepngfix.htc) }

* 
{
	padding: 0;
	margin: 0;
}

BODY 
{
	background: #88A705;
	color: #053053;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 20px 0 0 0;
}

IMG { border: 0; }

HR { margin: 10px 0; }

/*Classes
-----------------------------------------------------*/
.bold { font-weight: bold; }
.clear { clear: both; }
.error { color: #DD0000; }
.left {float: left;}
.licht_groen { color: #789303; }
.right { float: right; }

/*Headings
-----------------------------------------------------*/
H1
{
	/*background: url('../image/layout/title.jpg') no-repeat;*/
	color: #083155;
	font-size: 20px;
	margin: 15px 0 15px 0;
	/*padding: 0 0 0 36px;*/
}

H2
{
	font-weight: bold;
	font-size: 12px;
}

/*Links
-----------------------------------------------------*/
A:link, A:active, A:visited 
{
	color: #789303;
	outline: none;
	text-decoration: none;
}

A:hover 
{
	color: #000000;
}

A.partner:link, A.partner:active, A.partner:visited 
{
	color: #062C50;
	outline: none;
	text-decoration: none;
}

A.partner:hover { color: #789303; }

/*Div elementen
-----------------------------------------------------*/
DIV#wrapper 
{
	background: url('../image/layout/backdrop.jpg') repeat-y;
	margin: 0 auto;
	padding: 0 0 0 4px;
	width: 945px;
}

	DIV#header
	{
		height: 200px;
		margin: 0 0 -3px 0;
		overflow-y: hidden;
		position: relative;
		width: 941px;
	}
	
		OBJECT#flashert
		{
			background: none;
			margin: 0 0 0 0;
			position: absolute;
		}
		
		DIV#flashert2
		{
			background: none;
			color: #0B3156;
			font-size: 32px;
			font-family: "Tw Cen MT", Arial, sans-serif;
			margin: 80px 0 0 0;
			position: absolute;
		}
	
	DIV#navigation { overflow-y: hidden; }
	
	DIV#content { background: url('../image/layout/backdrop_content.jpg') bottom left repeat-y; width: 945px; }
	
		DIV#cont_left
		{
			border-right: solid 1px #AABDD3;
			float: left;
			min-height: 387px;
			width: 278px;
		}
		
		DIV#cont_mid
		{
			float: left;
			overflow: hidden;
			padding: 10px 24px 24px 24px;
			width: 421px;
		}
		
			DIV#cont_mid P.breadcrumb
			{
				background: #F0F0F0;
				border-bottom: solid 1px #D2D9E0;
				border-top: solid 1px #D2D9E0;
				color: #062F54;
				font-family: Verdana, sans-serif;
				font-size: 11px;
				padding: 4px 6px;
				width: 100%;
			}
			
				DIV#cont_mid P.breadcrumb A { color: #062F54; text-decoration: none; }
			
			DIV#cont_mid P { line-height: 18px; margin: 12px 0; }
			
			DIV#cont_mid IMG { margin-right: 10px; }
			
		DIV#cont_right
		{
			float: left;
			padding: 20px 0 20px 10px;
			width: 175px;
		}
			
		DIV#footer
		{
			font-family: verdana, sans-serif;
			font-size: 10px;
		}
		
			DIV#footer P#left_foot
			{
				bottom: 0;
				float: left;
				padding: 5px 0;
				position: relative;
				text-align: center;
				width: 279px;
			}
			
				DIV#footer P#left_foot A { color: #000000; text-decoration: none; }
				
			DIV#footer P#right_foot
			{
				background: #EDF0F3;
				border-top: solid 1px #D8DADD;
				bottom: 0;
				color: #606060;
				float: left;
				padding: 5px 10px 5px 0;
				position: relative;
				text-align: right;
				width: 652px;
			}
	
	DIV#foot_footer
	{
		background: url('../image/layout/footer.jpg') no-repeat;
		height: 3px;
		overflow: hidden;
		width: 941px;
	}
	
	DIV#indruk { margin: 10px 0 0 0; text-align: center; }
	DIV#indruk A { color: #FFFFFF; margin: 20px 0 0 0; text-decoration: underline; }
	DIV#indruk A:hover { text-decoration: none; }

/*Formulieren
-----------------------------------------------------*/
FORM#form_zoeken
{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
}

FORM#form_zoeken INPUT.field
{
	background: url('../image/layout/backdrop_input.jpg') no-repeat;
	border: solid 1px #D3D3D3;
	float: left;
	height: 19px;
	width: 137px;
}

FORM#form_zoeken INPUT.form_btn
{
	background: url('../image/btn/zoeken.jpg') no-repeat 0 1px;
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	width: 50px;
}

FORM LABEL
{
	display: block;
	float: left;
	margin: 3px 0 5px 0;
	width: 140px;
}

	FORM LABEL SPAN { color: #DD0000; }

FORM INPUT.field
{
	float: left;
	margin: 0 0 5px 0;
	padding: 2px 3px 3px 3px;
	width: 250px;
}

FORM BR
{
	clear: both;
}

FORM TEXTAREA
{
	height: 120px;
	float: left;
	margin: 0 0 5px 0;
	width: 256px;
}

FORM SELECT
{
	float: left;
	margin: 0 0 5px 0;
	width: 308px;
}

DIV.form_error
{
	background: #FFEFEF;
	border: solid 2px #DD0000;
	color: #DD0000;
	line-height: 17px;
	margin: 10px 0;
	padding: 10px;
}

DIV.form_error_
{
	background: #EDFFED;
	border: solid 2px #1AC000;
	color: #1AC000;
	line-height: 17px;
	margin: 10px 0;
	padding: 10px;
}

/*Navigaties
-----------------------------------------------------*/
/*topnav*/
UL#topnav { list-style-type: none; }
	
	UL#topnav LI
	{
		border-bottom: solid 1px #A4BC41;
		display: block;
		float: left;
		height: 31px;
		overflow: hidden;
	}
	
		UL#topnav LI A
		{
			display: block;
			height: 31px;
			text-indent: -99999px;
		}
		
		UL#topnav LI A#btn_home { background: url('../image/btn/home.jpg') no-repeat top left; 				 width: 134px; }
		UL#topnav LI A#btn_limetree { background: url('../image/btn/thelimetree.jpg') no-repeat top left; 	 width: 134px; }
		UL#topnav LI A#btn_opleidingen { background: url('../image/btn/opleidingen.jpg') no-repeat top left; width: 134px; }
		UL#topnav LI A#btn_meditation { background: url('../image/btn/meditation.jpg') no-repeat top left; 	 width: 134px; }
		UL#topnav LI A#btn_coaching { background: url('../image/btn/coaching.jpg') no-repeat top left; 	 	 width: 134px; }
		UL#topnav LI A#btn_referenties { background: url('../image/btn/referenties.jpg') no-repeat top left; width: 134px; }
		UL#topnav LI A#btn_contact { background: url('../image/btn/contact.jpg') no-repeat top left; 		 width: 137px; }
		
		UL#topnav LI#current A { background-position: bottom left; }
		
		UL#topnav LI A#btn_home:hover { background-position: bottom left; }
		UL#topnav LI A#btn_limetree:hover { background-position: bottom left; }
		UL#topnav LI A#btn_opleidingen:hover { background-position: bottom left; }
		UL#topnav LI A#btn_meditation:hover { background-position: bottom left; }
		UL#topnav LI A#btn_coaching:hover { background-position: bottom left; }
		UL#topnav LI A#btn_referenties:hover { background-position: bottom left; }
		UL#topnav LI A#btn_contact:hover { background-position: bottom left; }

/*leftnav*/
UL#leftnav { list-style-type: none; margin: 20px 20px 20px 10px; }

	UL#leftnav LI { #clear: both; #width: 100%; }
	
		UL#leftnav LI SPAN
		{
			#clear: none !important;
			cursor: pointer;
			display: block;
			float: left;
			#margin: 8px 0 0 0; 
			padding: 2px 5px;
			width: 10px;
		}
	
		UL#leftnav LI A
		{
			#clear: none !important;
			color: #062C50;
			display: block;
			#float: left;
			margin: 15px 0 0 0;
			text-decoration: none;
			#width: 210px;
		}
		
		UL#leftnav LI A:hover { color: #789303; }
		
/*leftnav subnav*/
UL.subnav { list-style-type: none; margin: 0 0 0 20px; }

	UL#leftnav LI A:hover, UL#leftnav LI#current A { color: #789303; }
	
/*subper de sub subnav*/
UL.subnav_sub { display: none; margin: 0 0 0 30px; }

/*rightnav*/
UL#rightnav { list-style-type: none; margin: 0 0 0 12px; }

/*Tabellen
-----------------------------------------------------*/
TABLE.nieuws_item { line-height: 18px; }
TABLE.nieuws_item TR TD P.nieuws_item_intro { padding: 10px 0; }

/*Leertrajecten
-----------------------------------------------------*/
/* _V1
DIV#leertrajecten_container
{
	margin: 0 0 20px -17px;
	position: relative;
	width: 475px;
}

	DIV#leertrajecten_container DIV.box
	{
		background: #FFFFFF;
		float: left;
		margin: 6px 5px;
		padding: 7px;
		position: relative;
		text-align: center;
		width: 126px;
		z-index: 3;
	}

		DIV#leertrajecten_container DIV.box A
		{
			color: #053053;
			text-decoration: underline;
		}
		
		DIV#leertrajecten_container DIV.box A:hover
		{
			color: #789303;
			text-decoration: none;
		}
	
	DIV#leertrajecten_container DIV.strong { font-weight: bold; }
	
	DIV.shadow
	{
		background: #D8E2AD;
		margin: 8px 0 0 0;
		position: absolute;
		width: 142px;
		z-index: 1;
	}
	
	DIV#leertrajecten_container DIV.arrows
	{
		height: 40px;
		width: 100%;
	}
	
	DIV#leertrajecten_container DIV.arrows IMG
	{
		position: absolute;
		z-index: 2;
	}
*/

/*_V2*/
DIV#leertrajecten
{
	margin: 0 0 0 -15px;
	position: relative;
	width: 640px;
}

	DIV.lt_row
	{
		clear: both;
		width: auto;
	}
	
		DIV.lt_cell
		{
			background: #FFFFFF;
			border: solid 1px #88A705;
			float: left;
			font-size: 11px;
			margin: 3px;
			padding: 3px 5px;
			position: relative;
			width: 120px;
			_width: 115px;
			z-index: 2;
		}
		
			DIV.lt_cell A { color: #053053;}
			DIV.lt_cell A:hover { color: #88A705;}
		
		DIV.shadow
		{
			background: #D8E2AD;
			height: 29px;
			margin: 6px 0 0 7px;
			position: absolute;
			width: 130px;
			_width: 125px;
			z-index: 1;
		}

/*FAQ list*/
UL.faq_list { list-style-position: inside; }

UL.faq_list LI DIV
{
	display: none;
}

/**/
A.na { color: #062C50; }
A.na:hover { color: #789303; }

/**/
DIV#conversie_footer A
{
	display: block;
	/*margin-left: 45px;*/
}


/**/
ul.na_list
{
	list-style-type: none;
	margin: 0 0 20px 20px;
}

	ul.na_list li ul.na_a_list
	{
		margin-left: 20px;
	}