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

Title			: main.css
Author		: René van Wingerden
Email			: r.van.wingerden@stratusbv.nl

Company	: Stratus BV
Website		: www.stratusbv.nl

Modification Log:

Name		Date					Description
=========================================================================================
RWI			17-07-2008		Ontwikkeld

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

/* STANDARD */
	body {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 14px;
		color: #222;
		background-color: #414733;
		}
	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 14px 0;
		text-align: justify;
		}


/* PAGINA-opmaak */
	#container {
		margin: 0 auto;
		padding: 0 0 0 0;
		width: 990px;
		background: transparent url(../images/header_back.png) top center no-repeat scroll;
		}
	/* HEADER */
	#containerhead {
		clear: both;
		margin: 0 auto;
		padding: 0;
		width: 980px;
		height: 191px;
		font-family: Arial, Helvetica, sans-serif;
		}
	#containerhead a {
		text-decoration: none;
		color: #FFF;
		}
	#containerhead a:hover, #containerhead a:active {
		text-decoration: none;
		color: #F90;
		}
	#containerhead_info {
		float: right;
		padding: 10px 140px 0 0;
		width: 180px;
		height: 160px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: 800;
		color: #FFF;
		text-align: left;
		}
	#containerhead_info p {
		margin: 0 0 10px 0;
		}
	#containerhead_info .adres {
		color: #CCC;
		}
	#containerhead_tussen {
		clear: both;
		margin: 0 auto;
		width: 980px;
		padding: 0 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: 800;
		color: #FFF;
		}		
	#containerhead_home {
		float: left;
		padding: 0 0 0 5px;
		height: 20px;
		line-height: 20px;
		width: 195px;
		}

	#containerhead_naam {
		float: left;
		padding: 0 0 0 10px;
		height: 20px;
		line-height: 20px;
		width: 640px;
		}
	#containerhead_datum {
		float: right;
		padding: 0 10px 0 0;
		height: 20px;
		line-height: 20px;
		width: 120px;
		text-align: right;
		}


/* BODY */
	#containerbody {
		clear: both;
		margin: 0 auto;
		padding: 0 0 0 0;
		height: 1000px;
		width: 990px;
		font-size: 0.9em;
		overflow: visible;
		background: transparent url(../images/body_back.png) top center repeat-y;
		}
	head:first-child+body #containerbody {
		height: 1%;
		min-height: 1000px;
		overflow: hidden;
		}
	#container_layout {
		margin: 0 auto;
		width: 980px;
		}
/* als er mededeling wordt gedaan... */
	#containerbody_mededeling {
		margin: 0 auto;
		padding: 0 0 0 10px;
		}
/* opmaak menu */
	#menu {
		float: left;
		margin: 0 0 0 0;
		width: 200px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: 800;
		}
	#menu ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		}
	#menu ul li {
		margin: 0 0 1px 0;
		padding: 0 0 0 0;
		display: block;
		line-height: 21px;
		text-indent: 22px;
		}
	#menu ul li.invoer {
		text-indent: 5px;
		}
	#menu ul li.rapport {
		margin: 10px 0 1px 0;
		text-indent: 5px;
		}
	#menu ul li.instructies {
		margin: 10px 0 1px 0;
		text-indent: 5px;
		}
	#menu ul li.selected {
		margin: 0 0 1px 0;
		padding: 0 0 0 0;
		display: block;
		height: 21px;
		line-height: 21px;
		text-indent: 22px;
		color: #D8EF87;
		background: #2C3B00 url(../images/bullet.gif) 0px 4px no-repeat scroll;
		}
	#menu a {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		display: block;
		height: 21px;
		line-height: 21px;
		text-indent: 22px;
		color: #D8EF87;
		background: #739413 url(../images/bullet.gif) 0px 4px no-repeat scroll;
		}
	#menu a:hover, #menu a:active {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		display: block;
		height: 21px;
		line-height: 21px;
		text-indent: 22px;
		color: #D8EF87;
		background: #2C3B00 url(../images/bullet.gif) 0px 4px no-repeat scroll;
		}

