/* Reset CSS
=========================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {	
	margin:0; padding:0;
}

table {	
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {	
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {	
	font-style:normal;	
	font-weight:normal;
}

ol,ul {	
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {	
	content:'';
}

abbr,acronym { 
	border:0;
}


/* Default fonts
=========================================================*/

body, p {
	font-family: Verdana, Verdana, Geneva, sans-serif;	
}

h1, h2, h3, h4, h5 {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", serif;
}


/* Complete page
=========================================================*/

body {
	background-color: #333;
}

#full_content {
	background-color: #3C90B9;	
	background-image: url(design/background.jpg);
	background-repeat: no-repeat;	
	min-height: 580px;
	margin: auto; 
	max-width: 995px;
}

/* Header + header menu
========================================================*/
 
#header {
	height: 400px;
	width: 995px;
}

#facet {
	position: absolute;
	display: block;
	top: 5px;
	/*
	margin-left: 670px;
	background: url(/images/web-logo.png) no-repeat;
	width: 178px;
	height: 120px;
*/
	margin-left: 690px;
	background: url(/images/tommickers-logo.png) no-repeat;
	width: 133px;
	height: 135px;


/*	opacity: 0.7;
	filter:alpha(opacity=70);
*/
}

#facet:hover {
	position: absolute;
	display: block;
	top: 5px;
	margin-left: 690px;
	background: url(/images/tommickers-logo.png) no-repeat;
	width: 133px;
	height: 135px;
}

#slogan {
	position: absolute;
	display: block;
	top: 170px;
	margin-left: 692px;
	background: url(/images/slogan.png) no-repeat;
	width: 262px;
	height: 33px;
}
#slogan span {
	display: none;
}


.header_button {
	display: block;
	position: absolute;
	overflow: hidden;
	background-repeat: no-repeat;
}

.header_button {
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", serif;
	font-size: 15px;
	line-height: 75px;
	text-align: center;
	color: #333;
	font-weight: bold;
}


#header_button_1 {
	background-image: url('design/buttons/normal/button1.png');
	_background-image: url('design/buttons/normal/button1.gif');	/* IE 6, and lower hack */
	margin-left: 177px; margin-top: 64px;
	width: 132px; height: 85px;
}

#header_button_1.selected, #header_button_1.child_selected {
	background-image: url('design/buttons/selected/button1.png');
	_background-image: url('design/buttons/selected/button1.gif');
}


#header_button_1:hover {
	background-image: url('design/buttons/hover/button1.png');
	_background-image: url('design/buttons/hover/button1.gif');
}


#header_button_2 {
	background-image: url('design/buttons/normal/button2.png'); 
	_background-image: url('design/buttons/normal/button2.gif'); 
	margin-left: 75px; margin-top: 104px;
	width: 134px; height: 83px;
}

#header_button_2.selected, #header_button_2.child_selected {
	background-image: url('design/buttons/selected/button2.png');
	_background-image: url('design/buttons/selected/button2.gif');
}

#header_button_2:hover {
	background-image: url('design/buttons/hover/button2.png');
	_background-image: url('design/buttons/hover/button2.gif');
}


#header_button_3 {
	background-image: url('design/buttons/normal/button3.png');
	_background-image: url('design/buttons/normal/button3.gif');
	margin-left: 0px; margin-top: 164px;
	width: 128px; height: 73px;
}

#header_button_3.selected, #header_button_3.child_selected {
	background-image: url('design/buttons/selected/button3.png');
	_background-image: url('design/buttons/selected/button3.gif');
}

#header_button_3:hover {
	background-image: url('design/buttons/hover/button3.png');
	_background-image: url('design/buttons/hover/button3.gif');
}

#header_button_4 {
	background-image: url('design/buttons/normal/button4.png');
	_background-image: url('design/buttons/normal/button4.gif');
	margin-left: 0px; margin-top: 232px;
	width: 124px; height: 74px;
}

