﻿body {
	margin: 0;
	padding: 0;
/*	background-color: #FACBA8;*/
	background-color:#102a4d;
}

img {
	border: none;
	behavior: url(iepngfix.htc); 
	border: 0px;
}

#dwzGoogleMap_0 img 
{
	behavior: none;
}

a:focus {
	outline:none;
}
form {
	margin: 0;
	padding: 0;
}

#main {
	width: 786px;
	float: left;	
	margin-left: -393px;
  	left: 50%;
  	position:relative;
}

#header {
	width: 787px;
	height: 107px;
	float: left;
	position: relative;
	overflow: hidden;
	border-right: 1px solid white;
}
.logo {
	float: left;
	background: url(../images/logo.gif) no-repeat;
	width: 196px;
	height: 107px;
	text-indent: -9999px;
	overflow: hidden;
}

.top-menu-column-1,
.top-menu-column-2,
.top-menu-column-3,
.top-menu-column-4 {
	float: left;
	background: url(../images/nav-col-1.gif) no-repeat;
	width: 147px;
	height: 107px;
}
.top-menu-column-2 {
	background: url(../images/nav-col-2.gif) no-repeat;
	width: 148px;
}
.top-menu-column-3 {
	background: url(../images/nav-col-3.gif) no-repeat;
}
.top-menu-column-4 {
	background: url(../images/nav-col-4.gif) no-repeat;
	width: 148px;
}
.top-menu-column-1 ul,
.top-menu-column-2 ul,
.top-menu-column-3 ul,
.top-menu-column-4 ul {
	margin: 0;
	padding: 1px 0 0 8px;
	font: 13px/18px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	float: left;
	font-weight:normal;
}
.top-menu-column-1 ul li,
.top-menu-column-2 ul li,
.top-menu-column-3 ul li,
.top-menu-column-4 ul li {
	list-style: none;
	padding: 0 0 9px;
		list-style:none !important;
	list-style-type: none !important;
}
.top-menu-column-1 ul li a,
.top-menu-column-2 ul li a,
.top-menu-column-3 ul li a,
.top-menu-column-4 ul li a {
	text-decoration: none;
}
.top-menu-column-1 ul li.item-1 a {
	color: #e6e6e6; 
}
.top-menu-column-1 ul li.item-2 a {
	color: #97bca5;
}
.top-menu-column-1 ul li.item-3 a {
	color: #80a39f;
}
.top-menu-column-1 ul li.item-4 a {
	color: #788d9c;
}
.top-menu-column-2 ul li.item-1 a {
	color: #e6e6e6;
}
.top-menu-column-2 ul li.item-2 a {
	color: #c2849a;
}
.top-menu-column-2 ul li.item-3 a {
	color: #a6839e;
}
.top-menu-column-2 ul li.item-4 a {
	color: #88849b;
}
.top-menu-column-4 ul li.item-1 a {
	color: #e6e6e6;
}
.top-menu-column-4 ul li.item-2 a {
	color: #c7a795;
}
.top-menu-column-4 ul li.item-3 a {
	color: #a59795;
}
.top-menu-column-4 ul li.item-4 a {
	color: #7c8194;
}
.top-menu-column-3 ul li a {
	color: #e6e6e6;
}
.top-menu-column-1 ul li a:hover,
.top-menu-column-2 ul li a:hover,
.top-menu-column-3 ul li a:hover,
.top-menu-column-4 ul li a:hover {
	text-decoration: none;
	color:white;
}

.top-menu-column-1 ul li a:active,
.top-menu-column-2 ul li a:active,
.top-menu-column-3 ul li a:active,
.top-menu-column-4 ul li a:active {
	text-decoration: none;
	color:white;
}
.container {
	float: left;  
	width: 786px;
	background: url(../images/container-bg.gif) repeat-y;
	padding: 0 0 35px;
	position: relative;
	z-index: 1;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}
.col-1 {
	float: left;
	width: 197px;
	padding: 0 0 150px;
}
.left-nav {
/*	background: url(../images/wiemenu.jpg) no-repeat;*/
	min-height: 133px;
	width: 197px;
	float: left;
}

