@charset "utf-8";
@import url("menu.css");
@import url("wib.css");

/*
	blue: 22205e
	pink: ed1690
*/

html, body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; background-image:url(/docs_alettawubben/www/ill/bg_horFill.gif); background-repeat:repeat-x; }
a { color:#ed1690; text-decoration:none }
a:hover { color:#22205e }

a.rozelinks:link { color:#ed1690; text-decoration:none }
a.rozelinks:visited { color:#ed1690; text-decoration:none }
a.rozelinks:hover { color:#ed1690; text-decoration:underline }
a.rozelinks:active { color:#ed1690; text-decoration:underline }

a.zwartelinks:link { color:#000000; text-decoration:none }
a.zwartelinks:visited { color:#000000; text-decoration:none }
a.zwartelinks:hover { color:#ed1690; text-decoration:underline }
a.zwartelinks:active { color:#ed1690; text-decoration:underline }

	#container { position: relative; width: 780px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-align: center; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; height:auto; }
		#container #header { width:780px; height:66px; background-image:url(/docs_alettawubben/www/px/bg_header.gif); text-align:right; }
		#container #menu-container { position:absolute; left:0px; top:66px; padding:0px; background:#22205e; width:780px; height:48px }
		#container #content-main { text-align:left; border-left:0; border-right:0; border-top:1px solid #333; border-bottom:1px solid #333; width:780px; height:362px; position: absolute; top:115px; left:0px; z-index:2; overflow:hidden; }
		#container #content-main-long { text-align:left; border-left:0; border-right:0; border-top:1px solid #333; border-bottom:1px solid #333; width:780px; height:auto; position: absolute; top:115px; left:0px; }
		#container #content-main-flex { text-align:left; border-left:0; border-right:0; border-top:1px solid #333; border-bottom:1px solid #333; width:780px; height:auto; position: relative; top:115px; left:0px; }
			#container #content-main p { font-size:11px; line-height: 18px; }
			.header-content-main { font-size: 14px; font-weight:bold; }
			.header-content-main-long { font-size: 14px; font-weight:bold; margin:0 0 20px 10px }
			.bg2-0 { background-image:url(/docs_alettawubben/www/ill/2-0.jpg) }
			.bg2-1 { background-image:url(/docs_alettawubben/www/ill/2-1.jpg) }
			.bg2-2 { background-image:url(/docs_alettawubben/www/ill/2-2.jpg) }
			.bg2-3-intro { background-image:url(/docs_alettawubben/www/ill/2-3-intro.jpg) }
			.bg2-4-1 { background-image:url(/docs_alettawubben/www/ill/wie-is-aletta.jpg) }
			.bg2-4-2 { background-image:url(/docs_alettawubben/www/ill/wie-is-tania.jpg) }
			.bg2-4-3 { background-image:url(/docs_alettawubben/www/ill/wie-is-tineke.jpg) }
			.bg2-4-4 { background-image:url(/docs_alettawubben/www/ill/wie-is-jos.jpg) }
			.bg2-4-5 { background-image:url(/docs_alettawubben/www/ill/wie-is-kees.jpg) }
			.bg2-4-6 { background-image:url(/docs_alettawubben/www/ill/wie-is-elli.jpg) }
			.bg2-4-7 { background-image:url(/docs_alettawubben/www/ill/wie-is-gea.jpg) }
			.bg2-4-8 { background-image:url(/docs_alettawubben/www/ill/wie-is-louise.jpg) }
			.bg2-4-9 { background-image:url(/docs_alettawubben/www/ill/wie-is-noelle.jpg) }
			.bg3-0 { background-image:url(/docs_alettawubben/www/ill/3-0.jpg) }
			.bg3-1-intro { background-image:url(/docs_alettawubben/www/ill/3-1-intro.jpg) }
			.bg3-2-intro { background-image:url(/docs_alettawubben/www/ill/3-2-intro.jpg) }
			.bg3-3-intro { background-image:url(/docs_alettawubben/www/ill/3-3-intro.jpg) }
			.bg-coachingsvormen { background-image:url(/docs_alettawubben/www/ill/bg-coachingsvormen.jpg); background-repeat:no-repeat; }
			.bg3-3-1 { background-image:url(/docs_alettawubben/www/ill/3-3-1.jpg) }
			.bg3-3-2 { background-image:url(/docs_alettawubben/www/ill/3-3-2.jpg) }
			.bg3-3-3 { background-image:url(/docs_alettawubben/www/ill/3-3-3.jpg) }
			.bg4-0 { background-image:url(/docs_alettawubben/www/ill/4-0.jpg) }
			.bg5-0 { background-image:url(/docs_alettawubben/www/ill/5-0.jpg) }
			.bg5b-0 { background-image:url(/docs_alettawubben/www/ill/5b-0.jpg) }
			.bg6-0 { background-image:url(/docs_alettawubben/www/ill/6-0.jpg) }
			.bg7-0 { background-image:url(/docs_alettawubben/www/ill/7-0.jpg) }
			.bg-osseweijer { background-image:url(/docs_alettawubben/www/ill/intro-osseweijer.jpg) } 
			.bg-overzichten { background-image:url(/docs_alettawubben/www/ill/bg-overzichten.jpg); background-repeat:no-repeat; }
			#verder { position:absolute; margin-top:340px; padding-right:15px; width:770px; height:20px; text-align:right;}
			#verder a { font-size:11px; color:#ed1690; text-decoration:none }
			#verder a:hover { color:#22205e }
			#coachingsvormen-container { position:absolute; margin-top:260px; margin-left:240px;width:auto; height:auto; float:left}
			#coachingsvormen { position:relative; margin-left:30px; width:auto; height:auto; float:left}
			#coachingsvormen a { font-size:12px; font-weight:bold; color:#ed1690; text-decoration:none }
			#coachingsvormen a:hover { color:#22205e }
		#container #content-lower { position:absolute; top:498px; left:0px; width:780px; height:120px; border-bottom:1px solid #333;  }
		#container #content-lower-long { position:relative; float:left; top:0px; left:0px; width:780px; height:120px; padding:20px 0 0 0; border-top:1px solid #333;}
			.header-content-lower { font-size: 12px; font-weight:bold; }

				#nieuws { float: left; height:120px; width:430px; margin: 0; text-align:left }
				/*.nieuws { text-align:left; font-size:11px; }*/
				#container #content-lower #nieuws a { color:#000; text-decoration:none;  }
				#container #content-lower #nieuws a:hover { color:#ed1690; text-decoration:underline; }
				#container #content-lower-long #nieuws a { color:#000; text-decoration:none;  }
				#container #content-lower-long #nieuws a:hover { color:#ed1690; text-decoration:underline; }

				#boekentip { float: left; height:120px; width:430px; margin: 0; text-align:left }
				#container #content-lower-long #boekentip a { color:#ed1690; text-decoration:none;  }
				#container #content-lower-long #boekentip a:hover { color:#ed1690; text-decoration:underline; }

				#contact { float: left; height:120px; width:165px; padding-left:10px }
				#contact { float: left; height:120px; width:165px; padding-left:10px }
				#contact a { color:#ed1690; text-decoration:none; font-size:11px; font-weight:bold }
				#contact a:hover { color:#22205e; text-decoration:none; font-size:11px; }
				#focus { float: left; height:120px;width:165px; padding-left:10px; text-align:right }
				#focus a { color:#ed1690; text-decoration:none; font-size:11px; font-weight:bold }
				#focus a:hover { color:#22205e; text-decoration:none; font-size:11px; }


/*content main type 3*/
#colL-cmType3 { position:absolute; margin-left:0px; width:370px; height:302px; text-align:left; padding:30px 10px 20px 10px; }
#colR-cmType3 { position:absolute; margin-left:390px; width:370px; height:302px; text-align:left; padding:30px 10px 20px 10px; }

/*#verder2 { position:absolute; margin-top:300px; margin-left:600px; width:200px; height:20px; }*/
#verder2 { position:relative; float:right; margin-top:340px;}
#verder2 a { font-size:12px; font-weight:bold; color:#ed1690; text-decoration:none }
#verder2 a:hover { color:#22205e }

/*content main type 4*/
#container #content-main #colL-wie-is { position:absolute; margin-top:60px; margin-left:390px; width:185px; height:302px; padding-right:10px; overflow:hidden; }
#container #content-main #colL-wie-is p { font-size:11px; line-height: 15px; }
#container #content-main #colR-wie-is { position:absolute; margin-top:60px; margin-left:585px; width:185px; height:302px; padding-right:10px; overflow:hidden; }
#container #content-main #colR-wie-is p { font-size:11px; line-height: 15px; }

/*content main type 5*/
#cmType5 { position:absolute; margin-left:0px; width:700px; height:302px; text-align:left; padding:40px 40px 20px 40px; }
form input { width:400px; padding:1px 3px; margin:0 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif;  }
form textarea { width:400px; padding:1px 3px; margin:0 0 5px 0; height:60px; font-family: Verdana, Arial, Helvetica, sans-serif;  }
form input.inputButton { font-size: 11px; width:auto; background-color:#ed1690; color:#FFF; font-weight:bold; border:hidden; border-style:none; padding:3px; cursor: hand; /*border-color:#0033CC;*/ }
#jumpMenuCoaching { margin-bottom:2px; text-align:right; height:18px; }
#jumpMenuCoaching select { color:#ed1690 }

/*index type*/
#indexrow-top { margin:20px 10px 10px 10px ;width:74px; height:auto; }
#indexrow { width:740px; height:auto; }
#indexrow img { float:left; padding: 5px 30px 10px 10px; }
#indexrow p { float:left; padding: 0px 10px 10px 0px; }

/*content main type plein*/
#container #content-main-long #colL-cmTypePlein { float:left; position:relative; width:540px; height:auto; text-align:left; padding:40px 10px 0px 10px; }
#container #content-main-long #colR-cmTypePlein { float:left; position:relative; width:200px; height:auto; text-align:left; padding:40px 10px 0px 10px; }
#col3Items-plein { border-bottom:#999 1px solid; margin:0 0 10px 0; }
#col3Items-plein p { padding:0px; margin:0 0 5px 0}
#verder3 { position:relative; text-align:right; }

/*interviews*/
#container #content-main-long #cmType-interview { position:relative; width:780px; height:auto; min-height:362px; margin:0; padding:0}
#container #content-main-long #cmType-interview #text-container { position:relative; float:left; width:595px; height:auto;}
#container #content-main-long #cmType-interview #top-row { position:relative; width:780px; height:30px; margin:0; padding:0;  }
#container #content-main-long #cmType-interview img { float:left; position:relative; padding:5px 0px 0px 0px; width:165px; height:70px; margin:0;}
#container #content-main-long #cmType-interview p { float:left; position:relative; padding:0px 10px 10px 10px; width:595px; height:auto; margin:0;  }
#container #content-main-long #cmType-interview h1 { float:left; position:relative; padding:0px 10px 20px 10px; width:595px; height:auto; font-size:14px; }


/*Kernwaarden*/
#container #content-main-long #colL-cmKernwaarden { float:left; position:relative; width:370px; height:auto; text-align:left; padding:40px 10px 0px 10px; }
#container #content-main-long #colR-cmKernwaarden { float:left; position:relative; width:370px; height:auto; text-align:left; padding:40px 10px 0px 10px; }

/*Overzicht trainingen*/
#container #content-main-long #cmType6 { position:absolute; margin-left:0px; margin-right:0px; width:760px; height:302px; text-align:left; padding:40px 10px 20px 10px; }

/*Publicaties*/
#container #content-main #publicaties { margin-bottom:10px; }
#publicaties li { margin-left:20px; }

/*Nieuws-overzicht*/
#container #content-main-long #nieuws-overzicht { margin: 40px 40px 20px 40px; position:relative; width:700px; height:auto; }
#container #content-main-long #nieuws-overzicht #nieuws-afbeelding { float:left; position:relative; height:auto; width:auto; margin-right:10px }
#container #content-main-long #nieuws-overzicht #nieuws-items { float:left; position:relative; height:auto; width:510px; margin-right:10px }

/*Nieuwsitem*/
#nieuwsitem { position:relative; width:780px; height:auto; min-height:362px; margin:0; padding:0}
#nieuwsitem #text-container { position:relative; float:left; width:595px; height:auto;}
#nieuwsitem #top-row { position:relative; width:780px; height:30px; margin:0; padding:0; }
#nieuwsitem img { float:left; position:relative; padding:5px 0px 0px 0px; }
#nieuwsitem p { float:left; position:relative; padding:0px 10px 10px 10px; width:595px; height:auto; margin:0; }
#nieuwsitem ul { float:left; position:relative; width:595px; height:auto; margin:0 0 0 20px; padding:0 0 15px 15px; }
#nieuwsitem #inzetje { background-color:#f0f0f0; border:#CCC 1px solid; margin:10px; padding:20px; width:545px;}
#nieuwsitem table { padding:0 0 0 10px; width:595px; margin:0;}
#nieuwsitem td { padding:0; width:auto; margin:0;}

/*Artikelen-overzicht*/
#container #content-main-long #artikelen-overzicht { margin: 40px 40px 20px 40px; position:relative; width:700px; height:auto; }
#container #content-main-long #artikelen-overzicht #artikelen-afbeelding { float:left; position:relative; height:auto; width:auto; margin-right:10px }
#container #content-main-long #artikelen-overzicht #artikelen-items { float:left; position:relative; height:auto; width:510px; margin-right:10px }


/*Boeken-overzicht*/
#container #content-main-long #boek-overzicht { margin: 40px 40px 20px 40px; position:relative; width:700px; height:auto; }
#container #content-main-long #boek-overzicht #boek-item { margin-bottom:20px; position:relative; width:700px; height:auto; }
#container #content-main-long #boek-overzicht #boek-item #boek-afbeelding { float:left; position:relative; height:auto; width:auto; margin-right:10px }
#container #content-main-long #boek-overzicht #boek-item #boek-omschrijving { float:left; position:relative; height:auto; width:640px; min-height: 100px;  }

/*Interviews (overzicht)*/
#container #content-main-long #interview-overzicht { margin: 40px 40px 20px 40px; position:relative; width:700px; height:auto; }
#container #content-main-long #interview-overzicht #interview-item { margin-bottom:20px; position:relative; width:700px; height:auto; }
#container #content-main-long #interview-overzicht #interview-item #interview-afbeelding { float:left; position:relative; height:auto; width:auto; margin-right:10px }
#container #content-main-long #interview-overzicht #interview-item #interview-omschrijving { float:left; position:relative; height:auto; width:650px; margin-bottom:20px;  }


.sterretje {
	font-size: 9px;
}

