/*
BenR Trainingen
Author: Annemieke van der Hoek
Tags: BenR Trainingen, Kurtschluss, Annemieke van der Hoek
*/

@media screen
  {
  #verloop_achtergrond, #content_background, #home_background, #zijn_background, #doen_background, gedaan_background, #adres_background
    {
    position: fixed;
    }
    
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    padding: 0 auto 0 auto;
    }
    
 * html #verloop_achtergrond, *html #content_background,  * html #home_background, * html #zijn_background, * html #doen_background, * html gedaan_background, * html #adres_background
    {
    position: absolute;  
    }
  /* All done. */
  }

/*------------------------------------------------------------------------:[ algemeen ]:------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
html {
overflow: auto;
}


body { background: #ffffff; font-family: Georgia, Times, serif; }
#verloop_achtergrond {position:fixed; z-index:0; bottom:0; width:100%; height:879px; background: url('images/verloop_grijs.png');}
.roze {#f5bed8;}
.magenta {#e32b8b;}
.blauw {#009de9;}
.donkerder_blauw {#0068B7;}
a.donderblauw {#2d2e77;}
p.donkerst_blauw {#000166;}

.intro li.widget, .trainingen li.widget, .cases li.widget, 
.intro_zijn li.widget, .missie li.widget, .kenmerken li.widget,
.trainingen_doen li.widget,
.intro_gedaan li widget,
.links li.linkcat
{list-style:none !important;border-bottom:0px !important;margin:0px;padding:0px;}

/*#content {position:relative; background: url('images/content_background.jpg') no-repeat center top; z-index:1; width:944px; height:677px;margin: 0 auto;}*/
#content {position:relative; background: none; z-index:1; width:944px; height:677px;margin: 0 auto;}
/*#content_page {position:relative; background: url('images/page_background.jpg') repeat-y center top; z-index:1; width:944px; height:803px;margin: 0 auto;}*/
/*#content_page {position:relative; background: none:1; width:944px; height:803px;margin: 0 auto;}*/
#content_background {position:fixed; z-index:0; top:0; width:944px; height:100%;}
#content_background img {height:100%; width:928px;}

