/* ################################# SETTING VAN DE SITE ###################################### */
	/* enkel body + positioneringen */

	* { }

	body {
		background-color: #000;
		background-image: url('../images/bg.jpg'); background-repeat:repeat-x;
		text-align:center
	}
	
	a { color:#333333;}
	a { outline:none;}
	a.actief { color:#666666; text-decoration:underline; }
	h1 { font-size:15px; color:#999999; font-weight:bold; margin:10px 15px;}

	.wrapper, .header, .inhoud, .cross, .content {
		width:1024px; 
		margin:0 auto;
		text-align:left;
	}
	
	.header {
		margin-top:30px;
		height: 78px;
		cursor:pointer;
		background-repeat:no-repeat;
		background-position:top left;
	}
	
	.header * {
		/*border:1px solid red;*/
	}
	
	.bar { 
		height: 90px;
	}
	
	.logo {
		float:left;
		cursor:pointer;
		width:325px;
		margin:0px;
	}
	
	.logo img { 
		float:right;
		margin-top:26px;
		margin-right:40px;
	}
	
	.inhoud {
		width:1024px;
		height:690px;
		margin-top:30px;
		background-image:url('../images/bg_splash.png');
		background-repeat:no-repeat;
	}
	
	.h16 { height:17px;}
	
	.grid {
		width:984px;
		height:537px;
		margin:0px 0px 0px 17px;
	}
	
	/* ################################# MENU ###################################### */

	.menu {
		float:left;
		width:670px;
		height:60px;
		padding:0px;
	}

	.topmenu, .topmenu * { margin:0px; padding:0px; }
	.topmenu { clear:both;height:44px;position:absolute; margin-left:50px;}
	.topmenu ul { height:44px; }
	.topmenu ul li{ float:left; margin-top:10px}
	.topmenu ul li a { font-size:17px;display:block;width:175px;color:#FFF;text-indent:-8000px;background-image:url(../images/menu_lighting.png)}
	.topmenu ul li a:hover { background-position:0 -22px}

	.topmenu ul li.lighting a { background-position:0px 0px; width:115px; }
	.topmenu ul li.fireplaces a { background-position:-175px 0px; width:155px; }
	.topmenu ul li.doorframes a { background-position:-350px 0px; width:165px; }
	.topmenu ul li.nautics a { background-position:-525px 0px; width:105px; }
	.topmenu ul li.ventilation a { background-position:-525px 0px; width:155px; }

	.topmenu ul li.lightingactief a, .topmenu ul li.lighting a:hover { background-position:0px -22px; width:115px; }
	.topmenu ul li.fireplacesactief a, .topmenu ul li.fireplaces a:hover { background-position:-175px -22px; width:155px; }
	.topmenu ul li.doorframesactief a, .topmenu ul li.doorframes a:hover { background-position:-350px -22px; width:165px; }
	.topmenu ul li.nauticsactief a, .topmenu ul li.nautics a:hover { background-position:-525px -22px; width:105px;  }
	.topmenu ul li.ventilationactief a, .topmenu ul li.ventilation a:hover { background-position:-525px -22px; width:155px;  }
	
	.submenu, .submenu * { margin:0px; padding:0px; }
	.submenu { clear:both;height:22px;position:absolute; top:65px; display:none;}
	.submenu ul { height:22px; margin-left:50px; }
	.submenu ul li{ float:left; margin-top:10px; margin-right:10px;}
	.submenu ul li a { font-size:17px;display:block;width:175px;color:#FFF;text-indent:-8000px;background-image:url(../images/submenu_lighting.png)}
	.submenu ul li a:hover { background-position:0 -22px}

	.submenu ul li.softarchitecture a { background-position:0px 0px; width:117px; }
	.submenu ul li.genetic a { background-position:-175px 0px; width:60px; }
	.submenu ul li.ledsolutions a { background-position:-350px 0px; width:97px; }
	.submenu ul li.retrofit_solutions a { background-position:-525px 0px; width:120px; }

	.submenu ul li.softarchitectureactief a, .submenu ul li.softarchitecture a:hover { background-position:0px -22px; width:117px; }
	.submenu ul li.geneticactief a, .submenu ul li.genetic a:hover { background-position:-175px -22px; width:60px; }
	.submenu ul li.ledsolutionsactief a, .submenu ul li.ledsolutions a:hover { background-position:-350px -22px; width:97px; }
	.submenu ul li.retrofit_solutionsactief a, .submenu ul li.retrofit_solutions a:hover { background-position:-525px -22px; width:120px; }

	
	/* ################################# ALGEMENE FUNCTIES ###################################### */
	
	.hide { display:none; }
	.show { display:block;}	
	.f11px, .f11px * { font-size:11px;}
	.formulier strong { font-weight:bold; }
	.links, .rechts {
		float:left;
	}

	/* SCROLLINKS */	
	#scrollLinks { margin-top:12px;}
	#scrollLinks a { background-image:url('../images/scroll.png'); background-repeat:no-repeat; height:20px; width:20px; display:block; margin-top:4px;}
	#scrollLinks .mouseover_down { background-position:top right; }
	#scrollLinks .mouseover_up:hover { background-position:bottom left;}
	#scrollLinks .mouseover_down:hover { background-position:bottom right;}

	/* VARIA */
	.bekijk	{ font-size:13px; color:#999999; font-weight:bold;}
	
	/* GALLERY FOTOZONE STUFF */	
	.fotozone li { float:left; margin-right:3px;}
	.fotozone li a { display:block; width:12px; height:12px; background-image:url('../images/bol.png'); background-repeat:no-repeat;}
	.fotozone li a:hover, .fotozone li.current a { background-position:top right;}	
	.overview { position:absolute; margin-top:-30px; margin-left:30px;}
	
	.bigboxover { position:absolute; z-index:100;}
	.bigboxover2 { position:absolute; z-index:100; margin-top:241px; }	
	strong { font-weight:bold; }	

	.page_spirit { background-image:url('../images/bg_spirit.png'); }
	.page_cradle { background-image:url('../images/page_cradle.png'); }
	.page_news { background-image:url('../images/page_news.png'); }
	.page_contact { background-image:url('../images/page_contact.png'); }
	.page_ventilation, .page_lighting, .page_fireplaces, .page_doorframes, .page_nautics, .page_genetic, .page_ledsolutions, .page_retrofit_solutions { background-image:url('../images/page_lighting.jpg'); }
	
	.menu_splash { position:absolute; width:189px; height:145px; margin-left:700px; margin-top:340px;}
	.page_spirit .menu_splash { margin-top:500px; margin-left:790px;}
	.page_cradle .menu_splash { margin-top:400px; margin-left:740px;}	
	.page_contact .menu_splash { margin-top:378px; margin-left:778px;}		

/*	.page_lighting .menu_splash { margin-top:515px; margin-left:786px; height:125px; overflow:hidden;} */

	.page_lighting .menu_splash, .page_fireplaces .menu_splash, .page_doorframes .menu_splash, .page_nautics .menu_splash,  .page_genetic .menu_splash, .page_ledsolutions .menu_splash, .page_retrofit_solutions .menu_splash, .page_ventilation .menu_splash  { margin-top:515px; margin-left:786px; height:125px; overflow:hidden;}

	.linksfoto { position:absolute; margin-left:51px; width:735px; height:530px; margin-top:89px;}
	.linksfotodiv { width:735px; height:551px; background-color:#000; position:absolute; margin-top:-551px; padding:0px;}
	.rechtsmenu { position:absolute; margin-left:786px; margin-top:89px; height:426px; overflow:hidden; width:189px; }
	
	.girl { position:absolute; margin-left:420px; margin-top:280px; cursor:pointer; }
	
	.lady:hover { background-image:url('../images/lady.png'); background-position:center; background-repeat:no-repeat; }
	.lady1, .lady2, .lady3, .lady4 { position:absolute; margin-top:260px; width:170px; height:270px; cursor:pointer}
	.lady1 { margin-left:50px; background-image:url('../images/mnu-lighting.png'); background-repeat:no-repeat; background-position:center;}
	.lady2 { margin-left:275px; margin-top:240px; background-image:url('../images/mnu-fireplaces.png'); background-repeat:no-repeat; background-position:center;}
	.lady3 { margin-left:510px; margin-top:240px; background-image:url('../images/mnu-doorframes.png'); background-repeat:no-repeat; background-position:center;}
	.lady4 { margin-left:750px; background-image:url('../images/mnu-ventilation.png'); background-repeat:no-repeat; background-position:center;}
	
	.linkerkant, .rechterkant { position:absolute; width:454px; height:572px; margin-left:40px; margin-top:78px; font-family:"Courier New", Courier, monospace; font-size:12px; line-height:13px;}
	.rechterkant { margin-left:530px; }
	
	.mar20 { margin:20px; font-family:"Courier New", Courier, monospace; font-size:12px;}
	
	h2 { color:#FFF; font-family:"Georgia", Courier, monospace; text-transform:uppercase; font-weight:bold; }
	h2 { text-decoration:underline; font-style:italic; font-size:14px; margin-bottom:4px;}
	
	.mar20 input { width:100%; height:20px; line-height:20px; border:0px none; padding-left:5px; margin-bottom:4px;}
	.mar20 label { font-weight:bold; height:15px; line-height:15px; font-size:11px;}
	.mar20 form { margin:14px 0px;}
	
	.submit { background-color:transparent; padding:0px; color:#FFF; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:underline; font-style:italic;}
	.bold { color:#000000; font-weight:bold; line-height:13px;}
	
	#contact_slider { margin-top:15px;}
	#contact_slider, #contact_slider ul { overflow:hidden;	}
	#contact_slider, #contact_slider ul, #contact_slider ul li { width:400px; height:350px; }
	
	.contactbox { 
		width:50%; float:left; font-weight:bold;
		color:#000000; font-weight:bold; line-height:13px;
		margin-bottom:25px;
	}
	
	.page_contact .menu_splash { margin-left:794px; margin-top:506px;}
	
	#controls { border:0px solid red; position:absolute; }
	#controls * { font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-size:15px; text-decoration:underline; font-style:italic;}
	#controls span a { float:left; display:block; margin-right:10px;}
	
	.distribution { clear:both; margin-top:44px;}
	
	.nieuws { margin-bottom:20px;}
	.nieuws img { margin-top:15px;}
	
	.cradletext { font-family:"Courier New", Courier, monospace; font-size:12px; line-height:13px; color:#FFF; width:600px; height:450px; padding:80px 0px 0px 48px; line-height:11px;}
	
	.rechtsmenu #scrollLinks {
		position:absolute;
		z-index:1000;
		top:0px;
		left:80px;
	}
	
	.rechtsmenu .mouseover_down {
		display:block;
		position:absolute; top:380px;
		border:0px solid red;
	}
	
	.ok, .nok { font-family:"Courier New", Courier, monospace; color:#FFFFFF; font-size:16px; font-weight:bold; position:absolute; margin-left:220px;}
	
	.project { position:absolute; margin-left:100px; margin-top:400px; z-index:1000; margin-left:61px; width:600px; height:500px; margin-top:99px;}
	.project * { font-family:Georgia, "Times New Roman", Times, serif; color:#FFF;}
	
	.project_titel { font-family:16px; font-style:italic; font-weight:bold; text-decoration:none;}
	.project_text { color:#000000; font-family:"Courier New", Courier, monospace; font-size:11px; line-height:13px; font-weight:bold; height:90px;}
	.project_logo { height:400px; margin-bottom:8px; background-repeat:no-repeat; background-position: bottom left;}
	.project_link { font-weight:bold; font-size:13px; font-style:italic; text-decoration:underline; background-image:url('../images/overlay_project.png'); margin-left:-10px; padding-left:10px; width:180px; padding:10px; margin-top:-300px;}
	
	div#wn { position:relative; width:100%; height:440px; overflow:hidden;}

	.error { color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; position:absolute; margin:200px;}
	
	.scrollNews a { float:left; padding-right:2px;}
	
	.rechtsmenu ul li { margin:0px; padding:0px; height:142px;}	
	
	.uclogo { width:280px; height:80px; position:absolute; margin-left:850px;}
	.uclogo:hover { cursor:pointer;}
	
	.project_link, .project_link * { border:0px; text-decoration:none;}
	.project_link a.first { color:#000; font-size:16px; line-height:20px; text-decoration:none; text-decoration:underline; }
	.project_link a.second { color:#000; font-size:12px; line-height:14px; display:block; margin-top:4px; font-family:"Courier New", Courier, monospace; font-style:normal;}