/*
	Naam:	style_structure

	Functie:	Deze stylesheet bevat alleen die onderdelen die betrekking hebben
			op de structuur van de site

	Auteur:	Frans Luijben

	Gebruik:	Het gebruik van dit script voor niet commerciële doeleinden
			is toegestaan. Voor gebruik voor commerciële doeleinden eerst
			contact opnemen met de auteur: frans.luijben@wanadoo.nl

	Versie:	Datum:	Toelichting

	01 08.10 30/01/08	Nieuwbouw (CSS gesplits in logische delen)
*/

/*  Website indeling ******************************************************************************/
body, html {
	margin:				0px;
}
#frame, #menu, #header, #news1, #news2, #images, .form {
	border-style: 		solid;
	border-color:		gray;
	border-width: 		1px;
	position:			relative;
}
#frame {			 	/* 	Vak voor banner + menu + main */
	margin-left: 		auto;
	margin-right: 		auto;
	display: 			block;
	padding:            4px;
	width:				860px;
	height:				895px;
	background-color:	#FFEFD5;
}
#header {             /*	Bovenste deel van de site */
	width:              858px;
	height:             86px;
	padding:			0px 0px 0px 0px;
	background-color:	#D2D2E6;
}
#banner {             /* de banner binnen de header */
	vertical-align:		bottom; /* noodzakelijk voor IE 6.0 en lager */
}
#menu {               /* De positionering van het menu inclusief login deel */
	float:				left;
	margin-top:			4px;
	padding:            4px;
	width:				184px;
	height: 			793px; 
	text-align:			left;
	background-color:	white;
}
#menu_details {
	position:			absolute;
	top:				122px;
	left:				10px;
	z-index:			1;		/*zorgt ervoor dat het uitklap deel van het menu bovenaan ligt */
	clear: 				both;
}
/* De volgende twee vakken zijn toegevoegd om IE lager dan 6.0 te ondersteunen */
#news1and2andImages {
	text-align:			left;
	margin-left:		0px;
	margin-top:			0px;
	padding:            0px;
	width:				666px;
	height:				671px;
	float:				left;
}
#news1and2 {
	text-align:			left;
	margin-left:		0px;
	margin-top:			0px;
	padding:            0px;
	width:				478px;
	height:				625px;
	float:				left;
}
/* De bovenstaande twee vakken zijn toegevoegd om IE lager dan 6.0 te ondersteunen */
#news1, #news2, #images, .form {
	text-align:			left;
	margin-left:		4px;
	margin-top:			4px;
	padding:            4px;
	background-color:	white;	
}
#news1, #news2 {
	width : 			478px;
	height: 			320px; 
}
#images {			 /* foto's en reclames */
	float:				right;
  	width:				160px;
  	height:				654px;
}	
.iNews {             /* News items binnen vlak (met scroll bar) */
    width:              470px;
    height:             284px;
  	position:           relative;
	padding:            4px;
	margin-top:         4px;
    overflow:           auto;
}
.lichtkrant_welkomst {
	width:				660px;
    position:           relative;
	float:              left;
	margin-left:        4px;
	margin-top:         1px;
}
#panorama {	         /* Panoramafoto */
	float:              left;
	border-color:		gray;
	border-width: 		1px;
	margin-left:        4px;
	margin-top:         4px;	
}
.form {	         	 /* Formulieren en bevestigingpagina */
	width : 			652px;
	height: 			792px;
	float:				right;
	background-color:	white;
}   
.iForm {		         /* Vak voor items formulier */
   	position:           relative;
	padding:			4px;
	margin-top:         4px;
	overflow:			auto;
   	width:				644px;
   	height:             758px;
}