/* -----------------------------------
Site:       www.on-n-on.nl
CSS author: WebWell - www.webwell.nl
Updated:	17 jan 2011
Updated by: Hans Oude Luttighuis
----------------------------------- */

/* -----------------------------------
simple reset
----------------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

fieldset, img { border: 0; }
legend { color: #000; }

input, textarea, select, button
{
	font-size: 110%;
	line-height: 1.1;
	font-family: helvetica, arial, sans-serif;
}

button
{
	width: auto;
	overflow: visible;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

ul li { list-style: none; }

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

pre, code
{
	font-family: "Courier New", monospace, serif;
	font-size: 100%;
	line-height: 1.2;
}

/* -----------------------------------
elements
----------------------------------- */

html {
/*	overflow-y:auto;		/*  DEZE TOEVOEGING IS NODIG OM IN IE6 DE FIXED HEADER EN SCROLLEN MOGELIJK TE MAKEN  */
   overflow-y:auto; 
   overflow-x:auto;
}
body {
	height:100%;			/*  DEZE TOEVOEGING IS NODIG OM IN IE6 DE FIXED HEADER EN SCROLLEN MOGELIJK TE MAKEN  */
/*	overflow-y:auto;		/*  DEZE TOEVOEGING IS NODIG OM IN IE6 DE FIXED HEADER EN SCROLLEN MOGELIJK TE MAKEN  */
	background-color: #FFFFFF;
	text-align: center;
}
#container
{
	margin: 0 auto;
	vertical-align:middle;
	text-align: left;
	width: 1000px;
	height:450px;
}
h1 {  
	font-family:georgia, times new roman, times, georgia, palatino, serif;
	font-size:18px;
	font-weight: normal; 
	color: #FF931E;
}
/***************************** NAVIGATIE ***********************/
#containertopnavigatie {
 	position: fixed;
 	margin: 0px auto;	
 	text-align: left;
 	width: 990px;
 	z-index:1000;
}
#menu {
	height:20px;
	width:990px;
	margin:0px;
	font-family:arial narrow;
	color:#FFFFFF;
	font-size:16px;
	padding-top:1px;
	padding-bottom:4px;
	text-align:center;
}
#topfoto {
	position:absolute;
	top:26px;
	width:987px;
    height: 157px;
	border:1px solid #C1C1C7; 
}
a.knoptekst:link, a.knoptekst:visited, a.knoptekst:active, a.knoptekst:hover {
	font-family:georgia, times new roman, times, georgia, palatino, serif;
	font-size:18px;
	font-weight: normal; 
	color: #FF931E;
	cursor: hand;
}
a.knoptekst:active, a.knoptekst:hover {
	color: #CC6600;
	cursor: hand;
}
/*******************************************************************************/
#containerpagina {
	position:relative;
	left:0px;
	top:0px;
	width:243px;
	height:450px;
	padding:0px;
	padding-top:20px;
	z-index:10;
}
#knoppen {
	position:relative;
	top:0px;
	width:220px;
	padding:5px 0 5px 5px;
	z-index:10;
}
#filmrandboven, #filmrandrechts, #filmrandonder, #filmrandlinks {
	position:absolute;
	top:29px;
	left:300px;
	width:560px;
	height:10px;
	background-color:#FFF;
	z-index:10000;
}
#filmrandboven {
	border-bottom:1px solid #FFF;
}
#filmrandrechts {
	top:40px;
	left:860px;
	width:10px;
	height:350px;
	border-left:1px solid #000000;
	z-index:10001;
}
#filmrandonder {
	top:389px;
	height:10px;
	border-top:1px solid #000000;
}
#filmrandlinks {
	top:40px;
	left:289px;
	width:10px;
	height:350px;
	border-right:1px solid #000000;
	z-index:10001;
}
.white_content {
	position:absolute;
	padding:0px;
	margin:0px;
	top:0px;
	left:0px;
/*	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;	*/
	z-index:10002;
/*	overflow: auto;	*/
}
#light0 {
	position:absolute;
	left:300px;
	top:40px;
	padding:0px;
	margin:0px;
	z-index:3000;
}