/** 
 * GLOBAL CSS
 */
html, body {
	background:				#878787;
	height:					100%;
	width:					100%;
	font-family:			Tahoma;
}

h6 {
	font-weight:			bold;
}

.input label {
	float:					left;
	width:					200px;
	font-size:				12px;
	font-weight:			bold;
}

.text {
	height:					26px;
}

.input input {
	border:					1px solid #000000;
	float:					left;
}

div.error-message {
	float:					left;
	color:					red;
	font-size:				12px;
	font-weight:			bold;
}

.input-text {
	width:					300px;
}

/**
 * STICKER 
 */
#sticker {
	background:				url("../img/sticker.png");
	width:					155px;
	height:					150px;
	position:				absolute;
	left:					50%;
	top:					0px;
	margin-left:			340px;
	z-index:				1000; 
	color:					#ffffff;
	font-family:			Verdana, Arial;
	font-size:				12px;
	font-weight:			bold;
	padding:				35px 15px 0px 15px;
	text-align:				center;
	line-height:			18px;
	text-decoration:		none;
}

#sticker h1 {
	margin-bottom:			10px;
	font-size:				14px;
}

/** 
 * SITE ALIGNER
 * used to align the website vertical and horizontal
 */  
table#site-aligner {
	height:					100%;
	width:					100%;
}

/**
 * SITE CONTAINER
 * used as placeholder for all the items in the website
 */
#site-container {
	height:					575px;
	width:					950px;
	margin:					auto auto;
	position:				relative;
}

/**
 * CONTENT CONTAINER
 * used as placeholder for all the contentitems in the website
 */
#content-container {
	background:				url("../img/background.gif");
	height:					569px;
	position:				relative;
	width:					900px;
}

/**
 * CONTENT AND CONTENT BACKGROUND
 * the div that holds the content and it's background div
 */
#content_bg {
	-moz-opacity:			.50;
	background:				#ffffff;
	border:					2px solid #9F7F3B;
	height:					400px;
	left:					250px;
	opacity:				.50;
	overflow:				auto;
	position:				absolute;
	top:					95px;
	width:					605px;
	z-index:				999;
}

#content {
	height:					358px;
	left:					252px;
	overflow:				auto;
	overflow-x:				hidden;
	padding:				20px;
	position:				absolute;
	top:					97px;
	width:					565px;
	z-index:				999;
}



/**
 * LOGO'S AND BACKGROUND-LEAFS
 * all the logo's and background-leafs that are used on the website
 */
#logo-effectneon {
	background:				url("../img/logo-effectneon.png");	
	height:					54px;
	left:					390px;
	position:				absolute;
	top:					15px;
	width:					336px;
	z-index:				11;
}

#logo-effectneon a {
	display:				block;
	height:					54px;
	text-indent:			-40000px;
	width:					336px;
}


#background-image-1 {
	background:				url("../img/background_image2.png");
	bottom:					41px;
	height:					222px;
	left:					0px;
	position:				absolute;
	width:					250px;
	z-index:				1;
}

#background-image-2 {
	background:				url("../img/background_image1.png");
	height:					161px;
	left:					725px;
	position:				absolute;
	top:					210px;
	width:					175px;
	z-index:				1;
}

#leaf-1 {
	background:				url("../img/leaf1.png");
	height:					164px;
	left:					540px;
	position:				absolute;
	top:					35px;
	width:					178px;
	z-index:				10;
}

#leaf-2 {
	background:				url("../img/leaf2.png");
	height:					164px;
	left:					540px;
	position:				absolute;
	top:					207px;
	width:					178px;
	z-index:				1;
}

#logo-effectneon-right {
	background:				url("../img/logo-effectneon-right.png");
	width:					216px;
	height:					198px;
	position:				absolute;
	bottom:					-5px;
	right:					-42px;
	z-index:				1;
}

/**
 * LANGUAGES
 * the navigation on the splashscreen for choosing the language
 */
#languages {
	height:					100px;
	left:					260px;
	position:				absolute;
	top:					324px;
	width:					155px;
}

#languages ul li {
	height:					27px;
	list-style:				none;
}

#languages ul li a {
	background:				#878787;
	color:					#ffffff;
	display:				block;
	font-size:				13px;
	font-weight:			bold;
	padding:				0px 0px 0px 5px;
	height:					25px;
	line-height:			25px;
	text-decoration:		none;
	width:					150px;
}

#languages ul li a:hover {
	background:				#FEB326;
}

/**
 * NAVIGATION
 * the navigation including it's items
 */
#navigation {
	background:				url("../img/navigation-top-bg.png") no-repeat;
	left:					25px;
	position:				absolute;
	top:					100px;
	width:					200px;
	z-index:				999;
}

