/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px; padding: 0px; outline-style: none; }

html, body {
	height: 100%;
}

#site-container {
    position: absolute;
    top: 0px;
		width: 100%;
    /*min-height: 100%;
    height: auto !important;*/
    height: 100%;
		color: #000;
    overflow: auto;
    background: url(http://repos.imanager.nl/transparent.gif) top left repeat;  /* For enabling scrolling with mousewheel outside #site */
}

#site {
  width: 980px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  font: 12px arial, trebuchet ms, sans-serif;
	line-height: 16px;
}

/* ------------------------------------------------------------------------- BG Container

// with resizing

#bg-container { position: absolute; left: 0px; top: 0px; z-index: -1; }
#bg-container, #bg-container table, #bg-container td { width:100%;height:100%;overflow:hidden; }
#bg-container div{ position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg-container td {  vertical-align:middle;text-align:center; margin: 0px; padding: 0px; }
#bg-container img{ min-height:50%; min-width:50%; margin:0px 0px 0px 1px; }
*/


#bg-container { position: absolute; } /* fix for scrolling with keyboard (right, bottom, spacebar) */
body, #bg-container,#bg-container table,#bg-container td{width:100%;height:100%;overflow:hidden;}
#bg-container div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg-container td{vertical-align:middle;text-align:center;}
#bg-container img{min-height:50%;min-width:50%;margin:0 auto;}


/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	width: 990px;
	height: 190px;
}

#header .logo a img {
	margin: 20px 10px 10px 48px;
	float: left;
	border: 0px solid #fff;
}

/* ------------------------------------------------------------------------- Navigation */ 

#navigation {
	margin: 10px 0px 20px 0px;
	width: 475px;
	height: 30px;
}

#navigation ul {
	margin: 0px;
	line-height: 30px;
	float: left;
	display: inline;
	list-style-type: none;
}

#navigation li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

#navigation li a:link, #navigation li a:visited {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	color: #000;
	text-decoration: none;
}

#navigation li a img {
	margin: 0px;
	float: left;
	display: inline;
	border: 0px solid #fff;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover {
	color: #000;
}

#navigation .facebook {
  padding: 0px 0px 0px 8px;
}

#navigation .facebook a img {
  border: 0px solid #fff;
  margin-right: 35px;
  float: right;
} 

/* ------------------------------------------------------------------------- Content */ 

#content {
	position: relative;
	z-index: 10;
	padding: 10px;
	width: 970px;
}

#lightbox {
	position: relative;
	z-index: 40;
	padding: 10px 0px;
	width: 658px;
}

#video {
	margin: 0px 0px 0px 0px;
	width: 640px;
	height: 360px;
	border: 1px solid #fff;
	background-color: #000;
}

#block {
	margin: 10px;
	padding: 15px 10px 10px 10px;
	width: 703px;
	font: 12px arial, verdana, sans-serif;
	background-color: #fff;
	border: 1px solid #000;
}

#block span.header {
	font-weight: bold;
	font-size: 30px;
}

#lightbox #block {
	margin: 10px 0px;
	padding: 15px 10px 10px 10px;
	width: 621px;
	font: 12px arial, verdana, sans-serif;
	background-color: #fff;
	border: 1px solid #000;
}

#lightbox #block span.header {
	font-weight: bold;
	font-size: 30px;
}

.cufon-ready {
	font-size: 80px;
}

#block span.more, #news span.more {
	font-weight: bold;
	font-size: 14px;
}

#news span.more, #news span.more {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

#news {
	margin: 0px 10px 10px 10px;
	padding: 20px 10px 10px 10px;
	width: 300px;
	min-height: 286px;
	height: auto !important;
	height: 286px;
	float: left;
	display: inline;
	color: #fff;
	background: url(pics/news_back.png) top left repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pics/news_back.png', sizingMethod='scale'); 
	border: 1px solid #fff;
}

#news span.newshead {
	font-weight: bold;
	font-size: 110px;
	height: 125px;
}

#images_home {
	width: 410px;
	margin: 0px;
	float: left;
	display: inline;
}

#images_large {
	width: 730px;
	margin: 0px 0px 0px 10px;
	float: left;
	display: inline;
}

#content #images_home ul, #content #images_large ul {
	margin: 0px;
	padding: 0px;
}

#images_home .block {
	position: relative;
	margin: 0px 4px 4px 0px;
	width: 194px;
	height: 156px;
	float: left;
	display: inline;
	cursor: pointer;
}

#images_home .block span.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 192px;
	height: 154px;
	z-index: 10;
	border: 1px solid #fff;
	background: url(pics/player_home.png) top left no-repeat;
	cursor: pointer;
}