#header_button_4.selected, #header_button_4.child_selected {
	background-image: url('design/buttons/selected/button4.png');
	_background-image: url('design/buttons/selected/button4.gif');
}

#header_button_4:hover {
	background-image: url('design/buttons/hover/button4.png');
	_background-image: url('design/buttons/hover/button4.gif');
}

#header_button_4 {
	background-image: url('design/buttons/normal/button4.png');
	_background-image: url('design/buttons/normal/button4.gif');
	margin-left: 0px; margin-top: 232px;
	width: 124px; height: 74px;
}



#header_button_5 {
	background-image: url('design/buttons/normal/button2.png');
	_background-image: url('design/buttons/normal/button2.gif');	/* IE 6, and lower hack */
	margin-left: 305px; margin-top: 60px;
	width: 132px; height: 85px;
}

#header_button_5.selected, #header_button_4.child_selected {
	background-image: url('design/buttons/selected/button2.png');
	_background-image: url('design/buttons/selected/button2.gif');
}

#header_button_5:hover {
	background-image: url('design/buttons/hover/button2.png');
	_background-image: url('design/buttons/hover/button2.gif');
}


/* Submenu
========================================================*/

#nav {	
	position: absolute;
	margin-top: 340px;
	width: 250px;
	
}

#nav_list {
	background-repeat: repeat-y;
	background-image: url('design/menuline.png');
	_background-image: url('design/menuline.gif');
	width: 180px;
	padding-left: 40px;
}


#nav_list h1 {
	color: #D9E021;
	font-size: 35px;
	font-weight: normal;
	margin-top: 20px;
	text-transform: uppercase;
	filter:alpha(opacity=80);		/* OLD IE's */
	opacity: 0.8;
}

#nav_list ul {
	text-decoration: none;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	line-height: 1.5em;
	margin-top: 5px;
	
}

#nav_list ul li a {
/*	color: #C89208;*/
	color: #2240A0;
	text-decoration: none;
	display: block;
	font-size: 0.9em;
	margin-left: 10px;
}

#nav_list ul li a:hover {
	background-color: #F7931E;
	color: #333;
	text-decoration: none;
	display: block;
}

#nav_list ul li a span { /* 1 niveau diep */
}

#nav_list ul ul li a span {
	margin-left: 20px; /* 2 niveau's diep */
}

#nav_list ul ul ul li a span { /* 3 niveau diep */
	margin-left: 30px;
}

#nav_list ul li a.selected {
	font-weight: bold;
	color: #333;
}


#menukrul {
	height: 100px;
	background-repeat: no-repeat;
	background-image: url('design/menukrul.png');
	_background-image: url('design/menukrul.gif');
}

/* Footer
========================================================*/

#footer {
	clear: both;
	font-size: 0.8em;
	color: #333;
	text-align: center;
	padding: 20px 0px;
}

/* Content
========================================================*/

#content {
	margin-top: -50px;
	margin-left: 240px;
	margin-right: 40px;
	color: #222;
	min-height: 450px;
}

/* headings */
#content h1 {
	font-size: 2.5em;
	color: #E9E041;
	margin-bottom: 1em;
	margin-top: 20px;
}

#content h2 {
	font-size: 1.5em;
	color: #E9E041;
	margin-bottom: 1em;
	margin-top: 1.5em;
	margin-left: 20px;
}

#content h3 {
	font-size: 1.1em;
	color: #D9D021;
	margin-bottom: 1em;
	margin-top: 1.5em;
	margin-left: 20px;
}

#content ul {
	margin-left: 30px;
}
#content ul li {
	list-style: disc;	
	padding-left: 10px;
	margin-bottom: 5px;
}


/* paragraph */
#content p {
	margin-left: 20px;
	margin-bottom: 1em;
}

#content blockquote {
	margin-left: 40px;
	margin-right: 40px;
	font-style: italic;
	margin-bottom: 2em;
	font-size: 11pt;
	color: #143;
}


