/* Document Information -----------------------------------------------------------------------------------------------------------------

Title			: main.css
Author		: René van Wingerden
Email			: info@eyeinteractive.nl

Company	: Eye Interactive
Website		: www.eyeinteractive.nl

Modification Log:

Name		Date					Description
=========================================================================================
RWI			18-11-2008		Ontwikkeld

------------------------------------------------------------------------------------------------------------------------------------------- */

/* STANDARD */
	body {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #006;
		background: transparent  url(../images/back_body.png) left top scroll repeat-x;
		}
	img {
		border: 0px;
		}
	form {
		margin: 0 0 0 0;
		}
	hr {
		border: none 0;
		border-top: 1px solid #FFF;
		width: 100%;
		height: 1px;
		}
	p {
		margin: 0 0 12px 0;
		}


/* PAGINA-opmaak */
	#container {
		margin: 0 auto;
		padding: 0 0 0 0;
		width: 1000px;
		background: transparent url(../images/back_container.png) left top scroll no-repeat;
		}


/* HEADER */
	#containerhead {
		margin: 0 auto;
		padding: 35px 0 0 0;
		height: 20px;
		line-height: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 1.1em;
		}
	#containerhead_adres {
		float: left;
		padding-left: 5px;
		}
	#containerhead_admin {
		float: right;
		padding-right: 230px;
		}
	#containerhead_admin a {
		color: #630;
		text-decoration: none;
		}
	#containerhead_admin a:hover, #containerhead_admin a:active {
		color: #006;
		text-decoration: underline;
		}


/* BODY */
	#containerbody {
		clear: both;
		margin: 110px auto;
		padding: 0 0 0 0;
		height: 180px;
		width: 1000px;
		font-size: 0.9em;
		overflow: visible;
		}
		head:first-child+body #containerbody {
			height: 1%;
			min-height: 180px;
			overflow: hidden;
			}
	/* top- en submenu worden hierin geplaatst */
	#kop {
		margin: 0 0 2px 0;
		width: 780px;
		font-weight: 800;
		}
		 /* FIREFOX hack */
		head:first-child+body #kop {
			margin: 0 0 7px 0;
			}
		 /* IE 7 hack; voor als dit nodig is */
		*:first-child+html #kop.verschuif {
			margin: 0 0 2px 0;
			}

	/* pagemenu, rechtermenu, content etc. worden hierin geplaatst */
	#page {
		margin: 0 auto;
		padding: 0 0 0 0;
		width: 1000px;
		}
	/* hier worden de menu-items en content ingeplaatst */
	#content {
		float: left;
		margin: 0 5px 0 0;
		padding: 0 0 0 0;
		width: 780px;
		}
	/* ivm opmaak linkerkant deze extra laag */
	#inhoud {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: justify;
		height: 200px;
		width: 780px;
		overflow: visible;
		background: transparent url(../images/menu/inhoud_back.png) left top no-repeat;
		}
		head:first-child+body #inhoud {
			height: 1%;
			min-height: 200px;
			overflow: hidden;
			}
	/* ivm opmaak rechterkant deze extra laag; gelijk margin links en rechts voor elkaar */
	#teksten {
		float: right;
		margin: 0 0 0 0;
		padding: 0 15px 0 15px;
		height: 200px;
		width: 750px;
		overflow: visible;
		background: transparent url(../images/menu/content_back.png) right top no-repeat;
		}
		head:first-child+body #teksten {
			height: 1%;
			min-height: 200px;
			overflow: hidden;
			}
	/* header voor de ingeladen content */
	.tekst_head {
		display: block;
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 1.1em;
		text-align: right;
		}
	/* vak voor de content; breedte dynamisch in pagina */
	#tekst {
		float: right;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
	/* extra vakje binnen de tekst, wanneer dit nodig is */
	#map {
		float: right;
		margin: 0 0 0 10px;
		padding: 0 0 0 0;
		width: 400px;
		height: 300px;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		border-top: 1px solid #BBB;
		border-left: 1px solid #BBB;
		background-color: #EEE;
		}

	/* hier worden alle menu-items ingeplaatst aan de rechterkant */
	#right_site {
		float: right;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 215px;
		}

	/* bij uiteenlopende meldingen te gebruiken... */
	#containerbody_mededeling {
		margin: 40px 0 0 0;
		padding: 0 0 0 10px;
		width: 600px;
		height: 150px;
		}


/* FOOTER */
	#containerfooter {
		clear: both;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		height: 28px;
		}
	#footertekst_li {
		float: left;
		padding: 1px 0 0 10px;
		}
	#footertekst_re {
		float: right;
		padding: 1px 10px 0 0;
		}
	#footertekst_re a:link, #footertekst_re a:visited, #footertekst_re a:active {
		color: #FFF;
		text-decoration:none;
		}
	#footertekst_re a:hover {
		color: #FFF;
		text-decoration: underline;
		}


/* LOSSE OPMAAK */