/*

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 {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#backgroundmovie {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	min-height: 100%;
	height: 100% !important;
	height: 100%;
	width: 100%;
    /*background-color: #000000;*/
	background-color: transparent;
}

#res {
	margin: 10px;
	padding: 12px 0px;
	width: 110px;
	height: 16px;
	text-align: center;
	background: #000;
	filter: alpha(opacity=50);
	opacity: .5;
}


#res a:link, #res a:visited { 
	padding: 0px 0px 0px 10px; 
	font: 11px Helvetica, arial, verdana, sans-serif; 
	color: #d5d5d5; 
	text-decoration: none; 
	background: url(pics/bg_a_moviecontrol.png) 0px 4px no-repeat;
}


#spacer { width: 1px; height: 50%; margin-bottom: -300px; /* float: left */ }

#site {
	position: relative;
	top: 0px;
	margin: 0px auto;
	padding: 0px 0px;
	width: 990px;
	height: 600px;
	clear:left;
	overflow: visible;
	font: 12px Helvetica, arial, verdana, sans-serif; 
	line-height: 18px;
	text-align: left;
	color: #ffffff;
}

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

#print_header {
	display: none;
}

#logo {
	position: absolute;
	top: 300px;
	left: 270px;
}

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

#navigation ul {
	margin: 10px 0px 10px 15px;
	list-style-type: none;
}

#navigation li {
	position: relative;
	padding: 0px 0px;
	width: 105px;
	height: 105px;
	float: left;
	font: 14px Helvetica, arial, verdana, sans-serif; 

	text-align: left;
	color: #ffffff;
	cursor: pointer;
	z-index: 25;
}

#navigation li.group 	 			{ position: absolute; top: -600px; 	left: 55px;  z-index: 5; }
#navigation li.operations 	{ position: absolute; top: -1231px; left: 213px; z-index: 5; }
#navigation li.investments 	{ position: absolute; top: -931px; 	left: 368px; z-index: 5; }
#navigation li.concepts 		{ position: absolute; top: -931px; 	left: 526px; z-index: 5; }
#navigation li.interested 	{ position: absolute; top: -1431px; left: 684px; z-index: 5; }
#navigation li.contact 	 		{ position: absolute; top: -731px; 	left: 842px; z-index: 5; }

#navigation li span.mouseover { 
	position: absolute; 
	width: 105px; 
	height: 105px; 
	display: block; 
	top: 0px; 
	left: 0px; 
	z-index: 10; 
	background: url(http://repos.imanager.nl/transparent.gif) top left repeat; 
}

#navigation li span.item { position: absolute; width: 106px; top: 0px; left: 0px; z-index:  -1; }
#navigation li img.bg 	 { position: absolute; width: 105px; height: 105px; display: block; left: 0px; z-index: -1; }
#navigation li img.logo 	 {  position: absolute; width: 205px; height: 205px; display: block; left: 0px; z-index: -1; }

#navigation li span.single_line { position: absolute; top: 42px; left: 0px; width: 106px; text-align: center;   }
#navigation li span.double_line { position: absolute; padding: 0px 15px; top: 35px; left: 0px; width: 106px; text-align: left;  }
#navigation li span.triple_line { position: absolute; top: 0px; left: 0px; width: 106px; text-align: left; font-size: 26px; }

#navigation li.current 					 { font-size: 20px; z-index: 40; }
#navigation li.current img.bg	 	 { width: 205px; height: 205px; top: -50px; left: -50px; }
#navigation li.current img.logo	 	 { width: 205px; height: 205px; top: -50px; left: -50px; }
#navigation li.current span.mouseover { width: 205px; height: 205px; top: -50px; left: -50px; }

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

#content .tekst {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 228px;
}

#content .ScrollDiv {
	position: absolute;
	margin: 50px 0px 0px 50px;
	left: 0px;
  width: 228px;
  height: 230px;
  overflow: hidden;
}

#content .tekstvak {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 335px;
	height: 335px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	display: none;
	color: #fff;
	overflow: visible;
}

#content .tekstvak span.BgTekstvak { position: absolute; top: 0px; left: 0px; width: 335px; height: 335px; display: block; background: url(pics/back-tekst.png) center center no-repeat; }

#content .tekstvak .sub_single  { width: 105px; height: 21px; overflow: hidden; padding: 42px 0px; font: 12px Helvetica, arial, verdana, sans-serif; }
#content .tekstvak .sub_double  { width: 75px; height: 33px; overflow: hidden; padding: 36px 15px; font: 12px Helvetica, arial, verdana, sans-serif; text-align: left; }
#content .tekstvak .sub1 { position: absolute; top: 0px; left: 326px; display: none; cursor: pointer; background: url(pics/bg-sub.png) top left no-repeat; } 
#content .tekstvak .sub2 { position: absolute; top: 0px; left: 437px; display: none; cursor: pointer; background: url(pics/bg-sub.png) top left no-repeat; } 
#content .tekstvak .sub3 { position: absolute; top: 0px; left: 548px; display: none; cursor: pointer; background: url(pics/bg-sub.png) top left no-repeat; } 
#content .tekstvak .sub4 { position: absolute; top: 0px; left: 659px; display: none; cursor: pointer; background: url(pics/bg-sub.png) top left no-repeat; } 
#content .tekstvak .sub5 { position: absolute; top: 0px; left: 770px; display: none; cursor: pointer; background: url(pics/bg-sub.png) top left no-repeat; } 

#content .tekstvak .sub_double.sub5 { height: 45px; overflow: hidden; padding: 30px 15px; text-align: center; }

#content .scrollControl {
	position: absolute; 
	left: 45px;
	width: 50px;
	height: 50px;
	text-align: center;
}

#content .scrollControl span.bg { position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; display: block; background: url(pics/bg_scrollcontrol.png) top left no-repeat; }
#content .scrollControl img { position: absolute; left: 15px; cursor: pointer; z-index: -1; }
#content .scrollControl img.scrollup { top: 0px; z-index: 10; }
#content .scrollControl img.scrolldown { bottom: 0px; z-index: 10; }

#content #RSSFeed.tekstvak {
	left: auto;
	right: 0px;	
	font-size: 13px;
}

#content #RSSFeed.tekstvak span.date { font-size: 12px; }

#content h1, td h1 {font: 19px Helvetica, arial, verdana, sans-serif; font-weight: bold; color: #ffffff; margin-bottom: 7px;}
#content h2, td h2 {font: 17px Helvetica, arial, verdana, sans-serif; font-weight: bold; color: #ffffff; margin-bottom: 7px;}
#content h3, td h3 {font: 15px Helvetica, arial, verdana, sans-serif; font-weight: bold; color: #ffffff; margin-bottom: 7px;}
#content h4, td h4 {font: 14px Helvetica, arial, verdana, sans-serif; font-weight: bold; color: #ffffff; margin-bottom: 7px;}
#content h5, td h5 {font: 13px Helvetica, arial, verdana, sans-serif; font-weight: bold; color: #ffffff; margin-bottom: 7px;}
#content h6, td h6 {font: 12px Helvetica, arial, verdana, sans-serif; font-weight: bold; color: #ffffff; margin-bottom: 7px;}

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

table {margin: 5px 0px;}
td {
	font: 12px Helvetica, 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;}

#content .input-description {
	width: 100px;
	height: 24px;
	float: left;
	font-weight: normal;
	line-height: 24px;
}

#content input {
	width: 120px;
	float: left;
}

#content input.button {
	width: 80px;
	float: left;
}

#content input.radio {
	width: 18px;
	float: none;
}

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

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