/* combined */ 
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
.yui-overlay,
.yui-panel-container {
    visibility:hidden;
    position:absolute;
    z-index: 2;
}

.yui-tt {
    visibility:hidden;
    position:absolute;
    color:#333;
    background-color:#FDFFB4;
    font-family:arial,helvetica,verdana,sans-serif;
    padding:2px;
    border:1px solid #FCC90D;
    font:100% sans-serif;
    width:auto;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {
    display: none;
}

* html body.masked select {
    visibility:hidden;
}

* html div.yui-panel-container select {
    visibility:inherit;
}

* html div.drag select {
    visibility:hidden;
}

* html div.hide-select select {
    visibility:hidden;
}

.mask {
    z-index: 1; 
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {

    display: none;

}

.show-scrollbars {

    overflow: auto;

}

.yui-panel-container.show-scrollbars {

    overflow: visible;

}

.yui-panel-container.show-scrollbars .underlay {

    overflow: auto;

}

.yui-panel-container.focused {

}


/* Panel underlay styles */

.yui-panel-container .underlay {

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}

.yui-panel-container.matte {

    padding: 3px;
    background-color: #fff;

}

.yui-panel-container.shadow .underlay {

    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* For IE */

}

/* 
   Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
   the Panel's content changes, to force Safari 2.x to redraw the underlay.
   We attempt to choose a CSS property which has no visual impact when added,
   removed, but still causes Safari to redraw
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display:none;
}

.yui-panel {
    visibility:hidden;
    border-collapse:separate;
    position:relative;
    left:0;
    top:0;
    font:1em Arial;
    background-color:#FFF;
    border:1px solid #000;
    z-index:1;
    overflow:hidden;
}

.yui-panel .hd {
    background-color:#3d77cb;
    color:#FFF;
    font-size:100%;
    line-height:100%;
    border:1px solid #FFF;
    border-bottom:1px solid #000;
    font-weight:bold;
    padding:4px;
    white-space:nowrap;
}

.yui-panel .bd {
    overflow:hidden;
    padding:4px;
}

.yui-panel .bd p {
    margin:0 0 1em;
}

.yui-panel .container-close {
    position:absolute;
    top:5px;
    right:4px;
    z-index:6;
    height:12px;
    width:12px;
    margin:0px;
    padding:0px;
    background:url(close12_1.gif) no-repeat;
    cursor:pointer;
    visibility:inherit;
    text-indent:-10000em;
    overflow:hidden;
    text-decoration:none;
}

.yui-panel .ft {
    padding:4px;
    overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-right:10px;
    float:left;
}

.yui-simple-dialog .bd span.blckicon {
    background: url("blck16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
    background: url("alrt16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
    background: url("hlp16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
    background: url("info16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
    background: url("warn16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
    background: url("tip16_1.gif") no-repeat;
}

.yui-dialog .ft, 
.yui-simple-dialog .ft {
    padding-bottom:5px;
    padding-right:5px;
    text-align:right;
}

.yui-dialog form, 
.yui-simple-dialog form {
    margin:0;
}

.button-group button {
    font:100 76% verdana;
    text-decoration:none;
    background-color: #E4E4E4;
    color: #333;
    cursor: hand;
    vertical-align: middle;
    border: 2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
    margin:2px;
    padding:2px;
}

.button-group button.default {
    font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
    border:2px solid #90A029;
    background-color:#EBF09E;
    border-top-color:#FFF;
    border-left-color:#FFF;
}

.button-group button:active {
    border:2px solid #E4E4E4;
    background-color:#BBB;
    border-top-color:#333;
    border-left-color:#333;
}

.yui-override-padding {
    padding:0 !important;
}

/***********************************************************
	
	screen.css	
	24-12-2009, Ordina Intenet Solutions
	Publication (theme) specific styling

/***********************************************************
    Font size table (px / %)
	based on yui reset fonts css in combination with container 
   	main size of 100% which resloves to 13px
************************************************************
	10px
	11px 
	12px 
	13px 100%
	15px 115.4%
	24px 184.6%
	44px 275%
	
***********************************************************
    Index
***********************************************************
1. Reset & Grid adaptations     
2. Common styles
	2a. Colors
	2b. Type
	2c. Margins & Padding
3. Frame
4. Common elements
5. Components
6. Widgets
7. Sprites
8. Sharepoint controls
9. Print styling
***********************************************************/


/***********************************************************
    1. Reset & Grid adaptations      
***********************************************************/


/***********************************************************
    2. Common styles    
***********************************************************/

/***********************************************************
    2a. Colors  
***********************************************************/

/* Text color */

html {
	background:#c9dfeb url(../images/bg_main.gif) repeat-x;
}

body {
	background-color: transparent; /* core.css overrulen */
	color:#344546;
	font:75% Verdana, Arial, Helvetica; 
	line-height:1.7em; /* 19 pt*/
	width:1002px;
	margin:0 auto; 
}

.fnt_Blue {
	color:#0082C5;
}

.fntOrange{
	color:#f78f1e;	
}

.fntGrey{
	color:#828282;	
}


/***********************************************************
    2b. Type
***********************************************************/
select, 
input, 
button, 
textarea, 
button {
	font-family:Verdana;
}

input {
	border: none;
}		

legend,
hr {
	display:none;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

.clearFloat {
	clear:both;
	height:0px;
	display:none;
}
	
.clearfix {
	width:100%;
	overflow:hidden;
}
	
/* headers before sIFR replacement */

h2.h2Blue {
	color:#0082C5;  
	font-weight:bold;
	font-size:12px;
	height:31px;
	padding:0;
	margin:0;
}

h2.h2Blue a {
	text-decoration:none;
}

.customerContainer div.blockHomepage h2,
div.boxPopulairePaginas h2,
div.box h2,
.greyBorder220 h2,
div#rightContent .roundedBox.greyBorder300 h2,
.greyBorder300 h2,
.greyBox h2,
.greyBorder220 h3,
.categorien-index li .categoryBox h2,
#boxInputRoute span.h2White {
	border-bottom: 1px solid #cce1ec;
	margin: 0 0 5px;
}


.hide {
	display:block;
	text-indent:-1234em;
	position:absolute;
}
	
h1.header {
	border-bottom:1px solid #d7d7d7;
	color:#344546;
	font-size:22px;
	min-height: 38px !important;
	margin-bottom: 10px;
	width:460px;
}

h2  {
	color:#344546;
	font-weight:bold;
}

h1.hide {
	position: absolute;
	text-indent:-1234em;
}

h3 {
	color:#344546;
	font-weight:bold;
	font-size:0.7em;
}

h4 {
	font-weight:bold;
}	

h3.grijsBg {
	font-size:1em !important;
	font-weight:normal;
	height:auto !important;
	width:450px;
	display:block;
	padding: 0 0 0 10px;
	background:url(../images/bg_grijsvlakje.gif) no-repeat 0px 0px;
	margin:5px 0 6px 0;
	float:left;
}
	 
h3.grijsBg.xtraMarginBottom {
	margin-bottom:7px;
}
	

a.noUnderline:link, a.noUnderline:visited{
	text-decoration:none;
}

a.noUnderline:hover{
	text-decoration:underline;
}
	
div.boxHolder h2,
div.boxHolder h3,
ul.Overdrinkwater li div h2,
.boxPopulairePaginas h2,
.box h2,
.roundedBox h2,
.greyBorder220 h3,
.categorien-index li .categoryBox h2,
.h2Black,
h2.storing,
#boxInputRoute span.h2White {
	font-weight:normal;
	min-height: 30px !important;
	font-size:1.333em;
}

div.boxHolder h3 a {
	text-decoration:none;
}

div#wrapper {
	background:url(../images/bg_wrapper.gif) repeat-y top;
	width:1002px;
}

div#wrapper div.bottom{
	width:1002px;
	background:url(../images/bg_wrapper_bottom.gif) no-repeat -28px 0;
	clear:both;
	float:left;
	bottom:0;
	height:20px;
	overflow: auto;
}

div#header {
	height:152px;
	position:relative;
	background:#fff url(../images/bg_header.gif) no-repeat bottom;
}

div#mainContent {
	margin-left:21px;
	width:960px;
	background:#fff url(../images/bg_mainContent.gif) repeat-x bottom;
	position:relative;
	margin-top:35px;
}

div#mainContent.bigFault {
	margin-top:5px;
}

div#leftNav {
	float:left;
	width: 240px;
	min-height:400px;
	margin:5px 0 0 10px;
	display:inline;
}

div#middleContent	{
	float:left;
	width: 460px;
	margin-top:0;
}

div#middleContent.twoColls{
	width:710px;
	position:relative;
	margin-right:-20px; /* ? */
}

div#middleContent p {
	margin-bottom:1.3em; /* 16 px*/
}
		
div#middleContent p img {
	display:block;
}

div#middleContent.twoColls p {
	margin-bottom:1.3em; /* 16 px*/
	margin-right:10px;
}

.contentArea {
	clear:both;
}

/* Rechter kolom */
div#rightContent{
	float:right;
	width: 220px;
	margin-right:10px;
	display:inline;
}

div#rightContent .roundedBox.greyBorder300 ul li a {
	display: block;
}

div#rightContent.xtraMarginTop {
	margin-top:10px;
}

div.boxDownloadForm,
div#rightContent div.box,
div#rightContent div.boxPopulairePaginas,
.greyBorder220,
div#rightContent .roundedBox.greyBorder300 {
	background: url(../images/bg_boxKleinTop.png) no-repeat 0 0;
	width: 200px;
	position:relative;
	padding:0 10px 10px 10px;

}

/* rechterkolom div wordt hergebruikt bij zelf regelen */
div#rightContent .roundedBox.greyBorder300 {
	display: block;
	float:none;
	margin-bottom: 20px;
}

div#rightContent .greyBorder220 {
	margin: 0 0 20px;
}

div#rightContent .greyBorder300 ul li,
div#rightContent .greyBorder220 ul li {
	margin-bottom: 5px;
}

div#rightContent .greyBorder220 ul li {
	position:relative;
	height:auto;
	display:block;			
}
div#rightContent .greyBorder220 ul li a {
	display:block; /* datum onder linkjes aan rechterkant */
	text-decoration: none;
}

div#rightContent .greyBorder220 ul li a:hover {
	text-decoration:underline;				
}


div#rightContent div.box span.bottom,	
div.boxDownloadForm span.bottom,		
div#rightContent div.boxPopulairePaginas span.bottom,
.greyBorder220 span.bottom,
div#rightContent .roundedBox.greyBorder300 span.bottom {
	background:url(../images/bg_boxKleinBottom.png) no-repeat left bottom;
	width: 220px;
	height: 7px;
	position:absolute;
	bottom:-1px;
	left:0;
}
	
ul.Overdrinkwater li div.boxKleinActive,
div.boxDownloadForm.boxKleinActive, 
div#rightContent div.box.boxKleinActive,
div#rightContent div.boxPopulairePaginas.boxKleinActive,
.roundedBox .boxKleinActive {
	background: url(../images/bg_boxKleinTop.png) no-repeat 0 -1500px;
}
		
ul.Overdrinkwater li div.boxKleinActive span.bottom,
div.boxDownloadForm.boxKleinActive span.bottom, 
div#rightContent div.box.boxKleinActive span.bottom,	
div#rightContent div.boxPopulairePaginas.boxKleinActive span.bottom,
.roundedBox .boxKleinActive span.bottom {
	background:url(../images/bg_boxKleinBottom.png) no-repeat -220px bottom;
}

div.boxPopulairePaginas ul,
div.box ul {
	padding: 0 10px 0 0;
}

div.boxPopulairePaginas ul li,
div.box ul li {
	background:url(../images/pijl_blauw.gif) no-repeat 0px 7px;
	padding: 0 0 0 10px;
}