/*-------:[ text ]:-------*/
h1 {font-size:14px; font-weight:bold;color:white; padding: 12px 10px 8px 10px; margin: 0px 5px;}
h2 {font-weight:bold; line-height:16px; font-style:italic;font-size:14px;padding: 20px 15px 12px 15px;}
h3 {font-size:12px; font-style:oblique;font-weight:normal;}
h4 {font-size:14px; font-weight:normal; font-style: oblique; line-height:21px;padding:30px 36px 36px 36px;}
p, h5 {font-weight:normal;font-size: 12px;padding:21px 15px;line-height:18px;}
h5 ul {list-style:none;}
h5 > ul > li {height:18px;}
h5 > ul > li:first-child {height:36px;}
p.copyright { position:fixed; bottom:20px; margin-left:28px; padding:0px; color:#9c9c9c;font-family: Helvetica, Arial, sans-serif; font-size: 7pt; line-height:14px;}
p.copyright a:link, p.copyright a:visited {color:#9c9c9c;}
p.copyright a:hover {color:#e32b8b;}

/*-------:[ kruimelpad + payoff ]:-------*/
#kruimelpad {position:absolute;left:252px;top:4px; font-size:12px;color:#0364b3;margin-top:3px;}
	#kruimelpad ul {list-style:none;}
	#kruimelpad li {display:inline;font-size:12px;margin-right:8px;}
	#kruimelpad a {color:#0364b3;}
	#kruimelpad a:hover {color:#e32b8b;}
	#kruimelpad .active {text-decoration:none;}
#payoff_pagina {position:absolute; z-index:0; top:18px; left:26px; width:189px; height:173px; background: url('images/payoff_page.png') no-repeat;}

/*-------:[ meer weten (etc.) ]:-------*/
.dot {float:right;font-size:14pt;margin-left:2px;font-weight:bold;clear:none;}
.terug {float:left;margin-left:2px;font-weight:bold;clear:none;}
p.meer {position:absolute;font-size:12px; line-height:16px; font-weight:bold;padding:0px !important;text-align:right !important;}
p.meer a {float:right;text-decoration:underline;}
p.meer {bottom:10px; right:14px;}
.intro p.meer {text-align:right !important;}
.intro_gedaan p.meer {bottom:14px !important;}
.intro p.meer {bottom:14px !important;}
.cases p.meer {bottom:20px !important;}
.belbox p.meer {bottom:14px !important;}

/*------------------------------------------------------------------------:[ bel mij + contactformulier  ]:------------------------------------------------------------------------*/
.belbox form {padding:9px 15px 0px 15px;;}
.contactformulier form {padding:0px 36px 0px 36px;}
.belbox p, .contactformulier p {padding:0px 0px 8px 0px;font-size:12px;line-height:23px;}
.belbox p.danku {font-size:12px;line-height:16px;font-style:oblique;padding:14px 15px;}

input, textarea {font-size:12px;line-height:16px;font-family:Georgia,Times,sans-serf;padding:1px;vertical-align:middle;}
.contactformulier textarea {width:273px;height:125px;	}

.verplicht {margin-top:115px;}
.contact_info {position:absolute;left:120px;width:270px;}
.verzenden {position:absolute;left:120px;width:280px;text-align:right;font-weight:bold;}

#naam, #organisatie, #telefoon {position:absolute;left:90px;width:109px;}
.mevrouw {}
.deheer {margin-left:5px;}
.belbox a {float:right;font-weight:bold;color:white;}
.belbox a:hover {color:#f5bed8;}
.contactformulier a {color:white;}
.contactformulier a:hover {color:#0068B7;}

/*------------------------------------------------------------------------:[ 04 welk adres we hebben ]:------------------------------------------------------------------------*/
#adres_background {position:fixed; z-index:0; margin-left:168px; top:67px; width:567px; height:577px; background:  url('images/adres_background.png');}
.contactformulier h4 {padding: 26px 36px;}
.contactformulier {width:477px; height:521px; position:absolute;left:235px;top:30px;background: url('images/blauw.png');color:white;}
.contact h2 {padding-bottom:2px;font-style:normal;}
.contact p {padding:2px 0px 10px 15px; line-height:16px;font-size:12px;}
.gegevens {border-bottom: 2px dotted #0080cb;padding:2px 0px 10px 0px !important; margin:0 15px 4px 15px;}
.gegevens a {}
.contact a {color:white;text-decoration:underline;}
.contact a:hover {color:#009de9;}

/*------------------------------------------------------------------------:[ home ]:------------------------------------------------------------------------*/
#home_background {position:fixed; z-index:0; margin-left:286px; top:-15px; width:380px; height:569px; background:  url('images/home_background.png');}
#header {position:absolute; z-index:0; left:28px; width:310px; height:214px; background: url('images/header.png');}
#payoff_home {position:absolute; z-index:0; right:250px; top:-25px; width:204px; height:180px; background: url('images/payoff_home.png');}
#hoofdmenu {position:absolute; top:215px; left: 28px; width:190px; }
	#hoofdmenu ul {list-style:none;text-align:right;font-style:oblique;font-weight:bold;font-size:14px; line-height:24px;border-top: 2px dotted #8f8f8f;}
	#hoofdmenu li {border-bottom: 2px dotted #8f8f8f; margin-top:15px;padding-bottom:10px;}
	#hoofdmenu a {text-decoration:none; color:#8f8f8f;}
	#hoofdmenu a:hover {color:#e32b8b;}
	#hoofdmenu .active {color:#14398f;}
.trainingen {	position:absolute; top:215px; 	right: 232px; width:220px; height:444px; background: url('images/blauw.png'); color: white; }
.trainingen h2, .trainingen_doen h2, .cases h2, .ref h2, .kenmerken h2, .ref_gedaan h2, .cases_gedaan h2 {font-style:normal;line-height:21px;padding-bottom:4px;}
	.trainingen ul, .trainingen_doen ul {list-style:none;text-align:left;font-style:oblique;font-weight:bold;font-size:12px; line-height:16px;border-top: 2px dotted #0068B7;width:190px;margin-left:15px;}
	.trainingen li, .trainingen_doen li {border-bottom: 2px dotted #0068B7; margin-top:6px;padding-bottom:8px;}
	.trainingen a, .trainingen_doen a {color:white;}
	.trainingen a:hover, .trainingen_doen a:hover {color:#0068B7;}
	.cases ul, .cases_gedaan ul, .kenmerken ul {list-style:none;text-align:left;font-style:normal;font-weight:normal;font-size:12px; line-height:16px;border-top: 2px dotted #0080cb;width:190px;margin-left:15px;}
	.cases li, .cases_gedaan li, .kenmerken li {border-bottom: 2px dotted #0080cb; margin-top:6px;padding-bottom:8px;}
	.kenmerken li {margin-top:6px;padding-bottom:8px;font-style:oblique;font-weight:bold;}
	.cases a, .cases_gedaan a {color:white;text-decoration:none;}
	.cases a:hover, .cases_gedaan a:hover {color:#009de9;}
.intro h4, .intro_zijn h4 {padding:19px 18px;}
.intro a {color:#000166}
.intro a:hover {color:#e32b8b}
.ref h2, .ref_gedaan h2 {padding-left:0px;padding-bottom:4px;border-bottom: 2px dotted #0080cb;width:160px;margin-left:16px;}
	
/*------------------------------------------------------------------------:[ 01 wie we zijn ]:------------------------------------------------------------------------*/
#zijn_background {position:fixed; z-index:0; margin-left:225px; top:62px; width:482px; height:637px; background:  url('images/zijn_background.png');}
.missie {width:220px; height:304px; position:absolute;left:494px;top:30px;background: url('images/blauw.png');color:white;}
.profielen {padding-bottom:14px;}
.profielen h1 {background:#e64096;}
.profielen div {width:330px;float:left;margin:22px 0px 0px 17px;}
.profielen img {float:left;clear:none;}
.profielen p {float:right;clear:none;width:256px;font-size:12 px; line-height:18px;padding: 6px 0;}
.profielen h2 {float:right;clear:none;width:256px;font-size:14px; line-height:21px; font-weight:normal;font-style:normal;border-bottom: 2px dotted #000166;padding: 0 0 4px 0;}
.profielen a, .intro_zijn a {color:#000166;}
.profielen a:hover, .intro_zijn a:hover {color:#e64096;}
 
 /*------------------------------------------------------------------------:[ 02 wat we doen ]:------------------------------------------------------------------------*/
#doen_background {position:fixed; z-index:0; margin-left:483px; top:-66px; width:522px; height:727px; background:  url('images/doen_background_4.png');}
.trainingen_doen {width:220px; position:absolute;left:236px;top:30px;background: url('images/donker_blauw.png');color:white;padding-bottom:50px;}
	.trainingen_doen ul.maar_ook {border:none;list-style:disc outside;text-align:left;font-style:oblique;font-weight:normal;font-size:12px; line-height:16px;width:190px;margin-left:15px;margin-top:10px;}
	.trainingen_doen ul.maar_ook li { border:none;margin-top:0px;padding-bottom:0px;margin-left:15px;}
.trainingen_doen p {font-size:12px;font-weight:bold;text-align:right;padding: 15px;}
.modules ul {list-style:none;font-size:12px;font-weight:bold;line-height:14px;padding:0px 0px;	background: url('images/blauw.png');}
.modules li {background: url('images/module.png') no-repeat;width:240px; height:100px;padding: 0px 0px 0px 0px; float:left;}
.modules a {text-decoration:none;color:white;margin:42px 10px 0px 37px;display:block;}
.modules a:hover {color:#14398f;}
.module_info {position:absolute;left:160px;width:280px;}
div#wouter .wie_info {position:absolute;left:155px;width:260px;}
div#henny .wie_info {position:absolute;left:501px;width:260px;}
div.module_item {float:left;width:200px;border:1px solid black;height:100px;}

span.module_item {position:relative;width:200px;border:1px solid black;height:100px; line-height: 100px; display:block;}

/*------------------------------------------------------------------------:[ module en case h4 ]:------------------------------------------------------------------------*/
.intro_module {padding-bottom:55px;}
.intro_module h1 {background:#14398f;}
.intro_module a {font-weight:bold;color:#000166;}
.intro_module a:hover {font-weight:bold;color:#e64096;}
.intro_module h4 { padding:26px 36px 0px;}
.intro_module p {padding: 15px 0px 15px 0px; border-bottom:0px dotted #14398f; !important;width:404px;margin-left:36px;}
.intro_module img {float:left;clear:none;margin: 0px 15px 0px 0px;}
.intro_module p.info_module, .intro_module p.info_case {padding: 10px 0px 30px 0px; border-bottom:2px dotted #14398f; border-top:2px dotted #14398f; !important;width:404px;margin:15px 36px 0px 36px;}
.intro_module h5 {padding: 10px 0px 47px 0px; border-bottom:2px dotted #14398f; border-top:2px dotted #14398f; !important;width:404px;margin:15px 36px 0px 36px;}
.intro_module p.meer {text-align:left !important;border:none;padding-bottom:50px;width:424px;bottom:14px;}
.intro_module p.meer a {float:left;}



/*------------------------------------------------------------------------:[ 03 wat we hebben gedaan ]:------------------------------------------------------------------------*/
#gedaan_background {position:fixed; z-index:0; margin-left:516px; top:69px; width:380px; height:569px; background:  url('images/gedaan_background.png');}
.cases_gedaan {padding-bottom:10px;}
.cases_gedaan {width:220px; position:absolute;left:494px;top:30px;background: url('images/donker_blauw.png');color:white;}
	.intro_gedaan h4 {padding:20px 15px;}
	.intro_gedaan a {color:white;}
	.intro_gedaan a:hover {color:#0068B7;}
.links h2 {font-style:normal;line-height:21px;padding-bottom:4px;padding-top:15px !important;}
.links ul {list-style:none;margin:0 15px;font-size:12px;line-height:24px;border-top:2px dotted #14398f;padding-top:4px;}
.links li {}
.links a {color:white;}
.links a:hover {color:#000166;}

/*als er een case bijkomt, 48 pixels erbij tellen bij “height” */
/*als er een case van twee regels bijkomt, 64 pixels erbij tellen bij “height” */
.intro_gedaan {padding-bottom:20px;}

/*------------------------------------------------------------------------:[ dropshadow elementen ]:------------------------------------------------------------------------*/
div.dropshadow_left {
	background: url('images/shadow_left4.png') repeat-y;
	padding-left: 4px;
}
div.dropshadow_right {
	background: url('images/shadow_right.png') repeat-y;
	padding-left: 2px;
}
.dropshadow_fold {
	height: 10px;
	width: 16px;
	float:right;
}
.dropshadow_foldblauw {
	background: url('images/hoekje_blauw.png') no-repeat right bottom;
}
.dropshadow_folddonkerblauw {
	background: url('images/hoekje_donkerblauw.png') no-repeat right bottom;
}
.dropshadow_foldgrijs {
	background: url('images/hoekje_grijs.png') no-repeat right bottom;
}
.dropshadow_foldmagenta {
	background: url('images/hoekje_magenta.png') no-repeat right bottom;
}

/*---:[ bel mij ]:---*/
div.dropshadow_belmij {
	width:224px;
	position:absolute;
	/*right:-8px;*/	
	left:728px;	
	top:30px;
}
div.dropshadow_belmij .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.belbox {
	width: 220px;
	height: 160px;
	background: url('images/magenta.png');
	color:white;
}
.dropshadow_bot_belmij {
	height: 4px;
	width: 204px;
	background: url('images/shadow_bottom2.png');
	float: left;
}
/*---:[ links ]:---*/
div.dropshadow_links {
	width:224px;
	position:absolute;
	/*right:-8px;*/	
	left:728px;	
	top:30px;
}
div.dropshadow_links .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.links {
	width: 220px;
	background: url('images/blauw.png');
	color:white;
	padding-bottom:20px;
}
.dropshadow_bot_links {
	height: 4px;
	width: 204px;
	background: url('images/shadow_bottom2.png');
	float: left;
}

/*---:[ intro ]:---*/
div.dropshadow_intro {
	width:238px;
	position:absolute;
	left:232px;	
	top:215px;
}
div.dropshadow_intro .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.intro {
	width: 234px;
	height: 444px;
	background: url('images/wit.png');
	color: #000166 !important;
}
.dropshadow_bot_intro {
	height: 4px;
	width: 234px;
	background: url('images/shadow_bottom2.png');
	float: left;
}

/*---:[ intro wie we zijn ]:---*/
div.dropshadow_intro_zijn {
	width:244px;
	position:absolute;
	left:232px;	
	top:30px;
}
div.dropshadow_intro_zijn .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.intro_zijn {
	width: 240px;
	height: 304px;
	background: url('images/wit.png');
	color: #000166 !important;
}
.dropshadow_bot_intro_zijn {
	height: 4px;
	width: 234px;
	background: url('images/shadow_bottom2.png');
	float: left;
}

/*---:[ intro wat hebben we gedaan ]:---*/
div.dropshadow_intro_gedaan {
	width:244px;
	position:absolute;
	left:232px;	
	top:30px;
}
div.dropshadow_intro_gedaan .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.intro_gedaan {
	width: 240px;
	background: url('images/blauw.png');
	color: #fff !important;
}
.dropshadow_bot_intro_gedaan {
	height: 4px;
	width: 240px;
	background: url('images/shadow_bottom2.png');
	float: left;
}

/*---:[ profielen ]:---*/
div.dropshadow_profielen {
	width:724px;
	position:absolute;
	/*right:-8px;*/	
	left: 230px;
	top:344px;
}
div.dropshadow_profielen .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.profielen {
	width: 716px;
	background: url('images/wit.png');
	color: #000166 !important;
	padding-top: 5px;
}
.dropshadow_bot_profielen {
	height: 4px;
	width: 704px;
	background: url('images/shadow_bottom2.png');
	float: left;
}
/*---:[ intro module ]:---*/
div.dropshadow_intro_module {
	width:480px;
	position:absolute;
	left: 232px;	
	top:30px;
}
div.dropshadow_intro_module .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.intro_module {
	width: 476px;
	background: url('images/wit.png');
	color: #000166 !important;
	padding-top: 5px;
}
.dropshadow_bot_intro_module {
	height: 4px;
	width: 476px;
	background: url('images/shadow_bottom2.png');
	float: left;
}
/*---:[ cases ]:---*/
div.dropshadow_cases {
	width:224px;
	position:absolute;
	/*right:-8px;*/	
	left: 728px;
	top:215px;
}
div.dropshadow_cases .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.cases {
	width: 220px;
	height: 270px;
	background: url('images/donker_blauw.png');
	color:white;

}
.dropshadow_bot_cases {
	height: 4px;
	width: 204px;
	background: url('images/shadow_bottom2.png');
	float: left;
}

/*---:[ referenties ]:---*/
div.dropshadow_ref {
	width:224px;
	position:absolute;
	/*right:-8px;*/	
	left:728px;
	top:500px;
}
div.dropshadow_ref .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.ref {
	width: 220px;
	height: 158px;
	background: url('images/referenties_home.png');
	color: #0080cb;
}
.dropshadow_bot_ref {
	height: 4px;
	width: 204px;
	background: url('images/shadow_bottom2.png');
	float: left;
}

/*---:[ referenties wat we hebben gedaan ]:---*/
div.dropshadow_ref_gedaan {
	width:224px;
	position:absolute;
	/*right:-8px;*/	
	left:728px;
	top:30px;
}
div.dropshadow_ref_gedaan .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.ref_gedaan {
	width: 220px;
	height: 205px;
	background: url('images/ref_gedaan.png');
	color: #0080cb;
}
.dropshadow_bot_ref_gedaan {
	height: 4px;
	width: 204px;
	background: url('images/shadow_bottom2.png');
	float: left;
}

/*---:[ contact ]:---*/
div.dropshadow_contact {
	width:224px;
	position:absolute;
	/*right:-8px;*/	
	left:728px;
	top:209px;
}
div.dropshadow_contact .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.contact {
	width: 220px;
	height: 342px;
	background: url('images/donker_blauw.png');
	color: white;
}
.dropshadow_bot_contact {
	height: 4px;
	width: 204px;
	background: url('images/shadow_bottom2.png');
	float: left;
}
/*---:[ kenmerken ]:---*/
div.dropshadow_kenmerken {
	width:224px;
	position:absolute;
	/*right:-8px;*/	
	left:728px;
	top:30px;
}
div.dropshadow_kenmerken .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.kenmerken {
	width: 220px;
	height: 304px;
	background: url('images/donker_blauw.png');
	color: white;
}
.dropshadow_bot_kenmerken {
	height: 4px;
	width: 204px;
	background: url('images/shadow_bottom2.png');
	float: left;
}
/*---:[ modules ]:---*/
div.dropshadow_modules {
	width:484px;
	position:absolute;
	/*right:-8px;*/	
	left: 468px;
	top:30px;
}
.modules_marge_boven {
	width:480px;
	height:12px;
	background: url('images/blauw.png');
	float:left;
}
.modules_marge_onder {
	width:480px;
/*	ORIGINEEL height:43px; */
	height:60px;
	background: url('images/blauw.png');
	float:left;
}
div.dropshadow_modules .dropshadow_lcorn {
	width: 4px;
	height: 4px;
	background: url('images/left_corner_shadow.png');
	float: left;
}
.modules {
	width: 480px;
	color: white;
}
.dropshadow_bot_modules {
	height: 4px;
	width: 464px;
	background: url('images/shadow_bottom2.png');
	float: left;
}