#navigation ul {
	background:				url("../img/navigation-middle-bg.png");
	margin-top:				40px;
}

#navigation ul li {
	list-style:				none;
	height:					auto;
	padding:				0px 0px 10px 0px;
}

#navigation ul li a {
	background:				#DDA536;
	color:					#ffffff;
	display:				block;
	font-weight:			bold;
	font-size:				14px;
	height:					auto;
	line-height:			26px;
	margin:					0px 0px 0px 2px;
	text-decoration:		none;
	padding:				0px 0px 0px 10px;
	width:					178px;
}

#navigation ul li a:hover, #navigation ul li a.active {
	background:				#F8C248;
}

/**
 * CONTACT
 * div that holds the contactdata
 */
#contact {
	color:					#6F5C4E;
	font-size:				10px;
	left:					35px;
	top:					15px;
	position:				absolute;
	z-index:				1;
}

/**
 * CSS FOR GRID
 */
table.grid {
	border:					1px solid #6f5c4e;
	width:					100%;	
}

table.grid thead tr th, table.grid tfoot tr th {
	background:				#6f5c4e;
	color:					#ffffff;
	font-size:				12px;
	font-weight:			bold;
	height:					22px;
	line-height:			22px;
	text-indent:			25px;
}

table.grid thead tr th.location {
	background:				#6f5c4e url("../img/vestiging.gif") no-repeat 5px center;
}

table.grid tfoot tr th {
	background:				#6f5c4e;
	text-align:				right;
	padding-right:			15px;
}

table.grid tr td {
	font-size:				12px;
	font-weight:			bold;
	height:					22px;
	line-height:			22px;
}

table.grid tr.odd td {
	background:				#FFF6DF;
}

table.grid tr.even td {
	background:				#D2C8AF;
}

table.grid tr td.very-small {
	width:					30px;
}

table.grid tr td, table.grid tr td a {
	color:					#6f5c4e;
	font-size:				11px;
	text-decoration:		none;
}

table.grid tr.portfolioItem {
	height:					60px;
}

table.grid tr.portfolioItem td.image {
	width:					80px;
	text-align:				center;
}

table.grid tr.portfolioItem td.image a {
	position:				relative;
	top:					3px;
}

table.grid tr.portfolioItem td.item {
	padding:				5px;
	text-align:				center;
	border-right:			1px solid #9E9086;
}

table.grid tr.portfolioItem td.item div.image {
	height:					110px;
	width:					175px;
}

table.grid tr.portfolioItem td.item a {
	position:				relative;
	top:					0px;
}

table.grid tr.portfolioItem td table.bottom {
	width:					100%;
}

table.grid tr.portfolioItem td table.bottom tr td {
	text-align:				center;
}

table.grid tr.portfolioItem td table.bottom tr td.earth {
	width:					16px;
}

div.submit input, a.button {
	background:				#9F938B;
	border:					1px solid #BFB8B3;
	color:					#ffffff;
	font-size:				11px;
	padding:				0px 5px 0px 5px;
	text-decoration:		none;
	height:					18px;
	line-height:			19px;
	margin:					0px;
	border:					none;
}

div.button-set {
	background:				#6f5c4e;
	width:					100%;
	height:					20px;
	padding:				5px;
}

.left-floated-button {
	float:					left;
}

.right-floated-button {
	float:					right;
}

div.slideshow {
	position:				absolute;
	z-index:				999;
	top:					100px;
}

div.xslideshow {
	width:					900px;
	height:					200px;
	overflow:				hidden;
}


ul.list {
	border:					1px solid #6F5C4E;
	float: 					left;
	list-style:				none; 
	margin-right: 			25px;
	width: 					255px;
}

ul.list li {
	text-indent:			25px;
	height:					19px;
	line-height:			19px;
}

ul.list li a {
	color:					#6f5c4e;
	font-size:				11px;
	text-decoration:		none;
}

ul.list li a:hover {
	text-decoration:		underline;
} 

ul.list li h2 {
	background:				url("../img/vestiging.gif") no-repeat 5px center;
	color:					#6f5c4e;
	font-size:				11px;
	font-weight:			bold;
	margin:					0px;
	padding:				0px;
	text-decoration:		none;
}

div.quotations {
	color:					#4F3B2C;
}

div.quotations div.text {
	height:					23px;
}

div.quotations label {
	float:					left;
	font-size:				11px;
	height:					20px;
	line-height:			20px;
	width:					110px;	
}

div.quotations div.input input {
	background:				none;
	border:					1px solid #6F5C4E;
	color:					#4F3B2C;
	height:					18px;
	width:					115px;
	padding:				0px;
}