div.boxPopulairePaginas ul li a,
div.box ul li a {
	text-decoration: none;
}
.offset {
	position : absolute;
	top : -9000px;
	left : -9000px;
}

/* #headingBox*/	

div#headingBox {
	margin-left:10px;
	width:950px;
	background:url(../images/bg_crumbPath.gif) no-repeat left bottom;
	padding-bottom:6px;
}
	
div#headingBox #crumPathHolder{
	width:950px;
	padding: 0 0 0 11px;
	float:left;
}

div#crumPathHolder div.pageName {
	font-size:1.5em; /* 20 pt */
	width: 220px;
	margin-right:9px;
	float:left;
}

div#crumPathHolder ul { 
	margin:0;
	float:left;
}

div#crumPathHolder ul li ul {
	padding-top:0px;
	margin-top:0px;
}

div#crumPathHolder ul li.urHere {
	font-size:1em;
}

div#crumPathHolder ul li,
div#crumPathHolder ul li.urHere {
	float:left;
}

div#crumPathHolder ul li ul li {
	font-size:1em;
	float:left;
	padding:0 2px 5px 0;
	vertical-align:top;
	white-space: nowrap;
}

div#crumPathHolder ul li.crumPath {
	font-weight:bold;
	width:620px;
}

div#crumPathHolder ul li a:link, div#crumPathHolder ul li a:visited  {
	background:url(../images/pijl_blauw.gif) no-repeat right 7px;
	display:inline-block;
	padding:0 10px 0 0;
	margin-right:3px;
	font-weight:normal;
	text-decoration:none;
}	

div#crumPathHolder ul li a:link, 
div#crumPathHolder ul li a:visited,
x:-moz-any-link {
	background-position:right 4px;
}	
div#crumPathHolder ul li a:link, 
div#crumPathHolder ul li a:visited,
x:default { 
	background-position:right 7px;
} 

div#crumPathHolder ul li a:hover {
	text-decoration:underline;
}
	

/* //////////////// 
	header 
//////////////////   */

#header .logo {
	position:absolute;
	width:124px;
	height:67px;
	display:inline-block;
	background:url(../images/logo_wbgr.gif);
	margin:15px 0 0 30px;	
}
 
#header ul#languageBox {
	list-style: none;
	position:absolute;
	right:32px;
	top:10px;
}

#header ul#languageBox li {
	display:inline;
	font-size:0.85em;
	font-weight:bold
}
	
#header ul#languageBox li a:link, 
#header ul#languageBox li a:visited  {
	color:#344546;
	text-decoration:none;
	font-weight:normal;
}

#header ul#languageBox li a:hover {
	text-decoration: underline;
}
 
#header ul#languageBox li a.active {
	font-weight:bold;
}

#header ul#languageBox li a.active:hover {
	text-decoration:none;
} 	
	
	
/* #searchBox */
#header .searchBoxDefault, 
#header	#searchBox {
	width:240px;
	height:32px;
	position:absolute;
	right:30px;
	bottom:8px;
}

#header .searchBoxDefault, 
#header div {
	background:url(../images/bg_input.gif) no-repeat 0px 0px;	
}

#header div div {
	background:none;
}

#header .searchBoxActive {
	background:transparent url(../images/bg_input_on.gif) no-repeat scroll 0 0;
	right:130px;
}	

#header .searchBoxDefault {
	background:url(../images/bg_input.gif) no-repeat 0px 0px;
}

#header .searchResultBox div label {
	display: inline-block;
	text-indent: -1234em;
}

#header .searchBoxDefault .searchDefault,	
#header	#searchBox .searchActive,
#header	#searchBox .search {
	margin:5px 0px 0px 6px;
	border:0;
	vertical-align:top;
	height:18px;
	width:160px;
	color:#828282;
}

#header	#searchBox .button {
	height:27px;
	border:none;
	outline: none;
	font-size: 0px;
	cursor: pointer;
	padding-left:0px;
	color:#0083c6;
	vertical-align:top;
	position:absolute;
	left:175px;
	top:0;
	background:none;
}

/***********************************************************
    In de buurt & Waterhardheid  
***********************************************************/
div.inDeBuurtHolder	{
	width:200px;
	height:125px;
	background:url(../images/bg_indebuurt.png);
	color: #fff;
	padding: 3px 10px 10px;
	position:absolute;
	top:10px;
	left:10px;
	z-index:99;
}

div#middleContent div.inDeBuurtHolder	{
	position: relative;
	left: 0;
	top: 0;
	float: left;

}

div.inDeBuurtHolder span.h4White {
	display: block;
	font-size: 16px;
	height: 30px;
}

div.inDeBuurtHolder fieldset {
	margin: 5px 0 0;
}

div.inDeBuurtHolder fieldset ul li.li3 {
	position: absolute;
	bottom: 12px;
	right: 10px;
}

div.inDeBuurtHolder .li1 input {
	width:62px;
	height:21px;
	color:#828282;
	background:url(../images/bg_input_inuwbuurt.gif) no-repeat;
	padding: 6px 2px 0 5px;
}

div.inDeBuurtHolder .li1 .searchStoringActive {
	background:url(../images/bg_input_inuwbuurt_on.gif) no-repeat;
}

div.inDeBuurtHolder ul li.li3 input {
	width:64px;
	height:27px;
	cursor:pointer;
	background:url(../images/bttn_submit_nl.png) no-repeat;
	background-position: 0 -108px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

div.inDeBuurtHolder ul li.li3 input:hover {
	background-position: -140px -108px;
}
	
/* #homeVisual */
div#visualHolder {
	height: 210px;
	margin-bottom:20px;
}

div#homeVisual	{
	height:180px;
	margin-top:0px;
	margin-bottom:20px;
}

div#homeVisual div {
	padding:40px 0 0 260px;
	background:#c9dfeb;
	height:127px;
	border:1px dashed #ff0000;
}
		
div#homeVisual div h2 {
	font-size:1.3em;
}

div#homeVisual div a {
	color:#344546;
	display:inline-block;
	margin-top:10px;
}

#siteVisualHolder {
	/*height:153px;
	padding-bottom:20px;*/
	margin-bottom:13px;
}

#siteVisualHolder .dropshadow {
	background:url(../images/verloopje.png) repeat-x top;
	height:5px;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:960px;
}

#siteVisualHolder span.visualText {
	position:absolute;
	right:10px;
	top:0px;
	font-size:1.6em;
	line-height:1em;
	color:#ffffff;
	width:900px;
	text-align:right;
 	font-size:36px;
	min-height:64px !important;
	padding-top:17px;
}
	
/***********************************************************
   2c. Margins & Padding & Misc Homepages
***********************************************************/
/* dit zorgt voor padding bij de knoppen op alle homepage(s) & lijstjes */
div.boxHolder.boxHomepage {
	padding-left:10px;
}

/* Op alle homepage(s) de containers van de knoppen & lijstjes */	
div.boxHolder div.blockHomepage	{
	width:300px;
	float:left;
	display:inline;
	margin-right:18px;
}
	
div.boxHolder div.blockHomepage div.box p {
	
}
		
div.boxHolder div.blockzelfRegelen	{
	width:302px;
	float:left;
	display:inline;
	margin-right:0;
	margin-left:9px;
}

/* klanten service */

div.boxHolder div.box,
.roundedBox.greyBorder300 {
	background:url(../images/bg_boxTop.png) no-repeat 0 0;
	width: 282px;
	position:relative;
	padding:1px 10px 9px 10px;
	float:left;
	margin-right:18px;
	display:inline;
}
	
div.boxHolder div.box span.bottom,
.roundedBox.greyBorder300 span.bottom {
	background:url(../images/bg_boxBottom.png) no-repeat 0 100%;
	width: 302px;
	height: 4px;
	position:absolute;
	bottom:0;
	left:0;
}


/* Over drinkwater */
ul.Overdrinkwater {
	overflow:hidden;
	width:700px;
	margin-left:10px;
	margin-bottom:20px;
	
}

ul.Overdrinkwater.lastChild {
	margin-bottom: 0;
}

ul.Overdrinkwater li {	
	float:left;
	width: 220px;
	margin: 0 20px 0 0;
	padding:0 !important;
}

ul.Overdrinkwater li.lastChild {
	margin:0;
}


ul.Overdrinkwater li div {
	background:url(../images/bg_boxKleinTop.png) no-repeat top;
	width: 220px;
	position:relative;
	padding:0 0 40px 0;
	min-height:220px;
}

ul.Overdrinkwater li div img {

}
	
ul.Overdrinkwater li div span.bottom {
	background:url(../images/bg_boxKleinBottom.png) no-repeat 0 bottom;
	width: 220px;
	height: 7px;
	position:absolute;
	left:0;
	bottom:0;
	display:block;
}

ul.Overdrinkwater li div .button {
	position:absolute;
	bottom: 10px;
	right:10px;
}

ul.Overdrinkwater li div p{
	margin:10px 5px 0px 10px;
}


div.boxHolder.blockHomepage div.box {
	margin-right:0px;
}

div.boxHolder div.boxActive {
	background:url(../images/bg_boxTop.png) no-repeat 0 -800px !important; /* added important for IE6 */
	
}

div.boxActive span.bottom,
div.boxHolder div.box.boxActive span.bottom {
	background:url(../images/bg_boxBottom.png) no-repeat -301px bottom;
}
	
div.boxHolder div.box ul { 
	width:279px;
	float:left;
	line-height:1.1em;
}

div.boxHolder div.box ul li	{
	background:url(../images/bg_boxListItem.gif) repeat-x bottom;
	padding:6px 0 6px 0;
}

div.boxHolder div.box ul li.lastChild {
	background: none;
	border: none;
}

/* Opsomming blauwe driehoekjes */
.blueArrow li,
.roundedBox.greyBorder220 .blueArrow li,
.roundedBox.greyBorder220 .quicklinks li
.categorien-index li .categoryBox ul.blueArrow li,
a.readMore,
a.blueArrow {
	background: url(../images/pijl_blauw.gif) no-repeat 0 7px;
	padding: 0 0 0 10px;
}

a.readMore {
	background-position: 0 4px;
}

.blueArrow li a,
.roundedBox.greyBorder220 .blueArrow li a,
.roundedBox.greyBorder220 .quicklinks li a,
a:link.readMore {
	text-decoration:none;
}

.blueArrow li a:hover,
.roundedBox.greyBorder220 .blueArrow li a:hover,
.roundedBox.greyBorder220 .quicklinks li a:hover {
	text-decoration:underline;
}

		
div.boxHolder div.box ul li a:link,
div.boxHolder div.box ul li a:visited,
div.boxHolder div.box ul li a:active {
	display:block;
	text-decoration:none;
}
		
div.boxHolder div.box ul li a:hover {
	text-decoration:underline;
}

div.boxHolder div.box ul li span {
	font-size:0.85em; /* 11px */
	color:#828282;
}
		
div.boxHolder .box .button,
div.boxHolder .roundedBox .button {
	float:right;
	margin:4px 1px 2px 0;	
	display:inline;
}
	
div.boxHolder .box .whiteStripe {
	background:#fff;
	height:2px;
	float:left;
	width:100%;
	display:inline-block;
	margin-top:-1px;
}

	
/* ///////////////////////////// 
	#doormat 	 	
/////////////////////////////// */	
	
div#doormat {
	background:#eaf1f5 url(../images/bg_doormat.gif) no-repeat;
	width: 920px;
	overflow:hidden;
	position:relative;
	padding:10px;
	margin:20px 0 0 10px;
}
	
div#doormat span.bottom {
	background:url(../images/bg_doormat_bottom.gif) no-repeat bottom;
	width: 940px;
	height: 5px;
	position:absolute;
	bottom:-2px;
	left:0;
}
		
ul.blueArrow a:hover, a.blueArrow:hover {
	text-decoration:underline;
}
/*
div#doormat #doormatList {
	margin:0 0 0 10px; 
	float:left;
	display:inline;
	width:730px;
}*/

