/*	CSS-p styles voor Lighthouse website S.Sanders 5/2008	*/

#container{
	/* referentie maken voor positie logo	*/
	position: relative;
	width: 710px;
	height: 570px;
	/* centreren:	*/
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}
#bannerPic{
	float:right;
}
#banner{
	float: left;
	width: 710px;
	height:176px;
	clear: both;
	z-index:1;
	background-color:#000;
}
#logo{
	position:absolute;
	left:0px;
	top:0px;
}
#menuBoven{
	position: relative; /* referentie voor hoekje rechts	*/
	float: left;
	width:710px;
	z-index:1;
	clear:both;
	height: 22px;
}
/* de submenu's, komen op dezelfde plaats, dus abs. pos.	*/
#submenu_cursussen, #submenu_over_lighthouse, #submenu_prikbord, #submenu_links{
	position:absolute;
	left:0px;
	top: 22px;
	height: 22px;
	text-align: right;
	visibility:visible; /* in eerste instantie onzichtbaar	*/
}
#submenu_over_lighthouse{
	width: 450px;
}
/* einde submenu's	*/

/* Content met daarbinnen de 3 kolommen	*/
#content{
	float: left;
	left: 0px;
	width:710px;
	height: 490px; /* was: 342px;*/
	clear:both;
	overflow: auto; /* alleen scrollbalk indien nodig	*/
}
#firstline{
	/* witrand onder bovenste menu	*/
	background-color:#fff;
	clear:both;
	height:38px;
}
.newsColumn, .readMore{
	/* de drie tekstkolommen	*/
	float:left;
	width:221px;
	margin-left:7px;
	background-color:inherit;
	text-align:justify;
}
.columnDouble{
	/* breedte van 2 kolommen	*/
	float:left;
	width:415px;	/*	was 421, smaller gemaakt ivm IE6 weergave!	*/
	padding-left:21px;
	padding-right:21px;
	background-color:#FFF;
	text-align:justify;
}
.readMoreLine{
	/* "Lees meer" alle 3 op een regel uitlijnen	*/
	clear: both;
}
.readMore{
	text-align:right;
}
#lastline{
	/* witrand boven onderste menu	*/
	clear: both;
	height: 20px;
}
/* menu beneden	*/
#menuOnder{
	position:relative; /* referentie voor hoekje links	*/
	float: left;
	left: 0px;
	width:710px;
	height:22px;
	z-index:1;
	clear:both;
}
#subPageLeftColumn{
	/* foto gelijk zetten met paragraaf, niet met h1 kop	*/
	top: 30px; /* lineheight h1 = 20px	*/
}