/* opmaak teksten, tabellen etc.... */
	#items {
		float: left;
		margin: 0 0 0 0;
		padding: 0 5px 5px 5px;
		width: 640px;
		font-size: 90%;
		}
	#items a {
		text-decoration: none;
		color: #630;
		font-weight: 800;
		}
	#items a:hover, #items a:active {
		text-decoration: underline;
		}

	/* voor de benaming van de pagina.... */
	.teksttitel {
		display: block;
		margin: 0 10px 0 0;
		height: 21px;
		line-height: 21px;
		text-align: right;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: 800;
		}

	/* vragenlijst opmaak.... */
	#onderwerp {
		margin: 0 10px 5px 10px;
		text-align: justify;
		}
	#onderwerp ul {
		margin: 5px 0 0 10px;
		padding: 0 0 0 0;
		list-style: none;
		}
	#onderwerp li {
		margin: 0 0 5px 0;
		padding: 0 0 0 10px;
		background-image: url(../images/list_mi.gif);
		background-repeat: no-repeat;
		background-position: 1px 7px;
		}
	 /* Firefox aanpassing(en) ivm verschillen tussen IE 6 en Firefox */
		head:first-child+body #onderwerp li {
			background: url(../images/list_mi.gif) no-repeat 1px 6px;
			}

	.onderwerp_titel {
		display: block;
		margin: 0 0 0 0;
		padding: 5px 0 0 2px;
		width: 90%;
		font-weight: 800;
		}
	.onderwerp_keuze {
		display: block;
		margin: 0 0 10px 0;
		padding: 5px 0 0 2px;
		width: 100%;
		font-weight: 800;
		}
	#onderwerp table {
		margin: 0 0 0 0;
		}
	#onderwerp thead {
		background-color: #274C6D;
		color: #CDDDEC;
		font-weight: 800;
		}

	/* loginscherm */
	#loginscherm {
		margin: 70px auto;
		width: 300px;
		}
	#loginscherm table {
		border-collapse: collapse;
		width: 100%;
		}
	#loginscherm th {
		padding: 0 5px 0 0;
		line-height: 32px;
		font-weight: normal;
		text-align: right;
		}
	#loginscherm td {
		line-height: 20px;
		}
	#loginscherm a {
		text-decoration: none;
		color: #630;
		border-bottom: 1px dotted #630;
		}
	#loginscherm a:hover, #loginscherm a:active {
		color: #06F;
		border-bottom: 1px solid #06F;
		}
	.inlog {
		width: 100px;
		height: 13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		padding: 1px 0 0 5px;
		color: #4B240D;
		background-color: #EEE;
		border: 1px solid #BBB;
	}
	.login_benaming {
		padding: 0 5px 0 0;
		text-align: right;
		width: 50%;
	}
	.login_melding {
		color: #F00;
	}

	/* bedrijfsgegevens */
	#onderwerp th.bedr_benaming {
		margin: 0 2px 2px 0;
		text-align: left;
		padding: 0 0 0 5px;
		width: 220px;
		height: 20px;
		line-height: 20px;
		border: 1px solid #274C6D;
		}
	#onderwerp th.bedr_invoer {
		margin: 0 2px 2px 0;
		padding: 0 0 0 5px;
		text-align: left;
		width: 300px;
		height: 20px;
		line-height: 20px;
		width: 100px;
		border: 1px solid #274C6D;
		}
	#onderwerp td.bedr_benaming {
		margin: 0 2px 2px 0;
		text-align: left;
		padding: 0 0 0 5px;
		width: 220px;
		height: 20px;
		line-height: 20px;
		background-color: #EEE;
		border: 1px solid #CCC;
		}
	#onderwerp td.bedr_invoer {
		margin: 0 2px 2px 0;
		text-align: left;
		padding: 0 0 0 5px;
		width: 300px;
		height: 20px;
		line-height: 20px;
		background-color: #EEE;
		border: 1px solid #CCC;
		}

	/* invoer cijfers */
	#onderwerp th.invoer_benaming {
		margin: 0 2px 2px 0;
		text-align: left;
		padding: 0 0 0 5px;
		width: 310px;
		height: 20px;
		line-height: 20px;
		border: 1px solid #274C6D;
		}
	#onderwerp th.invoer_getal {
		margin: 0 2px 2px 0;
		padding: 0 0 0 0;
		text-align: center;
		width: 100px;
		height: 20px;
		line-height: 20px;
		width: 100px;
		border: 1px solid #274C6D;
		}
	#onderwerp td.invoer_benaming {
		margin: 0 2px 2px 0;
		text-align: left;
		padding: 0 0 0 5px;
		width: 310px;
		height: 20px;
		line-height: 20px;
		background-color: #EEE;
		border: 1px solid #CCC;
		}
	#onderwerp td.invoer_benaming_vet {
		margin: 0 2px 2px 0;
		text-align: right;
		padding: 0 5px 0 0;
		width: 310px;
		height: 20px;
		line-height: 20px;
		background-color: #FFF;
		border: 1px solid #FFF;
		font-weight: 800;
		}
	#onderwerp td.invoer_getal {
		margin: 0 2px 2px 0;
		text-align: center;
		padding: 0 0 0 0;
		width: 100px;
		height: 20px;
		line-height: 20px;
		background-color: #EEE;
		border: 1px solid #CCC;
		}

	/* ontwikkeling cijfers */
	#onderwerp th.overzicht_blank {
		margin: 0 2px 2px 0;
		text-align: left;
		padding: 0 0 0 5px;
		height: 20px;
		line-height: 20px;
		color: #222;
		background-color: #FFF;
		border: 1px solid #FFF;
		}
	#onderwerp th.overzicht_benaming {
		margin: 0 2px 2px 0;
		text-align: left;
		padding: 0 0 0 5px;
		height: 20px;
		line-height: 20px;
		border: 1px solid #274C6D;
		}
	#onderwerp th.overzicht_kolom {
		margin: 0 2px 2px 0;
		padding: 0 0 0 0;
		text-align: center;
		height: 20px;
		line-height: 20px;
		border: 1px solid #274C6D;
		}
	#onderwerp td.overzicht_benaming {
		margin: 0 2px 2px 0;
		text-align: left;
		padding: 0 0 0 5px;
		width: 210px;
		height: 20px;
		line-height: 20px;
		background-color: #EEE;
		border: 1px solid #CCC;
		}
	#onderwerp td.overzicht_benaming_vet {
		margin: 0 2px 2px 0;
		text-align: right;
		padding: 0 5px 0 0;
		width: 210px;
		height: 20px;
		line-height: 20px;
		background-color: #FFF;
		border: 1px solid #FFF;
		font-weight: 800;
		}
	#onderwerp td.overzicht_kolom {
		margin: 0 2px 2px 0;
		text-align: right;
		padding: 0 5px 0 0;
		width: 55px;
		height: 20px;
		line-height: 20px;
		background-color: #EEE;
		border: 1px solid #CCC;
		}

	/* grafiekweergave */
	#grafiek {
		float: left;
		margin: 0 10px 10px 0;
		width: 250px;
		height: 220px;
		text-align: center;
		border: 1px outset #CCC;
		background-color: #FFF;
		}
	#grafiek_ontw {
		margin: 0 0 10px 0;
		text-align: center;
		border: 1px outset #CCC;
		background-color: #FFF;
		}
	.grafiek_titel {
		display: block;
		margin: 0 0 0 10px;
		padding: 5px 0 0 0;
		text-align: left;
		width: 90%;
		font-weight: 800;
		}


	/* opmaak invoervelden */
	.jaartal {
		padding: 0 0 0 3px;
		width: 60px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		text-align: left;
		color: #444;
		border: 1px solid #CCC;
		}
	.invoer_getal {
		margin: 0 0 0 0;
		padding: 0 5px 0 5px;
		width: 70px;
		height: 14px;
		line-height: 14px;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		text-align: right;
		border: 1px solid #CCC;
		}
	.invoer_tekst {
		margin: 0 0 0 0;
		padding: 0 0 0 5px;
		width: 200px;
		height: 14px;
		line-height: 14px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		border: 1px solid #CCC;
		}
	.invoer_som {
		margin: 0 0 0 0;
		padding: 0 5px 0 5px;
		width: 70px;
		height: 14px;
		line-height: 14px;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		text-align: right;
		border: 1px solid #EEE;
		background: #EEE;
		}
	.invoer_postcode {
		margin: 0 0 0 0;
		padding: 0 0 0 5px;
		width: 50px;
		height: 14px;
		line-height: 14px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		border: 1px solid #CCC;
		}
	.invoer_select {
		margin: 0 0 0 0;
		padding: 0 0 0 5px;
		width: 180px;
		line-height: 14px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		border: 1px solid #CCC;
		}

