/* Coded by "LessWorks"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2008 "bureauHL" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		$1.3 - Shared Styles
		
	$2 - Content Styles
		$2.1 - General Content Styles
		$2.2 - Heading Styles
		$2.3 - Paragraph Styles
		$2.4 - Link Styles
		
	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		$3.3 - Content Lists
		
	$4 - Image Styles
		$4.1 - General Image Styles

	$5 - Form Styles
		$5.1 - General Form Styles

	$6 - Table Styles
		$6.1 - General Table Styles
		
*/ 







/*** $1 - Site Structure Styles ***/

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
			html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, font, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-size: 100%;
				vertical-align: baseline;
				background: transparent;
			}
			body {
				line-height: 1;
			}
			ol, ul {
				list-style: none;
			}
			blockquote, q {
				quotes: none;
			}
			blockquote:before, blockquote:after,
			q:before, q:after {
				content: '';
				content: none;
			}

			/* remember to define focus styles! */
			:focus {
				outline: 0;
			}

			/* remember to highlight inserts somehow! */
			ins {
				text-decoration: none;
			}
			del {
				text-decoration: line-through;
			}

			/* tables still need 'cellspacing="0"' in the markup */
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
			
			body {
				color:#333333;
				font-family:Verdana,Arial,Helvetica,sans-serif;
				font-size:12px;
				line-height:16px;
				margin: 50px 0 50px 0;
			}
			
				body#home {background: #950000;}
				body#coachen {background: #6c40ae;}
				body#trainen_communiceren {background: #b52330;}
				body#training_coaching {background: #a2bfe7;}
				body#provocatief_coachen {background: #ce3432;}
				body#verdieping_coaching {background: #77a308;}
				body#werven {background: #183d72;}
				body#cv {background: #166a74;}
				body#contact {background: #950000;}
			
			#container {
				background-repeat: repeat-y;
				margin: 0 auto;
				overflow:hidden;
				padding: 0 0 0 0;
				position: relative;
				width:980px;
			}
			
				body#default #container {background-image: url(../images/bg_container_default.png);}
				body#blue #container {background-image: url(../images/bg_container_blue.png);}
				body#orange #container {background-image: url(../images/bg_container_orange.png);}
				body#green #container {background-image: url(../images/bg_container_green.png);}
				body#red #container {background-image: url(../images/bg_container_red.png);}
			
			#header {
				background: #fff;
				padding:0 0 35px 0;
				position:relative;
			}
			
			#top {
				background-repeat: no-repeat;
				height: 80px;
				margin: 0 auto;
				overflow:hidden;
				padding: 0 0 0 0;
				width:980px;
			}
 		
				body#default #top {background-image: url(../images/bg_top_default.png);}
				body#blue #top {background-image: url(../images/bg_top_blue.png);}
				body#orange #top {background-image: url(../images/bg_top_orange.png);}
				body#green #top {background-image: url(../images/bg_top_green.png);}
				body#red #top {background-image: url(../images/bg_top_red.png);}

			#content{
				float:left;
				margin:0 5px 0 0;
				padding:25px 0 16px 0;
				width:435px;
			}
			
			#sidebar{
				background: url(../images/bg_sidebar.gif) repeat-y right center ;
				float:left;
				margin: 0 35px 20px 0;
				min-height: 400px;
				padding:0 9px 25px 57px;
				position: relative;
				width:183px;
			}
			
			#sidebar .bottom, #sidebar .top {
				background: url(../images/bg_sidebar_bottom.gif) repeat-y right bottom;
				bottom: 0;
				height: 18px;
				position: absolute;
				right: 0;
				width:19px;
			}
			
			#sidebar .top {
				background: url(../images/bg_sidebar_top.gif) repeat-y right bottom;
				top: 0;
			}
			
			#badge {
				background:url(../images/bureauHL_badge.png) no-repeat;
				height: 77px;
				bottom: 0;
				width: 77px;
				left: 140px;
				position: absolute;
			}
			
			#pictures {
				float:right;
				width:250px;
			}
			
			#footer {
				background-repeat: no-repeat;
				color: #bbbdc0;
				margin: 0 auto;
				overflow:hidden;
				padding: 42px 60px 60px 60px;
				width:860px;
			}
 		
				body#default #footer {background-image: url(../images/bg_footer_default.png);}
				body#blue #footer {background-image: url(../images/bg_footer_blue.png);}
				body#orange #footer {background-image: url(../images/bg_footer_orange.png);}
				body#green #footer {background-image: url(../images/bg_footer_green.png);}
				body#red #footer {background-image: url(../images/bg_footer_red.png);}
			
		/************************/







