/* CSS Document */

body {
  background: #c7d9ed url('images/background_top.jpg') repeat-x top;
  margin: 0px;
  font-family: Comic Sans MS, sans-serif;
  font-size: 102%;
  text-align: justify;
  color: #FFF9EA;
}
#container {
	position: absolute;
	width: 958px;
	margin: 0px 50%;
	left: -479px;
	top: 0px;
}
#header {
  background: url('images/header.jpg') no-repeat;
  width: 958px;
  height: 234px;
}
#content {
  background: url('images/background_content.jpg') repeat-y;
  width: 659px;
  margin: 20px 0px 0px 189px;
  padding: 16px 30px 10px 80px;
  border: 0px #ff0000 dotted;
}
#footer {
  background: url('images/footer.jpg') no-repeat;
  width: 769px;
  height: 71px;
  margin: 0px 0px 0px 189px;
}
#menu {
  position: absolute;
  background: url('images/menu.jpg') no-repeat;
  width: 246px;
  height: 489px;
  margin: 234px 50% 0px 50%;
  left: -479px;
}

#kop {
  width: 450px;
  height:30px;
  margin: -50px 0px 0px 450px;
  padding: 0px 0px 0px 0px;
  border: 0px #FF0000 solid;

}

#blokje
{
  width: 300px;
  height:220px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color:red;
  float: left;
}



.snelcontact {
text-align:right;
position:relative;
margin-right:20px;
margin-top:-55px;
}
	

/* -------------------------------------------------------------------- Fonts */
h1 {
  margin: 0px;
  margin-left:50px;
  font-weight: bold;
  font-size: 170%;
  color:#FFFFFF;
  text-align:left;
}
h2 {
  margin: 0px;
  padding: 10px 0px 0px 20px;
  font-weight: bold;
  font-size: 120%;
  color:#DE2300;
  }
h3 {
  margin: 0px;
  padding: 10px 0px 0px 20px;
  font-weight: bold;
  font-size: 100%;
  color:#DE2300;
}
h4 {
  margin: 0px;
  margin-left:52px;
  font-weight: bold;
  font-size: 190%;
  color:#FFFFFF;
  text-align:left;
}
a:link, a:visited {
  color: #FFF9EA;
  text-decoration: underline;
}
a:hover, a:active {
  color: #FFF9EA;
  text-decoration: none;
}

#opsom {
	list-style: circle;
	font-weight:normal;
	font-style:italic;
	font-size:95%;
	 border-left: 0px solid #ffffff;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 2px 0px;
	color:#FFFDD7;
	}
#opsom  li:hover{
	list-style: circle;
	font-weight:normal;
	font-style:italic;
	font-size:95%;
	 border-left: 0px solid #ffffff;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 2px 0px;

}

.snelcontact
{	color: #FFFF00;}
/* --------------------------------------------------------------- Navigation */

ul {
  font-family: Comic Sans MS, sans-serif;
  font-size: 95%;
  font-weight: bold;
  text-align: left;
  list-style: none;
  margin: 0px 0px 0px 25px;
  padding: 0px;
 
}
li {
  padding: 2px 0px 2px;
}
ul a:link, ul a:visited {
  color: #ffffff;
  text-decoration: none;
}
ul a:hover, ul a:active {
  color: #ffffff;
  text-decoration: none;
}
li:hover, li:active {
  border-left: 3px solid #ffffff;
  padding: 2px 0px 2px 5px;
  margin: 0px 0px 0px -8px;
}

/* ------------------------------------------------------------------- Images */
img {
  border: 0px solid #ffffff;
}
img:hover, img:active {
  border: 0px dotted #ffffff;
 
 
  
}
img.right {
  float: right;
  margin: 10px 0px 10px 10px;
  padding-left:10px;
}
img.left {
  float: left;
  padding-right:10px;
  margin: 10px 10px 10px 0px;
}

#whiteborder
{	border: 1 #FFFFFF solid;

}