/* <style>*/
/*
'/css/layout.css'

Vormgeving en positie bepaling van de layout

gemaakt:	29-06-2012 | matthijs
gewijzigd:	31-01-2016 | matthijs
*/

@media screen {

	body, html {
		height: 100%;
		padding: 0px;
		margin: 0px;
		overflow: auto;
	}

	/*
	body, a, div, span, td, input, button, select, textarea {
		font-family: verdana, arial, helvetica;
		font-size: 11px;
	}
	*/

	#container {
		z-index: 1;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;

		background-color: lightyellow;
	}

	#menu {
		z-index: 3;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 180px;
		height: 100%;
		
		background-color: #9e63b0;
	}

	.submenu {
		background-color: white;
		margin-bottom: 20px;
		border: 1px solid #EFEFEF;
		padding: 4px;
	}

	#menuContainer {
		margin-top: 170px;
		margin-left: 10px;
	}

	#header {
		z-index: 4;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 150px;
		
		background-image: url('../img/bgs/bg_top.jpg');
		background-repeat: no-repeat;
		background-color: #009900;
		background-size: 100% 100%;
	}



	#body {
		z-index: 2;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		
		background-color: #FDF9E8;
	}

	#bodyContainer {
		margin-left: 210px;
		margin-top: 180px;
		margin-bottom: 20px;
	}

	/* HEADER */
	#headerLogo {
		position: absolute;
		left: 8px;
		top: 8px;
		width: 392px;
		height: 112px;
	}

	#headerImages {
		position: absolute;
		left: 408px;
		top: 8px;
		width: 500px;
		height: 112px;
		/* border: 1px solid red; */
	}

	#headerAddress {
		position: absolute;
		right: 8px;
		top: 20px;
		width: 130px;
		height: 100px;
		font-size: 11px;
		color: white;
		
		/* border: 1px solid red; */
	}

	#headerSlogan {
		position: absolute;
		right: 8px;
		bottom: 2px;
		width: 800px;
		height: 20px;
		
		font-size: 14px;
		font-weight: bold;
		text-align: right;
		/* border: 1px solid red; */
	}

	/* /HEADER */

}
/* </style>*/