/**
 * screen.css
 *
 * @package vandekolk.nl
 * @author  Supernova Jesse
 *
 * Copyright (c) Malibomba
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF
 * THIS CODE, WITHOUT THE PERMISION OF THE AUTHOR.
 * Info? Mail to info@malibomba.com
 */
/*<![CDATA[*/
@import "./reset.css";
@import "./defaults.css";
@import "./prettyPhoto.css";
@import "./validationEngine.jquery.css";
@import "./reveal.css";
@import url(http://fonts.googleapis.com/css?family=Chivo:400,900);

.pp_social div.facebook								{ width:120px !important; }

html												{ min-height:100%; filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#68696a', endColorstr='#414343'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#68696a', endColorstr='#414343')"; /* IE8 */ }
html, body											{ width:100%; }
body												{ font-family:Arial; background-image: -moz-linear-gradient(top, #68696a, #414343); /* Firefox 3.6 */ background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #414343),color-stop(1, #68696a)); /* Safari & Chrome */ }
#backgroundLine										{ background: transparent url('/pics/bg.body.png') repeat-x; height:168px; width:100%; position:relative; position:absolute; z-index:0; left:0; right:0; }

h1													{ font-family:'Dax regular', arial; font-size:20px; color:#005245; }
h1.bigTitle											{ font-size:37px; margin-top:10px; margin-bottom:20px; }
h1.bigTitle.project									{ margin-bottom:10px; }

h2.title											{ font-size:19px !important; font-family:arial; color:#005145; font-family:"Dax bold", arial !important; line-height:100%; margin-bottom:5px; }

hr													{ background-color:#dcdcdc; }

a.more												{ color:#005145 !important; }

a.submit											{ background-color:#005245; text-decoration:none; color:#fff; font-family:'Dax medium', arial; padding:2px 3px; font-size:13px; position:relative; }


/**
 * @section: CLASSES
 * @description: The general classes defined within the page.
 --------------------------------------------------------------------------------------------------*/
.logo												{ margin-top:28px; margin-left:20px; }
.daxReg												{ font-family:'Dax regular', arial !important; }
.daxMed												{ font-family:'Dax medium', arial !important; }
.daxBold											{ font-family:'Dax bold', arial !important; }

.b													{ font-weight:bold !important; }

.showOverlay										{ position:relative; overflow:hidden; display:block; }
.showOverlay .overlay								{ background:url('/pics/overlay-black.png') center center repeat; position:absolute; padding:5px 10px; left:0; right:0; color:#fff !important; text-align:center; }

.greenOverlay										{ position:relative; overflow:hidden; display:block; }
.greenOverlay .overlay								{ background:url('/pics/overlay-green.png') center center repeat; position:absolute; padding:5px 10px; left:0; right:0; color:#fff !important; text-align:center; }
.greenOverlay:hover img								{ background-position:top center !important; }
.activeImage img									{ background-position:top center !important; }

.shortDistance										{ margin:0 !important; padding:0 !important; width:auto !important; }
.honing												{ display:none; }

.results strong										{ color:#005245; font-weight:bold; }
.results a											{ color:#005245; }
.noBold												{ font-weight:normal !important; }
.bold												{ font-weight:bold !important; }
.noBorder											{ border:0 none !important; }

.pager												{ margin:10px 0px; }
.pager a											{ background-color:#005245; color:#fff; display:block; float:left; margin-right:3px; padding:3px 0px; min-width:20px; text-align:center; font-weight:bold; }
.pager a.active										{ background-color:#424444; }
.pager a:hover										{ background-color:#7a7b7d; }

.reveal-modal										{ font-size:11px; }
.reveal-modal label									{ float:left; display:block; width:150px; margin-top:5px; }
.reveal-modal .textField							{ float:left; border:1px solid #7b7c7d; width:321px; font-family:arial; padding:2px; margin-top:5px; }
.reveal-modal textarea								{ font-size:11px; height:115px; }
.reveal-modal strong								{ font-weight:bold !important; }
.reveal-modal .btn									{ background-color:#005245; font-family:'Chivo', arial; text-transform:none; font-size:13px; margin-right:3px; border:0; margin-top:1px; }
.reveal-modal p.none								{ margin:0; padding:0; }

.h15												{ height:15px !important; display:block; }

.search												{ position:absolute; right:5px; top:20px; }
.sField												{ display:block; float:left; width:100px; border:1px solid #bdbdbe; margin-bottom:2px; font-size:11px; height:18px; border-right:0 none; color:#5e5d5e; padding:2px; }
.sField.focusField									{ color:#000; }
.sBtn												{ padding:3px 1px 3px 5px; border:1px solid #bdbdbe !important; background-color:#fff !important; float:left; border-left:0 none !important; color:#005245 !important; font-weight:bold; letter-spacing:2px !important; }
.msie .sBtn											{ padding:5px 1px 5px 5px; }

.default .field										{ display:block; float:left; width:152px; border:1px solid #bdbdbe; margin-bottom:2px; font-size:11px; height:14px; }
.btn												{ background-color:#005245 !important; font-family:'Chivo', arial; text-transform:none; font-size:13px; margin-right:3px; border:0 !important; margin-top:10px; float:right; position:relative; }
.default .submit									{ background-color:#005245 !important; font-family:'Chivo', arial; text-transform:none; font-size:12px; margin-right:3px; border:0 !important; float:right; position:relative; }

.enqueteLeft										{ float:left; margin-top:27px; }
.enqueteLeft td										{ height:25px; font-size:12px; }
.enqueteRight										{ float:right; position:relative; right:-16px; }
.enqueteRight td									{ width:35px; text-align:center; height:25px; }
.enqueteTitle										{ position:relative; top:45px; }

.graydon img										{ width:158px !important; }
.graydon											{ padding-bottom:20px; }

/**
 * @description: General styles applied to the blocks on the side of the page
 --------------------------------------------------------------------------------------------------*/
.block												{ height:209px; border-bottom:1px solid #d7d7d8; margin-bottom:5px; padding-bottom:5px; position:relative; width:157px; overflow:hidden; }
.block h2.title										{ font-size:19px !important; font-family:arial; color:#005145; font-family:"Dax bold", arial !important; line-height:100%; margin-bottom:5px; }

.block h2											{ font-size:14px; line-height:135%; font-family:'Dax medium', arial; font-weight:normal !important; }
.block h2 a											{ color:#005245; text-decoration:none; }
.block a.more										{ color:#545657; text-decoration:none; position:absolute; bottom:2px; right:0; font-size:13px; font-family:'Dax medium', arial; }
.block a:hover										{ text-decoration:underline; }

.block.textBlock									{ color:#555d60; font-size:12px; line-height:140%; height:auto; position:relative; }

/**
 * @description: The styles used for the spotlight in the center of a page.
 --------------------------------------------------------------------------------------------------*/
.spotlight											{ display:block; position:relative; height:215px; margin-bottom:15px; overflow:hidden; }
.spotlight .left									{ float:left; width:315px !important; background-color:#005245; color:#fff; height:215px; padding:0 15px; position:relative; overflow:hidden; }
.spotlight .left p									{ font-size:12px; line-height:120%; text-align:left; max-height:85px; overflow:hidden; }
.spotlight .left a									{ position:absolute; bottom:0; text-decoration:none; color:#fff; font-size:13px; right:15px; bottom:10px; }
.spotlight .left a:hover							{ text-decoration:underline; }
.spotlight .left h2									{ font-size:25px; font-family:'Dax regular', arial; line-height:35px; margin-top:15px; }
.msie.v7 .spotlight .left h2						{ font-family:'Chivo', arial; line-height:0px; font-size:12px; }
.spotlight .left hr									{ background-color:#616767; margin-top:6px; position:relative; display:block; }

.spotlight .right									{ float:left; width:279px !important; height:215px; position:relative; }
.spotlight .right .overlay							{ background:url('/pics/overlay-grey.png') center center repeat; position:absolute; bottom:0; padding:0 10px; right:0; width:259px; }
.spotlight .right .overlay p						{ font-size:15px; color:#fff; line-height:120%; font-family:'Dax medium', arial; text-align:center; }
.spotlight .flipover								{ background:url('/pics/bg.flipover.png') center center no-repeat; width:130px; height:9px; position:relative; margin-left:342px; }

.slideNav											{ z-index:50; position:absolute; left:350px; top:5px; }
.slideNav a											{ width:12px; height:12px; background:#fff; text-indent:-9999px; display:block; float:left; margin-right:5px; }
.slideNav a.activeSlide								{ background:#7a7b7d; border:2px solid #fff; height:8px; width:8px; }
.slideNav a:focus									{ outline:none; }

.rightNav											{ z-index:999; position:absolute; left:5px; top:5px; }
.rightNav a											{ width:12px; height:12px; background:#fff; text-indent:-9999px; display:block; float:left; margin-right:5px; }
.rightNav a.activeSlide								{ background:#7a7b7d; border:2px solid #fff; height:8px; width:8px; }
.rightNav a:focus									{ outline:none; }


/**
 * Sections: Detail section + detail header
 * @description: The styles used for detail page.
 --------------------------------------------------------------------------------------------------*/
.wide .detailHeader									{ width:791px; }
.detailHeader										{ display:block; position:relative; height:215px; margin-bottom:15px; }
.detailHeader .left									{ float:left; width:295px !important; background-color:#005245; color:#fff; height:215px; padding:0 15px; position:relative; overflow:hidden; }
.wide .detailHeader .left							{ width:386px !important; }
.detailHeader .left p								{ padding-top:0; margin-top:0; }
.detailHeader .left .p								{ font-size:12px; line-height:120%; text-align:left; max-height:200px; overflow:hidden; }
.detailHeader .left a								{ position:absolute; bottom:0; text-decoration:none; color:#fff; font-size:13px; right:15px; bottom:10px; }
.detailHeader .left a:hover							{ text-decoration:underline; }
.detailHeader .left h2								{ font-size:27px; font-family:'Dax regular', arial; line-height:120%; margin-top:15px; margin-bottom:4px; }
.detailHeader .left h3								{ font-size:13pt !important; }
	.detailHeader .left h3 > *						{ font-size:13pt !important; }

.detailHeader .left hr								{ background-color:#616767; margin-top:6px; position:relative; display:block; }
.detailHeader .left p								{ margin-top:10px; }
.detailHeader .left p strong						{ font-weight:bold; display:block; width:95px; float:left; font-size:12px; margin-bottom:5px; }
.detailHeader .left p span							{ display:block; float:left; width:200px; font-size:12px; margin-bottom:5px; }

.detailHeader .right								{ float:left; width:299px !important; height:215px; position:relative; overflow:hidden; }
.detailHeader .right .overlay						{ background:url('/pics/overlay-grey.png') center center repeat; position:absolute; bottom:0; padding:0 10px; right:0; width:279px; }
.detailHeader .right .overlay p						{ font-size:15px; color:#fff; line-height:120%; font-family:'Dax medium', arial; text-align:center; }
.detailHeader .showOverlay							{ font-size:12px; line-height:120%; }
.detailHeader .flipover								{ background:url('/pics/bg.flipover.png') center center no-repeat; width:130px; height:9px; position:relative; }

.detail .pictures									{ display:block; position:relative; margin-top:15px; }
.detail .pictures a									{ float:left; margin-right:13px; margin-bottom:13px; }
.detail .footer										{ margin-top:50px; display:block; border-bottom:1px solid #dcdcdc; margin-bottom:10px; padding-bottom:2px; }
.detail .footer a									{ font-size:13px; font-family:'Dax regular', arial; }
.detail .footer a.print								{ background:url('/pics/icons/print.png') left center no-repeat; padding-left:20px; font-size:11px; color:#5e5d5e; margin-right:7px; }
.detail .footer a.pdf								{ background:url('/pics/icons/pdf_icon.png') left center no-repeat; padding-left:20px; font-size:11px; color:#5e5d5e; margin-right:7px; }
.detail .footer a.mail								{ background:url('/pics/icons/mail.png') left center no-repeat; padding-left:24px; font-size:11px; color:#5e5d5e; }

/**
 * @description: Enquete page:
 --------------------------------------------------------------------------------------------------*/
.detailHeader.enquete .left							{ width:297px !important; }
.detailHeader.enquete .right						{ width:297px !important; }

.textPage.enquete label								{ display:block; width:389px; float:left; }

/**
 * @description: Regular text page:
 --------------------------------------------------------------------------------------------------*/
.textPage											{ position:relative; display:block; margin-top:8px; }
.textPage h1.title									{ font-size:33px; }
.textPage h1.subtitle								{ font-size:20px !important; margin-bottom:20px; }

.textPage .p										{ margin-top:15px; }
.textPage p											{ margin-top:0px; margin-bottom:20px; }
.textPage .p strong									{ font-weight:bold !important; }
.textPage .p b										{ font-weight:bold !important; }
.textPage .p h2										{ font-size:15px; font-family:'Dax regular', arial; color:#005245; margin:0; padding:0; }

.textPage .img										{ float:left; margin:0 10px 10px 0; }
.textPage .img .flipover							{ background:url('/pics/bg.flipover.png') center center no-repeat; width:130px; height:9px; position:relative; }

/**
 * @description: Specific styles for the sale/rent block:
 --------------------------------------------------------------------------------------------------*/
.block.sale											{ height:auto; position:relative; }
.block.sale .saleNav								{ z-index:50; position:absolute; right:0px; top:32px; }
.block.sale .saleNav a								{ width:12px; height:12px; background:#fff; text-indent:-9999px; display:block; float:left; margin-right:5px; }
.block.sale .saleNav a.activeSlide					{ background:#7a7b7d; border:2px solid #fff; height:8px; width:8px; }
.block.sale .saleNav a:focus						{ outline:none; }

/**
 * @description: Specific styles for the reference block:
 --------------------------------------------------------------------------------------------------*/
.block.reference									{ height:auto; position:relative; border-bottom:0 none; }
.block.reference .headItem							{ border-bottom:1px solid #d7d7d8; margin-bottom:5px; position:relative; }
.block.reference .headItem h2						{ background-color:#fff; z-index:999; margin-top:10px; margin-bottom:5px; }

.block.reference .subItem							{ position:relative; border-bottom:1px solid #d7d7d8; margin-bottom:5px; padding-bottom:5px; }
.msie .block.reference .subItem						{ position:relative; border-bottom:1px solid #d7d7d8; margin-bottom:13px; padding-bottom:5px; }
.block.reference .subItem .image					{ float:left; }
.block.reference .subItem h2						{ float:left; width:100px; font-family:arial; font-size:12px; margin-left:5px; line-height:120%; }
.block.reference .subItem h2.noImage				{ width:150px; margin-left:0px; }
.block.reference .subItem h2 a						{ color:#5e5d5e; }
.msie .block.reference .subItem a.more				{ bottom:10px; }

/**
 * @description: Speicific styles for the news block:
 --------------------------------------------------------------------------------------------------*/
.block.news .item									{ position:relative; border-bottom:1px solid #d7d7d8; margin-bottom:5px; padding-bottom:5px; height:54px; }
.block.news .item h2								{ width:157px; font-family:arial; font-size:12px; }
.block.news .item h2 a								{ color:#5e5d5e; }

/**
 * @description: Specific styles for the small spotlight block:
 --------------------------------------------------------------------------------------------------*/
.block.spotlightSmall								{ height:auto; position:relative; }
.block.spotlightSmall .spotlightNav					{ z-index:50; position:absolute; right:0px; top:32px; }
.block.spotlightSmall .spotlightNav a				{ width:12px; height:12px; background:#fff; text-indent:-9999px; display:block; float:left; margin-right:5px; }
.block.spotlightSmall .spotlightNav a.activeSlide	{ background:#7a7b7d; border:2px solid #fff; height:8px; width:8px; }
.block.spotlightSmall .spotlightNav a:focus			{ outline:none; }

/**
 * @description: Specific styles for the quick contact block:
 --------------------------------------------------------------------------------------------------*/
.block.quickContact h2								{ font-size:18px !important; }
.block.quickContact form							{ margin-top:10px; }
.block.quickContact form label						{ display:block; float:left; width:60px; font-size:12px; color:#005245; margin-top:3px; }
.block.quickContact form .field						{ display:block; float:left; width:92px; border:1px solid #bdbdbe; margin-bottom:2px; font-size:11px; height:14px; }
.block.quickContact form .btn						{ background-color:#005245; font-family:'Chivo', arial; text-transform:none; font-size:13px; float:right; margin-right:3px; border:0; margin-top:1px; }

/**
 * @description: Specific styles for kolk report block:
 --------------------------------------------------------------------------------------------------*/
.block.kolkReport h2.title							{ position:relative; top:12px; }
.block.kolkReport img								{ margin:0 auto; display:block; box-shadow:0 0 5px 3px #c8c8c8; -moz-box-shadow:0 0 5px 3px #c8c8c8; -webkit-box-shadow:0 0 5px 3px #c8c8c8; behavior: url(/javascript/PIE.htc); }
.block.kolkReport a.view							{ background-color:#005245; text-decoration:none; color:#fff; font-family:'Dax medium', arial; padding:2px 3px; font-size:13px; position:relative; top:12px; margin-right:3px; }
.block.kolkReport a.request							{ background-color:#005245; text-decoration:none; color:#fff; font-family:'Dax medium', arial; padding:2px 3px; font-size:13px; position:relative; top:12px; }

/**
 * @description: Specific styles for the testimonial blocks:
 --------------------------------------------------------------------------------------------------*/
.block.testimonial									{ height:209px; }
.block.testimonial .image							{ position:absolute; bottom:0px; }
.msie.v7 .block.testimonial .image					{ bottom:-10px; }

/**
 * @description: Main content block:
 --------------------------------------------------------------------------------------------------*/
.content											{ padding:0 15px; color:#5e5d5e; font-size:12px; font-family:Arial; line-height:140%; }
.content h2											{ color:#005245; }
.wide .content										{ padding:0 0 0 15px; width:770px; }

/**
 * @description: Project overview page:
 --------------------------------------------------------------------------------------------------*/
.projects											{ position:relative; display:block; margin-top:20px; }
.projects .project									{ border-bottom:1px solid #dcdcdc; padding-bottom:0px; margin-bottom:7px; position:relative; display:block; }
.msie .projects .project							{ margin-bottom:15px; }
.projects .project a.showOverlay					{ height:82px; width:110px; overflow:hidden; }
.projects .project .img								{ display:block; float:left; height:82px; width:110px; margin-right:10px; overflow:hidden; }
.projects .project img								{ height:82px; width:110px; }
.projects .project .information						{ float:left; width:420px; }
.projects .project .information h2					{ font-size:20px; color:#005245; font-family:'Dax regular', arial; margin-top:0; padding-top:0; top:0; font-weight:normal; line-height:110%; min-height:30px; }
.projects .project .information p					{ line-height:110%; }
.projects .project .information p strong			{ font-weight:bold; color:#005245; float:left; display:block; width:110px; }
.projects .project .information p span				{ float:left; display:block; width:290px; }
.projects .project .information a.more				{ position:absolute; right:0; font-size:13px; font-family:'Dax regular', arial; bottom:10px; }

.msie .projects .project .information a.more		{ position:absolute; right:0; font-size:13px; font-family:'Dax regular', arial; bottom:9px; }

.collection											{ /*border:1px solid #dcdcdc; padding:15px; margin-bottom:10px;*/ font-size:11px; line-height: 140%; }
.activities											{ color:#5e5d5e; }
.statusses											{ color:#5e5d5e; }
.statusses.disabled									{ color:#b3b5ba !important; }
.statusses.disabled label							{ color:#b3b5ba !important; }
.statusses.br										{  }

/**
 * @description: Employee page:
 --------------------------------------------------------------------------------------------------*/
.employee h1										{ margin-bottom:10px; }
.employee .profile									{ float:left; position:relative; width:91px; height:121px; margin-right:8px; margin-bottom:8px; }
.employee .profile .image							{ width:91px; height:121px; }
.employee .profileInformation						{ background-color:#005245; height:111px; width:279px; float:left; position:relative; color:#fff; padding:5px; }
.employee .profileInformation h2					{ font-size:20px; margin-bottom:2px; color:#fff; }
.employee .profileInformation h3					{ font-size:15px; }
.employee .profileInformation .p					{ margin:0; margin-top:3px; padding:0; font-size:11px; line-height:145%; }
.employee .profileInformation p						{ margin:0 !important; padding:0 !important; }

/**
 * @description: news page:
 --------------------------------------------------------------------------------------------------*/
.news .newsItems									{ margin-top:10px; position:relative; }
.news .newsItems .newsItem							{ border-bottom:1px solid #dcdcdc; position:relative; padding-bottom:10px; min-height:80px; margin-bottom:10px; }
.news .newsItems .newsItem a.more					{ position:absolute; right:0; bottom:0; }
.news .newsItems .newsItem .image					{ float:left; width:105px; margin-right:10px; }
.news .newsItems .newsItem .date					{ font-size:11px; margin-top:3px; display:block; }
.news .newsItems .newsItem .description h2			{ font-family:'Dax regular', arial; font-size:20px; color:#005245; }
.news .newsItems .newsItem .description .p			{ padding:0; margin:0; }
.news .newsItems .newsItem .description .p p		{ font-size:11px; margin:0; padding:0; line-height:145%; text-align:left; }

.newsDetail h1										{ margin-bottom:10px; line-height:120%; }
.newsDetail .date									{ margin-bottom:4px; display:block; }
.newsDetail .p.summary								{ font-weight:bold; padding-top:0 !important; margin-top:0 !important; }
.newsDetail .p.summary p							{ padding-top:0 !important; margin-top:0 !important; }
.newsDetail .p.full									{ min-height:170px; }

.newsDetail .photos									{ position:relative; }
.newsDetail h2										{ font-weight:bold; color:#004f41; }
.newsDetail .photos hr								{ margin-bottom:10px; }

.newsDetail .footer									{ margin-top:50px; display:block; border-bottom:1px solid #dcdcdc; margin-bottom:10px; padding-bottom:2px; }
.newsDetail .footer a								{ font-size:13px; font-family:'Dax regular', arial; }
.newsDetail .footer a.print							{ background:url('/pics/icons/print.png') left center no-repeat; padding-left:20px; font-size:11px; color:#5e5d5e; margin-right:7px; }
.newsDetail .footer a.mail							{ background:url('/pics/icons/mail.png') left center no-repeat; padding-left:24px; font-size:11px; color:#5e5d5e; }

/**
 * @description: contact page:
 --------------------------------------------------------------------------------------------------*/
.contact .subtitle									{ font-family:'Dax bold', arial !important; font-size:20px !important; margin-bottom:20px; }
.contact h2.subtitle								{ margin-bottom:3px !important; margin-top:10px !important; }

.contact .form										{ position:relative; display:block; color:#005145; }
.contact .form .contactForm label					{ color:#005145; float:left; width:220px; }
.contact .form .contactForm .seperate				{ clear:both; height:1px; overflow:hidden; line-height:1px; }
.contact .form .contactForm .textField				{ float:left; border:1px solid #7b7c7d; width:368px; font-family:arial; padding:0 2px; }
.contact .form .contactForm .zipField				{ width:111px; margin-right:5px; }
.contact .form .contactForm .resiField				{ width:202px; margin-left:3px; }
.contact .form .contactForm textarea				{ height:100px; font-family:arial; font-size:13px; }
.contact .form .contactForm .btn					{ background-color:#005245; font-family:'Chivo', arial; text-transform:none; font-size:13px; float:right; margin-right:1px; border:0; margin-top:1px; }

/**
 * @description: link page:
 --------------------------------------------------------------------------------------------------*/
.linkPage .links									{ position:relative; }
.linkPage .links .linkRight							{ float:left; }
.linkPage .links .linkRight .p *					{ font-size:12px !important; }
.linkPage .links .linkRight .p p					{ padding:0; margin:0; }
.linkPage .links .linkRight .item					{ height:auto; min-height:85px; padding-bottom:10px; }
.linkPage .links .linkRight strong					{ font-weight:bold !important; }
.linkPage .links .linkRight a						{ font-weight:bold; }

.linkPage .p, .linkPage p							{ margin:0; padding:0; }

/**
 * @description: Kolk reports:
 --------------------------------------------------------------------------------------------------*/
.report												{ float:left; width:150px; margin-left:20px; margin-top:20px; }
.report label										{ font-weight:normal; float:none !important; width:auto; }
.report input										{ margin-left:28px; }
.report.small										{ width:70px; margin-right:11px; margin-top:11px; margin-left:0; }
.report small										{ text-align:center; display:block; }

/**
 * @description: Google maps:
 --------------------------------------------------------------------------------------------------*/
#cc-map {
	width:157px;
	height:157px;
	display:block;
	text-align:right;
}
#cc-map > div > span { display:none; }
#cc-directions { display:none; width:100%; font-size:11px; line-height:170%; }
#cc-directions a { color:#56af31; }
#cc-directions table { width:100%; }

html .cufon-active cufon-ready > body .firefox v6 > div #lc-centered > div #lc-body > div .left > div .block textBlock > div #cc-map > div .gmnoprint { display:none !important; visibility:hidden !important; }

/**
 * @section: IDs
 * @description: The lay-out containers defined within the page.
 --------------------------------------------------------------------------------------------------*/
#lc-centered {
	width:980px;
	margin:0 auto;
	position:relative;

	-webkit-box-shadow:0 0 20px #303031;
	-moz-box-shadow: 0 0 20px #303031;
	box-shadow:0 0 20px #303031;

	behavior: url(/javascript/PIE.htc);
}

#lc-head {
	z-index:1;
	height:142px;
	position:relative;
	background:#fff;
}
#lc-head .left										{ float:left; border-left:11px solid #005245; height:113px; }
#lc-head .right										{ float:right; /** DISABLED: 17-11-2011 background-image:url('/pics/header-right/van-de-kolk-bouwt.jpg');*/ min-width:437px; height:113px; }

#lc-navigation {
	top:113px;
	color:#fff;
	left:-20px;
	right:-20px;
	z-index:999;
	height:29px;
	padding-left:20px;
	position:absolute;
	background:url('/pics/menu.background.jpg') center center repeat-x;
}

#lc-body {
	z-index:0;
	padding:8px 11px 0px 11px;
	position:relative;
	background-color:#fff;
	background:#fff url('/pics/bg.content.png') 145px bottom no-repeat;
}
#lc-body .left										{ width:157px; float:left; overflow:hidden; position:relative; }
#lc-body .center									{ width:624px; padding:0 10px; min-height:450px; position:relative; float:left; }
#lc-body .right										{ width:157px; float:right; position:relative; }

#lc-body.wide {
	background:#fff url('/pics/bg.content-wide.png') 145px bottom no-repeat;
}
#lc-body.wide .center								{ width:781px; }

#lc-footer {
	height:75px;
	background-color:#005245;
	padding-left:11px;
	position:relative;
}
#lc-footer .box										{ width:130px; float:left; margin-top:10px; }
#lc-footer .box a									{ color:#fff; }
#lc-footer .box h3									{ color:#fff; font-family:'Dax bold', arial; font-size:14px; margin-bottom:5px; }
#lc-footer .box p									{ padding:0; margin:0; font-family:'Dax regular', arial; font-size:12px; color:#fff; line-height:140%; }
#lc-footer .follow									{ font-family:'Dax bold', arial; color:#fff; font-size:14px; position:absolute; right:10px; bottom:5px; }
#lc-footer .follow img								{ margin-left:5px; }

#lc-footer-line {
	padding-top:10px;
	width:980px;
	display:block;
	margin:0 auto;
	font-size:11px;
	position:relative;
}
#lc-footer-line p									{ padding:0; margin:0; float:right; color:#8e8f8f; }
#lc-footer-line p a									{ color:#8e8f8f; }


/**
 * @description: Navigation lay-out:
 --------------------------------------------------------------------------------------------------*/
#menu { padding:0; margin:0; list-style:none; position:relative; z-index:999; font-family:'Chivo', arial; height:29px; }
#menu li { float:left; border-right:1px solid #676565; height:29px; width:139px; }
#menu li.last { border-right:0 none; width:140px; }
#menu li a { display:block; float:left; height:29px; line-height:29px; color:#fff; text-decoration:none; font-size:15px; width:134px; text-align:left; padding-left:5px; }


#menu table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover { z-index:200; position:relative; color:#fff; background:url('/pics/menu.hover.jpg') repeat-x; }
#menu li:hover { position:relative; z-index:200; }

#menu li:hover > a { color:#fff; background:url('/pics/menu.hover.jpg') repeat-x; }
#menu li:hover > a.sub { color:#fff; background:url('/pics/menu.hover.jpg') repeat-x; }

#menu li.current a { color:#fff; background:url('/pics/menu.hover.jpg') repeat-x; }

#menu li a.sub { }
#menu li.current a.sub { color:#fff; }

#menu :hover ul { left:0; top:29px; width:139px; }

/* keep the 'next' level invisible by placing it off screen. */
#menu ul,
#menu :hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

#menu :hover ul :hover ul { left:139px; top:0px; white-space:nowrap; width:139px; z-index:200; height:auto; }

#menu :hover ul li { margin:0; background:#3e3f3f; font-size:11px; border:0; border-bottom:1px solid #5d5c5b !important; height:31px; }
#menu :hover ul li a { width:134px; padding:0; color:#ccc; height:31px; line-height:31px; background:#3e3f3f; font-size:11px; text-align:left; padding-left:5px; }
.msie #menu :hover ul li a { font-size:11px; }
#menu :hover ul li a.fly { }

#menu :hover ul :hover { background-color:#7a7b7e; color:#fff; }
#menu :hover ul :hover a.fly { background-color:#7a7b7e; color:#fff; }

#menu :hover ul li.current a { background:#7a7b7e; color:#fff; }
#menu :hover ul li.current a.fly { color:#fff; }

#menu :hover ul :hover ul li a { width:139px; padding:0; background:#3e3f3f; color:#ccc; }
#menu :hover ul :hover ul :hover { background-color:#005245; color:#fff; }

#menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover { background:#005245; color:#fff; }

/**
 * @description: Selectbox styles:
 --------------------------------------------------------------------------------------------------*/
.selectBox-dropdown {
	width: 210px; /* width = (desired width) - padding-right */
	padding-right: 40px;
	position: relative;
	border: solid 1px #BBB;
	line-height: 1.5;
	text-decoration: none;
	color: #000;
	outline: none;
	vertical-align: middle;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	cursor: default;
	behavior: url(/javascript/PIE.htc);
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #666;
}

.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
	width: 100%;
	padding: .2em .3em;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: url(/pics/jquery.selectBox-arrow.gif) 50% center no-repeat;
	border-left: solid 1px #BBB;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	font-size:12px;
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
	behavior: url(/javascript/PIE.htc);
}


/* Inline control */
.selectBox-inline {
	width: 250px;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
	behavior: url(/javascript/PIE.htc);
}

.selectBox-inline:focus {
	border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}

.selectBox-options LI A {
	line-height: 1.5;
	padding: 0 .5em;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}


/*]]>*/