body {
	background-color: #000000;
	background-image: url(../img/system/header/rotate.php);
	background-repeat: no-repeat;
	background-position: 50% 0;


	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

hr {
	color: #ccad76;
	border: 0;
	background-color: #ccad76;
	height: 1px;
	width: 100%;
	text-align: left;
}

a:link{
	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: underline;
}

a:visited{
	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: underline;
}

a:hover{
	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: none;
}

#container {
	margin-left:auto;
	margin-right:auto;

	width: 1000;
	max-width: 1000;



}

#header {
	width: 950;
	height: 190;
	
	position: relative;
	left: 25;

}

#footer {
	width: 940;
	height: 30;
	max-height: 20;

	float: left;
	left: 0;
	top: 0;

	padding: 5 0;

	color: #f5efd8;
	font-family: verdana;
	font-size: 8pt;

	background-image: url(../img/system/footer.jpg);
	background-repeat: horizontal;
	background-position: top;
}

	#topleft {
		width: 30;
		height: 30;
	
		float: left;
		left: 0;
		top: 0;


	}
	
	#topright {
		width: 20;
		height: 30;
	
		float: left;
		left: 0;
		top: 0;
	

	}
	
	#bottomleft {
		width: 30;
		height: 30;
	
		float: left;
		left: 0;
		top: 0;
	
		background-image: url(../img/system/bottomleft.jpg);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	#bottomright {
		width: 30;
		height: 30;
	
		float: left;
		left: 0;
		top: 0;

	
		background-image: url(../img/system/bottomright.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}

#menu {
	width: 940;
	max-width: 921;
	height: 30;
	max-height: 20;

	float: left;
	left: 0;
	top: 0;


	background-image: url(../img/system/gldline.jpg);
	background-repeat: repeat-x;
	background-position: bottom;

	padding: 5 10;

	color: #f3e0b7;
	font-family: verdana;
	font-size: 12pt;
	word-spacing: 10px;

}

	#contact {
		width: 60;
	
		float: right;
		left: 0;
		top: 0;	
	
		padding: 2.5 0 0 0;

	
		color: #b8aa8b;
		font-family: verdana;
		font-size: 12pt;
		word-spacing: 10px;
	
	}

#menu  a:link{
	color: #f3e0b7;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	word-spacing: 2px
}

#menu  a:visited{
	color: #f3e0b7;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	word-spacing: 2px
}

#menu  a:hover{
	color: #f3e0b7;
	text-decoration: underline;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	word-spacing: 2px
}


#main {
	width: 1000;
	max-width: 920;
	min-height: 565;
	height:auto !important;
	height: 565;

	float: left;
	left: 0;
	top: 0;

	padding: 10 40; 

	color: #f5efd8;
	font-family: verdana;
	font-size: 10pt;


	background-image: url(../img/system/main.jpg);
	background-repeat:vertical;
	background-position: left;
}

#paper {
	width: 900;
	max-width: 800;
	min-height: 460;
	height:auto !important;
	height: 460;

	float: left;

	margin: 10;
	padding: 40 50; 

	color: #000000;
	font-family: arial, verdana;
	font-size: 10pt;

	background-color: #f0f0f0;
	background-image: url(../img/system/nietje.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}


#peel {
	width: 120;
	height: 60;
	float: right;

	margin: -40 -50;
	
	background-color: #f0f0f0;
	background-image: url(../img/system/peel.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#maintitle {
	width: 920;
	max-width: 860;
	
	float: left;
	
	padding: 30 30;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#features {
	width: 920;
	max-width: 880;
	
	float: left;
	
	padding: 0 20;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#feature {
	width: 440;
	max-width: 410;

	float: left;

	padding: 5 15 25 15;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#featuretext {
	width: 400;
	max-width: 390;

	float: left;

	padding: 5 5;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#featuretext  a:link{
	color: #caad75;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: underline;
	font-weight: normal;
}

#featuretext  a:visited{
	color: #caad75;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: underline;
	font-weight: normal;
}

#featuretext  a:hover{
	color: #caad75;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: none;
	font-weight: normal;
}

#films {
	width: 920;
	max-width: 880;
	
	float: left;
	
	padding: 0 20;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#film {
	width: 220;
	max-width: 190;
	height: 200;

	float: left;

	padding: 5 15;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

.film {


	float: left;

	margin: 0 0 5 0;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

.film1 {


	float: left;

	margin: 0 30 5 0;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#filmtext {
	width: 220;
	max-width: 190;

	float: left;

	padding: 5 15 15 15;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#filmtext2c {
	width: 440;
	max-width: 410;

	float: left;

	padding: 5 15 15 15;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#title {
	width: 920;
	max-width: 860;
	
	float: left;
	
	padding: 5 0;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#horizontalrule {
	width: 920;
	max-width: 860;
	
	float: left;
	
	padding: 5 30;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#projecttitle {
	width: 400;
	max-width: 340;
	
	float: left;
	
	padding: 30 30;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}


#projecttitle  a:link{
	color: #caad75;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: underline;
	font-weight: bold;
}

#projecttitle  a:visited{
	color: #caad75;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: underline;
	font-weight: bold;
}

#projecttitle  a:hover{
	color: #caad75;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
}

#projectinfo {
	width: 340;
	max-width: 320;
	
	float: left;
	
	padding: 20 10;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}


#projectinfo  a:link{
	color: #caad75;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: underline;
	font-weight: normal;
}

#projectinfo  a:visited{
	color: #caad75;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: underline;
	font-weight: normal;
}

#projectinfo  a:hover{
	color: #caad75;
	font-family: verdana, arial;
	font-size: 10pt;
	text-decoration: none;
	font-weight: normal;
}


#projectvideo {
	width: 460;
	maxwidth: 440;
	
	float: left;
	
	padding: 30 10;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#imagegal{
	width: 920;
	max-width: 860;
	
	float: left;
	
	padding: 30 30;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#thumb{
	width: 120;
	max-width: 100;
	
	float: left;
	
	padding: 10 10;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#fill{
	width: 50;
	height: 160;
	
	float: left;
	
	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#explaination{
	width: 400;
	max-width: 350;
	
	float: left;
	
	padding: 10 10 10 40;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 10pt;
}

#imagetext{
	width: 110;
	max-width: 100;
	
	float: left;
	
	padding: 10 10;

	color: #b8aa8b;
	font-family: verdana, arial;
	font-size: 8pt;
}


h1 {

	color: #caad75;
	font-family: verdana, arial;
	font-size: 13pt;

	margin: 0;
}

h2 {

	color: #f3e0b7;
	font-family: verdana, arial;
	font-size: 13pt;

	margin: 5 0;
}

h3 {

	color: #caad75;
	font-family: verdana, arial;
	font-size: 13pt;
	text-align: right;

	margin: 5 0;
}

h4 {

	color: #caad75;
	font-family: verdana, arial;
	font-size: 10pt;

	margin: 0;
}







<!--
div[class] #main {
   height:auto;
   }
-->