/* ------------------------------------------------------- 

	general stylesheet  /  www.magismode.nl
	
	development by

	tableaux
	www.tableaux.nl
	
	december 2008

---------------------------------------------------------- */


/* ------------------------------------------------------------- body */
html {
	height:100%;
}
body {
	height:100%;
	margin:0 auto;
	padding:0px;
	background-image: url('../images/structure/background.jpg');
	background-color: #000000;
	background-position:center;
	background-repeat: no-repeat;
	}
	

/* ------------------------------------------------------------- center */
div#center {
	position: relative;
	margin:0px auto;
	background-color: #151515;
	width: 990px;
	height: 640px;
	}
	
div#menu{
	position: relative;
	width: 990px;
	height: 77px;
}

div#content{
	position: relative;
	width: 990px;
	height: 422px;
}

div#logo{
	position: relative;
	width: 990px;
	height: 141px;
	text-align: center;
	overflow: hidden;
}

div#contentvak{
	position: relative;
	height: 422px;
	width: 715px;
	float: left;
	overflow: hidden;
}

div#contentoverlay{
	position: absolute;
	top: 0;
	left: 0;
	height: 422px;
	width: 715px;
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

div#contenttext{
	position: absolute;
	top: 0;
	left: 0;
	height: 422px;
	width: 715px;
	text-align: left;
}

div#submenu{
	position: relative;
	height: 422px;
	width: 275px;
	float: right;
	background-color: #4a4a4a;
	text-align: left;
}

div#submenuinner{
	position: relative;
	height: 372px;
	width: 190px;
	margin-top: 25px;
	margin-left: 25px;
	text-align: left;
	overflow: hidden;
	float: left;
}

div#scrolldiv{
	position: relative;
	height: 372px;
	width: 35px;
	margin-top: 25px;
	text-align: left;
	float: left;
}

div#scrolldivup{
	position: absolute;
	top: 0;
}

div#scrolldivdown{
	position: absolute;
	bottom: 0;
}

td{
position: relative;	
}

div.photoprevbutton{
	
	position: absolute;
	left: 10px;
	top: 200px;
	cursor: pointer;
	
	/*
	position: relative;
	width: 25px;
	padding-left: 10px;
	height: 211px;
	margin-top: -422px;
	float: left;
	cursor: pointer;
	padding-top: 211px;
	*/
}

div.photonextbutton{
	
	position: absolute;
	right: 10px;
	top: 200px;
	cursor: pointer;
	
	/*
	position: relative;
	width: 25px;
	height: 211px;
	margin-top: -422px;
	float: right;
	padding-right: 10px;
	cursor: pointer;
	padding-top: 211px;
	*/
}

div.photoButton{
	width: 15px;
	height: 20px;
	font-family: Arial; 
	font-size: 11px;
	cursor: pointer;
	float: left;
	margin: 2px; 
}

div#photoButtonContainer{
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	height: 30px;
	margin-left: 3px;
	margin-top: 3px;
}