/*** $2 - Content Styles ***/

		/* 2.1 - General Content Styles */

			a:link, a:visited {
				color: #000;
			}
			
			a:hover {
				color:#000;
				text-decoration:none;
			}
							
		/************************/
	
		/* 2.2 - Heading Styles */
			
			h1, h2, h3, h4 {
				font-size: 12px;
				margin: 0 0 0 0;
				padding: 0 0 0 20px;
			}
			
			#sidebar h1 {
				background: url(../images/logo.gif) no-repeat 0 0;
				height: 80px;
				text-indent: -10000px;
			}
			
			#sidebar h2 {
				color:#fff;
				line-height:1.8em;
				height: 29px;
				margin:30px 0 5px 0;
				width: 172px;
			}
			body#default #sidebar h2 {background:url(../images/bg_sidebar_title_default.png) no-repeat; color: #fff;}
			body#orange #sidebar h2 {background:url(../images/bg_sidebar_title_orange.png) no-repeat #f47820;}
			body#red #sidebar h2 {background:url(../images/bg_sidebar_title_red.png) no-repeat #e21f26;}
			body#green #sidebar h2 {background:url(../images/bg_sidebar_title_green.png) no-repeat #7fc241;}
			body#blue #sidebar h2 {background:url(../images/bg_sidebar_title_blue.png) no-repeat #2aabe1;}

		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				margin:0 0 16px 0;
 			}

			#footer p {
				float: left;
				margin: 0 0 0 0;
			}
			
		/************************/
	
		/* 2.4 - Link Styles */
			
			#content .submenu li a {
				background: url(../images/bg_li_sub.gif) no-repeat center left;
				padding: 0 0 0 18px;
			}
			
			#content .submenu li.current a {
				background: url(../images/bg_li_sub_current.gif) no-repeat center left;
			}
			
			#sidebar li a {
				background: url(../images/bg_nav_li.gif) no-repeat center left;
				font-weight: bold;
				text-decoration: none;
				padding: 0 0 0 20px;
			}
			
			#sidebar li.current a {
				background: url(../images/bg_nav_li_current.gif) no-repeat center left;
			}
			
			body#default #sidebar li.current a {color: #888;}
			body#orange #sidebar li.current a { color: #f47820;}
			body#red #sidebar li.current a {color: #e21f26;}
			body#green #sidebar li.current a {color: #7fc241;}
			body#blue #sidebar li.current a {color: #2aabe1;}
			
			#header li a {
				color:#fff;
				font-weight:bold;
				text-decoration:none;
			}
			
			#header li.nav-default a {
				color:#888;
			}
			
			#footer a {
				color: #bbbdc0;
			}
		
		/************************/







