/* EERST WAT ALGEMENE DINGEN */

html {
	margin: 0px;
	padding: 0px;
	color: #000;
	}
body {
	Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #D86033;*/
	/*background-color: #FACCA4;*/
	
	background-image: url(../../images/bg_duif_h.gif);
	background-repeat: no-repeat;
	/*background-color: #FFCC99;*/
	background-attachment: fixed;
	
	
	margin: 0px;
	padding: 0px;
	color: black;
	text-align: center;
	height: 100%;
	}
/* hack: overschakelen naar traditionele boxmodel ipv w3c boxmodel om width en height overal hetzelfde te krijgen, geen doctype in html */

div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
p, ul, li, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	}
.center {
	text-align: center;	
	}
td {
	font-size: 80%;
		}	


/* ----- HIERONDER OUTERWRAP-DIV, OMSPANT ALLE ANDERE DIVS, ZORGT VOOR VASTE BREEDTE VAN 770PX EN CENTREREN */

#outerwrap {
	width: 550px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border: none;
	height: auto;
	position: absolute;
	top: 10px;
	background-color: transparent;
	left: 10px;

	}
/* ----- HIERONDER TOP-DIV, */	
/*extra toevoeging voor database ivm posittie */

#database {
	width: 400px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border: none;
	height: auto;
	position: absolute;
	top: 10px;
	background-color: transparent;
	left: 10px;

	}
/* even corrigeren tov de normale conten */
#datacontent
{
	position: relative;
	
	left:1px;
	border: none;
	padding: 10px 10px 0px 10px;
	color: #000;
	/*background-image:  url(../graphics/leenders.jpg);*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	width: 100%;
	height: 600px;
	/*border: 1px solid #B28359;*/
	z-index: 5;
	}












#top {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	color: #000;
	background-image:  url(../../graphics/logo_kleur100.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 100%;
	height: 100px;
	/*border: 1px solid #8E6643;*/
	z-index: 6;
	}
	
/* ----- HIERONDER content DIV, */	
#content {
	position: absolute;
	top: 10px;
	left: 5px;
	border: none;
	padding: 10px 10px 0px 10px;
	color: #000;
	/*background-image:  url(../graphics/leenders.jpg);*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	width: 100%;
	height: 600px;
	/*border: 1px solid #B28359;*/
	z-index: 5;
	}
#content p {
font-size: 80%;	
padding: 0px 0px 10px 0px;
	}
#content h1 {
font-size: 120%;
padding: 10px 0px 10px 0px;	
	}	
#content h4 {
padding: 10px 0px 10px 0px;	
	}	
#content h6 {
font-size: 80%;	
font-style: italic; 
padding: 10px 0px 0px 0px;	
	}		

/* zie ook ul declaratie in "algemene dingen" */
#content ul{
	font-size: 80%;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px 12px 0px 16px; 
	}		
#content li{
	margin: 0px 0px 0px 0px; 
	}		
#content ul.arrow{
	font-size: 80%;
	list-style: url(../images/pagelayout/pijltje.gif );
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px 12px 0px 16px; 
	}		
#content ul.arrow-back{
	font-size: 80%;
	list-style: url(../images/pagelayout/pijltje-terug.gif );
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px 12px 0px 16px; 
	}	

#content img {
	clear: both;
	float: right;
	margin: 0px 0px 0px 12px;
	}	
#content img.left {
	float: left;
	margin: 8px 12px 8px 0px;
	}
#content img.banner {
	clear: both;
	float: right;
	margin: 0px 30px 15px 12px;
	border: 1px solid #999;
	}			

#content input.formtwee, #content textarea.formtwee {
	width: 100%;
	font-family: arial,verdana,helvetica,lucida,adobe-helvetica,sans-serif;
	color: #000;
	font-size: 100%;	
	border: 1px solid #AF9B87;
	}	
#content img.button {
	border: none;
	float: none;
	margin: 6px 4px 0 0;
	}	

	
	
	
#footer {
	background-color: #EA4C06;
	top: 6px;
	width: 100%; 
	border: none;
	height: 20px;
	position: relative;
	border: 1px solid #8E6643;
	}

#adres {
	position: absolute;
	top: 10px;
	left: 500px;
	width: 300px; 
	height: 85px;
	border: none;
	text-align: left;
	text-color: black;
	z-index: 10;
	}
#adres p {
font-size: 60%;
color: #000000;	
	}	
	


/* HIERONDER ALLES UIT DE MENU DIV */
/* gebaseerd op css van http://www.r2communications.com/index/home en http://www.alistapart.com/articles/taminglists/ */

#menu {
	position: relative;
	color: #fff;
	background-image:  url(../../graphics/link-balk.jpg);
	background-color: transparent;
	font: bold 11px georgia, serif;
	border: 1px solid #8E6643;
	margin: 3px 0px 1px 0px;
	padding: 0px;
	width: 100%;
	text-align: center; 
	}	
	
#menu a {
	color: #ffffff;	
	background: transparent;
	margin: 0px 5px;
	padding: 0px 10px;
	text-decoration: none; 
	}
	
#menu a:hover {
	color: #ffffff;
	background: #7C0101; 
	}	
	
#menu li {
	display: inline; 
	}		
	
table.login	{
	background: #ccc;
	width: 400px;
	margin: 0;
	padding: 8px;
	border: 1px solid #8E6643;
	}	
table.login td	{
	
	padding: 4px 4px 0 8px;
	}
table.login td.button	{
	
	padding: 8px 4px 4px 8px;
	}