html {

  background: #00294c url(../img/bg.gif) repeat-x top;

	font: 11px/normal Arial, Helvetica, sans-serif;

}





#wrapper {
float:left;
  background: #FFF;

  border: 9px solid #FFF;

	margin: 0px auto;

	width: 982px;
	padding-left:-10px;
	margin-left:100px;

}



#header, #main, .column {

  overflow: hidden;

}



#logo {

   /* background: url(../img/logo.png) no-repeat top left; */

	float: left;

	height: 193px;

	width: 776px;

}



#logo h1 {

  height: 100%;

  margin: 0px;

	overflow: hidden;

	padding: 0px;

}



#logo a {

  display: block;

	height: 100%;

	overflow: hidden;

	text-indent: 1000px;

}



#surftips {

  float: left;

	margin-left: 3px;

	width: 203px;

}



#surftips .bottom-link {

  padding-top: 8px;

}



#main {

  clear: both;

  padding-top: 2px;

}



#footer {

  clear: both;

  color: #FFF;

	line-height: 16px;

	padding-top: 5px;

	text-align: center;

}



.block-content {

  background: url(../img/gr-bg-content.gif) repeat-x top;

  padding: 10px;

}



.block ul {

  font: 11px/normal Arial, Helvetica, sans-serif;

  list-style: none;

	margin: 0px;

	padding: 0px;

}



.block ul li {

  margin: 0px 0px 0px 3px;

	padding: 2px 0px;

}



.block ul li.belangrijk {

  font-weight: bold;

}



.block ul li a {

  background: url(../img/list-dot.gif) no-repeat center left;

	color: #737373;

  padding-left: 14px;

	text-decoration: none;

}



.block ul li a:hover {

  text-decoration: underline;

}



.block h2 {

  background: url(../img/block-title.gif) no-repeat right top;

	color: #FFF;

	font: bold 11px/39px Arial;

	line-height: 39px;

	margin: 0px;

	padding: 0px 10px;

}



.block h2 .dot {

  background: url(../img/bl-dot.gif) no-repeat left center;

	display: block;

	float: left;

	margin: 11px 0px 0px 0px;

	*margin: 5px 0px 0px 0px;

	padding: 8px 10px;

}



.block h2 .square {

  background: url(../img/gr-square.gif) no-repeat left center;

	display: block;

	float: left;

	margin: 11px 0px 0px 0px;

	*margin: 5px 0px 0px 0px;

	padding: 8px 10px;

}



.blue h2 {

  background-color: #1BA4D4;

	background-position: right -39px;

}



.blue ul li a {

  color: #737373;

}



.green h2 {

  background-ccolor: #D1FF45;

	background-position: right -78px;

	color: #6E9300;

}



.green h2 .dot {

  background-image: url(../img/gr-dot.gif);

}



.orange h2 {

  background-color: #FF971C;

}



.orange h2 .dot {

  background-image: url(../img/or-dot.gif);

}



.orange ul li a {

  color: #FF8A00;

}



.orange .block-content {

  background-image: url(../img/or-bg-content.gif);

}



#left-col {

  float: left;

  width: 201px;

}



#center-col {

  float: left;

	width: 572px;

	margin: 0px 3px;

}



#right-col {

  float: left;

  width: 203px;

}



#nieuws .nieuws-item {

  border-top: 1px solid #ccff33;

  border-left: 1px solid #ccff33;

}



#nieuws a{

color: #737373;

text-decoration: none;

}



#nieuws a:hover{

 text-decoration: underline;

}



.block h4 {

  border-bottom: 1px solid #E8E8E8;

  color: #737373;

	font: bold 11px/33px Arial;

	margin: 0px 10px;

	padding: 0px;

}



.block p {

  color: #737373;

	line-height: 18px;

  margin: 0px;

	padding: 10px;

}



.reparatiekit {

height: 10px;

font-size:1px;

clear:both;

}



.newsnav a {

color: #737373;

text-decoration: none;

}



.newsnav a:hover {

 text-decoration: underline;

}

.code
{
	background: #F0FFC2;
	border-left: 4px solid #E2FF89;
	border-right: 4px solid #E2FF89;
	font-family: "courier new", helvetica, "times new roman", serif;
	overflow: none;
	border: 1px dotted #000;
}

#bannertje {
float:left;
margin-left:5px;
}

#banner {
position:absolute;
top:8px;
margin-left:1110px;
padding-left:0px;
z-index:30;
width:120px;
height:600px;
display:block;
float:right;
}

h3 {
	background:url(/images/h3.gif) no-repeat 10px 24px;
	line-height:23px;
	padding:24px 0 8px 44px;
	color:#2c2c2c;
	font-size:10pt;
}
div.block {
	background:url(images/block.gif);
	width:100%;
}
div.block div.top {background:url(/images/block_top.gif) no-repeat top;}
div.block div.bottom {
	background:url(/images/block_bottom.gif) no-repeat bottom;
	padding:12px 5px;
}
div.block div.gradient {
	background:url(/images/block_gradient.gif) repeat-x bottom;
	padding:6px 15px;
}

#content {
	float:left;
	width:492px;
	padding:120px 0 0 0;
}