/* === Main HTML Elements ======================================================== */

/* IE transparency fix */
div, a { behavior: url(_include/iepngfix.htc); }

* {
	font-family:helvetica;
	margin:0px;
	padding:0px;
	
	scrollbar-darkshadow-color:#58585a;	
	scrollbar-3dlight-color:#58585a;
	
	scrollbar-arrow-color:#58585a;
	
	scrollbar-face-color:#f6f6f7;
	scrollbar-highlight-color:#f6f6f7;
	scrollbar-shadow-color:#f6f6f7;	
}
ul,ol {
	margin:5px 15px;
}
li {
	margin-left:10px;
}
h1 {
	text-align:right;
	padding:10px;
	font-size:24px;
}
h2 {
	text-align:left;
	padding:10px 0px;
	font-size:17px;
	color:#333;
}
h3 {
	text-align:left;
	padding:10px 0px 5px 0px;
	font-size:15px;
	color:#333;
}
h4 {
	font-size:14px;
	text-decoration:underline;
	font-weight:normal;
	padding:10px;
	text-align:center;
}
p {
	padding:6px 0px;
	color:#111;
}
body {
	height:100%;
	width:100%;
	font-size:12px;
	background:#f7f7f7 url(../images/bg_body.jpg) 50% 170px no-repeat;
	line-height:18px;
}
a:link, a:visited, .button {
	cursor: pointer;
	color:#c9252b;
/*	text-decoration:none;*/
/*	background:url(../images/l_arrow.gif) left 40% no-repeat;*/
/*	padding-left:9px;*/
	cursor:pointer;
	display:inline;
}
a:hover, a:active {
	color:#333;
	text-decoration:underline;
}
li.link {
	list-style-image:url(../images/l_arrow.gif);
}
li.link a:link, li.link a:visited {
	background-image:none;
	padding-left:0px;
}
label {
	padding-right:10px;
}
input, textarea, select{
	border-collapse:collapse;
	border:1px solid #666;
	font-size:12px;
}
input.button {
	width:auto !important;
	padding:2px 10px;
}
input.checkbox, input.radio {
	width:auto !important;
	border:1px solid #f7f7f7;
}
blockquote p {
	color:#c9252b !important;
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	text-align:center;
}
/* === Main Site Elements ======================================================== */

#h_center {
	position:absolute;
	top:0px;
	left:50%;
	height:100%;
	width:1px;
}
#h_wrapper {
	position:absolute;
	left:-500px;
	width:1000px;
	height:100%;
	/*border:1px solid #000;
	border-top:none;
	border-bottom:none;*/
	background:transparent url(../images/bg_wrapper.gif) repeat-y;
	text-align:left;
	/*overflow:hidden;*/
/*	border:1px solid #f00;*/
}
#h_header {
	position:absolute;
	top:0px;
	left:1px;
	width:998px;
	height:167px;
	z-index:100;
}
	#h_headerimg {
		position:absolute;
		width:982px;
		height:108px;
		left:8px;
		top:30px;
		background:transparent url(../images/bg_header.jpg) no-repeat;
	}
	#h_headerbuttons {
		position:absolute;
		top:3px;
		right:18px;
	}
	#h_headerbuttons a {
		display:block;
		float:right;
		height:24px;
	}
	#h_headerbuttons a span {
		display:none;
	}
	#h_headerbuttons #b_home {
		background:transparent url(../images/bh_home.jpg) no-repeat;
		width:65px;
	}
	#h_headerbuttons #b_contact {
		background:transparent url(../images/bh_contact.jpg) no-repeat;
		width:90px;
	}
