/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

body{ color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(/images/layout/bg.png); width: 100%; height: 100%; margin: 0; padding: 0; }
a:link{color: #c3ccc5;}
a:active{color: #c3ccc5;}
a:visited{color: #c3ccc5;}
a:hover{color: #e2e0e0; text-decoration: none; }
.spanbox{ position: relative; width: 800px; height: 600px; margin: 100px auto auto; }
.header{ width: 760px; height: 150px; float: left; padding-top: 30px; padding-left: 40px; }
.titel{ color: #838884; font-size: 37px; letter-spacing: 5px; width: 500px; float: left; }
.slogan{ font-size: 16px; letter-spacing: 4px; }
.menu{ font-size: 12px; text-align: right; z-index: 9999; float: right; margin: 0; padding: 0 30px 0 0; list-style-type: none; }
.menu li { margin-bottom: 3px; cursor: pointer; }
.menu a, .menu a:visited, .menu a:link, .menu a:active{ color: #c3ccc5; text-decoration: none; display: block; }
.menu a:hover{ color: #e2e0e0; text-decoration: none; }
.menu li > ul{ font-size: 12px; margin: 0 20px 0 0; padding: 7px 0 0; display: none; }
.menu li > ul li{  margin-bottom: -2px; }
.menu li{ padding-bottom: 3px; list-style-type: none; }
.pagina{ color: #363636; font-size: 80px; text-align: center; position: absolute; top: 165px; left: 0; width: 800px; z-index: -10; -moz-opacity: .5; filter:alpha(opacity=50); opacity:.50; }
#content{ position: relative; top: 50px; width: 800px; float: left; }
#content img{ margin: 0; padding: 0; border-width: 0; }
.contentTxt { background-image: url(/images/layout/contentBg.png); position: relative; width: 800px; float: left; min-height: 252px; }

.footerBar { background-image: url(/images/layout/footerBar.png); position: relative; width: 800px; height: 23px; float: left; }
.footerBar a{ color: #fff; text-decoration: none; }
.footerBar a:hover{ color: #c3ccc5; text-decoration: none; }
.footerBar .left { width: 236px; height: 15px; overflow: hidden; float: left; padding-left: 30px; display: block; }
.footerBar .center { text-align: center; width: 266px; float: left; display: block; }
.footerBar .right { text-align: right; width: 236px; float: left; padding-right: 30px; display: block; }

.footer{ color: #3f3f3f; font-size: 11px; text-align: center; position: relative; top: 50px; width: 800px; height: 80px; float: left; padding-bottom: 10px; }
.footer a:link, .footer a:active, .footer a:visited{	color: #3f3f3f;}
#homeImg{  }
h1{ font-size: 15px; margin: 0; padding: 10px; }
h2{ font-size: 13px; margin: 0; padding: 10px; }
h3{ font-size: 12px; margin: 0; padding: 10px; }
p{ margin-top: 10px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; }

label{ width: 100px; float: left; }
textarea{ width: 230px; height: 100px; }
.succes{ color: #06af00; }
.error{ color: #f00; list-style-type: none; }
.verplicht{ color: #f00;}

.master-sprite {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/images/icons/iconFooter.png);
	background-repeat: no-repeat;
	border:0 none;
	cursor:pointer;
	padding:0;
}

#icon_home{ background-position: 3px 2px; height:20px; width:20px; margin-bottom:3px; margin-top:3px; vertical-align:text-top; }
#icon_contact{ background-position: -18px 1px; height: 20px; width:20px; margin-bottom:3px; margin-top:3px; vertical-align:text-top; }
#icon_sitemap{ background-position: -38px 2px; height: 20px; width:20px; margin-bottom:3px; margin-top:3px; vertical-align:text-top; }

.master-sprite-pijlen {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/images/icons/iconPijlen.png);
	background-repeat: no-repeat;
	border:0 none;
	padding:0;
}
#icon_pijl_left{ background-position: -6px 0; height: 6px; width: 6px; margin-bottom:3px; margin-top:6px; vertical-align:text-top; margin-right: 4px; }
#icon_pijl_right{ background-position: 0 0; height: 6px; width: 6px; margin-bottom:3px; margin-top:6px; vertical-align:text-top; margin-right: 4px; }
#icon_pijl_top{ background-position: 0 -6px; height: 6px; width: 6px; margin-bottom:3px; margin-top:6px; vertical-align:text-top; margin-right: 4px; }
#icon_pijl_bottom{ background-position: -6px -6px; height: 6px; width: 6px; margin-bottom:3px; margin-top:6px; vertical-align:text-top; margin-right: 4px; }

.kollom66{ width: 533px; float: left; }
.kollom50{ width: 400px; float: left; }
.kollom33{ width: 266px; float: left; }

#scrollWindow { width: 800px; height: 275px; overflow: hidden;}
#scrollContainer { position: relative; width: 99999999999999px; z-index: 10; }
#scrollContainer .container{ position: relative; top: 0; left: 0; height: 275px; width: 800px; float: left; }

#content .onze_mensen_fotos{ float: left; padding: 28px 20px 20px 30px;}

.img_glow{ background-color: #000; -moz-opacity: .3; filter:alpha(opacity=30); opacity:.30; }

.projectNaam{ color: #000; font-size: 14px; width: 265px; height: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.projectLabel{ width: 90px; height: 10px; float: left; padding-left: 10px; }
.projectLabelTxt{ width: 165px; float: left; }

#gallery{ position: absolute; right: 0; bottom: 5px; width: 265px; }
#gallery ul{ float: left; list-style-type: none; }
#gallery li{ float: left; margin-top: 5px; margin-right: 10px; }
/* Content */
table{ padding-right: 10px; padding-left: 10px; }
table th{ border-bottom: 1px solid #fff; }
table td{ text-align: left; vertical-align: top; padding-right: 5px; padding-left: 5px; border-bottom: 1px solid #9e9e9e; }

.contact .contactRow{ width: 260px; }
.contact .Bericht{ position: relative; top: -136px; width: 240px; float: right; }
.contact .textarea{}