/* opmaak rechter kolom.... */
	#archief {
		float: right;
		margin: 0 0 0 0;
		width: 130px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		}
	#archief ul {
		clear: both;
		margin: 0 0 21px 0;
		padding: 0 0 0 0;
		list-style: none;
		}
	#archief ul li {
		margin: 0 0 1px 0;
		padding: 0 0 0 0;
		display: block;
		line-height: 21px;
		text-indent: 5px;
		font-weight: 800;
		color: #D8EF87;
		background-color: #739413;
		}
	#archief ul li.selected {
		margin: 0 0 1px 0;
		padding: 0 0 0 0;
		display: block;
		line-height: 21px;
		text-indent: 5px;
		font-weight: 800;
		color: #D8EF87;
		background-color: #2C3B00;
		}
	#archief ul li.kop {
		text-indent: 5px;
		color: #222;
		background-color: transparent;
		}
	#archief a {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		display: block;
		height: 21px;
		line-height: 21px;
		text-indent: 5px;
		color: #D8EF87;
		background-color: #739413;
		}
	#archief a:hover, #archief a:active {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		display: block;
		height: 21px;
		line-height: 21px;
		text-indent: 5px;
		color: #D8EF87;
		background-color: #2C3B00;
		}


/* FOOTER */
	#containerfooter {
		clear: both;
		margin: 0 auto;
		padding: 50px 0 0 0;
		width: 1000px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		height: 10px;
		line-height: 28px;
		color: #F90;
		background: transparent url(../images/footer_back.png) top center no-repeat scroll;
		}
	#containerfooter a {
		text-decoration: none;
		color: #F90;
		border-bottom: 1px dotted #F90;
		}
	#containerfooter a:hover, #containerfooter a:active {
		color: #FFF;
		border-bottom: 1px solid #FFF;
		}
	#footer_layout {
		margin: 0 auto;
		width: 980px;
		}
	#containerfooter_rechts {
		float: right;
		margin: 0 0 0 0;
		padding: 0 5px 0 0;
		}


/* losse opmaak */
	.submit {
		margin: 10px 0 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: 800;
		color: #630;
	}
	.ophalen {
		margin: 0 0 0 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: 800;
		color: #630;
	}
	.knop {
		display: block;
		margin: 0 0 0 0;
		padding: 0 0 0 15px;
		}