@charset "utf-8";
/* FOR IE 
CSS hacks
The following hacks to trigger haslayout have been well tested in IE7 and lower. John Gallant and Holly Bergevin published the Holly hack in 2003: from http://www.satzansatz.de/cssd/onhavinglayout.html
*/
/* \*/
* html .gainlayout { height: 1%; }
/* */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.            http://creativecommons.org/licenses/by/2.0                  This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
* { margin: 0; padding: 0; }

/* link underlines tend to make hypertext less readable,    because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes  and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  / the default spacing on headings does not match nor align with  normal interline spacing at all, so let's get rid of it.  zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable.  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

/*------------------------------------------------------------------------------------
  Global Styles
------------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; clear:both; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }


/*Clear defaults - inspired from Tantek Celik----------------*/
:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display:none;}
p { margin:8px 0px; }


DIV, TD, TEXTAREA, SELECT, INPUT { font:12px/18px Arial, Verdana; letter-spacing:0px; color:#FFFFFF; }
A { color:#90e4ff; font-weight:bold; } A:hover { text-decoration:underline; }

/***********************/
H1 { margin:0px; padding:0px; font-size:31px; line-height:34px; letter-spacing:-2px; font-weight:normal; margin-bottom:4px;  } H1 A { font-weight:normal; }
H2 { margin:0px; padding:0px; font-size:24px; line-height:26px; letter-spacing:-1px; font-weight:normal;  }
H3 { margin:0px; padding:0px; font-size:18px; line-height:20px; letter-spacing:-1px; font-weight:normal; }
	DIV.content H3 { margin:15px 0px 0px 0px; padding:0px; font-size:22px; line-height:24px; letter-spacing:-1px; font-weight:normal; }
	DIV.content DIV.title H3 { margin:0px; }
H4 { margin:15px 0 0 0; padding:0px; font-size:14px; line-height:18px; letter-spacing:0px; font-weight:bold; }
/*H5 { margin:0px; padding:0px; font-size:16px; line-height:18px; letter-spacing:-2px; font-weight:bold; }*/
H5 { display:block; background:#5479bb; padding:10px 10px; margin:10px 0px; text-align:center; border:1px solid #7793c7; border-left:0px; border-right:0px; font: 14px/16px Arial, verdana; color:#d5e2fb;}/* hilite area */
H6 { display:block; background:#fcf0f0; padding:10px 10px; margin:10px 0px; text-align:center; border:1px solid #f8aeb0; border-left:0px; border-right:0px; font: 14px/16px Arial, verdana; color:#c91115;}/* warning area */
.text H1 { color:#3964b2; }
.text UL { list-style:square; margin:5px 8px; padding:5px 10px; }
LABEl.required { clear:both; display:block; background:#fcf0f0; padding:6px 10px; margin:10px 0px; text-align:center; border:1px solid #f8aeb0; border-left:0px; border-right:0px; font: 12px/16px Arial, verdana; color:#c91115; }


BODY { background:url('../images/site_bg.gif') top left repeat-x #3964b2; text-align:center; margin:0px; padding:0px; }

DIV.container { width:830px; margin:0px auto; text-align:left; }
	DIV.logo { background:url('../images/logo_buurtdiensten.gif') top left no-repeat; width:830px; height:80px; }
	
	DIV.pole { background:url(../images/buurtdiensten_paal.gif) top left no-repeat; width:120px; height:725px; float:left; }
	
	DIV.holder { width:710px; float:right; }
		DIV.header { background:url(../images/header_blue.gif) top right no-repeat; width:710px; margin-bottom:5px; }
		DIV.header_home { background:url(../images/header_blue.gif) top right no-repeat; width:710px; margin-bottom:5px; }
		
		DIV.menu { background:url(../images/menu_bg.gif) top left repeat-x; width:710px; height:41px; }
			DIV.menu UL { list-style:none; } 
				DIV.menu LI { list-style:none; float:left; padding:9px 25px 4px 25px; border-right:1px solid #cdd8ec; }
			DIV.menu LI.current, DIV.menu LI.section { background:url(../images/menu_on_bg.gif) top left repeat-x; }
			/*DIV.menu LI SPAN { margin:0px; padding:0px; font-size:16px; line-height:16px; letter-spacing:-2px; font-weight:bold; }*/
			DIV.menu LI SPAN { margin:0px; padding:0px; font-size:16px; line-height:16px; letter-spacing:-1px; font-weight:bold; }
			DIV.menu LI SPAN A { color:#000000; }
		
		DIV.content { padding:15px 0px 15px 10px; width:440px; float:left; }
			DIV.content DIV.title { float:left; }
			DIV.content DIV.text { clear:left; }
			DIV.submenu { width:240px; float:right; margin-top:15px; }
				DIV.submenu {  }
					DIV.submenu UL LI { padding:5px 15px 5px 30px; margin-bottom:1px; background:url(../images/bullets_lite.gif) top left no-repeat #5479bb; background-position:4px 4px; }
					DIV.submenu UL LI.current { background:url(../images/bullets_litest.gif) top left no-repeat #7793c7; background-position:4px 4px; }
				DIV.submenu A { color:#edf3fe; font-weight:normal; }
		DIV.footer { background:url(../images/footer.gif) top left no-repeat; width:695px; height:50px; color:#8ea7d3; padding:20px 15px 0px 0px; text-align:right; margin:10px 0px 0px 0px; } 
			DIV.footer A { font-weight:normal; color:#8ea7d3; }
		
		/*** HOME ***/
		DIV.hilite { float:left; background:url(../images/home_hilite_bg.gif) bottom right no-repeat; width:448px; padding:0px 20px 24px 11px; margin-top:25px; overflow:auto; }
			DIV.hilite IMG { float:right; margin-left:15px; }
			DIV.hilite DIV { text-align:right; margin-top:10px; }
			DIV.hilite H1, DIV.hilite H3 { display:inline; margin:0px 0px 0px 0px; padding:0px; }
		
		DIV.contact { background:url(../images/home_contact_bg.gif) top left no-repeat; height:138px; overflow:auto; padding:0px 40px 0px 0px; width:440px; margin-top:20px; }
			DIV.contact H2 { display:block; margin: 4px 0px 5px 12px; }
			DIV.contact IMG { float:left; margin:10px 0px 0px 10px; }
			DIV.contact TD { width:50%; }
			
		DIV.column_right { width:220px; float:right; padding-left:10px; }	
			DIV.news { margin-top:19px; }
				DIV.news UL LI { border-bottom:1px solid #7c96c5; padding:4px 0px; } DIV.news UL LI A { font-size:14px; }
				DIV.news UL LI.more { text-align:right; }	
			
			DIV.bullets { margin-top:19px; }
				DIV.bullets UL { margin:15px 0px; }
				DIV.bullets UL LI { background:url(../images/bullets.gif) top left no-repeat; padding:0px 0px 0px 25px; margin:7px 0px 5px 0px; }
			
		
		/*** PAGES ***/
		UL.newsitems { border-top:1px solid #6b8bc5; }
			UL.newsitems LI { border-bottom:1px solid #6b8bc5; padding:10px 0px; }
			UL.newsitems LI DIV { text-align:right; }
			
		/* extra info */
		DIV.submenu DIV { border:1px solid #5e80bf; padding:0px 10px 10px 10px; margin:25px 0px 0px 0px; color:#aabcde; }
			DIV.submenu DIV A { color:#90e4ff; }
			
		/*** FORM ***/
		FORM FIELDSET { border:1px solid #295097; padding:5px 15px; margin-top:10px; width:95%; }
			FORM FIELDSET LEGEND { height:1px; font-size:0px; line-height:0px; }
			FORM DIV.field { padding:4px 4px 6px 4px; width:95%; margin:3px 0px; clear:both; border-bottom:1px solid #295097; }
			FORM LABEL.left { margin:0px; padding:2px 4px; width:150px; float:left; }
			FORM SPAN.message { background:#fa2c2c; color:#FFFFFF; padding:3px 5px; margin-top:2px; }
			FORM INPUT, FORM TEXTAREA { color:#333333; padding:3px; }
			
			FORM DIV.Actions { text-align:right; margin:10px 0px;}
				FORM DIV.Actions INPUT.action { margin:0px; color:#FFFFFF; font-weight:bold; padding:6px 12px; margin-left:3px; 
					background:url(../images/submit_bg.gif) top left repeat-x #90cfff; border-color:#81bcff; border-style:none solid; border-width:0 2px; }
		
			FORM P.field {padding:4px 4px; width:100%;margin:3px 0px;  }
			FORM P.field INPUT { float:left; clear:both;}
			FORM P.field LABEL.right { float:left; margin:0px; padding:0px 4px;width:400px;  } 
			
			/* Toevoeging lars (dropdowns te licht) */
			FORM select {color:#000000}
			
			FIELDSET DIV.checkboxset DIV.middleColumn, FIELDSET DIV.optionset DIV.middleColumn { margin-left:138px; border:1px solid #000000; }
				INPUT.checkbox, INPUT.radio, .checkbox INPUT { border:0px; }
		
		
		
		
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
   Example:
   
  .sIFR-active DIV.menu LI SPAN {
    font-size:16px; line-height:16px; letter-spacing:2px; font-weight:bold;
  }

  .sIFR-active H1 {
    font-size:29px; line-height:28px; letter-spacing:-1px; font-weight:normal;
  }
   
  .sIFR-active H2 {
    font-size:24px; line-height:24px; letter-spacing:-1px; font-weight:normal;
  }
   
  .sIFR-active H3 {
    font-size:18px; line-height:18px; letter-spacing:-1px; font-weight:normal;
  }
  
}