div#doormat #doormatList li.listItem{
	float:left;
	width:180px;
	margin-right:10px;
	overflow:hidden;
}

div#doormat #doormatList li.liSmall{
	width:140px;
	background:transparent;
}

div#doormat #doormatList li.liSmall .lastChild {
	margin-bottom: 4px;
}

div#doormat .listItemContainer {
	margin: 0 0 10px;
}

.xtraMarginBottom,	
div#doormat #doormatList li.listItem.liSmall .xtraMarginBottom {
	margin-bottom:17px;
}

div#doormat.donkerblauw  	{
	background: url(../images/bg_doormat_blauw.jpg) no-repeat;
}

div#doormat.donkerblauw span.bottom {
	background:url(../images/bg_doormat_blauw_bottom.gif) no-repeat bottom;
	bottom:-2px;
}

div#doormat.donkerblauw  a{
	color:#ffffff;
}

div#doormat.donkerblauw li h3{
	color:#ffffff;
}

div#doormat.donkerblauw ul.blueArrow a:link, 
div#doormat.donkerblauw ul.blueArrow a:visited, 
div#doormat.donkerblauw a.blueArrow{
	background:url(../images/pijl_wit.gif) no-repeat 0px 7px;
}
	
div#doormat.donkerblauw #doormatList li.listItem{
	float:left;
	width:170px;
	margin-right:16px;
	overflow:hidden;
	display:inline;
}
	
div#doormat #doormatList .blueArrow {
	margin-top:0;
}



/*  vcard */

div.vcard {
	float:left;
	width:200px;
}	
	
div.vcard h4 a {
	text-decoration:none;
}

#doormatList h4,
#doormat div.vcard h4.organization-name, 
#doormatList h3 {
	font-size:16px;
	height:2.3em;
}

#doormatList h4 a,
#doormatList h3 a {
	text-decoration:none;
}

	

/* .formulierTabs */	
ul.formulierTabs {
	border-bottom:1px solid #e5e5e5;
	height:23px;
	margin:20px 0 20px 0;
}
	
ul.formulierTabs li {
	float:left;
	padding-right:9px;
}

ul.formulierTabs li.last {
	padding-right:0px;
}

.formulierTabs a, .formulierTabs a span,				
.formulierTabs div, .formulierTabs div span{
	color:#344546;
	text-decoration:none;
	font-size:1em;
	height:24px;
	display:block;
}

.formulierTabs a, .formulierTabs a span {
	cursor:pointer;
}
		
.formulierTabs a span,  		
.formulierTabs div span { 
	padding:2px 14px 0 14px;
	text-align:center;
}

.formulierTabs a.active,	
.formulierTabs div.active {
	font-weight:bold;
}

.formulierTabs a:hover,	
.formulierTabs a.active,		
.formulierTabs div.active{
	background:url(../images/bg_tab_left.gif) no-repeat 0px 0px;
	text-decoration:none;
	outline:none;
}

.formulierTabs a:hover span,		
.formulierTabs a.active span,
.formulierTabs div.active span{ 
	background:url(../images/bg_tab_right.gif) no-repeat right top;
	outline:none;
	height:22px;
}	

ul.formulierTabs.high {
	border-bottom:1px solid #e5e5e5;
	height:34px;
	margin:20px 0 20px 0;
}
		
.formulierTabs.high a:link, 
.formulierTabs.high a:visited, 
.formulierTabs.high a span {
	color:#344546;
	text-decoration:none;
	font-size:1em;
	height:35px;
	line-height:1.3em;
	display:inline-block;
}
	
.formulierTabs.high a.active span,	
.formulierTabs.high a:hover span { 
	height:32px;
}
		
.formulierTabs a span em{
	background:none;
	padding:0;
	color:#828282;
	font-size:0.8em;
	font-weight:normal;
	font-style:normal;
}		
	
ul.list_form {
	padding-bottom:10px;
	margin-top:6px;
	display:inline;
	float:left;
}

ul.list_form li {	
	width:461px;
	float:left;
	padding-bottom:9px;
}

ul.list_form .description,		
ul.list_form label{
	padding-right:20px;
	width:140px;	
	text-align:right;
	display:inline-block;
	float:left;
}

span.errorMessage,	
ul.list_form label.error {
	color:#aa052f;
}

ul.list_form label.error {
	background:none;
}
		
span.errorMessage{
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	background:none;
}

ul.list_form label.sexe{
	display:inline-block;
	width:50px;
	float:none;
	text-align:left;
	cursor:pointer;
	line-height:1.2em;
	margin:0 0 0 4px;
	vertical-align:top;
}

ul.list_form li ul {
	width:390px;
	float:left;
	display:inline;
	margin:5px -90px 0 0;
}

ul.list_form li ul li {
	vertical-align:top;
	height:20px;
	float:left;
	width:150px;
}
	
ul.list_form li ul li input {
	margin-top:0px;
	margin-right:3px;
	float:left;
	height:12px;
	width:12px;
	vertical-align:top;
}

ul.list_form li ul li label {
	width:90px;
	display:inline-block;	
	float:left;
	cursor:pointer;
	text-align:left;
	line-height:1.2em;
	margin:0 0 0 2px;
}	
		
.bgTextarea,	
ul.list_form li span.bgTextarea{
	width:300px;
	height:67px;
	background:url(../images/bg_textBox.gif) no-repeat;
	margin-top:6px;
	display:block;
	padding:4px 0 0 4px;
	float:left;
	margin-right:-10px;
}

.bgTextareaActive,
ul.list_form li span.bgTextareaActive{
	background:url(../images/bg_textBox_blauw.gif) no-repeat;
	width:300px;
	height:67px;
	margin-top:6px;
	display:block;
	padding:4px 0 0 4px;
	float:left;
	margin-right:-10px;
}	

.bgTextareaError,	
ul.list_form li span.bgTextareaError{
	background:url(../images/bg_textBox_rood.gif) no-repeat;
	width:300px;
	height:67px;
	margin-top:6px;
	display:block;
	padding:4px 0 0 4px;
	float:left;
	margin-right:-10px;
}

ul.list_form li textarea{
	width:294px;
	height:60px;
	display:block;
	border:0;
	overflow:auto
}

ul.list_form li select {
	width:298px;
	border:1px solid #7f9db9;
	padding:1px;
}

ul.list_form label.lblSmall {	
	width:100px;	
	margin:0 5px 0 10px;
}

ul.list_form span.CaptchaDefault,		
ul.list_form span.default,	
ul.list_form span{
	display:inline-block;
	width:300px;
	background:url(../images/bg_textinput.gif) no-repeat 0 0;
	float:left;
	margin-top:-3px;
	padding-bottom:1px;
}

ul.list_form span.CaptchaActive{
	display:inline-block;
	width:300px;
	height:27px;
	background:url(../images/bg_textinput_blauw.gif) no-repeat 0 0;
	float:left;
	margin-top:-3px;
}

ul.list_form input.CaptchaDefault_,	
.formw input{
	display:inline-block;
	width:294px;
	height:21px;
	background:url(../images/bg_textinput.gif) no-repeat 0 0;
	float:left;
	margin-top:-3px;
	border:0px;
	padding:6px 3px 0 3px;
}

ul.list_form input.CaptchaActive_{
	display:inline-block;
	width:294px;
	height:21px;
	background:url(../images/bg_textinput_blauw.gif) no-repeat 0 0;
	float:left;
	margin-top:-3px;
	border:0px;
	padding:6px 3px 0 3px;
}

.bgTextInputActive {
	background:url(../images/bg_textinput_blauw.gif) no-repeat 0 0;
}
	
ul.list_form .formw .description,
ul.list_form .formw input#Captcha{
	margin-bottom:4px;
}

ul.list_form span.noBg{
	background:none;
	padding-top:3px;
	height:auto;
}
		
ul.list_form span.highlite{	
	background:url(../images/bg_textinput_grijs.gif) no-repeat 0 0;
}

span.active,	
ul.list_form span.active{	
	background:url(../images/bg_textinput_blauw.gif) no-repeat 0 0;
}

ul.list_form span.error{	
	background:url(../images/bg_textinput_rood.gif) no-repeat 0 0;
}

.ie6.third {
	background-color: orange;
}

ul.list_form span.error input,		
ul.list_form span input{ 
	width:288px;
	border:0;
	background:transparent;
	height:22px;
	vertical-align:top;
	padding:6px 6px 0 6px;
}

ul.list_form .smallDefault,	
ul.list_form .small{
	width:70px;
	background:url(../images/bg_textinput_klein.gif) no-repeat 0 0;
}

ul.list_form .smallActive,	
ul.list_form .small.active{
	width:70px;
	background:url(../images/bg_textinput_klein_blauw.gif) no-repeat 0 0;
	border:0;
	height:27px;
}

ul.list_form .small.error{	
	background:url(../images/bg_textinput_klein_rood.gif) no-repeat 0 0;
}
	
ul.list_form .small.highlite{
	background:url(../images/bg_textinput_klein_grijs.gif) no-repeat 0 0;
}

ul.list_form .small input{
	width:58px;
}

ul.list_form span.txtGrey {
	color:#828282;
	font-size:0.8em;
	background:none;
	float:right;
}

ul.list_form span.errorText {
	color:#aa052f;
	background:none;
	float:right;
	display:inline-block;
	margin-top:3px;
}

ul.list_form img.captcha {
	margin-bottom:4px;
}

ul.list_form li input.inputFile {
	background:#fff;
	border:none;
	position: relative;
	width:100%;
	margin-top:1px;
	height:23px;
}

#spaninputfile {
	background:url(../images/bttn_bladeren_nl.png) no-repeat right top;
	margin-top:0px;
	height:26px;
	width:300px;
}

#spaninputfile:hover {
	background:url(../images/bttn_bladeren_nl.png) no-repeat  right -27px;
	margin-top:0px;
	height:26px;
	width:300px;
}

#spaninputfile .inputFile {
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size:18px;
}

#spaninputfile span#fakeinputfile {
	background:none;
	margin-top:-24px;
	width:200px;
	cursor:pointer;
	font-size:1em;
}

#spaninputfile span#fakeinputfile input{
	width:200px;
}


/*ul.list_form complain */

ul.list_form.complain label#from_city {
	margin-bottom:-3px;
}

ul.list_form.complain #from_city,
ul.list_form.complain #from_zip,
ul.list_form.complain #from_num,
ul.list_form.complain #from_street {
	width:292px;
	height:21px;
	background:url(../images/bg_textinput.gif) no-repeat 0 0;
	border:0;
	display:inline-block;
	margin-top:-3px;
	padding:6px 4px 0 4px;
}

ul.list_form.complain #from_num{	
	width:62px;
	background:url(../images/bg_textinput_klein.gif) no-repeat 0 0;
}

ul.list_form.complain #from_street{	
	width:202px;
	background:url(../images/bg_textinput_middle.gif) no-repeat 0 0;
	margin-right:20px;
}

ul.list_form.complain #to_select {
	width:300px;
	border:1px solid #e5e5e5;
	height:23px;
	display:inline-block;
	margin-top:0px;
	padding-top:2px;
}
	
ul.list_Defects {
	margin-top:14px;
}
	
ul.list_Defects li {
	padding-bottom:14px;
}
		
ul.list_Defects li a{
	display:block;
	text-decoration:none;
	font-size:1.2em;
	font-weight:normal;
}

ul.list_Defects li p{
	margin-bottom:0 !important;
}
		
ul.list_Defects li a:hover{	
	text-decoration:underline;
}

ul.list_Defects li a span {
	font-weight:bold;
	font-size: 1.0em;
}

ul.list_Defects li.fnt_Blue a{
	display:inline;
	text-decoration:underline;
	font-size:1em;
}

