@charset "utf-8";
/* CSS Document */

/* COLOR REFERENCE (define colors used in this document)(yes, for copy/pasting)
Blue	: #093c52;(font color)
*/
 
/*RESET*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td,img { margin: 0; padding: 0; border:0;}
html{overflow-y:scroll;}

/*GENERAL CSS STYLES*/
body{font-size:12px; font-family:Tahoma, Geneva, sans-serif; text-align:center; background-color:#c8d5d9;color:#093c52;}
textarea{font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
.clear{clear:both; font-size:1px; height:1px; line-height:1px;}
a{ text-decoration:underline; color:#8a4d21; }
a:hover{ color:#000;}
a.button{float:left; text-align:center;  display:block; background:url(../templateimages/button-left.gif) 0 0 no-repeat;  text-decoration:none; height:26px; padding-left:8px;}
a.button span{display:block; float:left; cursor:hand; font-weight:bold; height:26px; line-height:26px;padding-left:7px; padding-right:16px; background:url(../templateimages/button-right.gif) 100% 0 no-repeat;  text-decoration:none; color:#FFF}
a:hover.button{ background-position:bottom left;}
a:hover.button span{ background-position:bottom right;}

a.big_button{float:left; text-align:center;  display:block; background:url(../templateimages/uberbutton-left.gif) 0 0 no-repeat;  text-decoration:none; height:45px; padding-left:8px;}
a.big_button span{display:block; float:left; cursor:hand; font-weight:bold; height:45px; line-height:40px;padding-left:7px; padding-right:16px; background:url(../templateimages/uberbutton-right.gif) 100% 0 no-repeat;  text-decoration:none; color:#FFF}
a:hover.big_button{ background-position:bottom left;}
a:hover.big_button span{ background-position:bottom right;}

.loader{ padding-right:30px; background:100% 4px url(../templateimages/ajax-loader-small.gif) no-repeat; float:left;}

.checkboxes li{list-style:none; background:none; padding:0;}
.radiobuttons li{list-style:none; background:none; padding:0;}
a.checkbox, .checkboxes a, .radiobuttons a{padding-left:24px; background:url(http://www.pepworldwide.nl/templateimages/poll-checkbox.gif) 0px 8px no-repeat; display:block; line-height:20px; padding-top:3px; padding-bottom:3px; color:#343434; text-decoration:none;}
a.selected.checkbox, .checkboxes a.selected, .radiobuttons a.selected{ background-position:0px -50px;}
.radiobuttons a{background:url(http://www.pepworldwide.nl/templateimages/poll-radio.gif) 0px 8px no-repeat;}

.text .checkbox{ float:left; margin-right:20px; cursor:pointer; padding-left:20px;}

h1{font-size:24px; color:#27586e; font-weight:normal; margin-bottom:11px;}
h2{font-size:16px; font-weight:normal; margin-bottom:8px; color:#000;}
h3{font-size:14px; font-weight:normal; margin-bottom:6px;}
h5{font-size:16px; font-weight:normal; color:#000000;}
h6{font-size:14px; font-weight:normal; color:#40606e; margin-bottom:3px;}

h1 sup{font-size:14px;}
h2 sup{font-size:13px;}
h3 sup{font-size:12px;}
sup {font-size:10px; line-height:0px;}

p{font-size:12px; line-height:20px; color:#40606e; padding-bottom:15px;}
p.border{ border-bottom:1px solid #cbd2d4; margin-bottom:15px;} 
p.bold{ font-weight:bold;} 

li{list-style:none; padding-left:20px; background:url(../templateimages/bullet.gif) 2px 5px no-repeat; line-height:16px; margin-bottom:6px;}

ul.block{ background:#eff4f6; border:1px solid #d9d9d9; display:block; padding:15px; float:left; width:590px; margin-bottom:15px;}
ul.block li{ width:275px; display:block; float:left;}
.content div.textblock{ background:#eff4f6; border:1px solid #d9d9d9; display:block; padding:15px;}

.left{ float:left !important;}
.right{float:right !important;}
.hide{display:none;}


/* GENERAL FORM*/
.form{ float:left}
.form .required{ font-size:10px; margin-bottom:20px; float:left;}
.form .fields{ float:left; width:100%;}
.form .fields .field{ float:left; clear:both; margin-bottom:10px; width:100%; position:relative;}
.form .fields .field.last{margin-bottom:0px}
.form .fields label{ display:block; width:153px; float:left; height:20px; line-height:20px;}
.form .fields .field.error label{color:#e90000}
.input{ background:url(../templateimages/input-bg-left.gif) top left no-repeat;width:217px; float:right; padding:0 0 0 5px;}
.input span{ display:block; height:23px; background:url(../templateimages/input-bg-right.gif) top right no-repeat; margin:0; padding:0;}
.input input{ width:212px; border:none; background:#fff; margin-top:2px; }
.form .fields .verificatie{width:210px; float:right; padding:0 0 0 6px;}
.form .fields .textarea{ background:url(../templateimages/textarea-bg-left.gif) top left no-repeat; float:right;width:223px; }
.form .fields .textarea span{ display:block;  background:url(../templateimages/textarea-bg-right.gif) top right no-repeat;width:218px; float:right;}
.form .fields .textarea textarea{ width:218px;border:none; background:none; margin-top:5px;  overflow:hidden;}
.form .fields .textarea .bottom{ height:5px; float:left; width:223px; background:url(../templateimages/textarea-bottom-bg-left.gif) top left no-repeat; font-size:1px; }
.form .fields .textarea .bottom span{height:5px; width:216px; background:url(../templateimages/textarea-bottom-bg-right.gif) top right no-repeat;  float:right; }

.form .fields .field.error .textarea{ background-position:0 -1000px;}
.form .fields .field.error .textarea span{ background-position:100% -1000px;}
.form .fields .field.error .textarea .bottom{ background-position:bottom left;}
.form .fields .field.error .textarea .bottom span{ background-position:bottom right;}

.form .button{ float:right; margin-top:7px;}

.form.block{background:#eff4f6; border:1px solid #d9d9d9; padding:20px 30px 20px 30px; width:380px; margin-top:10px; text-align:left;}
.form.big{width:700px;}
.form.big .text{width:216px; float:right; padding:0 0 0 5px;}
.form.block .fields label{ width:133px;}
/*.form.block .fields label{ width:190px;} */
.form.big .fields label{ width:440px;}
.form .fields .field .error{ display:none; width:200px; position:absolute; right:-250px; top:4px; color:#ff0000; font-weight:bold;}
.form .fields .field.error .error{ display:block;}
.form .fields .field.error .input{ background-position:bottom left;}
.form .fields .field.error .input input{ background-color:#ffe1e1;}
.form .fields .field.error .input span{ background-position:bottom right;}
.form .sendbutton-ajaxloader{float:right; margin-top:10px; display:inline; margin-right:7px; display:none;}
/*-HEADER- and country select*/
.header{ height:131px; background:url(../templateimages/header-bg.gif) top left repeat-x; text-align:center; position:relative; z-index:999}
.header .inner{width:949px; text-align:left; margin:0 auto; padding-left:11px;padding-top:25px; background:url(../templateimages/header-text.gif) right top no-repeat; position:relative;}
.header .inner .datum {  font-size:22px; color:#FFF}
.header .inner .logo{ margin-top:5px; } 
.header .inner  .country-select{ width:149px; height:28px; position:absolute; right:0; top:0; z-index:9}
.header .inner  .country-select .label{width:80px; line-height:28px; color:#cff1ff; float:left;}
.header .inner  .country-select .dropdown{  z-index:100; position:absolute; top:0; right:0;width:149px; float:right; height:28px; background:url(../templateimages/country-select-dropdown.gif);}
.header .inner  .country-select a{color:#093c52; text-decoration:none; display:block; height:27px; line-height:27px; }
.header .inner  .country-select .dropdownlist{ width:149px; position:absolute; top:0; right:0; z-index:99; display:none;}
.header .inner  .country-select .dropdownlist .countries{background:#a5c1c9;}
.header .inner  .country-select .dropdownlist .bottom{height:14px; background:url(../templateimages/dropdownlist-bottom.gif);}
.header .inner  .country-select .dropdownlist a{position:absolute; background:url(../templateimages/country-select-hover.gif) top left no-repeat;width:149px;}
.header .inner  .country-select .dropdownlist a:hover, .header .inner  .country-select .dropdownlist a.selected{ background-position:bottom left; color:#FFF}

.header .inner  .country-select .dropdownlist .title{border-bottom:1px solid #aec7ce;  position:absolute; height:33px; width:149px;}
.header .inner  .country-select .dropdownlist .title div{ height:24px; line-height:24px; border-bottom:1px solid #889ba1; padding-left:17px; padding-top:6px;}
.header .inner  .country-select a span{ height:27px; display:block; width:103px; background:17px 7px no-repeat;padding-left:46px; cursor:hand; }

	/*countries inside country select (flags)*/
	.header .inner  .country-select a.nl span { background-image:url(../templateimages/flags/nl.gif);}
	.header .inner  .country-select a.be span { background-image:url(../templateimages/flags/be.gif);}
	.header .inner  .country-select a.den span { background-image:url(../templateimages/flags/den.gif);}
	.header .inner  .country-select a.du span { background-image:url(../templateimages/flags/du.gif);}
	.header .inner  .country-select a.uk span { background-image:url(../templateimages/flags/uk.gif);}
	.header .inner  .country-select a.fr span { background-image:url(../templateimages/flags/fr.gif);}
	.header .inner  .country-select a.lux span { background-image:url(../templateimages/flags/lux.gif);}
	.header .inner  .country-select a.nor span { background-image:url(../templateimages/flags/nor.gif);}
	.header .inner  .country-select a.aus span { background-image:url(../templateimages/flags/aus.gif);}
	.header .inner  .country-select a.pol span { background-image:url(../templateimages/flags/pol.gif);}
	.header .inner  .country-select a.sp span { background-image:url(../templateimages/flags/sp.gif);}
	.header .inner  .country-select a.ukr span { background-image:url(../templateimages/flags/ukr.gif);}
	.header .inner  .country-select a.swe span { background-image:url(../templateimages/flags/swe.gif);}
	.header .inner  .country-select a.swis span { background-image:url(../templateimages/flags/swis.gif);}

	/*login*/
	.header .inner .login{ width:111px; height:28px; position:absolute; right:167px; top:0px; background:url(../templateimages/header-login-bg.gif) top left no-repeat; display:block; text-decoration:none; color:#093c52;}
	.header .inner .login *{ cursor:pointer;}
	.header .inner .login:hover, .header .inner .login.selected { color:#000}
	.header .inner .login span{ height:25px; line-height:25px; padding-left:38px; font-weight:bold; background:url(../templateimages/header-login-lock.gif) 20px 8px  no-repeat; display:block;}
	.header .inner .sendafriend{ position:absolute; top:0; right:296px; background:url(../templateimages/send-a-friend-left.gif) #cfdfe3 no-repeat;  height:28px;  text-decoration:none; font-weight:bold;}
	.header .inner .sendafriend span{ display:block; float:left; height:28px; line-height:25px; color:#093C52; background:url(../templateimages/send-a-friend-right.gif) top right no-repeat; padding-left:35px; padding-right:13px;}
	
	
	.login-speechballoon, .sendafriend-speechballoon{ width:370px; position:absolute; top:32px; right:35px; z-index:1000; display:none;}
	.sendafriend-speechballoon{ right:170px;}
	.sendafriend-speechballoon .content{ position:relative;}
	.login-speechballoon .relative, .sendafriend-speechballoon .relative{ position:relative;z-index:1001}
	
	.login-speechballoon .arrow, .sendafriend-speechballoon .arrow{ height:14px; width:370px; position:absolute; text-align:center;}
	.login-speechballoon .arrow div, .sendafriend-speechballoon .arrow div{width:36px; height:14px; background:url(../templateimages/login-speechballoon-arrow.gif) top left no-repeat; margin:0 auto; }
	.login-speechballoon .content, .sendafriend-speechballoon .content{ width:330px; padding:20px 20px 10px 20px; float:left; background-color:#eff4f6; border:1px solid #417990; margin-top:13px; }
	.login-speechballoon .content .form .fields label, .sendafriend-speechballoon .content .form .fields label{ display:block; width:100px; float:left;}
	.login-speechballoon .content .form .error{ background-color:#ffebe8; border:1px solid #dd4116; color:#000; padding:5px 5px 5px 15px; float:left; margin-bottom:10px; width:310px; font-size:11px; display:none;}
	 .sendafriend-speechballoon .description {padding-bottom:10px; margin-bottom:10px; }
	 .sendafriend-speechballoon .description p { padding:0; margin:0;}
	 .sendafriend-speechballoon .description .page{ background:#fff9d2; border:1px solid #ba8933;margin-top:9px; padding:5px 5px 5px 8px; font-weight:bold;}
	 .sendafriend-speechballoon .button{ margin-bottom:5px;}
	 .sendafriend-speechballoon .thanks{ position:absolute; top:40px; left:20px; width:370px; font-size:16px; display:none; }
	 .sendafriend-speechballoon .thanks span{font-weight:bold; display:block; margin-top:5px; }
	 .sendafriend-speechballoon .sending-overlay{position:absolute; top:90px; height:40px; left:35px; width:370px; font-size:20px; line-height:32px; display:none; padding-left:50px; background:url(../templateimages/ajax-loader.gif) top left no-repeat;}
	.loggedIn{line-height:20px; display:none;}
	
	.login-speechballoon.currentlyLoggedIn{width:390px; right:20px;}
	.login-speechballoon.currentlyLoggedIn .content{width:350px;}
	.login-speechballoon.currentlyLoggedIn .arrow{width:390px;}
	.login-speechballoon.currentlyLoggedIn .loggedIn{ display:block;}
	.login-speechballoon.currentlyLoggedIn .form{ display:none;}
	
	/*menu*/
	.menu { height:41px; background:url(../templateimages/menu-bg.gif) top left repeat-x; text-align:center; position:relative; z-index:998; }
	.menu .inner{width:960px; height:41px;background:url(../templateimages/menu-inner-bg.gif) top left repeat-x; margin:0 auto; text-align:left;}
	.menu ul{display:inline;}
	.menu li{list-style:none; float:left; margin-left:30px; position:relative; background:none; padding-left:0px; padding-right:0px;}
	.menu li a{font-size:13px; color:#000000; display:block; float:left; height:41px; padding-left:3px; padding-right:3px; line-height:38px; text-decoration:none; }
	.menu li a.sub{ padding-right:15px; background:url(../templateimages/menu-arrow.gif) right 17px no-repeat}
	.menu li.selected {background:url(../templateimages/menu-selected.gif) bottom center no-repeat; }
	.menu li.selected a{color:#093c52;}
		
		/*sub menu*/
		.menu li ul{ position:absolute; top:41px; left:0px;  z-index:999; background:#a5c1c9; border-bottom:1px solid #112933; display:none;}
		.menu li ul li{  margin:0; width:150px; float:none; padding:0;}
		.menu li ul li a{ display:block; padding-left:10px;padding-right:5px; line-height:21px; height:21px; float:none;}
		.menu li ul li a:hover{ background-color:#112933; color:#FFF;}


/*-CONTENT-*/
	/*homepage-content*/
	.content{ width:960px; margin:0 auto; text-align:left;  }
	.content .inner{ float:left;background-color:#FFF; width:960px;padding-top:20px; padding-bottom:20px;}
	
	/*subpage content*/
	.subpage-container { text-align:center;}
	.subpage-container .content{ width:960px; margin:0 auto;background-color:#FFF; text-align:left;}
	.subpage-container .content .inner{float:left; padding:0 42px 25px 42px; width:auto; width:876px;}
	.content-left{float:left; width:630px;}
	.content-right{float:right; width:221px; position:relative; z-index:0}
	/*subpage header*/
	.header-image{ height:144px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin-bottom:15px;}
	.header-image img{ margin-top:1px;}
	
/*SIDEBAR*/
	/*general*/
	.sidebar{float:right; position:relative; z-index:997; width:221px; background:url(../templateimages/sidebar-bg.gif) #e2ebee top left no-repeat; padding:22px 0px 0 0px;}
	.sidebar h2{ font-size:18px; color:#202020;padding-left:35px;}
	.sidebar li{background:none; padding:0; height:28px; margin-bottom:0;}
	.sidebar a{display:block; margin-left:9px; height:28px; line-height:28px; padding-left:26px; color:#364951; text-decoration:none; background:url(../templateimages/sidebar-li-bg.gif) top left no-repeat;}
	.sidebar .bottom{background:url(../templateimages/sidebar-bg-bottom.gif) top left no-repeat; height:11px; font-size:1px;}
	
	.sidebar.arrows a{ background:url(../templateimages/sidebar-li-bg-arrow.gif) top left no-repeat; }
	.sidebar.arrows.margintop{ margin-top:25px;}
	.sidebar a:hover{background-position:bottom left; color:#FFF}

	/*sidebar tooltip*/
	.sidebar .tooltip{ width:236px; display:none; position:absolute; left:-240px; top:0; font-size:11px;}
	.tooltip-content{display:none;}
	.sidebar .tooltip .left{ width:204px; float:left; padding:10px; border:1px solid #8a8a8a; background:url(../templateimages/sidebartooltip-bg.gif) 0% 50% repeat-x; }
	.sidebar .tooltip .right{width:11px; position:absolute; top:0; right:0;  height:20px; background:url(../templateimages/sidebartooltip-arrow.gif) top left no-repeat;}

/*HOME */
	/*home block at the top*/
	.top-home-block{ background:url(../templateimages/home-top-block-bg-repeat.gif) top center repeat-y; border-bottom:1px solid #b9c5c8;}
	.top-home-block .background{ background:url(../templateimages/home-top-block-bg.gif) top center repeat-y; text-align:center; }
	.top-home-block .inner{ height:311px; width:960px; margin:0 auto; text-align:left; position:relative;}
	.top-home-block .inner .load-bar{width:0px;  height:3px; background-color:#507787; position:absolute; top:309px; left:0; z-index:999; font-size:1px;}
	.news-block { width:902px;  position:absolute; top:0; left:0; z-index:4; height:275px;  padding-left:44px; padding-right:24px;margin-top:36px; background:url(../templateimages/home-top-block-image.gif) 99% 100% no-repeat;}
	.news-block h1{ font-size:28px; font-weight:normal; color:#112933; margin-bottom:3px;}
	.news-block h2{ font-size:14px; font-weight:normal; color:#294b5a; width:730px; border-bottom:1px solid #FFF; padding-bottom:8px; margin:0}
	.news-block .news-content{ border-top:1px solid #9caaaf; color:#364951; width:730px; padding-top:20px; font-size:12px; line-height:20px;}
	.news-block .news-content .column {width:350px; margin-left:20px; float:left; display:inline;}
	.news-block .news-content .column.left { margin-left:0;}
	.news-block .news-content .button{float:right; clear:both; margin-top:10px;}
	.news-block.hidden{display:none;}

	/*navigations inside the top news block*/
	.navigation-container{text-align:center;height:20px; position:absolute; top:290px; z-index:999}
	.navigation{ float:left; display:inline;} 
	.navigation a{ font-size:1px; width:11px; height:11px; background:url(../templateimages/home-top-navigation-block.gif) bottom left no-repeat; float:left; display:inline; margin-left:9px;}
	.navigation a.selected{ background-position:top left;}


	/* WPI (work productivity index) Poll */
	.poll{ margin-left:37px; float:left; display:inline; width:225px; background:#eff4f6; border:1px solid #d9d9d9; padding:21px 21px 14px 21px;}

	
	
	.right-column{ float:left; width:302px; margin-left:17px; display:inline;}
	.speech-balloon{ padding-left:113px; width:186px; padding-top:51px; cursor:pointer; height:105px; background:url(../templateimages/speechballoon.gif); font-size:16px; color:#102933;}
	.speech-balloon * {cursor:pointer; }
	.speech-balloon span{display:block; color:#000; font-size:19px; line-height:28px;}
	
	.customer-slidershow{margin-top:26px; font-size:14px; float:right; width:275px;}
	.customer-slidershow .label{padding-left:24px;}
	.customer-slidershow .logo{width:275px; height:110px; border-bottom:1px solid #cacaca; background:url(../images/opdra_logo/0.gif) top left no-repeat; margin-top:5px;}
	.customer-slidershow .customer-name{width:286px; text-align:center; height:25px; line-height:25px;}

/*PEP FORMULES */
.textblock.efficiency{ margin-bottom:30px;}
.chart{  border-bottom:1px solid #cbd2d4;  border-top:1px solid #cbd2d4; padding-top:10px; padding-bottom:10px; margin-bottom:10px;}

	/*do the test*/
	.dothetest{float:right; width:221px;  background:url(../templateimages/sidebar-bg.gif) #e2ebee top left no-repeat; padding:24px 0px 0 0px; font-size:18px; margin-top:35px; position:relative; }
	.dothetest .icon{ position:absolute; right:-31px; top:-15px;}
	.dothetest span{ display:block; line-height:16px; color:#000;}
	.dothetest span, .dothetest a{ margin-left:14px;}
	.dothetest .bottom{background:url(../templateimages/sidebar-bg-bottom.gif) top left no-repeat; height:11px; font-size:1px; margin-top:13px;}
	.dothetest a{ font-size:14px; color:#364951;}
	.dothetest.lowmargin{ margin-top:15px;}

/*KLANTEN*/
.klantenleft{float:left; width:299px; margin-right:30px; }
.klantenright{float:left; width:299px; }
.klantenlist{float:left; display:inline; width:255px; background:#eff4f6; border:1px solid #d9d9d9; padding:21px 21px 14px 21px;  margin-bottom:30px;}
.klantenlist.nomargin{ margin-right:0;}
.klantenlist h3{font-size:14px; color:#0c455d; margin-bottom:10px;}

/*CONTACT*/
.contact-left{ float:left; width:230px; margin-top:10px;}
.contact-left h3{ margin-top:35px; color:#000}
.contact-right{ float:left; width:630px; margin-top:10px;}


/*PEP WERELDWIJD*/
	 /*tabs*/
	.tabs{ height:30px; width:100%;  position:relative; border-bottom:1px solid #757575; margin-top:30px;}
	.tabs ul{ display:block; height:29px; width:100%; position:absolute; top:1px; left:0;}
	.tabs ul li{ display:inline; list-style:none; float:left; padding-left:13px; padding-right:13px; line-height:29px; font-weight:bold; font-size:12px; background:none;}
	.tabs ul li a{ color:#757575; text-decoration:none; -moz-outline:none;}
	.tabs ul li.selected{ background-color:#FFF; border-left:1px solid #757575; border-right:1px solid #757575; border-top:1px solid #757575}
	.tabs ul li.selected a{ color:#000;}
	.tabs ul li a:hover{ color:#000;}
	
	/*country blocks*/
	.countrycontainer{ margin-top:25px; float:left;}
	.countrycontainer .country{ width:259px; margin-left:10px; margin-bottom:10px; padding:12px;background:#eff4f6; border:1px solid #d9d9d9;  float:left; }
	.countrycontainer .country h2{ height:28px; margin-bottom:12px; padding-top:12px; line-height:13px;width:201px; padding-left:58px; border-bottom:1px solid #b1c5cc; font-size:12px; color:#0c455d; background:2px 7px no-repeat; padding-bottom:2px; float:left;}
	.countrycontainer .country .field{ float:left; margin-bottom:10px;}
	.countrycontainer .country .label{ width:70px; float:left; font-weight:bold;}
	.countrycontainer .country .value{ float:right; text-align:left; width:188px;}
	.countrycontainer .country.left{ margin-left:0;}
	

/*PEP COACHES*/
	/*coach block*/
	.coachcontainer{margin-top:25px; float:left;}
	.coachcontainer .coach{width:373px; z-index:0; padding:25px;;background:#eff4f6; border:1px solid #d9d9d9;  float:left; margin-left:25px; margin-bottom:25px; position:relative;}
	.coachcontainer .coach.left{ margin-left:0;}
	.coachcontainer .coach h2{ height:30px; margin-bottom:17px;width:100%; border-bottom:1px solid #b1c5cc; font-size:16px; color:#0c455d; float:left;}
	.coachcontainer .coach .image  { width:82px; margin-right:13px; float:left; background-repeat:no-repeat; background-position:6px 7px;}
	.coachcontainer .coach .info {width:265px; float:left; line-height:16px; }
	.coachcontainer .coach .info .text{ margin-left:12px;}
	.coachcontainer .coach .contact{ z-index:-99; width:131px; height:41px; background:url(../templateimages/coaches-contact-bg.gif) top left no-repeat; text-align:center; position:absolute; bottom:0; right:-1px; padding:0;}
	.coachcontainer .coach .contact .button{ margin:8px 0 0 30px; display:inline;}
	
	/*pep module hover*/
	.coachcontainer .coach .info a.pepmodules{display:block; height:26px; float:left; text-decoration:none; color:#28464f;}
	.coachcontainer .coach .info a.pepmodules:hover{ background:url(../templateimages/coaches-pepmodules-left.gif) top left no-repeat #28464f; color:#FFF}
	.coachcontainer .coach .info a.pepmodules .wrap{  height:26px; line-height:26px; display:block; padding-left:12px;  padding-right:12px; float:left; cursor:pointer; background:url(../templateimages/coaches-pepmodules-arrow.gif) no-repeat 100% 50%;}
	.coachcontainer .coach .info a.pepmodules:hover .wrap{ background:url(../templateimages/coaches-pepmodules-right.gif) top right no-repeat;}
	.coachcontainer .coach .info a.pepmodules:hover .wrap span{ display:none; }

	.coachcontainer .coach .pepmodulescontainer{ position:relative; float:left;  margin-top:20px;}
	.coachcontainer .coach div.pepmodules{ position:absolute; width:200px; top:0; right:-205px; z-index:999; display:none; }
	.coachcontainer .coach div.pepmodules ul{ width:187px; background:#eff4f6; border:1px solid #417990; margin-left:12px; padding-top:15px; padding-bottom:5px;}
	.coachcontainer .coach div.pepmodules li{ list-style:none; line-height:26px; background:none;}
	.coachcontainer .coach div.pepmodules .arrow{ position:absolute; top:50px; left:0; background:url(../templateimages/pepcoaches-arrow.gif) top left no-repeat; width:13px; height:25px;}
	
	/*contactform*/
	.coachcontactform, .vacaturecontactform{width:900px;  z-index:9999; left:0; top:0;  position:absolute;display:none;}
	.coachcontactform #opmerkingen, .vacaturecontactform #opmerkingen {float:left;}
	.form.coaches, .form.vacaturesform{  border:5px solid #000; width:auto; margin-top:10px; z-index:9999;}
	.form.coaches h2, .form.vacaturesform h2{ padding-bottom:15px; font-size:16px; border-bottom:1px solid #829197; }
	.form.coaches .fields .textarea, .form.vacaturesform .fields .textarea {float:left;}
	.form.coaches .fields .textarea textarea , .form.vacaturesform .fields .textarea textarea{ overflow:auto; width:212px; height:72px;}
	
	.coachcontactform .fieldsleft, .vacaturecontactform .fieldsleft{ float:left; width:420px; border-right:1px solid #999; padding-right:30px;}
	.coachcontactform .fieldsright, .vacaturecontactform .fieldsright{ float:left; width:345px; display:inline; margin-left:30px;  }
	.coachcontactform .fieldsright .textarea,.vacaturecontactform .fieldsright .textarea{ width:330px;}
	.coachcontactform .fieldsright .textarea textarea,.vacaturecontactform .fieldsright .textarea textarea{ width:320px !important;}
	.coachcontactform .fieldsright .textarea span,.vacaturecontactform .fieldsright .textarea span{ width:327px;}
	.coachcontactform .fieldsright .textarea .bottom,.vacaturecontactform .fieldsright .textarea .bottom{ width:330px;}
	.coachcontactform .fieldsright .textarea .bottom span,.vacaturecontactform .fieldsright .textarea .bottom span{ width:327px;}

	/*ATTACHMENTS*/	
	.files {width: 405px;height: 110px;padding-top:8px;padding-left:15px;border: 1px solid #82814f;	margin-top: 4px;background-color:#fffed4; position:relative;}
	.files .numfiles{ position:absolute; top:-23px; right:0;}
	#fileQueue { width:180px; float:right;}
	#attachments { width:225px; float:left;}
	
	.file{ padding-left:24px; background:url(../templateimages/attachment.gif) 0px 5px no-repeat; height:26px; line-height:26px;}
	
	.uploadifyQueueItem {margin-top:6px;width: 144px;height:20px;position:relative;}
	.uploadifyQueueItem .fileName {display:none !important;}
	.uploadifyError {border: 2px solid #FBCBBC !important;background-color: #FDE5DD !important;}
	.uploadifyQueueItem .cancel {position:absolute;	right:-25px;}
	
	.uploadifyQueueItem .percentage{ display:none;}
	.uploadifyQueueItem .complete {display:none !important;}
	.uploadifyProgress {background-color: #eff4f6;border:1px solid #4f7b8c;	width: 100%;}
	.uploadifyProgressBar {	background-color: #0099FF;	width: 1px;	height: 13px;background:url(../templateimages/progressbar.gif) repeat-x;}
	.form .fields .uploadifyfield{ position:relative; margin-bottom:3px;}
	.cover{ height:25px; cursor:default; position:absolute; background-color:#EFF4F6 ; width:300px; display:none;}
	#fileQueue a.delete{ width:16px; height:16px; background:url(../templateimages/cancel.gif) no-repeat top left; position:absolute; top:0; left:0; display:none; cursor:pointer}
	.wait{float:right; margin-top:12px; margin-right:10px; display:none}
/*Bestellen*/
	.overlaycontainer{ position:fixed; z-index:9997; }
	.overlay{ position:absolute; top:0; left:0; background-color:#000; width:100%; z-index:9998; display:none}
	
	/*bestel block*/
	.bestelblocks, .artikelblocks{margin-top:25px; float:left;}
	.bestelblocks .bestelblock, .artikelblocks .artikelblock{width:373px; z-index:0; height:220px; padding:25px;;background:#eff4f6; border:1px solid #d9d9d9;  float:left; margin-left:25px; margin-bottom:25px; position:relative;}
	.artikelblocks .artikelblock{ height:auto }
	.bestelblocks .bestelblock.left, .artikelblocks .artikelblock.left{ margin-left:0;}
	.bestelblocks .bestelblock h2, .artikelblocks .artikelblock h2{ padding-top:0px; padding-bottom:10px; margin-bottom:17px;width:100%; border-bottom:1px solid #b1c5cc; font-size:16px; color:#0c455d; float:left;}
	.artikelblocks .artikelblock h2{ margin-bottom:4px;}
	.artikelblocks .artikelblock h3{ width:100%; float:left; margin-bottom:8px;}
	.bestelblocks .bestelblock .image  { width:82px; margin-right:13px; float:left; }
	.artikelblocks .artikelblock .image  { margin-bottom:30px; float:left;}
	.bestelblocks .bestelblock strong{display:block; margin-bottom:7px;}
	.bestelblocks .bestelblock.orderable .info{}
	.bestelblocks .bestelblock .info {width:265px; float:left; line-height:16px; }
	.bestelblocks .bestelblock .info .text{ margin-left:12px;}
	.bestelblocks .bestelblock .bestellen{ display:none;}
	.artikelblocks .artikelblock .bestellen { display:block;}
	.bestelblocks .bestelblock.orderable .bestellen{ display:block;}
	.bestelblocks .bestelblock .bestellen, .artikelblocks .artikelblock .leesmeer{ z-index:-99; width:297px; height:42px; background:url(../templateimages/bestellen-bg.gif) top left no-repeat; text-align:center; position:absolute; bottom:0; right:-1px; padding:0;}
	.artikelblocks .artikelblock .leesmeer{width:120px;}
	.bestelblocks .bestelblock .bestellen .button, .artikelblocks .artikelblock .leesmeer .button{ margin:8px 25px 0 0; display:inline; float:right}
	.artikelblocks .artikelblock .leesmeer .button{ margin-right:15px;}
	.bestelblocks .bestelblock .bestellen .prijs{ line-height:42px; font-size:14px; float:left; margin-left:25px; display:inline; color:#000}
	.bestelblocks .bestelblock .bestellen .prijs span{ font-size:16px; font-weight:bold;}
	
	/*bestelform*/
	.bestelform{ border:4px solid #000; position:absolute; z-index:9999; top:0; left:0; display:none;}
	
	.form.bestel{ margin:0;width:400px;/* width:820px;*/}
	.form.bestel .leftform{width:390px; float:left;}
	.form.bestel .rightform{  width:390px;  display:none;float:left; margin-left:15px; padding-left:20px; border-left:1px solid #ccc;  }
	 #sb-content.html{ overflow-x:hidden !important}
	.form.bestel h2{  font-size:24px; margin:0  }
	.form.bestel .fields .textarea textarea { overflow:auto; width:212px; height:72px;}
	.form.bestel input{ z-index:999999; position:relative}
		/*bestelform shopping cart*/
		.shoppingcart{ float:left; width:100%; margin-top:10px; position:relative;}
		.shoppingcart .update{ position:absolute; right:0; top:0;}
		.shoppingcart h3{ float:left; font-size:14px; width:100%}
		.shoppingcart .ordereditems { border-top:1px solid #b9c3c7; border-bottom:1px solid #829197; float:left; width:100%; padding-bottom:5px;}
		.shoppingcart .ordereditems .orderitem{ height:23px; line-height:23px; margin-bottom:3px; margin-top:6px; float:left; width:100%; position:relative;}
		.shoppingcart .ordereditems .orderitem.sample{ display:none;}
		.shoppingcart .ordereditems .orderitem .name { width:280px; float:left;}
		.shoppingcart .ordereditems .orderitem .delete { width:12px; height:12px; font-size:1px; background:url(../templateimages/delete.gif); cursor:pointer; position:absolute; right:4px; top:6px; display:block;}
		.shoppingcart .ordereditems .orderitem .amount { width:40px; float:left;}
		.shoppingcart .ordereditems .orderitem .input { width:20px; float:left; }
		.shoppingcart .ordereditems .orderitem .input input{ width:20px; /*z-index:10000;  */position:relative;}
		.shoppingcart .ordereditems .orderitem .price { width:50px; float:left; }
		.shoppingcart .ordereditems .orderitem.totaal{ font-weight:bold; border-top:1px solid #829197; padding-top:5px;}
		.shoppingcart .ordereditems .orderitem.totaal .name{  width:325px;}
		.shoppingcart .ordereditems .emptycart{ height:23px; line-height:23px; margin-bottom:3px; margin-top:6px; float:left; width:100%;  }
	
	.form.bestel .rightform input{background-color:#fff; width:212px}
	
	.continueshopping{ border-bottom:1px solid #829197; padding-top:25px; padding-bottom:25px; margin-bottom:7px; float:left; width:100%}
	
	.placingorder{ position:absolute; top:0;left:0; display:none; z-index:999999}
	.placingorder .background{ position:absolute; top:0; left:0; background-color:#FFF; width:300px; height:200px;}
	.placingorder .text{ position:absolute;left:0;width:300px; font-size:24px; color:#0C455D; }
	.placingorder .text img{ margin-right:10px; margin-top:20px;}
	
	.thankscreen{ display:none; margin-top:10px;}
	.thankscreen .sluiten{float:left; margin:0;}

/*CONTACT*/
.nieuwsheader{ padding-bottom:6px; border-bottom:1px solid; float:left; margin-bottom:6px; width:100% }
.nieuwsheader .extra-info { float:left;}
.nieuwsheader .extra-info .label {width:110px; float:left; line-height:17px;}
.nieuwsheader .extra-info .value {width:278px; float:left; line-height:17px;}

	/*sidebar on contact*/
	.sidebar.contact{ padding-top:12px;}
	.sidebar.contact h2{ border-bottom:1px solid #7c8183; padding-bottom:4px; margin:0; margin-top:5px;} 
	.sidebar.contact ul{ border-top:1px solid #eff4f6;}
	.sidebar.contact li{ height:auto;}
	.sidebar.contact li a{ height:auto; padding:2px 0 0 0; margin:0;width:205px; margin-left:8px; background:none; text-decoration:none; line-height:normal; margin-top:3px; }
	.sidebar.contact li a .arrow{ background:url(../templateimages/nieuws-arrow-normal.gif)  3px center no-repeat;}
	.sidebar.contact li a.selected .arrow,.sidebar.contact li a:hover .arrow{ background:url(../templateimages/nieuws-arrow-selected.gif)  3px center no-repeat;}
	.sidebar.contact li a.selected, .sidebar.contact li a:hover{ background:url(../templateimages/nieuws-sidebar-bg-top.gif) top left no-repeat #547885; color:#FFF }
	.sidebar.contact li a .bottom{ background:none; font-size:1px; line-height:1px; height:6px;}
	.sidebar.contact li a.selected .bottom, .sidebar.contact li a:hover .bottom{ background:url(../templateimages/nieuws-sidebar-bg-bottom.gif) top left no-repeat;}
	.sidebar.contact li a .date{ font-weight:bold; margin-bottom:3px;} 
	.sidebar.contact li a .date, .sidebar.contact li a .title{margin-left:25px;}
	.sidebar.vacatures li a{ line-height:16px;}
	.sidebar.vacatures ul{ margin-top:10px;} 

/*do the check*/
	.checkdescription{ color:#757575; margin-bottom:25px; margin-top:25px; }
	
	.checkcontainer{ position:relative; width:100%}
	.checkcontainer h3{ font-size:14px; color:#000;}
	.checkcontainer .pagenumbers{ width:100px; height:30px; position:absolute; right:6px; top:0; font-size:14px; text-align:right}

	.checkcontainer .nextpreveious{ float:left; width:100%; margin-top:10px; position:relative}
	.checkcontainer .nextpreveious .ajax-load{ position:absolute; display:none; right:110px; top:5px; background:url(../templateimages/ajax-loader-small-white.gif) top left no-repeat; width:16px; height:16px;}
	.checkcontainer .next{ float:right;}
	.checkcontainer .next span{ padding:0;}
	.checkcontainer .next div{ background:url(../templateimages/a-arrow-right.gif) 100% 8px no-repeat; padding-left:7px; padding-right:16px; margin-right:8px;}
	.checkcontainer .prev{ float:left; margin-top:3px; padding-left:15px; background:url(../templateimages/a-arrow-left.gif) 0 3px no-repeat}
	.checkcontainer a.restart{ display:block; position:absolute; right:3px; top:-40px; height:28px; padding-left:30px; line-height:28px; color:#40606e; text-decoration:none; background:url(../templateimages/restartcheck.gif) top left no-repeat;}
	.checkcontainer a:hover.restart{ background-position:bottom left;}
	
	.checkcontainer .questions{  width:100%; border-top:1px solid #40606e; border-bottom:1px solid #40606e }
	.checkcontainer .questions .question{ height:38px; line-height:38px; border-bottom:1px solid #b3bfc5; float:left; }
	.checkcontainer .questions .question .number{ float:left; width:40px; text-align:center;}
	.checkcontainer .questions .question .text{ float:left; width:555px;}
	.checkcontainer .questions .question .slidercontainer{ float:left; width:178px; padding-top:12px; line-height:normal; }
	.checkcontainer .questions .question .slider{ height:18px; border-left:1px solid #385e60; top:0; left:0; width:178px; top:0; left:0;}
	.checkcontainer .questions .question .frequent{ float:left; width:85px; margin-left:15px; display:inline;}

/* questionaire result*/
.results .row{ float:left; line-height:18px; text-align:left;}
.results .row .question{ width:600px; float:left; text-align:left;}
.results .row .score{ width:35px; float:left; text-align:right; padding-right:15px; }
.printbutton-container{ position:relative; width:640px;}
.printbutton{ display:block; width:27px; height:22px; line-height:22px; padding-left:28px; background:url(../templateimages/print.gif) top left no-repeat; position:absolute; right:0px; top:0;}
h3, h2{ text-align:left;}

/* Artikel reacties*/

.article-reacties { margin-left:20px;}
.article-reacties h2{ padding-left:20px;}
.article-reacties .reactie-item{ margin:15px 20px 15px 20px; padding-bottom:10px; border-bottom:1px solid #999}
/*FOOTER*/
.footer{ background:url(../templateimages/footer-bg.gif) repeat-x top left #2f4751; float:left; width:100%;color:#FFF; padding-top:30px; text-align:center; padding-bottom:20px;}
.footer .inner{ width:960px; text-align:left; margin:0 auto;}
.footer a{ text-decoration:none; color:#FFF; }
.footer .links{ float:left;}
.footer ul{ float:left; margin-left:32px;}
.footer li {list-style:none; display:inline; padding-left:5px; margin-left:5px; border-left:1px solid #FFFFFF; float:left; background:none;} 
.footer li.first{border:none;}

.footer .general-info{ width:450px; float:right; margin-right:30px; display:inline;}
.footer .general-info .info-block{width:150px; float:left;}
.footer .logo{ width:100%; float:left;border-top:1px solid #8d999e; margin-top:25px; padding-top:25px; padding-bottom:35px; text-align:center;}
.footer .copyright{ width:100%; float:left; text-align:center;}