* html .left-nav {
	height: 133px;
}
.left-nav ul {
	margin: 0;
	padding: 0;
	float: left;
	padding: 2px 0 0 7px;
	font: bold 13px/18px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
}
.left-nav ul li {
	list-style: none;
	padding: 0 0 9px;
}
.left-nav ul li a {
	text-decoration: none;
}
.left-nav ul li a:hover {
	text-decoration: none;
}
.left-nav ul li.item-1 a {
/*	color: #98c29b;*/
color: #e6e6e6;
}
.left-nav ul li.item-2 a {
/*	color: #97bca5;*/
color: #e6e6e6;
}
.left-nav ul li.item-3 a {
/*	color: #80a39f;*/
color: #e6e6e6;
}
.left-nav ul li.item-4 a {
/*	color: #788d9c;*/
color: #e6e6e6;
}
.contentwie {
	float: left;
	width: 589px;
	background: url(../images/content-bg-wie.gif) no-repeat 108px 52px;
	min-height: 440px;
/*	height: 440px;*/
}
.contentwat {
	float: left;
	width: 589px;
	background: url(../images/content-bg-wat.gif) no-repeat 108px 52px;
	min-height: 440px;
/*	height: 440px;*/
}
.contentwaar {
	float: left;
	width: 589px;
	background: url(../images/content-bg-waar.gif) no-repeat 108px 52px;
	min-height: 440px;
/*	height: 440px;*/
}
.contenthoe {
	float: left;
	width: 589px;
	background: url(../images/content-bg-hoe.gif) no-repeat 108px 52px;
	min-height: 440px;
/*	height: 440px;*/
}
* html .content {
	height: 440px;
}


.wie {
	float: right;
/*	background: url(../images/pink-heart.gif) no-repeat;
	background-position:right;*/
	width: 575px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	clear:right;
	text-align:right;
}

.wat {
	float: right;
/*	background: url(../images/pink-heart.gif) no-repeat;
	background-position:right;*/
	width: 575px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	clear:right;
}
.waar {
	float: right;
/*	background: url(../images/pink-heart.gif) no-repeat;
	background-position:right;*/
	width: 575px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	clear:right;
}
.hoe {
	float: right;
/*	background: url(../images/pink-heart.gif) no-repeat;
	background-position:right;*/
	width: 575px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	clear:right;
}


.Inschrijfbutton {
padding: 4px 49px 0 30px;
display: inline-block;
float:right;
width: 217px;
height: 23px;
background: url(../images/pink-heart.gif) no-repeat;
background-position:right top;
background-color: #0074A3;
text-align:right;
vertical-align:middle;
font-family: arial, verdana, sans-serif;
	color:#fff;
	font-size: 11px;
}

/*voor msie 7*/
*+html .Inschrijfbutton a {
   margin-top: 2px;
}

#Inschrijfbutton  { 
   *min-width: 296px    !important; /* IE 7 (IE6 also uses this, so put it first) */ 
   *width: 296px    !important; /* IE 7 (IE6 also uses this, so put it first) */ 
   *padding-left: 79px    !important; /* IE 7 (IE6 also uses this, so put it first) */ 
   _width: 296px    !important; /* IE 6 */
   _min-width: 296px    !important; /* IE 6 */ 
   _padding-left: 79px   !important;
    width: 296px\0/ !important; /* IE 8-9 */     
	padding-left: 79px\0/ !important; /* IE 8-9 */ 
	border: 1px solid black\0/ !important; /* IE 8-9 */ 
} 


.Inschrijfbutton a {
/*	font-family: arial, verdana, sans-serif;
	color:#fff;
	font-size: 11px;  */  
color:white;
text-decoration:none;
width: 215px;
display:block;

}

.content p {
	color: #e6e6e6;
	line-height: 18px;
}
.content p a {
	color: #fff;
}
.content-col-1 {
	float: left;
	width: 550px;
	margin: 15px 0 0 15px;
	padding: 0 0 70px 16px; /* changed bottom padding to 70 from 0 By Helios solutions team. Reason - in Firefox content was going under and ahead of footer */
	line-height: 18px;
	font: 11px/15px Verdana, Arial, sans-serif;
	color: #ffffff;
}

/*
	Added 07-14-2008 - changes By Helios Solutions Team
*/

* html .content-col-1 {
	margin: 10px 0 0 10px;	
	padding: 0 0 0 16px;
}

/*
	End Of 07-14-2008 - changes By Helios Solutions Team
*/

.content-col-1 td {
padding-right: 18px;
}
.content-col-1 h1 {
margin-left:  30px;
}

.content-col-2 {
	float: left;
	width: 210px;
	margin: 20px 0 0;
	padding: 0 0 0 28px;
}
.content-col-1 h1 {
	margin: 0;
	padding: 0 0 1px 0px;
	color: #fff;
	font: bold 12px Verdana, Arial, sans-serif;
}
.content-col-1 h2 {
	font: bold 12px Verdana, Arial, helvetica, sans-serif;  color: #DCBB0C;
}

.content-col-1 h3 {
font-family: Verdana, Arial, helvetica, sans-serif;  font-size: 11px;  font-weight: bold;  color: #0294E7;
}

.content-col-1 h4 {
font-family: Verdana, Arial, helvetica, sans-serif;  font-size: 11px;  font-weight: bold;  color: #0294E7; margin-bottom: 2px;
}

.content-col-1 h5 {
font-family: Verdana, Arial, helvetica, sans-serif;  font-size: 11px;  font-weight: bold;  color: #DCBB0C; margin-bottom: 2px; 
}
.content-col-1 p,
.content-col-2 p {
	margin: 0;
	padding: 0 15px 15px 0;
	font: 11px/15px Verdana, Arial, sans-serif;
	color: #ffffff;
}

