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

	body {
		background-color: #dedede;
		background-image: url('../images/bg.jpg'); background-repeat:repeat-x;
	}
	
	.wrapper, .header, .inhoud, .cross, .content {
		width:996px; margin:0 auto;
	}
	
	.header {
		height: 120px
	}
	
	.inhoud, .cross, .inhoud {
		height: 555px; 
	}
	
	.bar { 
		height: 60px;
	}
	
	.logo, .wishlist, .softarchitecture {
		float:left;
		line-height:60px;
	}

	.logo {
		cursor:pointer;
		margin-left:50px; 
		width:220px;
		background-image:url('../images/logo_flos.jpg'); 
		background-repeat:no-repeat;
		background-position:-2px 10px;
	}
	
	.wishlist {
		width:482px;
	}
	
	.softarchitecture {
		width:220px;
		background-image:url('../images/logo_softarchitecture.png'); 
		background-repeat:no-repeat;
		background-position:0px 15px;
	}

	.menu { 
		height: 60px;
	}
	
	.topmenu, .submenu { 
		height: 30px;
	}
	
	.logo_undercover {
		position: absolute; margin-left:850px;
	}

	.logo_undercover img {
		display:none;
	}

	/* ################################# HEADER - BAR ###################################### */
	
	.wishlist, .wishlist a {
		font-size:11px; letter-spacing:0.1px; color:#999999;
	}
	
	.wish {
		background-image:url('../images/wish_normal.png');
		background-repeat:no-repeat;
		background-position:bottom right;
		margin-top:10px;
		width:40px;
		height:30px;
		float:left;
		line-height:20px;
		text-align:left;
		font-weight:bold;
		margin-right:10px;
		margin-left:150px;
	}


	/* ################################# MENU ###################################### */

	.submenu {
		background-image:url('../images/bg_submenu.jpg'); background-repeat:repeat-x;
	}	
	
	.topmenu ul, .submenu ul {
		margin-left:45px;
		height:30px;
	}
	
	.submenu ul {
		/*display:none;*/
	}

	.topmenu ul li, .submenu ul li {
		float:left; margin-right:10px; line-height:30px;	
	}
	
	.topmenu ul li a, .submenu ul li a {
		color: #333333; text-decoration:none; display:block; padding:0px 5px;
	}
	
	.topmenu ul li.actief a {
		background-image:url('../images/bg_topmenu.jpg');
		background-repeat:repeat-x;
		font-weight:bold;		
	}

	.submenu ul li.actief a {
		color:#FFF;
	}
	
	a.actief { color:#666666; text-decoration:underline; }
	
	.sub_highlights, .sub_shapes, .sub_soft {
		display:none;
	}
	
	/* ################################# BG-INHOUD ###################################### */
	/* inhoud is voor background images, cross is voor kruisjes en content is voor de effectieve inhoud */
	
	.inhoud {
		background-image:url('../images/bgs/highlights_events.jpg');
	}
	
	.cross {
		background-image:url('../images/cross.png');
		position:absolute; 
		z-index: 5;
	}
	
	.kruis {
		background-image:url('../images/bg_cross.png');
		position: absolute;
		z-index:100;
		width:15px;
		height:15px;
		margin-top:23px;
		margin-left:53px;
	}
	
	.kruis_1{margin-top:0px; }
	.kruis_2{margin-top:100px; }
	.kruis_3{margin-top:199px; }
	.kruis_4{margin-top:300px; }
	.kruis_5{margin-top:398px; }
	.kruis_6{margin-top:500px; }

	.xpos_1 {margin-left:48px; }
	.xpos_2 {margin-left:225px; }
	.xpos_3 {margin-left:402px; }
	.xpos_4 {margin-left:579px; }
	.xpos_5 {margin-left:756px; }
	.xpos_6 {margin-left:933px; }

	
	/* ################################# ALGEMENE FUNCTIES ###################################### */
	
	.hide { display:none; }
	.show { display:block;}	

	.f11px, .f11px * { font-size:11px;}
	
	
	.formulier strong { font-weight:bold; }
	
	a { outline:none;}
	
	ul.downloads { padding-top:50px; margin-left:25px;}
	ul.downloads li { height:22px; line-height:22px; text-align:left; padding-left:10px; font-size:12px;}
	ul.downloads li a { color:#333333;}
	ul.downloads li strong { font-weight:bold; }	
	
	.linkshape { color:#FFF;}
	.linkshape:hover { color:#CCCCCC;}
	
	/*
	.poss { font-size:12px; padding-bottom:3px; line-height:14px; color:#666666; height:40px; width:200px; position:absolute; margin-top:190px; height:90px;}
	.poss div { float:left; width:200px;}

	.acce { color:#333333; font-size:12px; line-height:14px; float:left; width:150px; position:absolute; margin-top:250px; height:60px;}
	.light_icon { position:absolute; margin-top:250px; width:138px; margin-left:160px; text-align:right; height:70px; font-size:12px;} 
	.light_icon img { clear:both; width:85px; height:45px;}
	*/
		
	.footerul { position:absolute; top:678px; z-index:100; border:0px solid red; width:400px; margin-left:602px;}
	.footerul li { float:right; font-size:11px; padding-right:5px; color:#999999;}
	.footerul li a { color:#999999; }
		
		
	.extraiconinfo { font-size:10px; color:#FFF; font-weight: bold; clear:both; height:22px; line-height:24px; width:340px; border:0px solid red; margin-left:360px; text-align:right}	
	
	#tooltip {
		position: absolute;
		z-index: 3000;
		background-color: #333;
		padding: 5px;
		font-size:11px;
		color:#FFF;
		font-weight:bold;
	}
	#tooltip h3, #tooltip div { margin: 0; }