body {
   position: relative;
   width: 100%;   
   margin: 0px;
   padding: 0px;
   background-image:  url(../afbeeldingen/bgtrans1.gif);
   background-repeat: repeat-y;
   background-color: #FFFFFF;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 80%;
   font-style: normal;
   font-weight: normal;
   color: Black;
}
/*verwijdert overbodige scrollbalk in IE*/
*html body {
	overflow: auto;
}

#preload {
	display: none;
}

h1 {
   font-size:200%; 
   font-weight: bold; 
   text-align: center;
} 

h2 {
   font-size:165%; 
   font-weight: bold; 
   text-align: center;
} 

h3 {font-size:135%; 
   font-weight: bold; 
   text-align: center;
} 

h4 {
   font-size:115%;
   font-weight: bold; 
   text-align: center;
} 

h5 {
   font-size:105%;
   font-weight: bold; 
   text-align: left;
}

em {
	font-weight: bold;
	font-style: normal;
}

.small {
	font-size: 75%;
}

li, ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.grijs {
	color: #A3A3A3;
}

/*-------------------------------------------bovenrand*/
#top {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
    height: 180px;
    z-index: 3;
}

#logo {
   position: absolute;
   left: 112px;
   top: 11px;  
}

#fotorand {
   position: absolute;
   left:321px;
   top: 82px;
   width: 63%;
   height: 50px;
   overflow: hidden; 
   z-index: 1;  
}

img.sluier {
	width: 103px;
	height: 48px;
	border: solid #708090 1px;
}


/*--------------------------------------------------menu*/
#menu {
   position: absolute;
   top: 200px;
   left: 15px;
   width: 225px;
   height: 300px;
   margin: 0;
   padding: 0;
   color: #000;
   font-size: 11pt;
   font-weight: bold;
   line-height: 160%;
   z-index: 3;
}

#menu li, #menu ul {
	list-style: none;
	display: block;
	text-align: left;
	width: 100%;
}

#menu li a {
	color: #AEBAC8;
  	text-decoration: none;
}
.rood {
	color: #800000 !important;
}

#menu li a:hover {
	color: Black !important;
	text-decoration: none;
}

/*---------------------------------------------midden met footer*/
#midden {
   position: absolute;
   top: 195px;
   left: 240px;
   width: 65%;
   z-index: 2;
}
	
#content {
   position: relative;
   padding: 24px 30px 24px 30px;
   width: 100%;
   color: #000;
   background: #F5F5F5;	
}

#contentklein {
	position: relative;
	padding: 6% 8% 6% 8%;	
	height: 100%;
	width: 100%;
	color: #000;
	background: #F5F5F5;  
}

.aanwijzing {
	text-align: center;
	font-size: 85%;
}

.klik {
	color: #800000;;
	cursor:pointer;
	margin: 0 0 0 0;
	font-weight:bold;	
}

#gemeenten, #project {
	display:none;
}

.marginbottom {
	margin-bottom: .5em;
}

dd {
	margin-top: .5em;}

/*----------------------------------------------------Wie zijn wij*/
img.rinus {
   border: 1px solid #708090;
   width: 103px;
   height: 80px;
   float: right;
   margin: 10px 30px 30px 30px;
}

img.marjolein {
   border: 1px solid Silver;
   width: 103px;
   height: 80px;
   float: left;
   margin: 3px 30px 3px 3px;
}

li {
   list-style: disc outside;    
}

li.tweede {
   list-style: circle outside;
}

#voorstellen {
	position:absolute; 
	left:300px; 
	top: 180px; 
	width:578px; 
	z-index:1;
}

table {
	width: 100%;
	background-color: #F5F5F5;
	font-size: inherit;
}
/*voor IE*/
*html table {
	font-size: 98%;
}

td.kop {
   padding: 10px;
}

td.rinus {
   width: 48%;
   vertical-align: top;
   text-align: right;
   padding-right: 10px;
   padding-left: 23px;   
}

td.marjolein {
   width: 52%;
	vertical-align: top;
   text-align: left;
	padding-right: 23px;
   padding-left: 10px; 
}

td.samen {
   padding: 2% 23px 4% 23px;
   text-align: center;
}

#imgrinus {
	position:absolute;
	left:228px;
	top:205px; 
	z-index:7;
}

#imgmarjolein {
	position:absolute;
	left:852px;
	top:206px; 
	z-index:7;
}
/*------------------------------------eind Wie zijn wij*/

/*--------------------------------------------projecten*/
.fotoklein {
	position:relative;
	float:left;
	margin: 4px 8px 0 0;
	border: 1px solid #708090;
}

hr.projecten {
	width: 100%;
	height: 1px;
	color: #708090;
}

p.projecten {	
	border-top:1px solid #000;
	padding-top: 2%;
}

div.projectenlinks {
	float:left;
	width:48%;
	margin-right: 2%;
}

div.projectenrechts {
	float:right;
	width:48%;
	margin-left: 2%;
}

#layer0 {
	position:relative;
	float:left;
	margin: 0 20px 20px 0;
	/*padding:30px 0 0 0;*/
	width: 400px;
	height: 223px;
	border: 1px solid #708090;
	text-align: center;
}
/*voor Netscape*/
#layer1, #layer2, #layer3, #layer4, #layer5, #layer6, #layer7 {
	position:absolute;
	top:78px;
	left: 30px;
	border: 1px solid #708090;
	visibility: hidden;
}	

/*voor IE6 en Mac}*/
* html #layer1, * html #layer2, * html #layer3, * html #layer4, * html #layer5, * html #layer6, * html #layer7 {	
	top:63px;
	t\op:63px;
}

#layer1 {z-index: 10;}
#layer2 {z-index: 20;}
#layer3 {z-index: 30;}
#layer4 {z-index: 40;}
#layer5 {z-index: 50;}
#layer6 {z-index: 60;}
#layer7 {z-index: 70;}
/*--------------------------------------------eind projecten*/

/*---------------------------------------------------contact*/
table.contact {
	width: 70%;
}

.contact {
	text-align: center; 
}
/*---------------------------------------------einde contact*/

/*----------------------------------------------------footer*/
#footer {
	padding: 2% 3% 2% 5%;
	width: 100%;
	text-align: center;
	font-size: 80%;
	line-height: 110%;
	color: #800000;
}

.grijs {
	color: #666666;
}	

#footer a, #content a, #contentklein a, table a {
	color: #800000;
    font-weight: bold;
	text-decoration: none;
}

#footer a:hover, #content a:hover, #contentklein a:hover, table a:hover {
	color: Black;
	font-weight: bold;
	text-decoration: none;
	color: black;
}
/*-----------------------------------------------------------eind footer*/
/*------------------------------------------------eind midden met footer*/

.tekstje { /* tekst in gesluierde foto in de verschillende projecten*/
	border: 0px;
	position: absolute;
	left: 45px;
	top: 85px;
	z-index: 5;
	color: #708090;
}