ul.list_Defects li span.fntGrey, 	
ul.list_Defects li span.fntOrange {
	font-size:0.9em;
}

ul.list_Defects li a.blueArrow {
	font-size:1em;
}
	
	
/* #optionsBar */ 

#optionsBar {
	background:url(../images/bg_optionsbar.gif) repeat-x top;
	height:30px;
	margin:10px 0 0 0;
	width:460px;
	float:left;
}

#optionsBar ul {
	float:right;
}
	
#optionsBar ul li	{
	float:left;
	margin:7px 0 0 26px;	
}

/* .downloadList  */
div.downloadListHolder {
	float:left;
	margin:35px 0 0 0;
}

div.downloadListHolder .zoneMiddleLeft,
div.downloadListHolder .zoneMiddleRight	{
	float:left;
	width:220px;
	margin-right:20px;
	margin-bottom:10px;
}

div.downloadListHolder .zoneMiddleRight	{
	margin-right:0;
}
	
div.downloadListHolder h2	{
	border-bottom:1px solid #e7f5f4;
}
	
	
/*  table .tbl_*  */
table.tbl_Streets {
	border-collapse: separate;
	border-top: 1px solid #d7d7d7;
	margin:8px 0 20px 0;
}

table.tbl_Streets td{ 
	padding:5px 3px 5px 3px;	
	vertical-align:top;
	border-bottom: 1px solid #d7d7d7;
}
		
table.tbl_Streets th {
	display:none;
}
	
table.tbl_Streets td.td1 {
	width:161px;
	padding-left:8px 
}
	
table.tbl_Streets td.td2 {
	width:126px;
}
	
table.tbl_Streets td.td3 {
	width:151px;
}
	
	
table.tbl_Streets tr.highlight,
table.tbl_Defects tr.highlight  {
	background:#e1f3f1;
}
	
/* tbl_Defects */	
table.tbl_Defects	{
	border-collapse: separate;
	border-top: 1px solid #d7d7d7;
	margin:8px 0 20px 0;
}

table.tbl_Defects th,
table.tbl_Defects td {
	width: 218px;
	vertical-align:top;
	border-bottom: 1px solid #d7d7d7;
	padding:5px 3px 5px 8px;	
}
		
table.tbl_Defects th {		
	font-weight:bold;
	border-right: 1px solid #d7d7d7;
}

table.tbl_Defects caption{
	display:none;
}
	
	
/*  FAQ */	
#faqSearchBox	{
	width:460px;
	height:46px;
	background:url(../images/bg_FaqSearchHolder.gif) no-repeat 0 0;
	position:relative;
	margin:6px 0 18px 0;
}

#faqSearchBox .searchBox {
	float:left;
}

#faqSearchBox .searchBox input.searchDefault,	
#faqSearchBox .searchBox input {
	border:1px solid #eaeaea;
	height:20px;
	width:360px;
	padding:6px 5px 0 5px;
	position:absolute;
	left:10px;
	top:9px;
}
		
#faqSearchBox .searchBox input.searchActive {
	border:1px solid #0083c6;
	height:20px;
	width:360px;
	padding:6px 5px 0 5px;
	position:absolute;
	left:10px;
	top:9px;
}
	
#faqSearchBox a.LinkButton{
	background:url(../images/knopZoek.gif) no-repeat 0 0;
	width:63px;
	height:27px;
	position:absolute;
	right:6px;
	top:10px;
	font-size:0;
	padding-left:5px
}
	
#faqSearchBox a.LinkButton:hover{
	background:url(../images/knopZoek_on.gif) no-repeat 0 0;
}
	
.rightAbsolute {
	position:absolute;
	right:10px;
	top:-6px;
}

.h2Black.faqList {
	border-bottom:1px solid #d7d7d7;
}

.bullitList.faqList {
	margin-bottom:20px;
}

.blueArrow.faqList {
	padding-top:6px;
	border-top:1px solid #e7f5f4;
	margin-bottom:20px;
}
	
/* Routebeschrijving*/	
.routeplanList,
.routeplanList li {
	float:left;
}

.routeplanList {
	margin-bottom:20px;
}
	
.routeplanList li {
	width:222px;
}

.routeplanList li ul li.inputBox {
	width:auto;
	padding-left:10px;
}

#boxInputRoute {
	width:222px;
	height:172px;
	background:url(../images/bg_routebeschrijving_box.gif) no-repeat 0 0;
}

#boxInputRoute input#from_street,
#boxInputRoute input#from_city {
	border: 1px solid #c9dfeb;
	color: #828282;
	width: 90%;
}	

ul.list_route {
	margin:10px 0 20px 0;
}
	
.routeplanList li label {
	color:#fff;
	display:block;
}

.routeplanList li .from_zip {
	border:0;
	width:65px;
	height:21px;
	margin:0px 34px 0 0;
	color:#828282;
	background:url(../images/bg_input_inuwbuurt.gif) no-repeat;
	padding: 6px 2px 0 2px;
	display:inline;
}

.bgInput_inuwbuurt_on {
	background:url(../images/bg_input_inuwbuurt_on.gif) no-repeat !important;
}
	
#boxInputRoute span.h2White {
	margin:0 0 0 10px;
	width:200px;

}

#boxInputRoute div.msgholder{
	height:40px;
	margin-bottom:0;
	padding:5px 9px 4px 9px;
}

div#middleContent #boxInputRoute div.textholder p {
	color:#fff;
}
	
#boxInputRoute ul li label {
	width:160px;
}

.routeplanList li .btnLarge,
.routeplanList li .btnSmall {
	vertical-align:top;
}

.routeplanList li .adresHolder {
	margin:0 0 0 20px;
}

.routeplanList li .adresHolder ul li{
	float:none;
}

.routeplanList li .adresHolder .button{
	float:right;
}

.routeplanList li .adresHolder ul{
	margin-bottom:10px;
	border-top:1px solid #000000;
	margin-top:2px;
	padding-top:4px;
	width:222px;
}
	
/* Water hardheid */	

div.box.hardheidForm {
	width:210px;
	height:138px;
	background:transparent url(../images/bg_indebuurt.png) repeat scroll 0 0;
	margin:10px 0;
	float:left;
	position:relative;
	padding:0 0 0 10px;
	color:#fff;
}

div.box.hardheidForm span.h4White {
	padding:6px 0;
	display:block;
	height:30px;
	font-weight:bold;
}

div#middleContent div.box.hardheidForm p {
	margin:0;
}

div.box.hardheidForm ul {
	position:absolute;
	bottom:10px;
}

div.box.hardheidForm ul li {
	float:left;
}

div.box.hardheidForm li.li1 {
	width:135px;
}

div.box.hardheidForm li.li1 input {
	background:transparent url(../images/bg_input_inuwbuurt.gif) no-repeat scroll 0 0;
	border:none;
	color:#828282;
	height:21px;
	margin:0 12px 0 0;
	padding:6px 2px 0;
	width:65px;
}

div.box.hardheidForm li.li3 input {
	background:transparent url(../images/bttn_submit_nl.png) no-repeat scroll 0 -108px;
	border:medium none;
	cursor:pointer;
	font-size:0;
	height:27px;
	line-height:100px;
	margin-top:21px;
	width:64px;
}

div.box.hardheidForm li.li3 input:hover {
	background:transparent url(../images/bttn_submit_nl.png) no-repeat scroll -140px -108px;
}

div.box.hardheidResults {
	width:220px;
	float:right;	
	margin:0 0 0 20px;
}

div.box.hardheidResults h3 {
	border-bottom: 1px solid #000;
	font-size:16px;
}

div.box.hardheidResults p {
	border-top:1px solid #000000;
	margin-top:2px;
	padding-top:4px;
}

div.box.hardheidResults span.errorText {
	color:#aa052f;
}	
	
/* #faultDisplay -  grote storingen pagina*/	

#faultDisplay,
#faultDisplay span.top,
#faultDisplay span.bottom { 
	width:940px;
}

#faultDisplay {
	background:#fff url(../images/bg_storingsContainer_middle.gif) repeat-y 10px 0 ;
	position:absolute;
	float:left;
	padding-bottom:12px;
	display:inline;
	width:960px;
	top:0px;
	left:0;
	margin:0px 0 0px 0;
}

#faultDisplay span.top{
	height:8px;
	background:url(../images/bg_storingsContainer_top.gif) no-repeat;
	position:absolute;
	left:10px;
	top:0;
}
	
#faultDisplay span.bottom{
	height:64px;
	background:url(../images/bg_storingsContainer_bottom.gif) no-repeat 0 0;
	position:absolute;
	left:10px;
	bottom:0;
}
		
#faultDisplay #list_fault {
	padding:20px;
}

#faultDisplay #list_fault li {
	float:left;
}

#faultDisplay #list_fault li p{
	width:440px;
	margin-top:15px;
}
			
#faultDisplay #list_fault li ul li {
	float:none;
}

#faultDisplay #list_fault li ul li a{
	text-decoration:none;
}
	
#faultDisplay #list_fault li ul li a:hover{
	text-decoration:underline;
}

#faultDisplay #list_fault li.faults {
	padding-right:20px;	
	padding-bottom:30px;
}
 	
#faultDisplay #list_fault ul.list_fault {
	width:450px;
	border-top:1px solid #000;
}

#faultDisplay #list_fault li.faults ul.list_fault {
	border-top:1px solid #ffe0c9;
	color:#0083c6;
}
	
#faultDisplay #list_fault ul.list_fault li {
	padding-top:4px;
	position:relative;
}
	
#faultDisplay a.blueArrow {
	position:absolute;
	bottom:10px;
	left:20px;
}
	
#faultDisplay #list_fault li.faults span.headerOrange {
	margin-bottom:0;
	font-size:21px;
	color:#f47300;
	position:relative
}

#faultDisplay #list_fault li.faults span.headerOrange object {
	margin-top:-16px;
	position:relative;
}

#faultDisplay #list_fault li span.h3Black {
	font-size:16px;
}

#faultDisplay #list_fault li span.h3Black object  {
	margin-top:-9px;
	margin-bottom:-4px;
}

	

/* Zelf regelen */
div.registrationContainer {
	line-height: 1.4em;
}

div.registrationContainer h2 {
	color: #344546;
	border-bottom: 1px solid #344546;
	margin: 0 0 5px;
}

div.registrationContainer .leadText {
	margin: 0 0 15px;
}

div.registrationContainer ul li {
	margin: 0 0 10px 15px;
}

div.registrationContainer .bttn_register { 
	float:right;
}
		
.greyBox {
	width:460px;
	float:left;
	background:url(../images/bg_greyBox.png) no-repeat 0 0;
	position:relative;
	margin: 20px 20px 0 0;
}

.greyBox.lastChild {
	margin: 20px 0 0;
}

.greyBox div{
	padding:5px 10px 10px 10px;
	background:url(../images/bg_greyBox_bottom.png) no-repeat 0 bottom;
	min-height:170px;
	width:440px;
}	
	

.greyBox div p{ 
	margin-bottom:20px;
}

.greyBox div a{ 
	text-decoration:none;
}

.greyBox div a:hover{ 
	text-decoration:underline;
}
					

.greyBox.Active {
	background-position: 0 -801px;
}

.greyBox.Active div{
	background:url(../images/bg_greyBox_bottom.png) no-repeat -460px bottom;
}	
		

/* Mijn water */
	
iframe.MijnWater {
	width:700px;
	min-height: 800px;
	border:0;
	margin:0;
	overflow-x:hidden;
}

/*  #loginBox  */	
	
#loginBox {
	width:300px;
	height:196px;
	background:url(../images/bg_inlogBox.gif) no-repeat 0 0;
	margin:0 0 10px 9px;
	float:left;
	display:inline;
}

#loginBox .bttn_login {
	width:89px;
	height:30px;
	border:0;
	outline:none;
	font-size:0;
	line-height:100px;
	cursor:pointer;
}