#images_home .block span.thumb {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 193px;
	height: 154px;
	overflow: hidden;
	cursor: pointer;
}

#images_home .block span.imgwie {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	height: 155px;
	width: 191px;
	border: 1px solid #fff;
	overflow: hidden;
	cursor: pointer;
}

#images_home .block span.imgwie img { margin: 0px; }

#images_large .block {
	position: relative;
	margin: 0px 4px 4px 0px;
	width: 178px;
	height: 146px;
	float: left;
	display: inline;
	overflow: hidden;
	cursor: pointer;
}

#images_large .block span.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 176px;
	height: 144px;
	z-index: 10;
	border: 1px solid #fff;
	background: url(pics/player.png) top left no-repeat;
	cursor: pointer;
}

#images_large .block span.image {
	position: absolute;
	top: 0;
	left: 0;
	width: 176px;
	height: 144px;
	z-index: 10;
	border: 1px solid #fff;
	overflow: hidden;
	cursor: pointer;
}

#images_large .block span.image img { margin: 0px; }

#images_large .block span.thumb {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 176px;
	height: 144px;
}

#images_home .block a img, #images_large .block a img {
	margin: 0px;
	border: 0px solid #fff;
}

#wie_image {
	width: 390px;
	height: 316px;
	overflow: hidden;
	border: 1px solid #fff;
}

#content #wie_image img { margin: 0px; padding: 0px; }

h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #000; margin: 0px; float: left;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #000; margin: 0px; float: left;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #000; margin: 0px; float: left;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #000; margin: 0px; float: left;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #000; margin: 0px; float: left;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #000; margin: 0px; float: left;}

#content a:link, #content a:visited {text-decoration: none; color: #000 ;  border-bottom: 1px solid #000;}
#content a:hover { color: #000;  border-bottom: 1px solid #000; }

#content #news a:link, #content #news a:visited {text-decoration: none; color: #fff ;  border-bottom: 1px solid #fff;}
#content #news a:hover { color: #fff;  border-bottom: 1px solid #fff; }

#content span.more a:link, #content span.more a:visited {text-decoration: none; color: #000 ;  border-bottom: 0px solid #000;}
#content span.more a:hover { color: #000;  border-bottom: 0px solid #000; }

#content #news span.more a:link, #content #news span.more a:visited {text-decoration: none; color: #fff ;  border-bottom: 0px solid #fff;}
#content #news span.more a:hover { color: #fff;  border-bottom: 0px solid #fff; }

table {margin: 0px;}
td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #000;
}

#news td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #fff;
}

#content img { margin: 10px 0px; }
#content img.left {	margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

p { margin-bottom: 9px; }

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

/* ------------------------------------------------------------------------- Map */ 

#map {
	width: 390px;
	height: 316px;
	float: left;
	border: 1px solid #fff;
	overflow: hidden;
}

#map a:link, #map a:visited, #map a:hover { text-decoration: none; border-bottom: 0px solid #fff; }

input.text { margin-right: 5px; padding: 2px 3px 0px 3px; width: 170px; height: 18px; float: left; background-color: #000; border: 1px solid #fff; color: #fff;}
input.smalltext { margin-right: 5px; padding: 2px 3px 0px 3px; width: 30px; height: 18px; float: left; background-color: #000; border: 1px solid #fff; color: #fff;}
input.button { padding-bottom: 3px; width: 70px; height: 22px; background-color: #000; border: 1px solid #fff; color: #fff;}

.adp-directions { width: 580px; }

/* ------------------------------------------------------------------------- PrevNext */ 

#prevnext {
	width: 720px;
	color: #fff;
	font-weight: bold;
}

#prevnext .prev a:link, #prevnext .prev a:visited {
	float: left;
	color: #fff;
	border-bottom: 0px solid #fff;
}

#prevnext .next a:link, #prevnext .next a:visited {
	float: right;
	color: #fff;
	border-bottom: 0px solid #fff;
}


/* ------------------------------------------------------------------------- Footer */ 

#footer {
	position: relative;
	z-index: 10;
	padding-bottom: 20px;
	width: 744px;
	height: 20px;
	font: 10px arial, verdana, sans-serif;
	color: white;
	text-align: right;
}

#footer .container {
	width: 392px;
	float: right;
}

#footer a:link, #footer a:visited {
	margin: 0px;
	float: right;
	text-decoration: none;
	line-height: 20px;
	color: #000;
}

#footer a:hover { color: #000; }
#footer a img { margin: 0px; padding: 0px; border: 0px solid #fff;}

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }