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

body, #publerBody {
	text-align: center;
}

#container {
	margin: 0 auto;
	position:relative;
	text-align: left;
	width: 696px;
}

#header {
	height: 100px;
	padding-top: 26px;
}

div#main {
	margin-top: 116px;
}

div#contents{
	margin: 0;
	height: 458px;
	}
	body.company div#contents, body.not-found div#contents, body.send div#contents{
		background: url(../../images/benf/background/bg-bedrijf.jpg) top left no-repeat;
	}
	body.design div#contents{
		background: url(../../images/benf/background/bg-ontwerp.jpg) top left no-repeat;
	}
	body.contact div#contents{
		background: url(../../images/benf/background/bg-contact.jpg) 348px 232px no-repeat;
	}


/* ------------------------------------------------------------------- Main navigation
*/
ul#navigation {
	height: 110px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 126px;
	left: 0;
	width: 100%;
	}
	ul#navigation li{
		float: left;
		list-style: none;
		}
		ul#navigation li a{
			background-position: top left;
			background-repeat: no-repeat;
			display: block;
			height: 110px;
			margin-right: 6px;
			width: 110px;
			text-indent: -6000px;
		}
		#navigation #bedrijf a {
			background-image: url(../../images/benf/background/menu-bedrijf.jpg);
		}
		#navigation #ontwerp a {
			background-image: url(../../images/benf/background/menu-ontwerp.jpg);
		}
		#navigation #stands a {
			background-image: url(../../images/benf/background/menu-stands.jpg);
		}
		#navigation #interieurs a {
			background-image: url(../../images/benf/background/menu-interieurs.jpg);
		}
		#navigation #meer a {
			background-image: url(../../images/benf/background/menu-meer.jpg);
		}
		#navigation #contact a {
			background-image: url(../../images/benf/background/menu-contact.jpg);
		}
		
		body.en #navigation #bedrijf a {
			background-image: url(../../images/benf/background/menu-bedrijf-en.jpg);
		}
		body.en #navigation #ontwerp a {
			background-image: url(../../images/benf/background/menu-ontwerp-en.jpg);
		}
		body.en #navigation #interieurs a {
			background-image: url(../../images/benf/background/menu-interieurs-en.jpg);
		}
		body.en #navigation #meer a {
			background-image: url(../../images/benf/background/menu-meer-en.jpg);
		}
		
		
		ul#navigation li a:hover, ul#navigation li.selected a {
			background-position: bottom left;
		}

/* ------------------------------------------------------------------- 2 buttons on the top of the page
*/
ul#navigation-top{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 600px;
	top: 65px;
	}
	ul#navigation-top li{
		list-style: none;
		float: right;
		}
		ul#navigation-top li a{
			color: #999999;
			margin-right: 10px;
			font-size: 11px;
			line-height: 1em;
			text-decoration: none;
		}
		ul#navigation-top li a:hover{
			text-decoration: underline;
		}
		ul#navigation-top li.last a{
			margin: 0;
		}

/* ------------------------------------------------------------------- Green text div
*/

/* Default not visible */
div#page-content{
	display: none;
}

/* ------------------------------------------------------------------- Green text div: page-> company
*/
body.home div#page-content{
	display: block;
	height: 434px;
	width: 202px;
	background: #99CC33;
	position: absolute;
	left: 116px;
	top: 241px;
	padding: 25px 12px 0 12px;
}

/* ------------------------------------------------------------------- Green text div: page-> stands, design, interieurs, &more, company
*/
body.stands div#page-content,
body.design div#page-content,
body.interieurs div#page-content,
body.more div#page-content,
body.company div#page-content,
body.not-found div#page-content,
body.send div#page-content,
body.movie div#page-content{
	display: block;
	position: absolute;
	left: 116px;
	top: 242px;
	background: #99CC33; /*#7ac145 #7fcd0d*/
	width: 398px;
	height: 201px;
	padding: 25px 27px 0 33px;
	}
	body.design div#page-content{
		height: 199px;
	}
	body.company div#page-content{
		height: 202px;
	}
	body.contact div#page-content{
		display: block;
	}
	body.movie div#page-content{
		left: 0;
		top: 241px;
		width: 690px;
		height: 459px;
		padding: 0;
	}