#h_buttons {
	position:absolute;
	left:1px;
	top:167px;
	height:450px;
	width:197px;
	background:transparent url(../images/c_red.gif) top right repeat-y;
}
	/*#h_buttons a {
	}*/
	#h_buttons a span {
		display:none;
	}
	#h_buttons a:link, #h_buttons a:visited {
		display:block;
		height:35px;
		margin-right:1px;
		text-align:right;
		background-repeat:no-repeat;
		
		/*background-position:right 10px;*/
		
	}
	#h_buttons a:hover, #h_buttons a:active {
		/*background-color:#ddd;*/
	}
	#h_buttons div.h_menu a:link, #h_buttons div.h_menu a:visited {
		height:20px;
		/*background-position:right 50%;*/
		
	}
	#h_buttons div.sub {
		
	}
	
	#b_boek 					{	background-image:url(../images/b_boek.png); }
	#b_boek_auteurs 			{	background-image:url(../images/b_boek_auteurs.png); }
	#b_boek_hoofdstukken 		{	background-image:url(../images/b_boek_hoofdstukken.png); }
	#b_aanpak 					{	background-image:url(../images/b_aanpak.png); }
	#b_aanpak_vijfstappenplan 	{	background-image:url(../images/b_aanpak_vijfstappenplan.png); }
	#b_aanpak_opdrachtgeversaanhetwoord 	{	background-image:url(../images/b_aanpak_opdrachtgeversaanhetwoord.png); }
	#b_toolsentemplates			{	background-image:url(../images/b_toolsentemplates.png); }
	#b_trainingen 				{	background-image:url(../images/b_trainingen.png); }
	#b_trainingen_beschrijving 	{	background-image:url(../images/b_trainingen_beschrijving.png); }
	#b_trainingen_inschrijven 	{	background-image:url(../images/b_trainingen_inschrijven.png); }
	#b_overons 					{	background-image:url(../images/b_overons.png); }
	#b_links 					{	background-image:url(../images/b_links.png); }
	#b_kopen 					{	background-image:url(../images/b_kopen.png); }
	#b_contact 					{	background-image:url(../images/b_contact.png); }
	#b_publicaties				{	background-image:url(../images/b_publicaties.png); }
	#b_blog                     {	background-image:url(../images/b_blog.png); }
	
	div.menu {
		overflow:hidden;
	}
	.tip			{
		/*width:200px;*/
		background:#f7f7f7 left top repeat-y;
		border:1px solid #666;
		opacity:0.9;
		filter:alpha(opacity=90);
	}
	/*.tip-top		{ background:url(tip-top.png) top left no-repeat; height:26px; width:295px;  border:1px solid #f0f;}*/
	.tip-title		{ 
		color:#bf1524; /* = #c9252b + 1.1 for opacity */;
		font-weight:bold;
		margin:5px;
		text-transform:uppercase;
	}
	.tip-text		{ color:#000; padding:5px; }
	/*.tip-bottom		{ background:url(tip-bottom.png) left bottom no-repeat; width:295px; height:81px; border:1px solid #ff0; }*/

#h_mid {
	position:absolute;
	top:167px;
	left:198px;
	width:775px;
	
}
	#content, #content_wide {
		position:absolute;
		width:526px;
		height:450px;
		left:0px;
		top:0px;
		overflow:auto;
		text-align:left;
		
	}
	#content_wide {
		width:775px;
	}
	#content .content, #content_wide .content {
		padding:0px 10px;
	}
	#service {
		position:absolute;
		width:222px;
		height:450px;
		right:0px;
		top:0px;
		overflow:auto;

	}
	#service .content {
		padding:0px 0px;
		text-align:right;
	}
	#service h3 {
		text-align:right;
	
	}

	#h_message {
		position:absolute;
		top:120px;
		left:190px;
		width:380px;
		height:120px;
		border:1px solid #c9252b;
		background-color:#fff;
		z-index:3000;
	}
	#h_message div {
		margin:50px 15px 15px 15px;
	}
	#h_message a {
		position:absolute;
		top:5px;
		right:5px;
		border:1px solid #666;
		display:block;
		padding:0px 10px;
		font-size:10px;
	}
#h_video, #h_video_bg {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	
}
#h_video {
	display:none;
	z-index:5000;
}
#h_video_bg {
	background-color:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#h_flash_center {
	position:absolute;
	top:50%;
	left:50%;
	width:1px;
	height:1px;
}
#h_flash_bg {
	position:absolute;
	left:-266px;
	top:-160px;
	width:532px;
	height:308px;
	border:1px solid #fff;
	
}
#h_flash_bg #h_flash {
	position:absolute;
	width:512px;
	height:288px;
	background-color:#fff;
	top:10px;
	left:10px;
	z-index:5005;
}
#h_flash_bg #h_flash span {
	display:block;
	padding:20px;
	text-align:center;
}
#h_flash_bg #b_closevideo {
	position:absolute;
	display:block;
	top:-25px;
	right:0px;
	width:20px;
	height:20px;
	text-decoration:none;
	background:url(../images/b_closevideo.png);
	cursor:pointer;
}

/* === Pages ======================================================== */


	/* === Colors ======================================================== */

	/*#p_boek #h_header		{ background-color:#de002b;	}
	#p_boek #h_footer		{ background-color:#ea6b60; }*/
	
	
	
	/* === Home ====================================================== */
	
	#home #foto {
/* 		background-image:url(../images/home_2shot.jpg); */
		width:365px;
		height:166px;