body.NL #loginBox .bttn_login {
	background:url(../images/bttn_submit_nl.png) no-repeat 0 -81px;
}

body.NL #loginBox .bttn_login:hover {
	background:url(../images/bttn_submit_nl.png) no-repeat -140px -81px;
}

body.EN #loginBox .bttn_login {
	background:url(../images/bttn_submit_en.png) no-repeat 0 -81px;
	width:67px;
}

body.EN #loginBox .bttn_login:hover {
	background:url(../images/bttn_submit_en.png) no-repeat -140px -81px;
	width:67px;
}
		
#loginBox h2{
	margin-left:10px;
}
	
#loginBox ul {
	margin-left:10px;
	margin-right:-10px;
	border-top:1px solid #ffffff;
	width:280px;
	margin-top:-8px;
	*margin-top:-3px; /*IE7 issue*/
}
	
#loginBox ul li{	
	width:129px;
	background:url(../images/bg_input_loginbox.gif) no-repeat left bottom;
	float:left;
	height:53px;
	color:#fff;
	margin-right:20px;
	display:inline;
	padding-top:5px;
}
	
#loginBox ul li.li_psswrd{		
	margin-right:0;
}

#loginBox ul li label {
	display:block;
	margin-bottom:7px;
}
		
#loginBox ul li input {	
	width:120px;
	border:0;
	margin-left:4px;
}
	
#loginBox ul li.links {
	width:280px;
	padding-top:4px;
	background:none;
	font-size:0.8em;
	height:auto;
}
		
#loginBox ul li.links a{
	display:block;
}
	
#loginBox ul li.links .bttn_login{ 
	float:right;
	margin-top:0px;
}
	
#loginBox span 	{
	display:inline-block;
	font-size:0.8em;
	color:#fff;
	margin:8px 0 0 6px;
}

#loginBox ul li.links input#mijngegevens{
	width:13px;
	border:0;
	margin:0;
}
		
#loginBox ul li.links label{
	display:inline-block;
}		
	
	
/* Faq container */	
div.categorien-indexHolder {
	margin-top: 20px;
	width: 720px;
}

.categorien-index {
	float:left;
	margin: 0 20px 0 0;
	width: 340px;
}

.categorien-index li {
	background:url(../images/bg_middleBox.png) no-repeat 0 bottom;
	margin: 0 0 20px;
	overflow: hidden;
}

.categorien-index li .categoryBox {
	background:url(../images/bg_middleBox_top.png) no-repeat 0 0;
	padding: 0 10px;
	width:320px;
}

.categorien-index li.Active {
	background:url(../images/bg_middleBox.png) no-repeat -340px bottom;
}

.categorien-index li.Active .categoryBox {
	background:url(../images/bg_middleBox_top.png) no-repeat -340px 0;
}

.categorien-index li .categoryBox ul li {
	background: url(../images/pijl_blauw.gif) no-repeat 0 7px;
	float: none;
	margin: 0;
}	

.categorien-index li .categoryBox ul li.xtraMarginBottom {
	margin-bottom:10px;
}

.categorien-index li .categoryBox .button {
	float:right;
	margin: 10px 0;
	text-transform:lowercase;
}

.categorien-indexHolder #categorien-index li {	
	clear:both;
	padding-bottom:0;
}

.categorien-indexHolder #categorien-index a.button {
	float:left;
	margin-bottom:10px;
}

.categorien-indexHolder #categorien-index .categoryBox {
	margin-bottom:0px;
	margin-top:20px;
}

.categorien-indexHolder #categorien-index .categoryBox h2{
	margin-bottom:0px;
}

.categorienH2Holder {
	border-bottom:1px solid #D7D7D7;
	margin: 0 0 20px;
	width:460px;
}

	
/* footer */
div#footer {
	width:960px;
	position:relative;
	padding-top:17px;
	padding-bottom:17px;
}

div#footer h3,
div#footer p,
div#footer ul.gegevens {
	margin-left:15px;
}

div#footer ul.gegevens {
	float:left;
	margin-bottom:16px;
}

div#footer ul.gegevens li {
	float:left;
	padding:0;	
}

div#footer ul.gegevens li strong{
	color:#344546;
}
	
div#footer ul.gegevens li.postadres {
	padding:0 60px 0 30px;
}

div#footer p {
	margin-bottom:16px;
}

div#footer h4 {
	color:#344546;
	margin-left:15px;
	font-size:1.2em;
}
	
div#footer a.logo_Drempelsweg {
	background:url(../images/logo_drempelsweg_blwBG.gif) no-repeat;
	width:38px;
	height:39px;
	display:block;
	position:absolute;
	top:9px;
	right:10px;
}

div#footer ul,	
div#footer.small ul {
	margin:0px 0 0 10px;
}

div#footer ul li { 
	display:inline;
	padding:0 0px 0 5px;
	color:#0082C5;
}

div#footer ul li span {
	color:#344546;
}
	
div#footer ul li a:link, 
div#footer ul li a:visited {
	color:#0082C5;
	text-decoration:none;
}
 	
div#footer ul li a:hover{
	text-decoration:underline;
} 	

/*  #messageBox  */
#messageBox {
	margin:0 0 20px 0px;
	position:relative;
	background:url(../images/bg_messagebox_mid_kort.gif) repeat-y;
	padding:6px 30px 6px 6px;
	width:424px;
}

#messageBox.bigFault {
	background:url(../images/bg_messagebox_mid.gif) repeat-y;
	margin:0 0 20px 10px;
	width:904px;	
}

#messageBox p{
	text-align:center;
	padding-top:1px;
	margin-bottom:0 !important;
}
	
#messageBox span.top,
#messageBox span.bottom {
	width:460px;
	position:absolute;
	left:0;
}
	
#messageBox.bigFault span.top,
#messageBox.bigFault span.bottom {
	width:940px;
	position:absolute;
	left:0;
}
	
#messageBox span.top {
	height:7px;
	top:0;
	background:url(../images/bg_messagebox_top_kort.gif) no-repeat;
}
	
#messageBox.bigFault span.top {
	height:7px;
	top:0;
	background:url(../images/bg_messagebox_top.gif) no-repeat;
}
	
#messageBox span.bottom {
	height:8px;
	bottom:0;
	background:url(../images/bg_messagebox_bottom_kort.gif)  no-repeat bottom;
}
	
#messageBox.bigFault span.bottom {
	height:8px;
	bottom:0;
	background:url(../images/bg_messagebox_bottom.gif)  no-repeat bottom;
}
		
#messageBox .bttn_close_red {
	position:absolute;
	right:10px;
	top:10px;
}

#messageBox .bttn_close_red span {
	display:none;
}
	
#messageBox a:link, #messageBox a:visited {
	text-decoration:none;
}
 	
#messageBox a:hover {
	text-decoration:underline;
} 	
	

	
/*boxDownloadForm*/	
div.boxDownloadForm {
	float:left;
	padding-right:5px;
	width:205px;
	margin-left:0px;
	display:inline;
}

div.boxDownloadForm .icon{
	float:left;
	margin:7px 0 0 0;
}

div.boxDownloadForm .bttn_downloadForm{
	float:right;
	margin:8px 10px 0 0;
}

div.boxDownloadForm table{ 
	width:197px;
	vertical-align:middle;
	border-top:1px solid #d7d7d7;
	margin:10px 0 20px 0;	
	clear:both;
}
	
div.boxDownloadForm table th,
div.boxDownloadForm table td { 
	border-bottom:1px solid #d7d7d7;	
	padding-left:5px;	
}
	
div.boxDownloadForm table th { 
	height:37px;
	width:94px;
	font-weight:bold;
	border-right:1px solid #f1f1f1;
}

div.boxDownloadForm table tr.secondRow{
	background:#e1f3f1;
}

div.boxDownloadForm table caption{
	display:none;
}
	
div.downloadFormText {
	float:left;
	margin-left:20px;
	width:220px;
}

div.downloadFormText a{
	display:block;
	margin-bottom:20px;
}

div.boxPopulairePaginas ul.downloadList li,
div.greyBorder220 ul.downloadList li  {
	background: none;
	padding: 0;
}

/*pager*/
	
div.pager {
	background:#eefaf9;
	text-align:center;
	position:relative;
	padding:0 75px 0 75px;
	color:#0082C5;
	margin:10px 0 10px 0;
	width:310px;
}
	
div.pager a.btn_back:link, 
div.pager a.btn_back:visited{
	position:absolute;
	left:5px;
	top:0;
	color:#0082C5;
}
	
div.pager a.btn_next:link, 
div.pager a.btn_next:visited{
	position:absolute;
	right:5px;
	top:0;
	color:#0082C5;
}
	
div.pager a:link, div.pager a:visited  {
	color:#344546;
	text-decoration:none;
	display:inline-block;
	padding:0 2px 0 2px;
}
	
div.pager a:hover {
	color:#344546;
	text-decoration:underline;
}
		
div.pager span {
	display:inline-block;
	padding:0 2px 0 2px;
}
	
	
/* alertInputBox */

div#alertInputBox {
	background:url(../images/bg_smsInputBox.gif) no-repeat top;
	width: 460px;
	height: 227px;
	color:#fff;
	margin:4px 0 10px 0;
}

div#alertInputBox fieldset{
	width: 460px;
}
	
div#alertInputBox h2 {
	margin:2px 0 0 10px;
}

div#alertInputBox ul {
	margin:5px 0 0 10px;
	float:left;
}

div#alertInputBox ul li {
	width:210px;
	height:27px;
	float:left;
	padding-top:4px;
}

div#alertInputBox ul li.textInput {
	background:url(../images/bg_inputsms.gif) no-repeat right;
	width:230px;
	padding-top:0px;
}

div#alertInputBox ul li.textInput input{
	float:right;
	width:200px;
	margin:6px 3px 0 0;
	border:0;
}
	
div#alertInputBox ul.myEntry {
	border-top:1px solid #fff;
	margin-top:-5px;
	width:440px;
	float:left;
}

div#alertInputBox ul.myEntry li  {
	padding:8px 5px 0 0;
}
	
div#alertInputBox ul.myEntry li input {
	background:url(../images/bg_inputsms_2.gif) no-repeat;
	width:140px;
	border:none;
	height:27px;
}

div#alertInputBox ul.myEntry li input,	
div#alertInputBox ul.myEntry li label{
	float:left;
}

div#alertInputBox ul.myEntry li input {
	padding:6px;
	margin-left:5px; 
}
	
div#alertInputBox ul.myEntry li.inpPostalcode {
	width:215px;
	padding:10px 20px 0 0 ;
}
	
div#alertInputBox ul.myEntry li.inpHouseNumber {
	text-align:right;
	width:205px;
	padding:10px 0 0 0;
}

div#alertInputBox ul.myEntry li.inpPostalcode input,	
div#alertInputBox ul.myEntry li.inpHouseNumber input{
	float:right;
	margin:0;
	padding:6px 4px 0 4px;
	width:132px;
}
	
div#alertInputBox .bttn_Login {
	background:url(../images/bttn_aanmelden.gif) no-repeat;
	width:102px;
	height:20px;
	line-height:100px;
	font-size:0;
	border:0;
	cursor:pointer;
	display:inline-block;
	margin:16px 0 0 347px;
}

div#alertInputBox h2.myEntry  {
	margin-top:10px;
	width:460px;
}	
	


/* #routePlanner */	


div.routePlanner  {
	width:300px;
	height:140px;
	background:url(../images/bg_inlogBox_kort.gif) no-repeat 0 0;
	margin-bottom:10px;
	float:left;
	position:relative;
}
		
div.routePlanner .bttn_login {
	width:83px;
	height:30px;
	background:url(../images/bttn_inloggen.gif) no-repeat 0 0;
	border:0;
	outline:none;
	font-size:0;
	line-height:100px;
	cursor:pointer;
}

