body {
  color: #000000;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  text-align: center;
  background-color: #01ADC5;
}

#logo {
	background:url(../images/header-n.gif) no-repeat center;
	height: 180px;
	}
	
#header-m {
  clear: both;
  padding: 3px 0 0 0;
  margin: 0px 5px 0 5px;
  _margin: 0px 0px 0 0px;
}

#header {
  
  height: 180px;
 }

#content {  
  width: 100%;
  clear:both;
  padding: 0;
  margin: 0;
  line-height: 1.2em;
}

#page {
  max-width: 805px;
  min-width: 770px;
  margin: 10px auto;
  text-align: justify;
  background-color: #F6A351;
  _width: expression(document.body.clientWidth < 774 ? "770px" : (document.body.clientWidth > 990 ? "990px" : "auto" ) ); 
}


/* layout */
#tekstblok .raamwerk {
  border-right: 1px solid #01adc5;
  border-left: 1px solid #01adc5;
  border-bottom: 1px solid #01adc5;
  padding: 20px14px 20px 14px;
  margin: 0 0 0px 0;
  background: #f8a14d;
}

#tekstblokre .raamwerk {
  border-right: 1px solid #01adc5;
  border-left: 1px solid #01adc5;
  border-bottom: 1px solid #01adc5;
  padding: 20px14px 20px 14px;
  margin: 0 0 0px 0;
  background: #01adc5;
}

#tekstblokre{
  border-top: 5px solid #f8a14d;	
  margin: 0 0 0 3px;
  _margin: 0 0 0 0px;
}

#tekstblok{
  border-top: 5px solid #f8a14d;	
  margin-bottom: 3px;
}
#container {
  clear: both;
  margin: 5px 5px 10px 5px;
  _margin: 5px 5px 20px 5px;
  background-color: #fff;
}

h1{
  font-size:130%;
}

a {
  color: #cf2f14;
  text-decoration: underline;
}


/* zet de raamwerken stukje los van zijkant */
#navigatie{
	margin: 0px 5px 0px 5px;
}

/* tekstblok */
#side {
  float:left;
  width: 20%;
  height:430px;
}

/* tekstblokre */


#sidere-m{
	float: right;
	width: 20%;
	height:430px;
}

#tekstblokre h2 {
  font-size: 100%;
  margin: 0px 0 10px 0;	
  padding: 0 10px 0 10px;
}

#tekstblokre p {
  font-size: small;
  padding: 0 0px;
}

.fotolinks {
	padding-bottom: 4px;
	margin: 0 2px 4px 2px;
	height: auto;
	width: auto;
}

.fotorecht {
	padding-bottom: 4px;
	margin: 0 2px 4px 2px;
	height: auto;
	width: auto;
}

#tekstblok p {
  font-size: 75%;
  padding: 0 0px;	
}

/* blokken */

#blokken .raamwerk {
  border-right: 1px solid #b4b7ae;
  border-left: 1px solid #b4b7ae;
  border-bottom: 1px solid #b4b7ae;	
  padding: 20px 0 0px 0;
  margin: 0 0 10px 0;
}

#blokken-m {
  margin: 0 20% 0 20%;
  height: 100%;

}

.blokken{ 
  margin: 0px 10px 16px 10px;
}

.blokken ul{
	list-style-type: circle;  
}

.blokken p {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

.blokken img {
	float: left;
	margin: 0 10px 0 0;
	background-image: url(../images/gebouwb.gif);
	
}

.miblokken{
	padding: 10px 0 2px 0;
	background: url(../rounded_.gif) no-repeat;	
}

.miimage {
	float: left;
	width: 250px;
	margin-right: 5px;
}

.miimage img {
	 border: 0;
}

.mitext {
	float: left;
	width: 200px;
}

.mitext p {
	padding-right: 5px;
}

.clear { clear: both; }

.raamwerk {  
  background:#fff;
  border: 1px solid #01adc5;
  padding: 5px;
  margin-top: 10px;
  text-align: justify;
}
.raamwerk p {
  margin: 0;	
}

/* middenonder */
#middenonder-m {
  margin: 0 5px 0px 5px;
  _margin: 0 0px 0px 0px;	
  padding: 0 0 5px 0;
}

#footer{
  clear:both;
  width:100%;
}

#footer p {
  font-size: 80%;
  margin: 5px 0px;
  padding: 0;
  line-height: 20px;
}

#footer span{
  color:#dfdccc;
}
#footer a {
  text-decoration:underline;
}


#footer a:hover {
  text-decoration: none;
}

/* cleaner */

.cleaner {
  border: 0px none;
  margin: 0px;
  padding: 0px;
  float: none;
  clear: both;
  width: 0px;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  visibility: hidden;
  overflow:hidden;
}