html { overflow-x:hidden; overflow:auto; }

body { background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; }

a { color:#d9e021; }
a:hover { color:#fff; }
h2 { color:#d9e021; font-size:36px; line-height:30px; letter-spacing:-2px; text-transform:lowercase; }
p { margin-bottom:15px; }
.futurescapecolor { color:#00A99D; }
.red { color:#C2001B; }
.blue { color:#2152B1; }
.turquoise { color:#71C9C3; }
.green { color:#3D9B58; }
.purple { color:#6A3AB0; }
.orange { color:#E94A1D; }
.pink { color:#D02077; }

/*#container { width:1000px; position:absolute; margin-left:50%; left:-500px; top:0; bottom:0; height:100; }*/

	#header { position:absolute; margin-left:50%; left:-500px; top:0; width:1000px; z-index:200; }
		h1 { position:absolute; left:202px; top:16px; /*margin-right:7px;*/ width:311px; height:31px; }
		h1 a { background:transparent url(../images/logo.jpg) top left no-repeat; width:311px; height:31px; display:block; text-indent:-1000px; /*margin:16px 5px 0 252px; margin:16px 7px 0 202px;*/  /*margin:16px 5px 0 144px;*/ /*float:left;*/ }
		
		#menu { position:absolute; left:520px; top:16px; }
		#menu li { float:left; }
		.nl #menu .kaart, .nl #menu .werken, .nl #menu .leren, .nl #menu .klanten, .nl #menu .overfutureconsult { width:105px; width:95px; height:31px; margin-left:1px; display:block; text-indent:-10000px; background-repeat:no-repeat; background-image:url(../images/menu_nl.png); }
		.en #menu .kaart, .en #menu .werken, .en #menu .leren, .en #menu .klanten, .en #menu .overfutureconsult { width:105px; width:95px; height:31px; margin-left:1px; display:block; text-indent:-10000px; background-repeat:no-repeat; background-image:url(../images/menu_en.png); }
			#menu ul ul { position:absolute; top:31px; margin-left:0; min-width:105px; min-width:95px; z-index:200; background:#333; display:none; border-top:1px solid #fff; }
				#menu ul ul li { float:none; }
				#menu ul ul li a { padding:0 3px; display:block; }
				#menu ul ul li a:hover { background-color:#d9e021; color:#333; }
		
		#menu a.kaart { background-position:0 0; }
		#menu a.kaart:hover { background-position:0 -34px; }
			#menu ul.subkaart { left:463px; left:521px; left:1px; }
		#menu a.werken { background-position:-108px 0; }
		#menu a.werken:hover { background-position:-108px -34px; }
			#menu ul.subwerken { left:571px; left:617px; left:97px; }
		#menu a.leren { background-position:-216px 0; }
		#menu a.leren:hover { background-position:-216px -34px; }
			#menu ul.subleren { left:679px; left:713px; left:193px; }
		#menu a.overfutureconsult { background-position:-432px 0; }
		#menu a.overfutureconsult:hover { background-position:-432px -34px; }
			#menu ul.suboverfutureconsult { left:787px; left:809px; left:287px; }
		#menu a.klanten { background-position:-324px 0; }
		#menu a.klanten:hover { background-position:-324px -34px; }
			#menu ul.subklanten { /*left:895px; left:905px; left:809px; min-width:191px;*/ width:287px; left:713px; left:193px; }
		
		#langswitch { position:absolute; width:200px; left:800px; top:1px; text-align:right; font-weight:bold; font-size:10px; }
			#langswitch a { color:#333; }
			#langswitch a:hover { color:#d9e021; }
		
	/*#futurescape { background-color:#fff; width:1000px; position:fixed; left:50%; margin-left:-500px; top:50px; z-index:100; bottom:145px; }*/
	#futurescape { background-color:#fff; width:1000px; position:fixed; position:absolute; top:48px; left:50%; margin-left:-500px; z-index:100; bottom:145px; }
	#futurescape-button { width:1000px; position:fixed; top:48px; left:50%; margin-left:-500px; z-index:110; bottom:145px; overflow:hidden; display:none; }
		#futurescape-button a { display:block; height:600px; text-indent:-5000px; /*background-color:#ff0000;*/ background:transparent url(../images/blank.gif) repeat scroll top left; }
	
	#bottom { position:absolute; margin-left:50%; left:-500px; bottom:0; width:1000px; /*height:145px;*/ z-index:200;  }
	
		#futurescapeinfo { background:#fff url(../images/bg.jpg) repeat-x scroll bottom left; height:45px; }
			#futurescapeinfo h2 { position:absolute; left:571px; left:521px; top:6px; width:152px; height:25px; }
			#futurescapeinfo h2 a { background:transparent url(../images/futurescape.gif) top left no-repeat; width:152px; height:25px; display:block; text-indent:-10000px; }
			#futurescapeinfo .text { position:relative; width:503px; padding:10px 0 0 0; text-align:left; left:10px; }
			#futurescapeinfo p { margin-bottom:0; }
			#futurescapeinfo a { color:#00a99d; text-decoration:underline; }
	
		#content { background-color:#333; color:#fff; height:110px; position:relative; /*overflow-y:auto; overflow-x:hidden;*/ }
			#headersubmenu { position:absolute; left:308px; top:0; width:200px; }
			#content h2 { width:200px; /*left:363px; left:313px; left:308px;*/ padding:10px 0 0 0; /*position:absolute;*/ display:block; text-align:right; }
			#content .submenu { width:200px; /*left:363px; left:313px; top:135px; top:70px;*/ padding:10px 0 0 0; /*position:absolute;*/ display:none; text-align:right; }
				#content .submenu li.current a { color:#fff; }
			#content .text { width:419px; width:343px; width:393px; left:571px; left:521px; padding:10px 86px 10px 0; /*padding:10px 0;*/ position:relative; overflow-y:auto; overflow-x:hidden; height:90px; }
				/*.text .intro, .text .more { width:393px; }*/
				div.closesection { position:absolute; right:0px; top:0px; z-index:300; }
				a.close { position:absolute; right:10px; top:10px; z-index:300; /*left:968px;*/ }
			/*#content .text img,*/ #content .text h3 { width:343px; width:393px; width:379px; margin:0 0 10px 0; color:#D9E021; text-transform:uppercase; font-weight:bold; }
			#content p {  }
			#content span.green { color:#D9E021; }
		
		img.employee { width:150px; height:138px; float:left; margin-right:6px; }
		
		.more { display:none; }
		
		#footer { /*background-color:#333;*/ color:#fff; padding:10px; font-size:10px; position:absolute; left:0; bottom:0; margin-left:50%; left:-500px; width:200px; z-index:300; }
			#footer p { margin-bottom:0; }
			
			
/*#header, #bottom, #footer { display:none; }*/