div.routePlanner span.h4White {
	margin-left:10px;
	display:block;
	margin-bottom:0px;
}
	
div.routePlanner span {
	display:block;
	margin:0 10px 10px 10px;
	color:#fff;
}


div.routePlanner ul {
	position:absolute;
	top:82px;
	left:11px;	
}
	
div.routePlanner ul li {
	float:left;
	color:#fff;
	height:40px;
}

.inpDefault,	
div.routePlanner ul li.li1 input {
	border:0;
	width:65px;
	height:21px;
	margin:0px 12px 0 0px;
	color:#828282;
	background:url(../images/bg_input_inuwbuurt.gif) no-repeat;
	padding: 6px 2px 0 2px;
}

.inpActive{
	border:0;
	width:65px;
	height:21px;
	margin:0px 12px 0 0px;
	color:#828282;
	background:url(../images/bg_input_inuwbuurt_on.gif) no-repeat;
	padding: 6px 2px 0 2px;
}

div.routePlanner ul li.li3 input{
	border:none;
	width:90px;
	height:27px;
	cursor:pointer;
	margin-top:21px;
	line-height:100px;
	font-size:0;
}

div.routePlanner ul li.li3 input,
div.routePlanner ul li.li3 input.NL,
div.routePlanner ul li.li3 input.EN{
	background:url(../images/bttn_planRoute_NL.gif) no-repeat;
}

div.routePlanner ul li.li3 input.DE{
	background:url(../images/bttn_planRoute_DE.gif) no-repeat;
}

div.routePlanner legend {
	display:none;
}
	
/*  bullitList */	
.bullitList li{
	list-style: disc outside;
}

.ico {
	width:20px;
	height:12px;
	display:inline-block;
	margin-right:-24px;
	margin-left:5px;
	margin-top:1px;
} 
/* FF2 uitzondering*/
html>/**/body .ico, x:-moz-any-link	{ position:absolute; }
html>/**/body .ico, x:-moz-any-link, x:default { position:relative; }


.ico.doc {
	background:url(../images/ico_doc.gif) no-repeat 0px 0px;
}
	
.ico.pdf {
	background:url(../images/ico_pdf.gif) no-repeat 0px 0px;
}

.ico.ppt {
	background:url(../images/ico_ppt.gif) no-repeat 0px 0px;
}

.ico.xls {
	background:url(../images/ico_xls.gif) no-repeat 0px 0px;
}
			
a:link, 
a:visited, 
a:active {
	color:#0082C5;
	text-decoration:underline;
	outline:none;
}
	
a:hover {
	text-decoration:underline;
}

.middleContent a:link, 
.middleContent a:visited, 
.middleContent a:active 	{
	text-decoration:underline;
} 		

/***********************************************************
    2. Buttons    
***********************************************************/

/* Chat */
div.boxHolder div.chatHolder {
	margin-top:20px;
}

div.chatHolder a span {
	/*display:none;	*/
	display:block;
	text-indent:-1234em;
}	

.chatHolder a {
	width:302px;
	height:99px;
	display:block;
	background-position:0 0	;
	background-repeat:no-repeat;
	position:relative;
}

.chatHolder a:hover {
	text-decoration:none;						
}

div#rightContent div.chatHolder {
	float:left;
}

div#rightContent div.chatHolder a:link,
div#rightContent div.chatHolder a:visited,
div#rightContent div.chatHolder a:hover{
	width:220px;
	height:99px;
	background-position:0 -99px;
	background-repeat:no-repeat;
	display:block
}


div.buttonHolder {
	width:460px;
	text-align:right;
	margin-bottom:20px;
}

div.buttonHolder a.button.vorige{
	float:left;
}

div.buttonHolder .bttn_VolgendeStap  {
	margin-left:40px;
	vertical-align:top;
	float:right;
}
		
a.button {
	display:block;
	background:url(../images/bg_defaultButton_left.png) no-repeat 0 0;
	text-decoration: none;
}
	
a.button span { 
	display:block;
	padding:0px 8px 0 8px;
	background:url(../images/bg_defaultButton_right.png) no-repeat 100% 0;
	height:20px;
}

/* Zelf regelen buttons */
.greyBox a.button {
	background:url(../images/bg_btn_greyBox_left.gif) no-repeat 0 0;
	height: 23px;
	display: inline-block;
	float: right;
	text-decoration:none;
}

.greyBox a.button span {
	background:url(../images/bg_btn_greyBox_right.gif) no-repeat right top;
	height: 23px;
}

.greyBox a.button:hover span {
	background:url(../images/bg_btn_greyBox_right_on.gif) no-repeat right top;
}

.greyBox a.button:hover {
	background:url(../images/bg_btn_greyBox_left_on.gif) no-repeat 0 0;
}

a.button:hover{
	background:url(../images/bg_defaultButton_left.png) no-repeat 0 -50px;
	cursor:pointer;
	text-decoration:none;
}

a.button:hover span { 
	background:url(../images/bg_defaultButton_right.png) no-repeat 100% -50px;
}

a.button.blue{
	background:url(../images/bg_btn_blauw_left.gif) no-repeat 0px 0px;
	cursor:pointer;
	text-decoration:none;
}

a.button.blue span { 
	background:url(../images/bg_btn_blauw_right.gif) no-repeat right top;
	color:#fff;
}	
	
a.bttn_close_red {
	background:url(../images/bttn_sluiten_rood.gif) no-repeat right top;
	width:14px;
	height:14px;
	display:inline-block;
}	

a.bttn_register {
	background:url(../images/bttn_register.gif) no-repeat;
	width:106px;
	height:27px;
	display:inline-block;
}

a.bttn_register:hover {
	background:url(../images/bttn_register_on.gif) no-repeat;
}

a.bttn_downloadForm {
	background:url(../images/bttn_download.gif) no-repeat 0 0;
	width:96px;
	height:28px;
	display:inline-block;
}

a.bttn_downloadForm:hover {
	background-position:-96px 0;
}

a.bttn_downloadForm span {
	display:none;
}

.bttn_VolgendeStap {
	background:url(../images/bttn_volgendeVorige.png) no-repeat 0 0;
	width:124px;
	height:27px;
	border:0;
	font-size:0;
	line-height:100px;
	cursor:pointer;
	margin:0;
}

.bttn_VolgendeStap:hover {
	background:url(../images/bttn_volgendeVorige.png) no-repeat -124px 0;
}

.bttn_VorigeStap {
	background:url(../images/bttn_volgendeVorige.png) no-repeat 0 -27px;
	width:105px;
	height:27px;
	border:0;
	font-size:0;
	cursor:pointer;
	margin:0;
	float:left;
	line-height:100px;
}
	
.bttn_VorigeStap:hover {
	background:url(../images/bttn_volgendeVorige.png) no-repeat -124px -27px;
}	

.submitButtons .submit,	
.bttn_verstuur{
	width:88px;
	height:27px;
	border:0;
	outline:none;
	font-size:0;
	line-height:100px;
	cursor:pointer;
}

.submitButtons .submit,		
.bttn_verstuur.NL {
	background:url(../images/bttn_submit_nl.png) no-repeat 0 -162px;
}

.submitButtons .submit:hover,		
.bttn_verstuur.NL:hover {
	background:url(../images/bttn_submit_nl.png) no-repeat -140px -162px;
}
	
.bttn_verstuur.EN {
	background:url(../images/bttn_submit_en.png) no-repeat 0 -162px;
}
	
.bttn_verstuur.EN:hover {
	background:url(../images/bttn_submit_en.png) no-repeat -140px -162px;	
}
	
.bttn_verstuur.DE {
	background:url(../images/bttn_verstuur_DE.gif) no-repeat 0 0;
}
		
.bttn_verstuur.DE:hover {
	background:url(../images/bttn_verstuur_DE_on.gif) no-repeat 0 0;
}			
	
.btnSmall{
	width:99px;
	height:27px;
	border:0;
	outline:none;
	font-size:0;
	line-height:100px;
	cursor:pointer;
}
	
.btnSmall {
	background:url(../images/bttn_planRoute_EN.gif) no-repeat 0 0;
}

.btnSmall:hover {
	background:url(../images/bttn_planRoute_EN.gif) no-repeat  -99px 0;
}
		
a.button.noBg,
a.button.noBg span {
	background:none;
	padding-right:0;
	padding-left:0;
}
	
a.button.noBg:hover {
	text-decoration:underline;
}
		
a.btn {
	width:301px;
	height:64px;
	display:block;
	margin-bottom:20px;
}

a.btn.lastChild {
	margin-bottom: 0;
}

/* btn Contact-formulier */

body.NL a.btn.Contact-formulier{
	background:url("../Images/bttn_nl.png") no-repeat 0 -384px;
}
	
body.NL a.btn.Contact-formulier:hover{
	background:url("../Images/bttn_nl.png") no-repeat -301px -384px;
}

body.EN a.btn.Contact-formulier{
	background:url("../Images/bttn_en.png") no-repeat 0 -384px;
}
	
body.EN a.btn.Contact-formulier:hover{
	background:url("../Images/bttn_en.png") no-repeat -301px -384px;
}

body.DE a.btn.Contact-formulier{
	background:url("../Images/bttn_de.png") no-repeat 0 -384px;
}
	
body.DE a.btn.Contact-formulier:hover{
	background:url("../Images/bttn_de.png") no-repeat -301px -384px;
}	
	
/* btn factuur */

body.NL a.btn.Factuur{
	background:url("../Images/bttn_nl.png") no-repeat 0 -320px;
}
	
body.NL a.btn.Factuur:hover{
	background:url("../Images/bttn_nl.png") no-repeat -301px -320px;
}

body.EN a.btn.Factuur{
	background:url("../Images/bttn_en.png") no-repeat 0 -320px;
}
	
body.EN a.btn.Factuur:hover{
	background:url("../Images/bttn_en.png") no-repeat -301px -320px;
}

body.DE a.btn.Factuur{
	background:url("../Images/bttn_de.png") no-repeat 0 -320px;
}
	
body.DE a.btn.Factuur:hover{
	background:url("../Images/bttn_de.png") no-repeat -301px -320px;
}

/* btn Veelgesteldevragen*/

body.NL a.btn.Veelgesteldevragen{
	background:url("../Images/bttn_nl.png") no-repeat 0 -256px;
}
	
body.NL a.btn.Veelgesteldevragen:hover{
	background:url("../Images/bttn_nl.png") no-repeat -301px -256px;
}

body.EN a.btn.Veelgesteldevragen{
	background:url("../Images/bttn_en.png") no-repeat 0 -256px;
}
	
body.EN a.btn.Veelgesteldevragen:hover{
	background:url("../Images/bttn_en.png") no-repeat -301px -256px;
}

body.DE a.btn.Veelgesteldevragen{
	background:url("../Images/bttn_de.png") no-repeat 0 -256px;
}
	
body.DE a.btn.Veelgesteldevragen:hover{
	background:url("../Images/bttn_de.png") no-repeat -301px -256px;
}

		
/* btn Klachten-formulier*/

body.NL a.btn.Klachten-formulier{
	background:url("../Images/bttn_nl.png") no-repeat 0 -128px;
}
	
body.NL a.btn.Klachten-formulier:hover {
	background:url("../Images/bttn_nl.png") no-repeat -301px -128px;
}

body.EN a.btn.Klachten-formulier{
	background:url("../Images/bttn_en.png") no-repeat 0 -128px;
}
	
body.EN a.btn.Klachten-formulier:hover {
	background:url("../Images/bttn_en.png") no-repeat -301px -128px;
}

body.DE a.btn.Klachten-formulier{
	background:url("../Images/bttn_de.png") no-repeat 0 -128px;
}
	
body.DE a.btn.Klachten-formulier:hover {
	background:url("../Images/bttn_de.png") no-repeat -301px -128px;
}
	