/*
		position:absolute;
		bottom:40px;
		left:10px;
*/
	}
	#home_service a#bestel {
	
		background:url(../images/home_bestel.jpg);
		border:none;
		width:210px;
		height:280px;
		position:relative;
		display:block;
		bottom:1px;
		right:0px;
		padding:0px !important;
		margin:0px !important;
		cursor: pointer;
		
	}
	/* === Boekprofiel ====================================================== */
	#boek_service {
		padding-top:32px !important;
	}
	#boek_service img {
		margin:10px 5px;
		
	}
	
	/* === De workshopaanpak ====================================================== */
	#aanpak table {
		border-collapse:collapse;
		margin:15px 15px;
	}
	.col_header {
		font-weight:bold;
	}
	#aanpak td, #aanpak th {
		border:1px solid #999;
		padding:3px;
		vertical-align:top;
		text-align:left;
	}
	#aanpak th {
		font-weight:normal;
		font-style:italic;
	}
	/* === Tools en Templates ======================================================== */
	
	div.h_download {
		border:1px solid #000;
		margin:10px auto;
		position:relative;
		min-height:130px;
		_height:130px;
		background-color:#f7f7f7;
		width:540px;
	}
	div.h_download img {
		width:100px;
		height:100px;
		border:none;
	}
	div.h_download  .filelink {
		position:absolute;
		top:15px;
		left:15px;
		width:100px;
		height:100px;
	}
	div.h_download a.filelink:link, div.h_download a.filelink:visited {
		border:1px solid #f7f7f7;
	}
	div.h_download a.filelink:hover, div.h_download a.filelink:active{
		border:1px solid #008;
	}
	span.dl_header {
		position:absolute;
		top:15px;
		left:130px;
		font-size:14px;
		font-weight:bold;
	}
	span.dl_description {
		display:block;
		padding:45px 15px 25px 130px;
		font-size:11px;
	}
	span.dl_info {
		position:absolute;
		display:block;
		right:15px;
		bottom:2px;
		font-size:11px;
		padding:3px 0px 0px 0px;
		border-top:1px solid #000;
		width:395px;
		text-align:right;
	}
	span.dl_info a {
		padding:0px 15px 0px 15px;
	}
	/* === Links ====================================================== */

	#links li, #kopen li {
		display:block;
		border-bottom:1px solid #666;
		padding:3px;
		margin:10px 0px;
	}
	
	#links span.title, #kopen span.title {
		border-bottom:1px solid #bbb;
		display:block;
		font-size:12px;
		font-weight:bold;
		color:#333;
		margin-bottom:4px;
	}
	
	#links span.description, #kopen span.description {
		display:block;
		margin-bottom:4px;
	
	}
	
	#links a, #kopen a {
		display:block;
		margin-bottom:5px;
	}
	
	
	
	.maintext {
		padding:0px 20px;
	}
	/* === Contact & Inschrijven ======================================================== */

.formsending {
	opacity:0.5;
	filter:alpha(opacity=50);

}


	.h_contactform {
		width:500px;
		position:relative;
	}
		.h_contactform table {
			border-collapse:collapse;
		}
		.h_contactform td {
			padding:5px 0px;
		}
		.h_contactform td.col1 {
			width:200px;
		}
		.h_contactform input {
			width:300px;
		}
		.h_contactform textarea {
			width:500px;
			height:150px;
		}
		.break {
			padding:7px !important;
			_padding:0px !important;
		}
		.break hr {
			border-collapse:collapse;
			border:none;
			border-bottom:1px solid #666;
			height:1px;
		}
		.formerror {
			background-color:#fdd 	!important;
			border:1px solid #f7f7f7 	!important;
			_border:1px solid #c9252b 	!important;
			outline:1px solid #c9252b 	!important;  /* <-- is voor border rond checkboxes in firefox */
		}
		#contactform h3 {
			text-transform: uppercase
		}
		#contactform h4 {
			text-align:left;
			text-decoration: none;
			padding:0px;
		}
	
		
	/* === Contact ======================================================== */
	table.agenda {
		position:relative;
		margin:0 auto;
		margin-top:20px;
		width:550px;
		border-collapse:collapse;
	}
	.borderspacer {
		border:none !important;
		width:5px !important;
	}
	.emptycell 	{	border:none !important;	}
	.date		{	white-space:nowrap;		}
	table.agenda th {
		border-bottom:1px solid #000;
		text-align:left;
		padding:3px 10px 2px 10px;
	}
	table.agenda td {
		padding:5px 3px;
		vertical-align:top;
	}

	/* === Inschrijven ======================================================== */
	#trainingen_inschrijven textarea {
		width:300px;
		height:50px;
	}


		
		
		
		
		
		
#contactform .col1 {
	width:200px;
}
#contactform textarea {
	width:450px;
	height:80px;
}