body
{
	text-align:right; margin:auto; vertical-align:middle; background-color:#000000; width:100%; height:100%; background-image:URL('../images/bg.png'); background-repeat:no-repeat;
}

body
{

	text-align:-moz-center;
	background:#000000;
	background-image:URL('../images/bg.png');
	background-repeat:no-repeat;
}

#mainlayer
{
	position:relative;
	width:900px;
	height:800px;
	margin:auto;
	text-align:left;
}

#head-field
{
	vertical-align:middle;
	height:500px;
}

#default
{
	font-weight:bold;
	font-size:10pt;
	font-family:arial, verdana;
}


#top
{
	position:absolute;
	width:900px;
	height:80px;
	margin:auto;
	text-align:center;
	margin-top:20px;
	z-index:1;
}

#banner
{
	position:absolute;
	width:990px;
	height:275px;
	margin:auto;
	text-align:left;
	margin-top:100px;
	z-index:2;
	vertical-align:top;
}

#overlay
{
	position:absolute;
	width:900px;
	height:126px;
	margin:auto;
	text-align:left;
	margin-top:250px;
	z-index:3;
	vertical-align:top;
}


#content
{
	position:absolute;
	left:1px;
	width:861px;
	height:401px;
	margin:auto;
	text-align:left;
	padding:10px;
	margin-top:346px;
	z-index:3;
	vertical-align:top;
	background-repeat:no-repeat;
	font-size:10pt;
	font-family:verdana, arial;
	color:#ffffff;
	background-color:#272727;
	overflow:auto;
	scrollbar-arrow-color:#1f4384; 
    scrollbar-track-color:#272727; 
    scrollbar-face-color:#141414; 
    scrollbar-highlight-color:#272727; 
    scrollbar-3dlight-color:#272727; 
    scrollbar-darkshadow-color:#272727; 
    scrollbar-shadow-color:#272727; 
}

#content2
{
	position:absolute;
	left:1px;
	width:861px;
	height:380px;
	margin:auto;
	text-align:left;
	padding:10px;
	margin-top:366px;
	z-index:3;
	vertical-align:top;
	background-repeat:no-repeat;
	font-size:10pt;
	font-family:verdana, arial;
	color:#ffffff;
	background-color:#272727;
	overflow:auto;
	scrollbar-arrow-color:#1f4384; 
    scrollbar-track-color:#272727; 
    scrollbar-face-color:#141414; 
    scrollbar-highlight-color:#272727; 
    scrollbar-3dlight-color:#272727; 
    scrollbar-darkshadow-color:#272727; 
    scrollbar-shadow-color:#272727; 
}

#menubar
{
	position:absolute;
	left:1px;
	width:881px;
	height:21px;
	margin:auto;
	text-align:left;
	padding:0px;
	margin-top:346px;
	z-index:7;
	font-size:10pt;
	font-family:verdana, arial;
	color:#ffffff;
	background-color:#272727;

}


#leftborder
{
	margin-top:340px;
	width:1px;
	height:180px;
	z-index:8;
	position:absolute;
	background-image:URL('../images/border.png');
}

#rightborder
{
	left:882px;
	margin-top:340px;
	width:1px;
	height:180px;
	z-index:9;
	position:absolute;
	background-image:URL('../images/border.png');
}

#footerborder
{
	text-align:center;
	margin-top:754px;
	width:880px;
	height:2px;
	position:absolute;
}

#bottom
{

	margin-top:339px;
	width:883px;
	height:7px;
	z-index:4;
	position:absolute;
	background-image:URL('../images/bottom.png');
}

#wielen
{
	
	margin-top:20px;
	left:0px;
	width:600px;
	height:80px;
	position:absolute;
	z-index:4;

}



#footer
{

	bottom:10px;
	text-align:center;
	width:900px;
	height:10px;
	position:absolute;
	z-index:4;
	font-size:8pt;
	font-family:verdana, arial;
	color:#ffffff;

}

a
{
	font-size:8pt;
	font-family:verdana, arial;
	color:#ffffff;
	text-decoration:none;
}

a:hover
{
	font-size:8pt;
	font-family:verdana, arial;
	color:#ffffff;
	border-bottom:1px dotted #ffffff;
}

img 
{
	border:0px;
}

#menu
{
	top:75px;
	left:0px;
	text-align:left;
	width:500px;
	height:10px;
	position:absolute;
	z-index:4;
	font-size:7pt;
	font-family:verdana, arial;
	color:#ffffff;
}

H1
{
	font-size:14pt;
	font-family:verdana, arial;
	color:#ffffff;
}

H2
{
	font-size:12pt;
	font-family:verdana, arial;
	color:#ffffff;	
}

H3
{
	font-size:10pt;
	font-family:verdana, arial;
	color:#ffffff;
}


/* CSS dropdown menu */ 
#nav, #nav ul {
background-image:URL('../images/menu/bg.png');
margin: 0;
list-style: none;
height:21px;
}

#nav li {
float: left;
height:20px;
margin-right:3px;
border-left:1px solid #8e8e8e;
border-right:1px solid #8e8e8e;
border-bottom:1px solid #8e8e8e;
background-color:#1c4587;

}

#nav ul {
position: absolute;
left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;

}

#nav a {
display: block;
margin: 2px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

ul a{
font-weight: bold;
color: #fff;
cursor: default;
}

ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #CCC;
cursor: pointer;
}

ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFF;
cursor: pointer;
}



ul ul li{
top:15px;
background-color: #343535;
border-left: 0;
}


* html ul li, * html ul ul li{
border-bottom: 3px solid #FFF;
}

* html ul ul li{
border-top: 0;
}

.thumbnail{
position: relative;
z-index: 3;
top: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 4;
top: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
top: 0;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;

left: -300px; /*position where enlarged image should offset horizontally */

}