.content-col-1 a:link,
.content-col-1 a:active,
.content-col-1 a:visited,
.content-col-1 a:hover
{
text-decoration:none;
color: #DCBB0C;
}

.content-col-1 a:hover{
color:white;
}

.content-col-1 .bottom-box {
	padding: 30px 0 0;
}
.content-col-1 .bottom-box p {
	font-size: 12px;
	padding-right: 0;
}
.content-col-2 .bottom-box {
	padding: 15px 0 0;
}
.print {
	float: left;
	width: 100%;
	padding: 0 0 16px;
}
.print a {
	float: right;
	background: url(../images/ico-print.gif) no-repeat;
	width: 66px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 5px 16px 0 0;
	display: inline;
}
.footer {
/*	background: url(../images/footer-bg.gif) no-repeat;*/
	width: 590px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	margin: -35px 0 0;
	position:absolute;
	z-index: 1;
	bottom: 0px;
	left: 195px;
}
.form-box {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 196px;
}
.form {
	margin-left: 6px;
	float: left;
	width: 180px;
	padding: 0 0 9px;
}
.form .contact,
.form .nieuws {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	background: url(../images/btn-contact-waar.gif) no-repeat;
	width: 169px;
	height: 28px;
	margin-left:0px;
/*	display: inline;*/
}
.form .nieuws {
	background: url(../images/btn-nieuws-waar.gif) no-repeat;
	margin: 0 0 0 3px;
}
.form label {
	color: #fff;
	font: bold 14px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	padding: 3px 0 0 3px;
	float: left;
}

.labelzoek {
	color: #fff;
	font: bold 12px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	padding: 7px 0 0 0px;
	float: left; 
} 

.zoekveld {
	float: left;  
	height: 25px;
	width: 169px;
	margin: 0 0 0 0px;
	padding: 1px 4px 4px 6px;
	font-size: 11px;
	font-weight:bold;
	color: #2A6965;
	text-align:center;
	background: url(../images/zoekveldwaar.png);
	background-repeat: no-repeat;
	border: none;
	z-index: 12;
}
.form #btnzoek {
float: left;
position:absolute;
background-color: transparent;
border: 0px;
background:url(../images/btn-Zoek-Waar.png);
z-index: 600;
margin-top: -27px;
margin-left: 10px;
}


/*Stijlen voor de waar-buttons */

.waarbutt {
background-image: url(../images/waarknopje.gif); 
background-repeat:no-repeat;
text-align:center; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
font-weight: bold; 
color: #00244a; 
width: 65px; 
height: 20px; 
padding-top: 3px; 
margin-right: 2px; 
float:left; 
display:block;
}

.waarbuttWide {
background-image: url(../images/waarknopje120.gif); 
background-repeat:no-repeat;
text-align:center; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
font-weight: bold; 
color: #00244a; 
width: 100px;
max-width: 100px; 
height: 20px; 
padding-top: 3px; 
margin-right: 6px; 
float:left; 
display:block;
}

.waarbuttLink 
 {
color: #00244A;
text-decoration:none;
}

.waarbuttLink a:active
 {
color: #00244A;
text-decoration:none;
}

.centrumlijstItem {
}

.centrumlijstItem a:link,
.centrumlijstItem a:active,
.centrumlijstItem a:visited,  
{
color: #f5f5f5;
text-decoration:none;
}

#MyLeftCol {
	float: left;
	width: 250px;
	margin: 0px 0 0 20;
	padding: 0 0 0 0px;
	line-height: 18px;
	font: 11px/15px Verdana, Arial, sans-serif;
	color: #e6e6e6;
	display:block;
	position:relative;
}

#MyLeftCol img {
border: 0px solid #006699;
max-width: 250px;
}

#MyRightCol {
position:relative;
float:left;
width: 275px;
margin-left: 15px;
/*laatst toegevoegd*/
margin-right:10px;
left: 10px;
text-align:left;
}

/*
	Added 07-14-2008 - changes By Helios Solutions Team
*/

* html #MyRightCol {
	width: 260px;
}

/*
	End Of 07-14-2008 - changes By Helios Solutions Team
*/

#centras {
display:block; clear:right;
}

#kaartlinks {
margin-bottom: 55px;
width: 550px; height: 28px; display: block; clear:right;
}

#kaartlinks a{
background-color: #0033FF;
height: 20px;
min-height: 20px;
margin-right: 18px;
text-decoration: none;
color: #ffffff;
padding-top: 4px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 4px;
display:inline-block;
}

.blauwinput,
.blauwtextarea,
.formfield
 {
background-color:#005E8C;
border: 1px solid #000066;
color: white;
padding: 4px;
font-family: arial, verdana, tahoma;
}