/* btn Klantenservice*/

body.NL a.btn.Klantenservice{
	background:url("../Images/bttn_nl.png") no-repeat 0 -64px;
}
	
body.NL a.btn.Klantenservice:hover {
	background:url("../Images/bttn_nl.png") no-repeat -301px -64px;
}

body.EN a.btn.Klantenservice{
	background:url("../Images/bttn_en.png") no-repeat 0 -64px;
}
	
body.EN a.btn.Klantenservice:hover {
	background:url("../Images/bttn_en.png") no-repeat -301px -64px;
}

body.DE a.btn.Klantenservice{
	background:url("../Images/bttn_de.png") no-repeat 0 -64px;
}
	
body.DE a.btn.Klantenservice:hover {
	background:url("../Images/bttn_de.png") no-repeat -301px -64px;
}

/* btn Meterstand*/

body.NL a.btn.Meterstand{
	background:url("../Images/bttn_nl.png") no-repeat 0 -448px;
}
	
body.NL a.btn.Meterstand:hover {
	background:url("../Images/bttn_nl.png") no-repeat -301px -448px;	
}

body.EN a.btn.Meterstand{
	background:url("../Images/bttn_en.png") no-repeat 0 -448px;
}
	
body.EN a.btn.Meterstand:hover {
	background:url("../Images/bttn_en.png") no-repeat -301px -448px;	
}

body.DE a.btn.Meterstand{
	background:url("../Images/bttn_de.png") no-repeat 0 -448px;
}
	
body.DE a.btn.Meterstand:hover {
	background:url("../Images/bttn_de.png") no-repeat -301px -448px;	
}
	
/* btn Zelf-regelen */

body.NL a.btn.Zelf-regelen {
	background:url("../Images/bttn_nl.png") no-repeat 0 0;
}

body.NL a.btn.Zelf-regelen:hover {
	background:url("../Images/bttn_nl.png") no-repeat -301px 0;
}

body.EN a.btn.Zelf-regelen {
	background:url("../Images/bttn_en.png") no-repeat 0 0;
}

body.EN a.btn.Zelf-regelen:hover {
	background:url("../Images/bttn_en.png") no-repeat -301px 0;
}

body.DE a.btn.Zelf-regelen {
	background:url("../Images/bttn_de.png") no-repeat 0 0;
}

body.DE a.btn.Zelf-regelen:hover {
	background:url("../Images/bttn_de.png") no-repeat -301px 0;
}

/* btn Zelf-regelen */

body.NL a.btn.verhuizen {
	background:url("../Images/bttn_nl.png") no-repeat 0 -512px;
}

body.NL a.btn.verhuizen:hover {
	background:url("../Images/bttn_nl.png") no-repeat -301px -512px;
}

body.EN a.btn.verhuizen {
	background:url("../Images/bttn_en.png") no-repeat 0 -512px;
}

body.EN a.btn.verhuizen:hover {
	background:url("../Images/bttn_en.png") no-repeat -301px -512px;
}

body.DE a.btn.verhuizen {
	background:url("../Images/bttn_de.png") no-repeat 0 -512px;
}

body.DE a.btn.verhuizen:hover {
	background:url("../Images/bttn_de.png") no-repeat -301px -512px;
}


/* btn Inloggen*/

body.NL a.btn.Inloggen{
	background:url("../Images/bttn_nl.png") no-repeat 0 -192px;
}
	
body.NL a.btn.Inloggen:hover{
	background:url("../Images/bttn_nl.png") no-repeat -301px -192px;
}

body.EN a.btn.Inloggen{
	background:url("../Images/bttn_en.png") no-repeat 0 -193px;
}

body.EN a.btn.Inloggen:hover{
	background:url("../Images/bttn_en.png") no-repeat 301px -193px;
}

body.DE a.btn.Inloggen{
	background:url("../Images/bttn_de.png") no-repeat 0 -193px;
}

body.DE a.btn.Inloggen:hover{
	background:url("../Images/bttn_de.png") no-repeat 301px -193px;
}


a.btn_small{
	width:220px;
	height:55px;
	display:block;
}
	
a.btn_small.faq{
	background:url(../images/bttn_small_nl.png) no-repeat 0 -54px;
}

a.btn_small.faq:hover{
	background:url(../images/bttn_faq_klein_nl_on.gif) no-repeat -220px -54px;
}

a.btn_small.geenwater{
	background:url(../images/bttn_small_nl.png) no-repeat 0 0;
}

a.btn_small.geenwater:hover{
	background:url(../images/bttn_small_nl.png) no-repeat -220px 0;
}

a.btn span,
a.btn_small span {
	/*display:none;*/
	display:block;
	text-indent:-1234em;
}	
	
#doormatList ul.blueArrow a:link, 
.categoryBox ul.blueArrow a:link, 
a.blueArrow, 
x:-moz-any-link { 
	background-position:0 4px;
}	

#doormatList ul.blueArrow a:link, 
.categoryBox ul.blueArrow a:link, 
a.blueArrow, 
x:-moz-any-link, 
x:default 	{ 
	background-position:0 7px;
} 

ul.blueArrow a:hover, a.blueArrow:hover {
	text-decoration:underline;
}

a.btn_Print:link, 
a.btn_Print:visited, 
a.btn_Forward:link, 
a.btn_Forward:visited, 
a.btn_BackToTop:link, 
a.btn_BackToTop:visited{
	display:block;
	padding-left: 20px;
	text-decoration: none;
}
	
a.btn_Print:hover, 
a.btn_Forward:hover, 
a.btn_BackToTop:hover {
	text-decoration: underline;
}
 	
a.btn_Print  {
	background:url(../images/ico_printer.gif) no-repeat 0px 3px;
}
	
a.btn_Forward  {
	background:url(../images/ico_doorsturen.gif) no-repeat 0px 5px;
}
	
a.btn_BackToTop  {
	background:url(../images/ico_naarboven.gif) no-repeat 0px 6px;
	margin-left:-3px;
}
	
a.whiteArrow:link, a.whiteArrow:visited{
	background:url(../images/pijl_wit.gif) no-repeat 0px 7px;
	display:inline-block;
	padding:0 0 0 10px;
	text-decoration:none;
	color:#fff;
}

a.whiteArrow:hover {
	text-decoration:underline;
}
		
#sitemap li {
	background:transparent url(../images/pijl_blauw_down.gif) no-repeat scroll 0px 9px;
	padding-left:10px;
}
	
#sitemap li ul{
	padding-left:10px;
}
	
#sitemap li a{
	font-weight:bold;
	text-decoration:none;
}

#sitemap li ul li ul{
	padding-left:1px;
}
	
#sitemap li ul li{
	background:transparent url(../images/pijl_blauw.gif) no-repeat scroll 0px 7px;
}
	
#sitemap li.sitemapLast{
	margin-bottom:10px;
}
	
#sitemap li ul li a{
	font-weight:normal;	
	text-decoration:none;
}
	
#sitemap li ul li ul li{
	background:transparent url(../images/pijl_grijs.gif) no-repeat scroll 0px 7px;
}
	
#sitemap li ul li ul li ul li{
	background:transparent url(../images/stip_grijs.gif) no-repeat scroll 0px 9px;
}	
	
/* form top - Nieuwsbrief */

.form.top .formRow label{
	display:block;
	float:left;
	width:160px;
}

.form.top .formRow .formw {
	float:left;
	margin-bottom:6px;
}
 
.form.top .formRow.radio label {
	width:240px;
	padding:10px 0 10px 0;
	font-weight:bold;
}
 
.form.top .formRow.radio .formw{
	margin-bottom:0;
}

.form.top .formRow.radio .formw input {
	width:20px;
	float:left;
	margin-left:0px;
	height:27px;
	/* IE 7 only, fix later!!!!! */	
	margin:-7px 3px 0 0;
}

.form.top .formRow.radio .formw label {
	width:400px;
	float:left;
	display:block;
	padding:0;
	font-weight:normal;
}
 
.form.top .submitButtons {
	float:left;
	width:460px;
}

.form.top .submitButtons .submit{
	float:right;
}
	
.formw #email.active, 
.formw #name.active,
.formw #postcode.active,
.formw #Captcha.active{
	background:url(../images/bg_textinput_blauw.gif) no-repeat 0 0;
}

.form.top .validationError {
	float:left;
	display:inline;
	clear:both;
	color:#aa052f;
	width:160px;
}

.formw input.checkradio.error,	
.formw input.checkradio {
	background:none;
}

.formw input.error {
	background:transparent url(../images/bg_textinput_rood.gif) no-repeat scroll 0 0;
}
	
/* banners */	
a.banner_Work {
	background:url(../images/banner_werkzaamheden_nl.gif) no-repeat;
	display:inline-block;
	width:220px;
	height:127px;
	margin-bottom:20px;
}

a.banner_UpToDate {
	background:url(../images/banner_directopdehoogte.gif) no-repeat;
	display:inline-block;
	width:220px;
	height:104px;
	margin-bottom:20px;
}
	
a.banner_Chat {
	background:url(../images/banner_chat_online.gif) no-repeat;
	display:inline-block;
	width:220px;
	height:99px;
	margin-bottom:20px;
}	
	
#gmap,
#gMapHolder {
	width: 460px;
	height: 355px;
	margin:2px 0 14px 0;
}

#route_map {
	float:left;
}
	
.storingText {
	border-top:1px solid #E1F3F1;
	padding:10px 0 20px 0;
	margin-top:5px;
}

#foutmelding,
#foutmelding #messageBox p  {
	text-align:left;
}

#foutmelding #messageBox {
	margin-top:10px;
}
	
li a.talkLoud:link,
li a.talkLoud:visited {
	background:url(../images/ico_leesvoor.gif) no-repeat 0 0;
	color:#0083c6 !important;
	padding:0 3px 0 22px;
	display:inline-block;
	text-align:top;
	line-height:1.1em;
}	

#route_text ol li {
	list-style:decimal;
	margin: 0 0 0 25px;
}
		
/**************************************************/
/*              Content Opmaak                    */
/**************************************************/

/* specific header styles */
div#middleContent div.contentArea  div.contentArea h2 {
	font-size:16px;
}

div#middleContent div.contentArea h3 {
	font-size: 14px;							
}

div#middleContent div.contentArea h4,
div#middleContent div.contentArea h5 {
	font-size: 100%;
}

/* content styles */
div#middleContent div.contentArea a:hover { text-decoration:none; }
div#middleContent div.contentArea strong { font-weight: bold; }
div#middleContent div.contentArea em { font-style: italic; }

/* (un)ordered lists */
div#middleContent div.contentArea ol,
div#middleContent div.contentArea ul {
	display: block;
	margin: 0 0 15px 0;
	padding: 0;
}

div#middleContent div.contentArea ol li { list-style: decimal; margin : 0 0 0 30px; }
div#middleContent div.contentArea ul li { list-style: disc; margin: 0 0 0 26px; }

div#middleContent div.contentArea ol ol li,
div#middleContent div.contentArea ul ul li, 
div#middleContent div.contentArea ol ol li,
div#middleContent div.contentArea ul ul li,
div#middleContent div.contentArea blockquote {
	margin-left: 50px;
}

/* address */
div#middleContent div.contentArea address { margin-bottom: 15px; }
div#middleContent div.contentArea address br { display: block; }

/* defenition lists */
div#middleContent div.contentArea dl {
	margin: 0 0 15px 0;
	padding: 8px;
	border: 1px solid #eee;
}
div#middleContent div.contentArea dl dd, div#middleContent div.contentArea dl dt { font-style: italic; }

/* directory / menu lists */
div#middleContent div.contentArea dir,
div#middleContent div.contentArea menu {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 18px;
	display: block;
}

div#middleContent div.contentArea dir li,
div#middleContent div.contentArea menu li {
	 list-style-type: disc;
	 margin: 0 0 0 30px;
}