div.quotations textarea {
	background:				none;
	border:					1px solid #6F5C4E;
	height:					75px;
	width:					400px;
}

div.quotations div.form_left, div.quotations div.form_right {
	float:					left;
	width:					270px;
	height:					120px;
}

div.quotations div.form_right {
	width:					250px;
}

div.quotations div.about, div.quotations div.per {
	float:					left;
	width:					540px;
}

div.quotations div.form_left {
	margin-right: 			31px;
}

div.quotations div.about label {
	width:					170px;
	height:					90px;
}

div.quotations div.about div.checkbox {
	width:					180px;
	float:					left;
}

div.quotations div.other {
	float:					left;
	width:					100px;
	position:				absolute;
	top:					200px;
	left:					300px;
}

div.quotations div.per {
	width:					550px;
	float:					left;
}

div.quotations div.per div.checkbox {
	width:					100px;
	float:					left;
}

div.quotations div.other label {
	width:					150px;
	margin-left:			20px;
}

div.quotations div.per label {
	width:					150px;
}

div.quotations div.about div.checkbox label {
	font-weight:			normal;
	margin-left:			4px;
	width:					155px;
	height:					auto;
	
}

div.quotations div.per label.first {
	width:					170px;
	font-weight:			bold;
	margin-left:			0px;
	line-height:			14px;
}

div.quotations div.per label {
	font-weight:			normal;
	width:					60px;
	margin-left:			4px;
}

div.quotations div.remarks {
	float:					left;
	width:					555px;
	height:					auto;
	margin-top:				10px;
}

div.quotations div.remarks label {
	width:					140px;
}

div.quotations div.submit {
	float:					left;
	width:					550px;
	margin-top:				6px;
	text-align:				center;
}

div.quotations div.error input {
	border:					1px solid red;
}

div.quotations div.error, div.quotations div.error label {
	color:					red;
}

div.quotations div.error-message {
	display:				none;
}


span.checkbox {
	float:					left;
	display:				block;
	width:					11px;
	height:					11px;
	margin-top:				3px;
	border:					1px solid #6F5C4E;
	background: 			url('../img/unchecked.gif') -1px -1px;
}

span.checkbox-checked {
	background: 			url('../img/checked.gif') -1px -1px;
}

span.select_one {
	font-weight:			normal;
}


#xseeding {
	position:				absolute;
	bottom:					45px;
	color:					#ffffff;
	left:					40px;
	font-size:				11px;
	font-weight:			bold;
	text-decoration:		none;
	z-index:				9999;
}


#jquery-overlay {
	position: 				absolute;
	top: 					0px;
	left: 					0px;
	z-index: 				9999;
	width: 					100%;
	height: 				500px;
}

#jquery-lightbox {
	position: 				absolute;
	top: 					0px;
	left: 					0px;
	width: 					100%;
	z-index: 				9999;
	text-align: 			center;
	line-height: 			0px;
}

#jquery-lightbox a img { 
	border: 				none; 
}

#lightbox-container-image-box {
	position: 				relative;
	background-color: 		#ffffff;
	width: 					250px;
	height: 				250px;
	margin: 				0px auto;
}

#lightbox-container-image { 
	padding: 				10px; 
}

#lightbox-loading {
	position: 				absolute;
	top: 					40%;	
	left: 					0%;
	height: 				25%;
	width: 					100%;
	text-align: 			center;
	line-height: 			0px;
}

#lightbox-nav {
	position: 				absolute;
	top: 					0px;
	left: 					0px;
	height: 				100%;
	width: 					100%;
	z-index: 				10;
}

#lightbox-container-image-box > #lightbox-nav { 
	left: 					0px; 
}

#lightbox-nav a { 
	outline: 				none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 					49%;
	height: 				100%;
	display: 				block;
}

#lightbox-nav-btnPrev { 
	left: 					0px; 
	float: 					left;
}

#lightbox-nav-btnNext { 
	right: 					0px; 
	float: 					right;
}

#lightbox-container-image-data-box {
	font: 					10px Verdana, Helvetica, sans-serif;
	background-color: 		#ffffff;
	margin: 				0px auto;
	line-height: 			1.4em;
	overflow: 				auto;
	width: 					100%;
	padding: 				0px 10px 0px;
}

#lightbox-container-image-data {
	padding: 				0px 10px; 
	color: 					#666666; 
}

#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;	
}

embed {
	display:			none;
}

.sitemanagement {
	font-size:				13px;
	color:					#6F5C4E;
}

.sitemanagement h2 a {
	color:					#6F5C4E;
	text-decoration:		none;
	font-weight:			bold;
}