/* 
Stylesheet voor Westlandse Zoom - Q1-2010
Nowton voor Campagnerotterdam
now@nowton.nl - +31621995800

Deze stylesheet heeft de volgende indeling:
- GLOBAL
- TYPE
- DIVISIONS
- NAVIGATION
- LAYOUT
- SPECIFICS
- FORMS
- sIFR
*/

/* 
GLOBAL 
*/
html {
	width: 100%;
	height: 100%;
}
body { 
	font-size: 62.5%;
	line-height: 1.6em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	width: 100%;
	min-height: 100%;
	color: #696969;
	overflow-x:hidden; /* site is te breed voor IE@1024, dus scrollbar verbergen */
	overflow: -moz-scrollbars-vertical; 
	background-size: auto 100%;
	-moz-background-size: auto 100%; /* Mozilla 3.6 Beta */
	-khtml-background-size: auto 100%; /* Konqueror */
    -webkit-background-size: auto auto; /* Safari, Chrome (Webkit) */
	-o-background-size: auto 100%; /* Opera */
}
a.print { /*float: right;*/ width: 17px; height: 17px; display:block; background: url('images/prn-icon.png') no-repeat; left:670px;position:relative;top:20px; text-indent: -99999px; text-align:left; overflow: hidden;}
#zoekveld { float: left; }
.zoekenbutton { float: left; width: 17px; height: 17px; margin: 0 0 0 3px; overflow: hidden; background: transparent url('images/btn-zoek.jpg') no-repeat center left; text-indent: -999999px; }

#content a.print:hover { border-bottom: none; }
/* automatische bestandsiconen */
a[href$=".pdf"] { padding-left: 22px; background: transparent url('images/pdf-icon.png') no-repeat center left; } 
a[href$=".doc"] { padding-left: 22px; background: transparent url('images/word-icon.png') no-repeat center left; } 
a[href$=".docx"] { padding-left: 22px; background: transparent url('images/word-icon.png') no-repeat center left; } 
div.answers ul li a { padding-left: 22px; }
body#modal a { color: #666666; }
/* 
TYPE 
*/
p, table {
	margin-bottom: 1em;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
h1, h2, h3, h4 {
	margin-bottom: 1em; font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
}
h1 {
	float: left;
	margin: 0;
	height: 51px;
}
h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #315e5f;
	font-weight: 400;
}
h3 {
	font-size: 4em;
	float: right;
	width: 220px;
}
h4 {
	font-size: 1.3em;
	color: #315e5f;
	font-weight: 400;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
h5 {
	font-size: 1.3em;
	color: #315e5f;
}
p,li { font-size: 1.1em;} 
li {
	list-style: inside circle;
}

/*
	DIVISIONS
*/

/* CORPORATE_ALGEMEEN */
#header{	background: url('images/bg-header.gif') repeat-x;}
body.westlandsezoom #content a.meerlink, 
body.links #content a.meerlink,  
body.corporate #content a.meerlink  { color: #315E5F; }
/* Nieuws */
#actueelnieuws { margin-bottom: 2em; }
#actueelnieuws li {
	padding-left: 9px; list-style: none;
	background: url('images/bullet.gif') no-repeat left 0.65em;
}
#actueelnieuws li a { 	color: #696969; text-decoration: underline;	display: block; }
#actueelnieuws li a:hover {	color: #696969; text-decoration: none; }
/* Faq */
body.faq #content { min-height: 400px; }
#accordion {	}
.accorHeader {
	background: url('images/bg-accorHeader.png');
	text-transform: uppercase;
}
.accorContent { display: none; }
.accorHeader a { background:url('images/pijltje-up1.gif') right center no-repeat; }

#accordion ul { list-style: none;}
#accordion li { list-style: none; padding:5px 0 3px 0; }
#content .accorHeader a {
	color: white;
	margin-left: 5px;
	margin-right: 5px;
	height: 20px;
	display: block;text-decoration: none;
}
/*#content .active a {
	margin:0 5px 10px 5px;
	text-decoration: none; 
	border-bottom: none;
	background-image: url('images/pijltje-down1.gif') !important;
	background-repeat: no-repeat;
	background-position: right center;
}*/

