/*
Projectnaam/algemene info
@author: Bernhard Verkade (bernhard@yes2web.nl)
@version: 20081202-01
*/

body, #publerBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

	h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; }
	* html h1, * html h2 { margin-top: 0; }

/* ------------------------------------------------------------------- Green text div
*/
div#page-content p{
	color: #FFF;
	line-height: 1.2em;
}

body.home div#page-content h2{
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
}

body.stands div#page-content h2, 
body.design div#page-content h2, 
body.interieurs div#page-content h2, 
body.company div#page-content h2, 
body.more div#page-content h2{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
}

body.contact div#contents h2{
	color: #FFF;
	font-size: 36px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

div#page-content p.signature{
	color: #000;
	font-weight: bold;
}

/* ------------------------------------------------------------------- page contents: Homepage
*/
div#wrapper-left, div#wrapper-right{
	float: left;
	height: 458px;
	width: 342px;
	}
	div#wrapper-left{
		margin: 0 6px 0 0;
		}
		body.home div#wrapper-left{
			background: url(../../images/benf/background/bg-wrapper-left.jpg) bottom left no-repeat;
		}
		body.home div#wrapper-right{
			background: url(../../images/benf/background/stand-homepage.jpg) top left no-repeat;
		}

div#extra-wrapper{
	margin: 232px 0 0 0;
	width: 342px;
	height: 226px;
}

div#mijn-stand, div#extra{
	float: left;
	height: 226px;
	}
	div#mijn-stand{
		margin: 0 6px 0 0;
		width: 226px;
	}
	div#extra{
		background: url(../../images/benf/background/stand2-homepage.jpg) bottom right no-repeat;
		width: 110px;
	}

/* ------------------------------------------------------------------- page contents:  Stands
*/
ul#stand-list{
	margin: 0;
	padding: 0;
	}
	ul#stand-list li{
		list-style: none;
		float: left;
		line-height: 0;
		padding: 0 6px 6px 0;
		font-size: 0;
		}
		ul#stand-list li a{
			padding: 0;
			text-decoration: none;
			
		}
/* ------------------------------------------------------------------- page contents:  Interieurs
*/
a#img1, a#img2, a#img3, a#img4, a#img5, a#img6, body.more img#img2{
	position: absolute;
}

.hide-img{
	display: none;
}

body.interieurs a#img0{top: 0; left: 0;}
body.interieurs a#img1{top: 242px; left: 580px;}
body.interieurs a#img2{top: 474px; left: 0px;}
body.interieurs a#img3{top: 474px; left: 232px;}
body.interieurs a#img4{top: 474px; left: 464px;}
body.interieurs a#img5{top: 590px; left: 464px;}
body.interieurs a#img6{top: 358px; left: 580px;}

/* ------------------------------------------------------------------- page contents:  &more
*/
body.more a#img1{top: 242px; left: 0px;}
body.more a#img2{top: 242px; left: 580px;}
body.more a#img3{top: 474px; left: 116px;}
body.more a#img4{top: 474px; left: 348px;}
body.more a#img5{top: 590px; left: 348px;}
body.more a#img6{top: 474px; left: 464px;}

/* ------------------------------------------------------------------- page contents:  Contact
*/

div#naw-nl, div#naw-en {
	position: absolute;
	top: 474px; 
	left: 348px;
	width: 226px;
	height: 196px;
	padding-top: 30px;
	}
	div#naw-nl{
		background: url(../../images/benf/background/contact-nl.png) top left no-repeat;
	}
	div#naw-en{
		background: url(../../images/benf/background/contact-en.png) top left no-repeat;
	}
	div#naw-nl p, div#naw-nl a, div#naw-en p, div#naw-en a{
		text-align: center;
		color: #FFF;
	}

div#form-part1, div#form-part2{
	float: left;
}

div#form-part1{
	height: 404px;
	width: 300px;
	margin: 0 6px 0 0;
	background: #99CC33; /*#7ac145*/
	padding: 24px 15px 30px 27px;
}

div#form-part2{
	background: #F00;
	height: 204px;
	background: #999999;
	width: 333px;
	padding: 18px 0 4px 9px;
}

fieldset{
	border: none;
}

fieldset#part1 label{
	float: none;
	color: #FFF;
}

fieldset#part2 label{
	width: 105px;
	color: #FFF;
	line-height: 1.8em;
}

fieldset#part2 input{
	width: 210px;
	margin: 0;
	padding: 0;
}

textarea{
	width: 290px;
	height: 170px;
}

/* English textarea */
body.en textarea{
	height: 130px;
}

button{
	border: none;
	background: transparent url(../../images/benf/icons/contact-bt.jpg) top left no-repeat;
	width: 89px;
	height: 14px;
	text-indent: -6000px;
	margin: 2px 0 0 230px;
}

/* English send button */
body.en button{
	background: transparent url(../../images/benf/icons/contact-bt-en.jpg) top left no-repeat;
}

/* ------------------------------------------------------------------- page contents:  Contact
*/
div#movie{
	position: absolute;
	left: 116px;
	top: 76px;
}


/* ------------------------------------------------------------------- jQuery Lightbox
*/
#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: 100%; 
	float: left; 
	text-align: left; 
	overflow: hidden;
}	
#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;
	text-align: right;
	padding-bottom: 0.7em;	
}