div#middleContent div.contentArea dir dir,
div#middleContent div.contentArea menu menu { margin-bottom: 0; }
div#middleContent div.contentArea dir dir li,
div#middleContent div.contentArea menu menu li{ margin-left: 50px; }

/* table */
div#middleContent div.contentArea table { 
	border-collapse: collapse; 
	margin: 0 0 15px 0; 
	border: 1px solid #cdcdcd;
	width: 100%;
}

div#middleContent div.contentArea table tbody { /* geen styling */ }
div#middleContent div.contentArea table tbody tr { /* geen styling */ }
div#middleContent div.contentArea table tbody tr th,
div#middleContent div.contentArea table tbody tr td {
	background-image: none;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	font-family: inherit;
	font-size: inherit;
	padding: 4px;	
}

div#middleContent div.contentArea table tr.secondRow {
	background:#E1F3F1;
}

div#middleContent div.contentArea table tbody tr th,
div#middleContent div.contentArea table tbody tr th { 
	font-weight: bold; 
}

/* afbeelding */
div#middleContent div.contentArea img {
	margin: 5px 5px 5px 0;
	padding:0 5px 5px 0;
	background: #fff;
	border: 1px solid #eee;
	float: left;
}

/* rechts sidebar */
div.afbeelding {
	margin: 0 0 20px;
}

div.afbeelding .readMore {
	font-style:italic;
}

/* icoontjes */
div#middleContent div.contentArea .ms-asset-icon {
	margin: 0;
	padding: 0;
	border: none;
	float: none;
}

/* navigation.css */

ul#mainNav {
	position:absolute;
	width:700px;
	top:102px;
	left:26px;
	/*z-index:99;*/
}

ul#mainNav li {
	float:left;
	padding:5px 0;
	margin-right:5px;
}

ul#mainNav li a {
	text-decoration:none;
	cursor:pointer;
	outline:none;
	font-size:1.5em;
}

ul#mainNav li ul li a {
	font-size:1.167em;
}

ul#mainNav li a,
ul#mainNav li a span {
	color:#0082C5;
	display:block;
	*display:inline-block;
}

ul#mainNav li span {
	padding:12px 16px;
	height:20px;
}

ul#mainNav li ul li span {
	padding:2px 7px;
	height:20px;
}

ul#mainNav li ul {
	display:none;
	position:absolute;
	top:50px;
	left:9px;
	width:940px;
	background:#fff;
}

ul#mainNav li ul li {
	margin-right:15px;
}

ul#mainNav li ul li  a{
	background:#fff
}

ul#mainNav li.active ul, 
ul#mainNav li:hover ul,
ul#mainNav li.selected ul{
	display:block; /* edt*/
}

ul#mainNav li.active ul{
	 z-index:2; 
}

ul#mainNav li.selected.active ul{
	 z-index:0; 
}

ul#mainNav li a:hover, 
ul#mainNav li.active a {
	background:url(../images/bg_mouseoverMenu_left.gif) no-repeat 0 0;	
}

ul#mainNav li ul li a:hover, 
ul#mainNav li.active ul li a {
	background:none;	
}

ul#mainNav li a:hover span, 
ul#mainNav li.active a span {
	background:url(../images/bg_mouseoverMenu_right.gif) no-repeat right 0;
}

ul#mainNav li ul li a:hover span, 
ul#mainNav li.active ul li a span {
	background:none;
}

ul#mainNav li ul li a:hover, 
ul#mainNav li ul li.active a {
	background:url(../images/bg_mouseoverSub_left.gif) no-repeat 0 0;
}

ul#mainNav li ul li a:hover span, 
ul#mainNav li ul li.active a span {
	background:url(../images/bg_mouseoverSub_right.gif) no-repeat right 0;
}
	
/*  #leftNav */

/*niveau 1*/
div#leftNav ul.nav {
	margin:0 25px 0 0;
}

div#leftNav ul.nav li { /*eef8f7*/
	border-bottom:1px solid #eef8f7;
	padding:1px 0 1px 10px;
}

div#leftNav ul.nav li a:link, 
div#leftNav ul.nav li a:visited {	
	color:#828282;
	text-decoration:none;
	display:block;
}

div#leftNav ul.nav li a:hover {	
	text-decoration:underline;
}

div#leftNav ul.nav li.active a:link, 
div#leftNav ul.nav li.active a:visited  {
	font-weight:bold;
	color:#344546;
	padding-right:12px;
	display:inline;
}
	
div#leftNav ul.nav li.hasSubs a:link, 
div#leftNav ul.nav li.hasSubs a:visited  {
	background:url(../images/pijl_grijs.gif) no-repeat right 5px;
	padding-right:10px;
	display:inline;
	font-weight:normal;
	color:#828282;
}
		
div#leftNav ul.nav li.activeHasSubs a:link, 
div#leftNav ul.nav li.activeHasSubs a:visited  {
	background:url(../images/pijl_blauw_down.gif) no-repeat right 6px;
	font-weight:bold;
	color:#344546;
	padding-right:12px;
	display:inline;
}
	
/*niveau 2*/	
div#leftNav ul.nav li ul.nav { 
	margin:1px 0 -2px -10px;
	border-top:1px solid #eef8f7;
}

div#leftNav ul.nav li ul.nav li{ 
	border-bottom:1px solid #eef8f7;
}

/* Niv 2 standaard link */	
div#leftNav li.activeHasSubs ul.nav li a:link, 
div#leftNav li.activeHasSubs ul.nav li a:visited{ 
	background:transparent url(../images/pijl_blauw.gif) no-repeat scroll 3px 7px;
	font-weight:normal;
	color:#828282;
	padding-left:15px;
	display:block;
}
	
/* Niv 2 standaard link met subs*/		
div#leftNav li.activeHasSubs ul.nav li.hasSubs a:link, div#leftNav li.activeHasSubs ul.nav li.hasSubs a:visited{ 
	background:url(../images/pijl_grijs.gif) no-repeat right 4px;
	padding-right:10px;
	display:inline;
}
	
/* Niv 2 actief zonder subs*/		
div#leftNav li.activeHasSubs ul.nav li.active a:link, div#leftNav li.activeHasSubs ul.nav li.active a:visited{ 
	background:transparent url(../images/pijl_blauw.gif) no-repeat scroll 3px 7px;
	font-weight:bold;
	color:#344546;
	padding-right:10px;
	display:block;
}

/* Niv 2 actief met subs*/		
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs a:link, 
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs a:visited{ 
	background:url(../images/pijl_blauw_down.gif) no-repeat right 6px;
	padding-right:10px;
	display:inline;
	font-weight:bold;
	color:#344546;
}	
		
/*niveau 3*/	
div#leftNav ul.nav li ul.nav li ul.nav{ 
	margin:1px 0 -2px -10px;
	border-top:1px solid #eef8f7;
}

div#leftNav ul.nav li ul.nav li ul.nav li{ 
	border-bottom:1px solid #eef8f7;
}

/* Niv 3 standaard link */	
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li a:link, 
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li a:visited{ 
	background:transparent url(../images/pijl_blauw.gif) no-repeat scroll 15px 4px;
	font-weight:normal;
	color:#828282;
	padding-left:30px;
}
	
/* Niv 3 standaard link met subs*/		
div#leftNav li.activeHasSubs ul.nav li.hasSubs ul.nav li.hasSubs a:link, 
div#leftNav li.activeHasSubs ul.nav li.hasSubs ul.nav li.hasSubs a:visited{ 
	background:url(../images/pijl_grijs.gif) no-repeat right 4px;
	padding-right:10px;
	display:inline;
}
	
/* Niv 3 actief zonder subs*/		
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.active a:link, 
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.active a:visited{ 
	background:transparent url(../images/pijl_blauw.gif) no-repeat scroll 15px 4px;
	font-weight:bold;
	color:#344546;
	padding-right:10px;
	display:inline;
}

/* Niv 3 actief met subs*/		
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.activeHasSubs a:link, 
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.activeHasSubs a:visited{ 
	background:url(../images/pijl_blauw_down.gif) no-repeat right 6px;
	padding-right:10px;
	display:inline;
	font-weight:bold;
	color:#344546;
}	
	
	
/*niveau 4*/	
div#leftNav ul.nav li ul.nav li ul.nav li ul.nav{ 
	margin:1px 0 -2px -10px;
	border-top:1px solid #eef8f7;
}

div#leftNav ul.nav li ul.nav li ul.nav li ul.nav li{ 
	border-bottom:1px solid #eef8f7;
}

/* Niv 4 standaard link */	
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs li.activeHasSubs ul.nav li a:link, 
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li a:visited{ 
	background:transparent url(../images/pijl_blauw.gif) no-repeat scroll 30px 4px;
	font-weight:normal;
	color:#828282;
	padding-left:45px;
}
	
/* Niv 4 standaard link met subs*/		
div#leftNav li.activeHasSubs li.activeHasSubs li.activeHasSubs ul.nav li.hasSubs a:link, 
div#leftNav li.activeHasSubs li.activeHasSubs li.activeHasSubs ul.nav li.hasSubs a:visited{ 
	background:url(../images/pijl_grijs.gif) no-repeat right 4px;
	padding-right:10px;
	display:inline;
}
	
/* Niv 4 actief zonder subs*/		
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.active a:link, 
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.active a:visited{ 
	background:transparent url(../images/pijl_blauw.gif) no-repeat scroll 30px 4px;
	font-weight:bold;
	color:#344546;
	padding-right:10px;
	display:inline;
}

/* Niv 4 actief met subs*/		
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.activeHasSubs a:link, 
div#leftNav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.activeHasSubs ul.nav li.activeHasSubs a:visited{ 
	background:url(../images/pijl_blauw_down.gif) no-repeat right 6px;
	padding-right:10px;
	display:inline;
	font-weight:bold;
	color:#344546;
}					

#sharepointControls {
	z-index: 1000;
}	

/* CONTROLS */

.link-item, .link-item a, .link-item a:link, .link-item a:visited {
	color:#0082C5;
	font-family:tahoma;
	font-size:1em;
	text-decoration:none;
}

.link-item a:hover {
	text-decoration:underline;
}

/* 3FM Serious Request */

div.blockHomepage a.banner3fm {
	text-indent:-9999em;
	overflow:hidden;
}

div.blockHomepage a.banner3fm:link,
div.blockHomepage a.banner3fm:visited {
	background:url(../images/3fm_banner01.jpg) no-repeat 0 0;
}
	
div.blockHomepage a.banner3fm:hover,
div.blockHomepage a.banner3fm:focus,
div.blockHomepage a.banner3fm:active {
	background:url(../images/3fm_banner01.jpg) no-repeat -301px 0;
}

div#rightContent a.banner3fm {
	display:block; 
	width:220px;
	height:95px;
	overflow:hidden;
	text-indent:-9999em;
}

div#rightContent a.banner3fm:link,
div#rightContent a.banner3fm:visited {
	background:url(../images/3fm_banner-sidebar.jpg) no-repeat 0 0;
}

div#rightContent a.banner3fm:hover,
div#rightContent a.banner3fm:focus,
div#rightContent a.banner3fm:active {
	background:url(../images/3fm_banner-sidebar.jpg) no-repeat -220px 0;
}

.altPromoContent {
	height:199px;
	padding:5px 10px;
	background:#33A5D9;
	color:#fff;
	position:absolute;
	top:0;
	width:710px;
	padding-left:240px;
}

.altPromoContent a,
.altPromoContent h2 {
	color:#fff;
	margin:0 0 3px 0;
}

.altPromoContent .altPromoColumn {
	float:left;
	width:345px;
	margin-right:10px;
}

/* voor superlink Homepage-Banner */
.homepageBanner {
	display:block; 
	width:100%;
	text-align:center;
	padding-bottom: 14px;
}