.accordHeader active a {
	margin:0 5px 8px 5px;
	text-decoration: none; 
	border-bottom: none;
	background-image: url('images/pijltje-down1.gif') !important;
	background-repeat: no-repeat;
	background-position: right center;
}

.validateSpacer { float:left; width:10px; display:block; }

.question {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #295b5e;
	margin-top: 1em;
}
.answerwrapper { padding-top:10px; }
#accordion { padding:0; background: url('images/bg-faq.png') repeat-x; }
.answers { padding:0 5px 8px 5px; color:#295b5e; font-size:1.1em; }
.answersTitle { font-size:1.1em; padding:0 5px 0 5px; color:#295b5e; font-weight:bold; }

.row1 { margin:0 0 4px 0; font-size:1.1em; }
.row2 { margin:0 0 5px 0; }
.txtQuestion { margin:0 0 10px 0; width:220px; height:80px;}

/*
Links 
*/
.link {
	float: left;
	width: 218px;
	border: 1px solid;
	margin-bottom: 15px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}

.link .description {
	padding-left: 90px;
	padding-top: 10px;
	float: left;
}

.carouselContainer { position: relative; width: 692px; height: 154px; }
.carouselContainer .balk { position: absolute; top: 0; left: 0; z-index: 1; width: 692px; height: 154px; }
.carouselContainer .flash { position: absolute; top: 0; left: 0; z-index: 2; width: 692px; height: 154px; }

.link .meerlink { 	float: left; width: 100px; }
/* Backgrounds */
body.corporate            { background:#d8e1f0 url('images/bg-corporate.jpg') left top no-repeat fixed; }
body.contact                { background:#d8e1f0 url('images/bg-corporate.jpg') left top no-repeat fixed; }
body.nieuws                 { background:#d8e1f0 url('images/bg-corporate.jpg') left top no-repeat fixed; }
body.faq                      { background:#d8e1f0 url('images/bg-corporate.jpg') left top no-repeat fixed; }
body.interesse { background:#d8e1f0 url('images/bg-corporate.jpg') left top no-repeat fixed; }
body.links                    { background:#d8e1f0 url('images/bg-corporate.jpg') left top no-repeat fixed; }
/* Sitemap */
.sitemap { width: 110px; margin-right: 5px; float: left; }
.sitemap li { list-style: none}
.sitemap li ul { margin-left: 2em; }
/* /e CORPORATE_ALGEMEEN */

/* 
WESTLANDSE ZOOM 
*/
.westlandsezoom {	background-color: #3d9197;}
body.westlandsezoom { background:#e4e2dc url('images/bg-westlandsezoom.jpg') left bottom no-repeat fixed; }
body.westlandsezoom #content { background: white url('images/bg-content-zoom.png') 276px -7px no-repeat; }
.westlandsezoom #header {  background: url('images/bg-header-zoom.gif') repeat-x;} 
/* Submenu */
#projectmenu.westlandsezoom { background-image:url('images/bg-menu-zoom.gif'); background-repeat:repeat-x; } 
.westlandsezoom .menu ul li:hover a, .menu ul li a:hover {  background: #0f5259;} /* hover states mainmenu */
.menu ul li:hover ul, .menu ul li a:hover ul { visibility:visible; width:749px; background: #0f5259;  } /* submenu */
.menu ul li ul.open, .menu ul li ul.hover { visibility:visible; width:749px; background: #0f5259;  } /* submenu */
.westlandsezoom .menu .active {background: #0f5259} 

body.westlandsezoom .carouselContainer .balk { background: white url('images/zoomCarousel.gif') top left repeat-x; }


/* 
DE DUINEN 
*/
.duinen  {	background-color: #e6a20f;}
body.duinen                 { background:#e0dcd3 url('images/bg-duinen.jpg') left top no-repeat fixed; }
body.duinen #content { background: white url('images/bg-content-duinen.png') 290px -7px no-repeat;} 
.duinen #header { background: url('images/bg-header-duinen.gif') repeat-x;}
body.duinen #content a.ligging {color: #e6a20f; background-image: url('images/icon-map-duinen.gif');}
body.duinen #content a.meerlink { color: #e6a20f;	background-position: right -20px; float: right}
body.duinen #content a.teruglink { color: #e6a20f;	background-position: left -20px; }
/* Submenu */
.duinen #projectmenu {	background-image: url('images/bg-menu-duinen.gif');	background-repeat: repeat-x;}
.duinen .menu ul li:hover a, .menu ul li a:hover {  background:#cf6701;} /* hover states mainmenu */
.duinen .menu ul li:hover ul, .menu ul li a:hover ul { visibility:visible; width:749px; background: #cf6701;  } /* submenu */
.duinen .menu ul li ul.open, .duinen .menu ul li ul.hover { visibility:visible; width:749px; background: #cf6701;  } /* submenu */
.duinen .menu ul li ul.open a, .duinen .menu ul li ul.hover a { color: #E6A20F;  } /* submenu */
.duinen .menu .active { background: #cf6701;}
/* Accordion */
.duinen .accorHeader {background: url('images/bg-accorHeader-duinen.png');} 
.duinen .answers { background:url('images/bg-faq-duinen.png');}
.duinen #content .accorHeader a { background:url('images/pijltje-up-duinen.gif') right center no-repeat;}
body.duinen .carouselContainer .balk { background: white url('images/duinenCarousel.gif') top left repeat-x; }
/*body.duinen .d22uinenTooltip .tooltip { display: block !important; }*/
/* 
DE KREKEN 
*/
.kreken {	background-color: #8bbe4e;}
body.kreken                  { background:#dde2e8 url('images/bg-kreken.jpg') left bottom no-repeat fixed; }
body.kreken #content {background: white url('images/bg-content-kreken.png') 300px -7px  no-repeat;} 
.kreken #header { background: url('images/bg-header-kreken.gif') repeat-x;}
body.kreken #content a.meerlink {	color: #8bbe4e;	background-position: right -43px;}
body.kreken #content a.teruglink { color: #8bbe4e;	background-position: left -44px; }
body.kreken #content a.ligging {color: #8bbe4e; background-image: url('images/icon-map-kreken.gif');}
/* Submenu */
.kreken #projectmenu { background-image: url('images/bg-menu-kreken.gif');	background-repeat: repeat-x;} /* default background */
.kreken .menu ul li:hover a, .kreken .menu ul li a:hover {  background-color: #4c8e18; } /* hover states mainmenu */
.kreken .menu ul li:hover ul, .kreken .menu ul li a:hover ul { visibility:visible; width:749px; background: #4c8e18;  } /* submenu */
.kreken .menu ul li ul.open, .kreken .menu ul li ul.hover { visibility:visible; width:749px; background: #4c8e18;  } /* submenu */
.kreken .menu ul li ul.open a, .kreken .menu ul li ul.hover a { color: #8bbe4e;  } /* submenu */
.kreken .menu ul li:hover ul li a, .kreken .menu ul li a:hover ul li a {display:block; color: #8bbe4e;}/* submenu initial states */
.kreken .menu .active { background: #4c8e18; }
.kreken .accorHeader {background: url('images/bg-accorHeader-kreken.png');} 
.kreken .answers { background:url('images/bg-faq-kreken.png');}
.kreken #content .accorHeader a { background:url('images/pijltje-up-kreken.gif') right center no-repeat;}
body.kreken .carouselContainer .balk { background: white url('images/krekenCarousel.gif') top left repeat-x; }

/* 
HET DORP 
*/
.dorp {	background-color: #ed5607;}
body.dorp                    { background:#473943 url('images/bg-dorp.jpg') left bottom no-repeat fixed; }
.dorp #header { background: url('images/bg-header-dorp.gif') repeat-x;}
.dorp #content { background: white url('images/bg-content-dorp.png') 280px -7px  no-repeat; }
body.dorp  #content a.meerlink{	color: #ed5607;	background-position: right -66px;}
body.dorp #content a.teruglink { color: #ed5607;	background-position: left -68px; }
body.dorp  #content a.ligging {color: #ed5607;	 background-image: url('images/icon-map-dorp.gif');}
/* Submenu */
.dorp #projectmenu { background-image: url('images/bg-menu-dorp.gif');	background-repeat: repeat-x;} /* default background */
.dorp .menu ul li:hover a, .dorp .menu ul li a:hover {	background-color: #A93F05;} /* hover states mainmenu */
.dorp .menu ul li:hover ul, .dorp .menu ul li a:hover ul { visibility:visible; width:749px; background: #A93F05;  } /* submenu */
.dorp .menu ul li ul.open, .dorp .menu ul li ul.hover { visibility:visible; width:749px; background: #A93F05;  } /* submenu */
.dorp .menu ul li ul.open a, .dorp .menu ul li ul.hover a { color: #FA8B50;  } /* submenu */
.dorp .menu ul li:hover ul li a, .dorp .menu ul li a:hover ul li a {	display:block;	color: #FA8B50; } /* submenu initial states */
.dorp .menu .active { background: #A93F05; }
.dorp .accorHeader {background: url('images/bg-accorHeader-dorp.png');} 
.dorp .answers { background:url('images/bg-faq-dorp.png');}
.dorp #content .accorHeader a { background:url('images/pijltje-up-dorp.gif') right center no-repeat;}
body.dorp .carouselContainer .balk { background: white url('images/dorpCarousel.gif') top left repeat-x; }

/* 
DE GOUW 
*/
.gouw {	background-color: #75caf5;}
body.gouw                   { background: #64822a url('images/bg-gouw.jpg') left top no-repeat; }
.gouw #header { background: url('images/bg-header-gouw.gif') repeat-x;}
.gouw #content { background: white url('images/bg-content-gouw.png') 280px -7px  no-repeat; }
body.gouw  #content a.meerlink{	color: #75caf5;	background-position: right -90px;}
body.gouw #content a.teruglink { color: #75caf5;	background-position: left -90px; }
body.gouw  #content a.ligging {color: #75caf5;  background-image: url('images/icon-map-gouw.gif');}
/* Submenu */
.gouw #projectmenu { background-image: url('images/bg-menu-gouw.gif');	background-repeat: repeat-x;} /* default background */
.gouw .menu ul li:hover a, .gouw .menu ul li a:hover {	background-color: #0F92D0; } /* hover states mainmenu */
.gouw .menu ul li:hover ul, .gouw .menu ul li a:hover ul { visibility:visible; width:749px; background: #0F92D0;  } /* submenu */
.gouw .menu ul li ul.open, .gouw .menu ul li ul.hover { visibility:visible; width:749px; background: #0F92D0;  } /* submenu */
.gouw .menu ul li ul.open a, .gouw .menu ul li ul.hover a { color: #D1EEFC;  } /* submenu */
.gouw .menu ul li:hover ul li a, .gouw .menu ul li a:hover ul li a { 	display:block; 	color: #D1EEFC; } /* submenu initial states */
.gouw .menu .active { background: #0F92D0; }
.gouw .accorHeader {background: url('images/bg-accorHeader-gouw.png');} 
.gouw .answers { background:url('images/bg-faq-gouw.png');}
.gouw #content .accorHeader a { background:url('images/pijltje-up-gouw.gif') right center no-repeat;}
body.gouw .carouselContainer .balk { background: white url('images/gouwCarousel.gif') top left repeat-x; }

/* 
NAVIGATION 
*/
/* links in bodycopy */
#content a { 	text-decoration: underline;	/*border-bottom: 1px solid;*/ color: #666;}
#content a:hover { text-decoration: none;}
/* menus */
ul.menu {	display: inline;}
ul.menu li {	list-style: none;	float: left; }
ul.menu li a {
	text-decoration: none;
	color: #FFFFFF;
	display: inline-block;
	padding: 0px 10px;
	height: 30px;
}
/* hoofdmenu */
#nav_corporate li { display: inline; font-size: 1.2em; font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;}
#nav_corporate li a {
	text-transform: uppercase; 
	text-decoration:none;
	color: #5b5c24;
	height: 51px;
	padding: 17px 15px 9px;
	margin-right: 15px;
	/*border-bottom: 8px solid white;*/
}
#nav_corporate li a:hover {
	border-bottom: 8px solid #5b5c24;
	margin-bottom: 0px;
	color: #898b36;
}
#nav_corporate li a:active, #nav_corporate li a.active {
	border-bottom: 8px solid #315e5f;
	margin-bottom: 0px;
}
/* blokjesmenu */
#shortmenu li { float: left; 	list-style:none}
#shortmenu a { display: block;width: 30px; 	height: 30px;}
 .tooltip{ display:none; z-index: 300; position: absolute; top: 0; left: 0; background: transparent; }
    
#submenu { 	height: 30px;	width: 273px;	clear: both;}

/* ProjectSubMenu */
.menu {
	width:749px; 
	height:30px; 
	position:relative; 
	position:relative; 
	z-index:100;
	}
.menu ul { list-style-type: none;}
.menu ul li {float:left; list-style: none;}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	padding:10px; 
	height:10px; 
	line-height:15px; 
	color:white; 
	}
.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; color: #3D9197;  width:749px; background-color: #0F5259; } /* initial state submenu */
.menu ul li:hover a, .menu ul li a:hover {  background-color:#0F5259;} /* hover states mainmenu */
.menu ul li:hover ul, .menu ul li a:hover ul { visibility:visible; width:749px; background-color: #0F5259;  } /* submenu */
.menu ul li:hover ul li ul,.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; color: #3D9197;}/* submenu initial states */
.menu ul li ul.open li a, .menu ul li ul.hover li a {display:block; color: #3D9197;}/* submenu initial states */
.menu ul li ul.open li a.active { color: #FFFFFF; }
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { color:white;} /* submenu hover states */
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; /*background: black;*/} /* highlight submenu-item */

/* back n forwardlinks */
a.meerlink, a.teruglink {
	text-decoration: none;
	font-size: 1.1em;
	color:#315e5f;
	margin-bottom: 10px;
}
a.meerlink {
	padding-right: 20px;
	background: url('images/linkpijltje.gif') no-repeat right 3px;
}
a.teruglink {
	padding-left: 20px;
	background: url('images/pijltje-left.gif') no-repeat left 3px;
}
a.meerlink, a.teruglink { border-bottom: none}
a.ligging { 
	padding-left: 22px; 
	background: url('images/icon-map-algemeen.gif'); 
	background-position: left 3px;
	background-repeat: no-repeat;
	text-transform: uppercase;}
/* Projectenbanner */
#projectenbanner li, #projectenbanner li a {
	text-transform: uppercase;
	display: block;
	float: left;
	list-style: none;
	width: 138px;
	overflow: hidden;
	background: no-repeat top left;
	font-size: 1.1em;
}
#projectenbanner li {	height: 142px; /*position: relative;*/ }
#projectenbanner li li { height:auto;}
#projectenbanner li a {
	padding: 10px;
	width: 118px;
	text-decoration: none;
	/*font-weight:600;*/
	font-size: 1em;
}

#projectenbanner li#project1 a {	background-image: url('images/project1.jpg');	color: #3d9197; height: 142px; }
#projectenbanner li#project2 a{	background-image: url('images/project2.jpg');	color: #b88006;height: 142px;}
#projectenbanner li#project3 a{	background-image: url('images/project3.jpg');	color: #598a1f;height: 142px;}
#projectenbanner li#project4 a {	background-image: url('images/project4.jpg');	color: #ed5607;height: 142px;}
#projectenbanner li#project5 a{	background-image: url('images/project5.jpg');	color: #1f80b1;	width: 140px;height: 142px;}
#projectenbanner li a {	display: block;}
#projectenbanner li#project1 li a { height:auto; background-image: none; color: white; }
#projectenbanner li#project2 li a { height:auto; background-image: none; color: white; }
#projectenbanner li#project3 li a { height:auto; background-image: none; color: white; }
#projectenbanner li#project4 li a { height:auto; background-image: none; color: white; }
#projectenbanner li#project5 li a { height:auto; background-image: none; color: white; }
/* ProjectBannerSubmenu */
.projectsubmenu {
	display:none;
	margin-top: 142px;
	position: absolute;
	z-index: 2;
	width: 190px;
	height: 132px;
	padding: 10px 0px;
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.36);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.36);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.36);
}
#projectenbanner li { overflow: visible; }
#projectenbanner ul.projectsubmenu { width: auto; }
#projectenbanner ul.projectsubmenu li.dummy { width: 138px; height: 1px; }
#projectenbanner #project5 ul.projectsubmenu li.dummy { width: 140px; }
#projectenbanner ul.projectsubmenu li { width: auto; float: none; }
#projectenbanner ul.projectsubmenu li a { width: auto !important; float: none; display: block; }
ul.projectsubmenu li {	/*list-style: none; background-image:none;*/ }

#content ul.projectsubmenu a {
	color: white;
	text-decoration: none;
	display: block;
	/*margin-bottom: 1px;*/
	padding: 0 15px;
	text-transform: capitalize;
}
#content #projectenbanner ul.projectsubmenu a:hover {
	background: transparent url('images/bg-projectsubmenu.png') center bottom repeat-x;
	border-bottom: none;
}
/* /e NAVIGATION */

/*
	LAYOUT
*/
#header, .menu {	overflow: hidden;}
.container {
	width: 995px;
	margin: 0px auto;
	overflow: visible;
}
body .contentPadding {	padding-bottom: 100px;}
#header {	width: 100%;}
#logo, #nav_corporate, #search, #talen { float: left; }
#logo { width: 273px; height: 51px;  }
#nav_corporate { 	width: 551px; height: 33px; padding-top: 18px; }
#search { 	width: 120px; height: 21px; padding: 15px 10px;}
#zoekveld { width: 90px; font-size: 1.1em; }
#talen { 	width: 38px; padding: 15px 0 0 15px;}
.skiplink { 	display: none;}
#submenuwrapper { overflow: hidden; clear: both}
#shortmenu { float: left; width: 213px; padding-left: 60px;}
#projectmenu { width: 722px; height: 60px; float: left; margin: 0 0 0 273px; }
#content {
	width: 692px;
	background-color: #FFFFFF;
	margin-left: 273px;
	padding: 15px;
	overflow: hidden;
}
#projectenbanner { 	overflow: hidden; margin-bottom: 15px;	height: 142px; }
/* kolommen */
.fullcolumn, .halfcolumn, .twothirdcolumn, .thirdcolumn { float: left; }
/* hele kolom */
.fullcolumn { width: 692px; overflow: hidden; margin-bottom: 30px;}
.fullcolumn img { float: left; width: 124px; }
.fullcolumn li.header { overflow: hidden; }
.fullcolumn ul li ul li { font-size: 1.0em; }
.fullcolumn object, .fullcolumn embed { float:left; }
.description { float: right; width: 553px; padding-left: 15px;}
.imageholder { float: left; width: 124px; margin: 25px 0 0 0; }
/* tweederde kolom */ .twothirdcolumn {	width: 455px; }
/* eenderde kolom  */ .thirdcolumn { 	width: 220px; 	padding-bottom: 1.3em;}
/* halve kolom */.halfcolumn { width: 338px;	float: left;}
.halfcolumn ul {
Margin-bottom:10px;
}
#ctl00_content_ctl00_newsForm_pnlForm{margin-bottom:30px;}
/* grid solutions - even en oneven kolommen zorgen voor een passende spacing */
.odd { margin-right: 15px; }
.even { margin-right: 0; }
#tags {
	font-size: 1.2em;
	color: white;
	font-family: Georgia, Palatino, serif;
	margin-top: 0.5em;
	margin-left: 273px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
	height: 20px; 
}
/* Footer */
#footer {
	background-color: white;
	position: fixed;
	bottom: 0px;
	width: 100%;
	padding-bottom: 15px;
}
.footerkleur {
	height: 7px;
	width:20%;
	float: left;
	margin-bottom: 15px;
}
#footer span {
	margin: 0 15px;
	display: block;
}
#footer span#footertekst { 	float: right; width: 300px; font-size: 1em;}
#footer span#footertekst a {
	color: #696969;
	text-decoration: none;
}
#footer span#footertekst a:hover {
	text-decoration: underline;
}
#footer span#payoff {
	float: left;
	color: #295b5e;
	font-size: 1.5em;
	width: 260px;
	font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
}
/* /e LAYOUT */


.interestFormTitle { margin:5px 0 2px 0; color:#315e5f; font-size:1.3em; font-weight:bold; }


/* 
FORMS 
*/
fieldset { overflow: hidden; margin: 0; padding: 0;}
fieldset ol { 	overflow: hidden; margin: 0; padding: 0;}
fieldset li {
	list-style: none;
	margin:6px 0 6px 0;
	padding: 2px 0;
	overflow: hidden;
}
fieldset label { padding:0 2px 0 2px; display:block; float:left; }
fieldset input, fieldset select { font-size: 1em; }
#newsletter, #contactform { background: #ccc; padding: 5px; margin: 5px 0; }
#newsletter { padding:2px 5px 3px 5px; }

#newsletter li  { padding:0; margin:3px 0 3px 0; }
#newsletter p   { padding:0; margin:0; }

#contactform label, #newsletter label { float: left; width: 80px; }
#contactform input[type=text], #newsletter input[type=text] { width: 222px; }


fieldset.half       { float: left; width: 360px; }
fieldset.half label { padding:0 2px 0 2px; display:block; width:146px; float:left;  }
fieldset.left       { float:left; width:320px; }
fieldset.left label { padding:0 2px 0 2px; display:block; width:100px; float:left;  }


fieldset.bottom { float: left; }
fieldset.bottom .checkTitle { width:65px; }
.interestCheck { margin:0 5px 0 35px; display:block; float:left; width:128px; }
.interestCheck input { float:left; }
.interestCheck label { float:right; text-align:left; }

.interestKavel { margin:0 5px 0 35px; display:block; float:left; width:70px; }
.interestKavel input { float:left; }
.interestKavel label { float:right; text-align:left; }


.interestTextArea { width:100px; }
.newsLetterSign { width:100px; }
.referenceList { width:200px; }
.referenceListItems label { margin:0 0 0 5px; float:right; }
.referenceBox { margin:0 0 10px 200px; }
.emptyLi  { height:20px; }

/* Interesseformulier */
#interesse label, #interesse input, #interesse select { 
	margin: 0 4px; padding:2px;  float: left;
	display:inline-block; 
	display:-moz-inline-box;
	}
#interesse textarea { 
	float: left; 
	width: 400px; 
	font-family: "Trebuchet MS", Arial, sans-serif; 
	font-size: 1em; 
	margin: 4px;
	clear: right;
	overflow: hidden;
	} 
#interesse label.first { 	width: 80px; clear: left; }
#interesse label.second { width: auto; text-align: right;  }
#interesse input.initials { text-transform: uppercase; width: 6em;}
#interesse input.postcode { width: 60px; }
#interesse input.huisno { width: 4em;}
#interesse label.nofloat { float: none; clear: both}
#interesse input.dd, #interesse input.mm { width: 2em;}
#interesse input.jj { width: 4em;}

#voorkeuren label.first { width: 80px; float: left;}
#voorkeuren label.second { float: left; width: 140px; text-align: left; padding: 0 10px;}
#voorkeuren input.check { float: left; width: 12px; }
#voorkeuren label.newsletter { float: left; width: 500px; padding-left: 70px; }

fieldset input[type=text] {
	background:  url('images/bg-input.gif') top left no-repeat;
	border: none;
	padding: 2px 4px; width: 185px;
}
fieldset input[type=checkbox], fieldset input[type=radio] { padding: 2px; float: left; }
#voorkeuren input { padding: 2px; float:none; }
fieldset textarea { float: left; width: 200px; padding: 2px 4px;}
fieldset input[type=submit] {
	width: auto;
	float: right !important;
	background: #315E5F url('images/bg-submit.png') center bottom repeat-x;
	color: white;
	border: none;
	text-transform: uppercase;
	/*height: 20px;*/
	margin: 5px  !important;
	padding: 5px !important;
}


#content fieldset a	{ color:White; text-decoration:none; }

.contactSubmit {
	width: auto;
	float: right !important;
	background: #315E5F url('images/bg-submit.png') center bottom repeat-x;
	color: #FFFFFF !important;
	border: none;
	text-transform: uppercase;
	/*height: 20px;*/
	margin: 5px  !important;
	padding: 5px !important;
}

.contactSubmit:hover { background: #315E5F url('images/bg-submit-over.png') center bottom repeat-x; cursor: pointer; }

fieldset input[type=submit]:hover { background: #315E5F url('images/bg-submit-over.png') center bottom repeat-x; cursor: pointer; }
.error { font-weight: bold; color: red; } 
/* 
sIFR 
*/
.sIFR-active h2, .sIFR-active h3, .sIFR-active h4 { 	visibility: hidden;}
.sIFR-replaced {
	height: 1em;
	font-size: 1.1em;
	line-height: 1em;
}
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

a.kavelspot {
display:block;
font-size:1%;
position:absolute;
text-indent:-2000px;
}
a.kavelspot.terhaar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/terhaarlaan.png) no-repeat scroll 14px 0;
height:61px;
left:268px;
top:122px;
width:179px;
}
a.kavelspot.terhaar:hover {
background-image:url(images/terhaarlaan-over.png);
}
a.kavelspot.ruijtbaan {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/ruitbaan.png) no-repeat scroll 2px 0;
height:52px;
left:320px;
top:154px;
width:134px;
}
a.kavelspot.ruijtbaan:hover {
background-image:url(images/ruitbaan-over.png);
}
a.kavelspot.nieuweweg {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/nieuweweg.png) no-repeat scroll 8px 0;
height:62px;
left:430px;
top:301px;
width:136px;
}
a.kavelspot.nieuweweg:hover {
background-image:url(images/nieuweweg-over.png);
}

/*print pagina titel*/
img.printimg{display:none;}

#homecolumnWrapper { width:415px; overflow:hidden; border-right:1px solid #d6dfdf; float:left; }
.homeleft { margin-right:21px; }
.homecolumn { padding-bottom:1.3em; width:187px; float:left; }
.homecolumn ul { margin:0.6em 0 0 0; padding:0; }
.homecolumn li { margin:2px 0 0 10px; padding:0; float:left; width:73px; color:#315d5f; font-size:1.1em; list-style-type: disc; }
.homecolumn a { color:#696969; text-decoration:underline; }
.homecolumn p { margin:0.5em 0 0 0; font-size:1.1em; }
.homecolumn a:hover { text-decoration:none; }
.homecolumn .block { overflow:hidden; margin:0 0 0 0; }
.homecolumn .block2 { overflow:hidden; margin:0 0 0 0; background-image:url(images/homepage/homepijltje.gif); background-position:right bottom; background-repeat:no-repeat; cursor:pointer; }

.homeboth { width: 395px; float: left; padding: 0; margin: 0; }
.homeboth .block { padding: 0; margin: 0; }
.homeboth .block .meerlink { font-size: 1.0em !important; }
.hometwitter {float: left; margin: 0; padding: 20px 0 0 0; width: 395px;}


.thirdcolumn { padding-bottom:1.3em; width:220px; font-size:1.1em; }
.newscolumn { width:260px; float:left; padding:0 0 0 15px; }
#kavelLinks { position: absolute; z-index: 10; top: 400px; left: 15px; font-size: 1.1em; }
#kavelFlash { position: relative; z-index: 1; height: 440px; overflow: hidden; }

.leftmenu { width: 30px; height: 300px; background-color: red; float: left; margin: -29px 0 0 243px; }
.leftmenu ul { list-style-type: none; margin: 0; padding: 0; }
.leftmenu ul li { list-style-type: none; margin: 0; padding: 0; width: 30px; overflow: hidden; background-color: #FFFFFF; }
.leftmenu ul li a { background-image: url('images/menu/menuButtons.jpg'); background-repeat: no-repeat; width: 30px; display: block; }

.leftmenu .westlandsezoom a { background-position: -30px -313px; height: 144px; }
.leftmenu .westlandsezoom a:hover,
.westlandsezoom .leftmenu .westlandsezoom a { background-position: 0 -313px;  }

.leftmenu .duinen a { background-position: -30px -231px; height: 82px; }
.leftmenu .duinen a:hover,
.duinen .leftmenu .duinen a { background-position: 0 -231px;  }

.leftmenu .kreken a { background-position: -30px -149px; height: 82px; }
.leftmenu .kreken a:hover,
.kreken .leftmenu .kreken a { background-position: 0 -149px;  }

.leftmenu .dorp a { background-position: -30px -74px; height: 74px; }
.leftmenu .dorp a:hover,
.dorp .leftmenu .dorp a { background-position: 0 -74px;  }

.leftmenu .gouw a { background-position: -30px 0; height: 74px; }
.leftmenu .gouw a:hover,
.gouw .leftmenu .gouw a { background-position: 0 0;  }

.leftmenuHeightDummy { width: 1px; float: left; height: 427px; margin: 0 -1px 0 0; }
.leftmenuContent { width: 692px; overflow: hidden; float: left; }