body		
		{
		background-color: #CBDAD1;/*203, 218, 209*/
		margin-top:0px;
		}
.wrap{
		width: 970px;
		height: waarde;
		margin-left: auto;
		margin-right: auto;
		background-color: #CBDAD1;
		border: 0px solid red;	
		}
		
.intro{		
		height: 30px;
		width: 970px;
		
		position: relative;
		top: 7px;
		left: 0px;
		
		font-size: 1.7em;
		font-weight: bold;
		font-family: Geneva, Century Gothic, Arial, sans-serif;
		color: #796C80; 
		
		letter-spacing: 2px;
		border: 0px solid red;
		}
.intro a{
		text-decoration: none;
		}
.intro a:hover {
		border-bottom:1px dotted;
		}

.uitsnede{
		height: 130px;
		width: 970px;
		position: relative;
		top: 20px;
		left: 0px;
		}

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/*  HORIZONTAAL MENU */

#navigatie {
text-align: center;
margin-top: 10px;
}
/*Hieronder was het: border: 8px solid #D7E1E0; 
width: 98,5%;*/
#navigatie ul{
background-color: #A1979E;
border-top:6px solid #E0E6E3;
border-bottom:6px solid #D7E1E0;
width: 970px;
padding: 0;
margin: 0;
white-space: no-wrap;
}
/*Dit maakt het horizontaal*/
#navigatie ul li{
display: inline;
}
#navigatie ul li a{
padding-left: 1em;
padding-right: 1em;
font-size: 16px;
font-weight: bolder;
letter-spacing: 1px;
font-family: Geneva, Century Gothic, Arial, sans-serif;
text-decoration: none;
color: #FFE6BF;
}
#navigatie ul li a:hover{
color: #5F5068;
text-decoration:none;
border-bottom:1px dotted;
background-color: #FFE6BF;
}
/*Dit is om de zichtbaar te maken op welke pagina van het menu je je bevindt.
Het werkt alleen als je op desbetreffende pagina class="active" bij de link plaatst 
#navigatie ul li a.active{
font-size: 16px;
font-weight: bolder;
letter-spacing: 1px;
color: #5F5068;
font-family: Geneva, Century Gothic, Arial, sans-serif;
text-decoration:none;
border-bottom:1px dotted;
background-color: #FFE6BF;
}*/

.content{	
		width: 970px;
		position: relative;
		top: 30px;
		left: 0px;
		
		font-size: 17px;
		font-family: Geneva, Century Gothic, Arial, sans-serif;
		word-spacing: 0.01em;
		color: #5F5068; 
		list-style-image: ; 
		border: 0px solid red;
		}


/*mailto */
a.speciaal:link, a.speciaal:visited {
	font-weight: bold;
	text-decoration: none;
	color: #80817B;
}
a.speciaal:hover, a.speciaal:active {
	font-style: italic;
	color: ivory;
	font-weight: bold;
}
/*links in de content*/
a.link:link, a.link:visited {
	font-size: 16px;
	color: #776283;
	text-decoration:none;
	border-bottom:1px dotted;
}
a.link:hover, a.link:active {
	font-size: 16px;
	color: ivory;
	text-decoration: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {/* Hides from IE-mac \*/
	height: 1%;/* End hide from IE-mac */
	}
blockquote{
width: 280px;
color: #5F5068;
text-align: justify;
border: 1px dotted #796C80;
background: #E0E6E3;/*#DCE4E0vond Bram te donker*/
margin: 15px 75px 15px 75px;
padding: 5px;
font: 12px Verdana;
}
BLOCKQUOTE{
width: 330px;
color: #5F5068;
text-align: justify;
border: 1px dotted #796C80;
background: #E0E6E3;/*#DCE4E0vond Bram te donker*/
margin: 15px 75px 15px 75px;
padding: 5px;
font: 12px Verdana;
}
/*reacties*/
dl{
font: 12px Verdana #5F5068;/*met margin smaller*/
padding: 10px 30px 10px 10px;
border: 1px dotted #796C80;
background: #E0E6E3;/* 224 230 227????????*/
}

dt{
font: 12px Verdana;
font-weight: bold;
padding: 0 0 0 10px;
}

dd{
font: 13px Verdana;
line-height: 200%;
padding: 0 0 10px 20px;
} 

#plaatje {   /*mouseover tekst - plaatje */
position:absolute; 
z-index:10; 
visibility:hidden; 
}