/*** $3 - List Styles ***/

		/* 3.1 - General Lists */
		
			ul li{
				list-style:none;
			}
			
		/************************/
	
		/* 3.2 - Main Navigation */
		
			#header ul {
				position:absolute;
				top:7px;
				left:220px;
			}
			#header li {
				border-width:1px 1px 0 1px;
				display: block;
				float: left;
				height: 40px;
				line-height: 45px;
				margin:0;
				text-align:center;
				width:105px;
			}
			
			#header li.current {
				background: ;
				height: 41px;
				z-index: 2;
			}
			
			#header li a {
				display: block;
			}
			
			#header li a span {
				display: block;
			}
			
			#header li.nav-default {background:url(../images/bg_tab_default.png) repeat-x #fff;}
			#header li.nav-default.current {background:url(../images/bg_tab_default_current.png) repeat-x #fff;}
			#header li.nav-orange {background:url(../images/bg_tab_orange.png) repeat-x #f47820;}
			#header li.nav-orange.current {background:url(../images/bg_tab_orange_current.png) repeat-x #f47820;}
			#header li.nav-red {background:url(../images/bg_tab_red.png) repeat-x #e21f26;}
			#header li.nav-red.current {background:url(../images/bg_tab_red_current.png) repeat-x #e21f26;}
			#header li.nav-green {background:url(../images/bg_tab_green.png) repeat-x #7fc241;}
			#header li.nav-green.current {background:url(../images/bg_tab_green_current.png) repeat-x #7fc241;}
			#header li.nav-blue {background:url(../images/bg_tab_blue.png) repeat-x #2aabe1;}
			#header li.nav-blue.current {background:url(../images/bg_tab_blue_current.png) repeat-x #2aabe1;}

			#header li.nav-default a {background:url(../images/bg_tab_default_left.png) no-repeat;}
			#header li.nav-default a span {background:url(../images/bg_tab_default_right.png) no-repeat top right;}
			#header li.nav-default.current a {background:url(../images/bg_tab_default_left_current.png) no-repeat;}
			#header li.nav-default.current a span {background:url(../images/bg_tab_default_right_current.png) no-repeat top right;}

			#header li.nav-blue a {background:url(../images/bg_tab_blue_left.png) no-repeat;}
			#header li.nav-blue a span {background:url(../images/bg_tab_blue_right.png) no-repeat top right;}
			#header li.nav-blue.current a {background:url(../images/bg_tab_blue_left_current.png) no-repeat;}
			#header li.nav-blue.current a span {background:url(../images/bg_tab_blue_right_current.png) no-repeat top right;}

			#header li.nav-orange a {background:url(../images/bg_tab_orange_left.png) no-repeat;}
			#header li.nav-orange a span {background:url(../images/bg_tab_orange_right.png) no-repeat top right;}
			#header li.nav-orange.current a {background:url(../images/bg_tab_orange_left_current.png) no-repeat;}
			#header li.nav-orange.current a span {background:url(../images/bg_tab_orange_right_current.png) no-repeat top right;}

			#header li.nav-green a {background:url(../images/bg_tab_green_left.png) no-repeat;}
			#header li.nav-green a span {background:url(../images/bg_tab_green_right.png) no-repeat top right;}
			#header li.nav-green.current a {background:url(../images/bg_tab_green_left_current.png) no-repeat;}
			#header li.nav-green.current a span {background:url(../images/bg_tab_green_right_current.png) no-repeat top right;}

			#header li.nav-red a {background:url(../images/bg_tab_red_left.png) no-repeat;}
			#header li.nav-red a span {background:url(../images/bg_tab_red_right.png) no-repeat top right;}
			#header li.nav-red.current a {background:url(../images/bg_tab_red_left_current.png) no-repeat;}
			#header li.nav-red.current a span {background:url(../images/bg_tab_red_right_current.png) no-repeat top right;}
			

			#sidebar ul {
				background:url(../images/bg_sidebar_ul.gif) repeat-y;
				padding: 0 0 0 0;
				overflow: hidden;
				position: absolute;
				left: 53px;
				width: 230px;
			}
			
			#sidebar li {
				background:url(../images/bg_sidebar_li.gif) no-repeat;
				line-height: 10px;
				margin:  8px 0 0 0;
				padding: 0 0 15px 10px;
			}
			
			#content .submenu {
				margin: 0 0 24px 0;
			}
			#content .submenu li {
				display: inline;
				margin: 0 8px 0 0;
			}
			
		/************************/
	
		/* 3.3 - Content Lists */
		
			#content ul {
				margin: 0 0 14px 0;
			}
			#content ul ul {
				margin: 0 0 0 0;
			}
			#content li {
				list-style:square;
				margin:0 0 0 14px;
			}
			#content li li {
				list-style:disc;
				margin:0 0 0 24px;
			}					

		/************************/

		/* 3.4 - Footer Lists */

			#footer ul {
				float: right;
			}
			
			#footer li {
				float: left;
				margin: 0 0 0 1em;
			}

		/************************/







/*** $4 - Image Styles ***/

		/* 4.1 - General Image Styles */
		
			img {
			}
					
			a img {
				border: none;
			}
			
			#content img {
				padding: 0 0 10px 10px;
			}
			
		
		/************************/







/*** $5 - Form Styles ***/
			
		/* 5.1 - General Form Styles */
		
		/************************/







/*** $6 - Table Styles ***/

		/* 6.1 - General Table Styles */