/* GLOBAL SECTION ================================================================================= */
html, body 					{ height: 100%; margin: 0; padding: 0; }

body						{ font: 12px/13px Arial, Helvetica, sans-serif; }

a 							{ text-decoration: none; }
a:hover 					{ text-decoration: underline; }
ul							{ margin: 0; padding: 0; }
p							{ margin: 0 0 10px; line-height:170%; }
td							{ line-height: 170%; }
img							{ border: 0; }
.clear						{ clear: both; }
table						{ border-color:#DDDDDD #DDDDDD #50C0C7; border-style:solid; border-width:1px 1px 11px;}
table ul					{ margin-bottom: 5px !important;}
.hidden						{ display: none; }

/* clears */
#wrapper:after, #menu-main:after, .box-ribbons:after
{ clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; overflow:hidden; }

/* headings */
h1							{ font: bold 24px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
h2							{ font: bold 24px Arial, Helvetica, sans-serif; margin: 0; }
h3							{ font: bold 13px Arial, Helvetica, sans-serif; margin: 15px 0 5px; }

/* color */
.red{ color: #ff0000 !important;}

/* ------------- WRAPPER SECTION -------------- */
#wrapper					{ width: 980px; margin: 0 auto; }

/* ------------- HEADER SECTION -------------- */
#header							{ position: relative; width: 980px; }

#logo							{ background: #FFF url(../images/design/logo.png) no-repeat 0 0; height: 76px; width: 215px; display: block;  }

#map							{ background: #FFF url(../images/design/bg-map.png) no-repeat 0 0; height:295px; left:718px; position:absolute; top:13px; width:385px; z-index:-1; }

/* language menu */
#menu-language					{ background: #f5f5f5 url(../images/design/bg-language-selected.png) no-repeat 100% 0; width: 214px; height: 21px; position: relative; top: 10px; z-index: 100; float: right; }
#menu-language .country			{ background: transparent url(../images/design/bg-flag.gif) no-repeat 0 0; display: block; color: #333; padding: 4px 0 4px 25px; }
#menu-language .country:hover	{ text-decoration: none; }
#menu-language-selected			{ cursor: pointer; }
#menu-language-selected .country{ border: 1px solid #888; border-width: 1px 0 1px 1px; width: 165px; height: 16px; padding: 3px 0 0 25px; }
#menu-language-list				{ background-color: #fff; border:1px solid #a9a9a9; border-width: 0 1px 1px 1px; display: none; width: 212px; position: absolute; list-style: none; }
#menu-language	.nl			{ background-position: 4px 3px; }
#menu-language	.de			{ background-position: 4px -41px; }
#menu-language	.en			{ background-position: 4px -18px; }

/* banner with fading guy */
#banner							{ background: #FFF url(../images/design/bg-banner.png) no-repeat 0 0; height: 160px; position: relative; width: 980px; }
#guy							{ height: 218px;  top: -62px; position: absolute; left: 400px; width: 179px; }

/* main menu */
#menu-main						{ list-style: none; margin: 12px 0 0; }
.menu-main-li					{ float: left; }
.menu-main-li a					{ background-color: #ddd; font-weight: bold; white-space:nowrap; color: #006c78; display: block; font-size: 12px; height: 19px; min-width:10px; width: auto !important; width: 10px; padding: 5px 10px 0; margin: 0 3px 0 0; }
.menu-main-li.active a,
.menu-main-li a:hover			{ background-color: #006c78; color: #fff; text-decoration: none; }

/* breadcrumb */
.breadcrumb						{ background: transparent url(../images/design/bg-breadcrumb.png) no-repeat 0 0; height: 32px; width: 980px; position: relative; }
.breadcrumb-text				{ float:left; }
.path							{ color: #455560; display: block;  padding: 8px 10px 0; float: left; }
.path-name						{ float: left; list-style: none; color: #006c78; }
.path-name-li					{ float: left; color: #666666; padding: 0 0 0 5px; }
.path-name-li a					{ color: #006c78; padding: 0 5px 0 0;}
.question						{ color: #006c78; font-size: 15px; font-weight: bold; float: right; position: relative; right: 10px; top: 10px; height: 30px; padding: 0 0 0 5px; }
.phone							{ background: transparent url(../images/design/bg-phone.png) no-repeat 0 0; color: #006c78; font-size: 15px; font-weight: bold; position: absolute; right: 10px; top: 10px; height: 30px; padding: 0 0 0 25px; }
.phone a						{ color: #006c78; font-size: 15px; font-weight: bold; height: 18px; display:block; margin:-5px 0 0; padding:5px 0 0;  }
.phone a:hover					{ text-decoration: none;}

/* ------------- CONTENT SECTION -------------- */
#col-main						{ width: 980px; float: left; padding: 35px 0 25px; }
#col-main h1					{ color: #006c78; font-size: 18px; border-bottom: 1px dotted #ccc; padding: 0 0 5px; margin: 0 0 20px; }

/* big buttons */
.button-big						{ background: #fff url(../images/design/bg-bigbutton.png) no-repeat 0 -45px; font-weight: bold; color: #fff; font-size: 14px; padding: 4px 55px 0; clear: right; display: block; line-height: 130%; margin: 0 0 15px 0; height: 40px; width: 201px; position: relative;}
.button-big:hover				{ background-position: 0 0; text-decoration: none; }
.button-big.noclick				{ background-position: 0 -90px; padding: 4px 10px 0 55px; width: 246px; }	

.button-big	.arrow				{ width: 29px; height: 19px; position: absolute; right: 9px; top: 13px;  }
.button-big	.shaker				{ width: 29px; height: 19px;  background: transparent url(../images/design/bg-bigbutton-arrow.gif) no-repeat 0 0;}
.button-big	.ico				{ background: transparent url(../images/design/bg-bigbutton-ico.png) no-repeat 0 0; width: 32px; height: 32px; position: absolute; left: 11px; top: 6px; }
.button-big	.ico-tel			{ background-position: -33px 0; }
.button-big	.ico-letter			{ background-position: 0 0; }
.button-big	.ico-mouse			{ background-position: -66px 0; }


/* home */
.home-button					{ background-color: #ddd; float: left; height: 220px; width: 310px; margin: 0 25px 0 0; position: relative; cursor:pointer; }
.home-button .background		{ height: 205px; width: 310px; }	
.home-button .overlay			{ height: 68px; width: 310px; position: absolute; top: 137px; left: 0; z-index: 100; }
.home-button.dienstverlening .overlay { background: url(../images/design/bg-home-dienstverlening.png) no-repeat; }
.home-button.referenties .overlay { background: url(../images/design/bg-home-referenties.png) no-repeat; }
.home-button.werken .overlay 	{ background: url(../images/design/bg-home-werken.png) no-repeat; }
.home-button .text				{ border-top: 1px solid #8bbfb3; font-weight: bold; width: 290px; padding: 5px 10px; color: #6bffdf; position: absolute; top: 136px; left: 0; z-index: 200; }
.home-button h2					{ color: #fff; font-size: 16px; }
.home-button.last				{ margin: 0; }
.home-button .arrow				{ background: transparent url(../images/design/bg-home-button-arrow.png) no-repeat 0 0; display: block; height: 21px; left:278px; position:absolute; top:194px; width:26px; z-index: 300; }

/* view box used as a template for different boxes */
.box-view 						{ background-color: #f0f0f0; border: 1px solid #ddd; border-width: 1px 1px 11px 1px; border-bottom-color: #50c0c7; position: relative; overflow:hidden;}
.box-head						{ background-color: #f0f0f0; color: #006c78; font-size: 14px; padding: 4px 4px; border-bottom: 1px dotted #ccc;}
.box-view-list					{ background-color: #fff; list-style: none; padding: 5px 0; border-bottom: 1px dotted #ccc; margin: 0 0 16px;}
.box-view-con					{ background-color: #fff;  padding: 0 5px 16px; }
.box-view-contentblock			{ float:left; }
.box-list-link					{ background: transparent url(../images/design/bg-box-arrow.gif) no-repeat 0 2px; color: #5a5a5a; padding: 5px 0 5px 25px; display: block; }
.box-list-link:hover			{ background-color: #50c0c7; background-position: 0 -57px; color: #fff; text-decoration: none;}
.box-more						{ color: #006c78; position: absolute;  padding: 0 27px 0 0; height: 22px; bottom: -7px; right: 10px;}
.box-more .arrow				{ background: transparent url(../images/design/bg-box-more.png) no-repeat 100% 100%; cursor: pointer; width: 19px; height: 15px; position: absolute; right: 0; top: 7px; }
.box-more:hover	.arrow			{ background-position: 100% 0; }
.box-view-logo					{ position: absolute; width: 129px; height: 125px; top: 27px; }

.box-view.news					{ float: right; clear: both; width: 308px; margin: 15px 0 20px; overflow:visible;}
.box-view.other					{ width: 635px; overflow:visible;}

.box-view.item					{ width:476px; float: left; margin: 0 11px 15px 0px; height: 200px; overflow:visible;} 
.item .box-view-con				{ height: 155px; padding: 4px 5px 16px 5px;}
.item .box-view-con p			{ margin: 0 0 0 140px; }
.item .box-view-con strong		{ color: #006c78; }

.box-view.newslist				{ margin: 30px 0 0 0; }

.button-home 					{ float: right;  margin: 25px 0 0;}


/* basic text box with image */
.box-text						{ color: #666; width: 625px; padding: 0 0 0 10px;}
.box-text.full					{ width: auto; }
.box-text.xxl					{ width: 665px;}
.box-text.xl					{ width: 635px;}
.box-text ul					{ list-style-type: none; color: #5A5A5A; padding: 0 0 0 5px; margin: 0 0 20px 20px; line-height: 170%; }
.box-text ul li					{ background: url(../images/design/list-bg.png) no-repeat 0px 8px; padding: 0 0 0 15px; margin:4px 0 0 -20px;}
.box-text a 					{ color:#0645AD;  }

.box-contentblock				{ background-color: #fff;  padding: 5px 0; border-bottom: 1px dotted #ccc; margin: 0 0 16px;}

.image-contain					{ float: right; margin: 0 0 0 20px; }
.image-item						{ display: block;}
.image-label					{ display: block; width: 261px; font-style: italic; }

/* newsletter box*/
.box-newsletter					{ float: right; width: 280px; }
.box-newsletter h1				{ background: transparent url(../images/design/bg-box-newsletter.png) no-repeat 0 0; font-size: 14px !important; font-weight: normal; color: #006c78 !important; border-bottom: 4px solid #006c78 !important; height: 20px; padding: 10px 0 0 40px !important; margin: 0 !important;}
.box-newsletter-list			{ background-color: #f0f0f0; border: 0; list-style: none; padding: 5px 0; margin: 0 0 16px;}
.box-newsletter .box-list-link	{ color: #006c78; font-weight: bold; }	
.box-newsletter .box-list-link span	{ color: #666666; font-weight: normal; }	
.box-newsletter-content			{ background: #F0F0F0; padding: 5px; }
/* colleague box with carroussel */
#box-colleague					{ width: 310px; position: relative;  margin: 0 0 25px; overflow:visible;}

#box-colleague .viewport		{ width: 310px; overflow: hidden; position: relative; }
#box-colleague .overview		{ list-style: none; overflow: hidden; color:#666; }
#box-colleague .page			{ background-color: #FFFFFF; float:left; width: 300px; padding: 15px 10px 0; display:block; }
#box-colleague .info			{ line-height: 120%; margin: 5px 0; font-style: italic; }
.button-left 					{ background: transparent url(../images/design/bg-box-more.png) no-repeat 0 0; width: 19px; height: 15px; display: block; position: relative; top: 5px; left: 5px;  }
.button-left:hover				{ background-position: 0 100%; }
.button-right 					{ background: transparent url(../images/design/bg-box-more.png) no-repeat 100% 0; width: 19px; float: right; height: 15px; position: relative; top: 5px; right: 5px; display: block; }
.button-right:hover				{ background-position: 100% 100%; }
#box-colleague .disable			{ visibility: hidden; }
.box-colleague-name				{ display: block; margin: 0 0 5px; line-height: 18px; font-size: 15px; padding: 0 5px 0 0;}
.box-colleague-job				{ font-style: italic; font-weight: normal; }
.box-colleague-pic				{ float: left; margin: 2px 10px 0 0; }
.box-colleague-quote			{ font: bold 20px Georgia, Arial, Helvetica, sans-serif; margin: 0 0 5px; text-align: center; }
.box-colleague-text				{ color:#666; padding: 5px 10px 5px; background-color: #F0F0F0; border-top:1px dotted #CCCCCC; margin: 0 0 0 -10px; width:290px; }
.box-colleague-text	a			{ color:#006C78; font-weight: bold; }		

/* Right column box */
.right-column 					{ width: 310px; margin: 0 0 10px;}
.right-column .box-text			{ background: #ffffff; width: 288px; padding: 10px;}
.right-col						{ float: right; margin:30px 0 0 0; } 
.right-column h3				{ background: #ffffff; margin: 0; }
.right-column .box-text ul		{ margin-bottom: 0; }

/* box with ribbon heading */
.box-ribbons					{ overflow: hidden;  width:641px;}
.box-ribbon						{ width: 300px; position: relative; margin: 5px 35px 0 0; left: 10px; }
.box-ribbon.grey				{ margin: 5px 0 0 10px; float:right; clear:right; left: 0; } 
.box-ribbon-head				{ font-size: 12px; color: #006c78;  border-bottom: 4px solid #50c0c7;  }
.box-ribbon-con					{ background-color: #f0f0f0; border:1px solid #f0f0f0;  padding: 20px 10px 10px;  }
.grey .box-ribbon-con			{ background-color: #fff; border:1px solid #ddd; }
.box-ribbon-con	ul				{ list-style-type: none; color: #5A5A5A; padding: 0 0 0 5px; margin: 0 0 20px 20px; }
.box-ribbon-con	ul li			{ background: url(../images/design/list-bg.png) no-repeat 0px 4px; padding: 0 0 0 15px; margin:4px 0 0 -20px;}
.box-ribbon-con	 a				{ color: #006C78;}
.box-ribbon-text				{ padding: 10px 5px 0; color: #5a5a5a; }
.box-ribbon-title				{ background-color: #ddd; font-size: 11px; color: #666;  margin: 0; padding: 4px 0 0 10px; height: 17px; border: 1px solid #fff; position: relative; left: -23px;  }
.box-ribbon-link				{ color:#5a5a5a; display: block; padding: 5px 0 0; }
.box-ribbon	.ribbon				{ background: transparent url(../images/design/bg-ribbon.png) no-repeat 100% 0; width: 12px; height: 11px; position: absolute; left: 0; top: -12px; }

.box-reference					{ width: 312px; float:right;clear: right; margin: 0 0 15px; }
.box-reference-head				{ background-color:#50bfc8; font-size: 12px; font-weight: bold; padding: 5px 10px; display: block; border-bottom: 1px dotted #ccccce; color: #fff; margin:0;  }
.box-reference-text				{ border: 1px solid #ccccce; border-width: 0 1px; color: #666666; padding: 5px 10px; }	
.box-reference-img				{ border: 1px solid #ccccce; border-width: 0 1px 1px; }	
.box-reference-name				{ display: block; margin: 0 0 5px; text-align: right; padding: 10px 0 5px; }
.box-reference-job				{ font-style: italic; font-weight: normal; }

.reference-detail div			{ margin: 0 0 10px;}
.reference-detail div ul		{ list-style-type: none; color: #5A5A5A; padding: 0 0 0 5px; margin: 0 0 20px 20px; line-height: 110%; }
.reference-detail div ul li		{ background: url(../images/design/list-bg.png) no-repeat 0px 4px; padding: 0 0 0 15px; margin:4px 0 0 -20px;}


/* ------------- FOOTER SECTION -------------- */
#footer							{ border-top: 6px solid #ddd; height: 60px; clear: both;}

#logos							{ list-style: none; padding: 20px 0 0 10px;}
.logos-li						{ float: left; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.logos-li a						{ margin: 0 10px 0 0; display: block; }

#menu-footer					{ list-style: none; margin: 10px 0 0; float: right;  }
.menu-footer-li					{ float: left; }
.menu-footer-li	a				{ color: #006c78;  float:left; display: block; margin: 0 10px 0 0; }

.copyright						{ padding: 5px 10px; color: #666;  float: right; clear: right;}

.pageNav{
	clear: both;
}
.pageNav .pages, .pageNav .pages a{
	color: #006C78;
	font-size: 12px;
}

.form.contact .input_text			{ border: 1px solid; width: 300px; color: #666666; }
.form.contact .input_textarea		{ width: 300px; height: 100px; border: 1px solid; color: #666666;}
.form.contact .input_text.error		{ border: 1px solid red; }
.form.contact .input_textarea.error	{ border: 1px solid red; }

.form.subscribe						{ width: 635px;}		
.form.subscribe	#loading			{ background: url(../images/indicator_white.gif) no-repeat; width:16px; height:16px; position: relative; right:160px; display:none; float:right; top:2px; }		
.form.subscribe	fieldset			{ margin: 5px 0; padding: 0 0 0 8px;}		
.form.subscribe	legend				{ padding: 0 0 3px 0; /*color: #285CDA;*/ color: #0000FF;}		
.form.subscribe .input_text			{ border: 1px solid; width: 250px; color: #666666;}
.form.subscribe .input_select		{ border: 1px solid; margin: 0 5px 0 0; color: #666666;}
.form.subscribe .input_select.error	{ border: 1px solid red;}
.form.subscribe .input_textarea		{ width: 400px; height: 100px; border: 1px solid; color: #666666;}
.form.subscribe .input_text.error		{ border: 1px solid red; }
.form.subscribe .input_textarea.error	{ border: 1px solid red; }
.form.subscribe .line { margin: 5px 0;}
.form.subscribe #professions .line { float: left; width: 623px; margin: 4px 0;}
.form.subscribe .line .label { display:block; float:left; padding:5px 0 0; width:175px;}
.form.subscribe .line .label .required{ color:red;}
.form.subscribe .line .input_radio_container{ width:50px; float:left;}

.form.subscribe .input_text.firstname		{ width: 120px; margin: 0 5px 0 0;}
.form.subscribe .input_text.tussenvoegsel	{ width: 50px; margin: 0 5px 0 0;}
.form.subscribe .input_text.lastname		{ width: 152px;}
.form.subscribe .input_text.phone-form		{ width: 152px;}

.profession-error 					{ color:#FF0000; padding: 0 0 0 175px; display:none;}
.profession-header 					{ width: 270px; text-align: right; margin: 10px 0 0 0; padding: 5px 0 0 0;}
.checkbox-professions-label			{ padding: 2px 0 0 0 !important;}
.checkbox-professions				{ float: left; margin: 2px 20px 0 0;}

.error a{color: #006C78;}

.news-info{margin: -20px 0 15px;}

/* ------------ SITEMAP --------------- */
.sitemap{background: #FFF; border: 0px;}

/* ------------ LIGHTBOX --------------- */
#pp_content_holder content #col-main { width: 100%; }

/* landing */
.landing-text-holder{width: 970px;}
.landing-text-left, .landing-text-right{width: 485px; float:left}
.landing-next-v1 a		{background: url(../images/design/btn-bg-next-v1.png) no-repeat; width:220px; height:14px; display:block; padding:15px 0 15px 5px; float:left; margin: 0 15px 0 0; color: #FFF; font-weight: bold; font-size: 12px; }
.landing-next-v1 a:hover	{text-decoration: none;}

.landing-next-v2 a		{background: url(../images/design/btn-bg-next-v2.png) no-repeat; width:210px; height:14px; display:block; padding:6px 0 15px 15px; float:left; margin: 0 15px 0 0; color: #404040; font-weight: bold; font-size: 12px; }
.landing-next-v2 a:hover	{text-decoration: none;}

.landing-box 		{ background-color: #f0f0f0; border: 1px solid #ddd; border-width: 1px 1px 11px 1px; border-bottom-color: #50c0c7; position: relative; float: left; width: 225px; overflow:visible; margin: 0 15px 0 0;}
.landing-box-head	{ background-color: #f0f0f0; color: #404040; font-size: 12px; padding: 4px 4px; border-bottom: 1px dotted #ccc;}
.landing-box-more	{ color: #006c78; position: absolute;  padding: 0 27px 0 0; height: 22px; bottom: -7px; right: 10px;}
.landing-box-more .arrow				{ background: transparent url(../images/design/bg-box-more.png) no-repeat 100% 0; cursor: pointer; width: 19px; height: 15px; position: absolute; right: 0; top: 7px; }
.landing-box-more:hover	.arrow			{ background-position: 100% 100%; }