#content p:hover {
/*	background-color: #5DA0E9; */
	color: black;
}

#content .right {
	text-align: right;
}

#content table {
	margin-left: 20px;
	margin-bottom: 1em;
	
}

#content .footnote {
	margin-left: 2em;
	font-size: 0.7em;
	font-style: italic;
}

#content a {
	color: #1D1B14;
	text-decoration: underline;
}

#content a:hover {
	color: #D9D021;
}


#content .clear_both {
	clear: both;
}

#content q {
	margin: 10px;
	margin-bottom: 20px;
	font-style: italic;
}

/* Photo border */
.photo_border {
	background: url(design/photo_border_right_top.png) no-repeat top right;
}

.photo_border_left {
	background: url(design/photo_border_right_top.png) no-repeat top right;
	float: left;
	margin-left: 20px;
}

.photo_border_right {
	background: url(design/photo_border_right_top.png) no-repeat top right;
	float: right;
	margin-top: -10px;
	margin-right: 0px;
	margin-left: 35px;
	margin-bottom: 25px;
}


.photo_border div, .photo_border_left div, .photo_border_right div {
	background: url(design/photo_border_left_bottom.png) no-repeat bottom left;
	position: relative;

	padding-left: 28px;
	padding-bottom: 16px;

	left: -24px;
	bottom: -19px;
}


#content ol {
	list-style: decimal;
	margin-left: 20px;
	padding-left: 10px;
}

#content ol li {
	margin-left: 30px;
}

#content ul {
	margin-left: 20px;
	padding-left: 10px;
}

#content ul li {
	margin-left: 30px;
}


/* Aanbod pagina */
#content .aanbod_list {
	margin-left: 20px;
	margin-bottom: 20px;
}

#content .aanbod {
	clear: left;
	margin-bottom: 10px;
}

#content .aanbod img {
	position: absolute;
	display: block;
}

#content .aanbod .text {
	margin-left: 110px;
}

#content .zelfbewustzijn p {
	font-size: 11pt;
}

#content .aanbod h2 {
	margin-bottom: 10px;
}
#content .aanbod .date {
	font-size: 11pt;
	margin-left: 10px;
}


#content .zelfbewustzijn h2 {
	color: #aee9ff;
}

#content .bewustcommuniceren h2 {
	color: #ff9ae5;
}

#content .bewustbeleven h2 {
	color: #c3ff3d;	
}

#content .flash_error {
	border: 1px solid #f44;
	background-color: #fee;
	padding: 8px 20px;
	margin: 15px;
	font-size: 11pt;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;	
	
	-moz-box-shadow: 1px 1px 4px #333; /* Firefox/Mozilla */  
	-webkit-box-shadow: 1px 1px 4px #333; /*Safari/Chrome */  
	box-shadow: 1px 1px 4px #333	
}


/* Formulier
================================= */
#content dl {
}
#content dt {
	position: absolute;
	display: block;
	width: 10em;
	text-align: right;
}
#content dd {
	margin-left: 11em;
}

#content .defaultform {
	margin-left: 30px;
	font-size: 11pt;
}

#content .defaultform h2 {
	margin-left: 0px;
}
#content .defaultform p {
	margin-left: 0px;
}
#content .interesses {
	margin-bottom: 15px;
}
#content .interesses div {
	margin-bottom: 4px;
	margin-left: 10px;
}

.pooh {
	display: none;
}

.image-top-right {
	float: right;
/*	display: block; 
	margin-top: -180px;
*/
	margin-left: 20px;
	margin-bottom: 20px;
}

/* referenties
==================================*/

.coaching_references .ref {
	margin-bottom: 3em;
}

.coaching_references p {
	font-style: italic;
}

.coaching_references p.sign {
	font-style: normal;
	padding-left: 10em;
	font-size: 10pt;
}

.coaching_references .read-more a {
	font-size: 10px;
	font-weight: bold;
}