/* FOR IE 
/* 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; margin:0; } legend { margin:0; padding:0; }
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:400;}
em {font-style:italic;}
i {display:none;}

    
/*------------------------------------------------------------------------------------
  General	//huisstijl //roze = ef497a
  	//font-family: 'Helvetica 35 Thin'
	//font-family: 'Helvetica 65 Medium'

------------------------------------------------------------------------------------*/
div, header,nav, a, img, li, ul {
  transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}

BODY { font-size:100%; margin:0; padding:0; text-align:center; background:#fff; }
BODY, TD, DIV, INPUT, PRE { font-family: 'Roboto Condensed', 'Arial', sans-serif; font-weight:300; line-height:1.8em; color:#000000; }
BODY STRONG, TD STRONG, DIV STRONG  { color:#5b646d; }
:link,:visited  { color:#0f59bc; font-weight:inherit; text-decoration:none; } 
IMG { border:0px; }
TD { vertical-align:top; }
.clear{	clear:both; line-height:0px; font-size:0; height:0px; }
.hover.on { border:1px solid #c2c2ce; }
.nbrdr { border:0; }
.nmrgn { margin:0 !important; }
HR { height: 1px; margin: 10px 0 20px 0; float:none; width: 100%; background:#DDDDDD; border: none; clear: both; color: #DDDDDD; }
.hidden { display: none !important; }

/* Mozilla based browsers */
::-moz-selection { background-color: #0f59bc; color: #fff; }

/* Works in Safari */
::selection { background-color: #0f59bc; color: #fff; }	

H1 { font-family: 'Roboto Condensed', 'Arial', sans-serif; font-size:290%; line-height:1em; font-weight:400; margin:0; padding:0; } H1 A { font-weight:normal; }
H2 { font-family: 'Roboto Condensed', 'Arial', sans-serif; font-size:240%; line-height:1em; font-weight:400; margin:0 0 5px 0; padding:0; letter-spacing:-0.04em; } H2 A { font-weight:normal; }
H3 { font-family: 'Roboto Condensed', 'Arial', sans-serif; font-size:160%; line-height:1.2em; letter-spacing:0; font-weight:normal; margin:0 0 10px 0; padding:0; } 
H4 { font-family: 'Roboto Condensed', 'Arial', sans-serif; font-size:120%; letter-spacing:0; font-weight:normal; margin:0 0 10px 0; padding:0; } H4 A { font-weight:normal; }
H5 { font-size:120%; line-height:1.2em; letter-spacing:0; font-weight:bold; margin:0 0 10px 0; padding:0; } H5 A { font-weight:bold; }
H6 { clear:both; padding:12px 5px 10px 20px; margin:20px 0 20px 0; font-size:120%; display:block; min-height:30px; height:auto !important; height:40px; vertical-align:middle; }

A.big { font-size:160%; background:url('/buurtzorg/images/arrow_right_blue.png') left center no-repeat; padding:0 0 0 25px; font-weight:400; margin:0 0 15px 0; display:block; }

SPAN.big { font-size:120%; }
SPAN.bigger { font-size:140%; }
.message.warning { background:#fdefdd; border:1px solid #ee9e2b; color:#8c4902; padding:10px 15px; }

/*------------------------------------------------------------------------------------
  FORM
------------------------------------------------------------------------------------*/
FORM { padding:0; margin:0; text-align:left; }

INPUT { border:1px solid #d7d7d7; font-size:100%; border-radius: 6px; padding:10px 12px; margin:10px 0; font-style:italic; }
INPUT.submit { background:#0f59bc; color:#FFF; border:0; padding:10px 12px 6px 12px;
				-webkit-box-shadow: 0px 5px 0px 0px rgba(24,57,102,1); -moz-box-shadow: 0px 5px 0px 0px rgba(24,57,102,1); box-shadow: 0px 5px 0px 0px rgba(24,57,102,1); }
INPUT.submit.simple { background-image:none; font-style:normal; font-family: 'Roboto Condensed', 'Arial', sans-serif; font-size: 110%; padding:10px 40px 6px 40px; }


/*INPUT, .content INPUT.text { font-size:100%; color:#000; padding:5px 5px; margin:0; border:1px solid #bfcbd5; width:350px; }*/
INPUT.radio { width:20px; height:20px; }
TEXTAREA { font-size:100%; color:#000; font-style:italic; padding:10px 12px; margin:0 0 0 10px; border:1px solid #D7D7D7; border-radius: 6px; width:350px; }
/*INPUT.submit { font-size:110%; font-style:italic; color:#7c8898; padding:2px 10px; border:3px solid #104587 !important; margin:0 0 0 5px; font-weight:bold; 
                color:#fff; font-style:normal; background: url('../images/btn_form.gif') center left repeat-x; }*/
FIELDSET { border:1px solid #DDDDDE; margin:15px 0; padding:10px 20px; }
LABEL { color:#000; }

DIV.field, DIV.field.text { overflow:auto; margin:0 0 15px 0; }
DIV.field LABEL { margin:0; display:block; clear:both; float:none; }
DIV.field INPUT, DIV.field TEXTAREA { margin:0; }

.wide-form DIV.field { overflow:auto; }
.wide-form DIV.field LABEL { width:25%; float:left; clear:none; }
.wide-form DIV.field INPUT { width:65%; float:left; }

.field .checkboxset LI, .field .optionset LI { width:auto; overflow:auto; }
.field .checkboxset INPUT, .field .optionset INPUT, .field.checkbox INPUT { margin:7px 10px 0 0; width:14px !important; height:14px !important; border:0; float:left; }
.field .checkboxset LABEL, .field .optionset LABEL, .field.checkbox LABEL { float:left; clear:none; }

.wide-form #warning { display:none; border:1px solid #ebcccc; background-color: #f2dede; color: #a94442; padding: .75rem 1.25rem; }

.Actions { overflow:auto; margin:5px 0 25px 0; text-align:center; }
.Actions #ForgotPassword { font-size:80%; }
.Actions INPUT { background:#0f59bc; color:#FFF; border:0; padding:10px 12px 6px 12px; font-style:normal; font-weight: 400;
			-webkit-box-shadow: 0px 5px 0px 0px rgba(24,57,102,1); -moz-box-shadow: 0px 5px 0px 0px rgba(24,57,102,1); box-shadow: 0px 5px 0px 0px rgba(24,57,102,1);}



/*------------------------------------------------------------------------------------
  LAYOUT
------------------------------------------------------------------------------------*/
DIV.container { margin: 0 auto; text-align: left; width:100%; overflow:auto; } /* bug met scrollbar opgelost */

.breadcrumbs { border-bottom:1px solid #d1d1d1; color:#999999; margin-bottom:30px; }

.header { background:#fff; height:113px; } .header .logo A { display:block; }
	.header .container { height:113px; overflow:hidden; }
	/*.header UL { float:right; width:auto; margin:30px 0; }*/
	.header UL { padding:30px 0 0 0; display:table-cell; text-align:right; float:right; }
	.header LI { /*float:left;*/ border-left:1px solid #d2d2d2; padding: 0 15px; display:inline-block; } .header LI.first { border:0; }	
	.header LI A { padding:3px 5px; }	
	.header LI A.current { background:#0f59bc; color:#fff; }	
	.logo { float:left; line-height:0; }
	
.hero { background:#0f59bc; margin:0 0 80px 0; }
	.hero .container { background:url('/buurtzorg/images/pole.gif') top left repeat-y; position:relative; width:auto; overflow:auto; }
	.hero .container.buurtzorgpension { background:none; }
	.hero .container DIV { position:absolute; bottom:0; left:0; width:20%; padding:0 2% 2% 11%; font-weight:400; color:#fff; text-align: right; font-size:180%; line-height:1.4em; }
		.hero .container DIV SPAN { background:#0f59bc; }
	.hero IMG { width:66%; float:right; }

.footer { background:#0f59bc; }
	.footer .container { padding:5% 0 8% 0; text-align:center; }
	.footer .container SPAN { border-bottom:2px solid #3f7ac9; color:#fff; padding-bottom:60px; }
	.footer .container A { color:#fff; }
/*
.addthis_floating_style { border:0; background:transparent; padding:0; }
.addthis_floating_style.addthis_32x32_style .addthis_internal_container { width:43px; line-height:0; }
.addthis_floating_style.addthis_32x32_style { width: 43px; }
.addthis_floating_style.addthis_32x32_style { font-size: 14px; line-height: 43px; }
*/
.addthis_toolbox { width:43px; position:fixed; right:0; top:100px; z-index:1000; }

/*------------------------------------------------------------------------------------
  HOME
------------------------------------------------------------------------------------*/
/*------------------------- INTRO -------------------------*/
.intro { margin-bottom:80px !important; }
.intro UL { list-style: disc; margin-left: 20px; }
.intro .one { width:20%; padding:0 2% 0 11%; float:left; text-align:right; font-weight:400; font-size:180%; line-height:1.2em; }
.intro .two { width:53%; padding:0 11% 1% 2%; float:right; line-height:1.6em; }
.singlebox { width:50%; padding:0 25%; }

.rondleiding { background:#F2F2F2; border-radius:8px;}
	.rondleiding .one, .rondleiding .two { padding-top:15px; }

.gastenboek { background:#F2F2F2; border-radius:8px; padding:30px 0;}
	.gastenboek .one, .gastenboek .two { padding-top:15px; }
	.gastenboek IMG { float:left; margin-right:25px; margin-bottom:15px; }
	.gastenboek A.big { float:left; margin-top:15px; width:auto; }

.teamon { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin:30px 0; padding:20px 0; }
.teamon .singlebox { width:70%; padding:0 15%; }
IMG.teamfoto { width:100%; }

.galleryon { margin:30px 0; padding:20px 0; }
.galleryon .singlebox { width:70%; padding:0 15%; }

.zorgkaartnederland { border-top: 2px solid #d9d9d9; margin-bottom:60px; overflow:auto; }



/*------------------------- VESTIGINGEN -------------------------*/
.locations { background:#f2f2f2; margin:0 0 80px 0; padding:25px 0; }


/*------------------------- NEWS -------------------------*/
.news { background:#f2f2f2; margin:0 0 80px 0; }
.news TABLE { margin:2% 0; }
.news_one { width:27%; border-right:2px solid #fff; padding:2% 3%; }
	.news_one.single_item { border-left:2px solid #fff; }
	.single { width:50%; margin:0 auto; }
.news_two { width:27%; border-right:2px solid #fff; padding:2% 3%; }
.news_one IMG, .news_two IMG { float:right; margin:0 0 10px 10px; }
	.folder_two { width:27%; border-right:2px solid #fff; padding:2% 3%; }
	.folder_two DIV { text-align:center; } .folder_two A.big { display:inline-block; }
	.folder_two IMG { float:right; margin:0 0 0 10px; }
.news_other { width:27%; padding:2% 3% 2% 2%; }

A.big.twitter { background:url('/buurtzorg/images/icon_twitter.jpg') left center no-repeat; padding:7px 0 7px 55px; }
A.big.facebook { background:url('/buurtzorg/images/icon_facebook.jpg') left center no-repeat; padding:7px 0 7px 55px; margin-top:50px; }

.folderon { background:#f2f2f2; margin:0 0 80px 0; overflow:auto; }
.folderon .container { width:33%; margin:0 33%; padding:30px 0; }
.folderon H3 { border-bottom:1px solid #dddddd; padding:20px 0; font-size:200%; margin-bottom:20px; }
.folderon IMG { float:right; margin:0 25px; 	-ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg); }

/*------------------------- CONTACT -------------------------*/
.contact { margin-bottom:80px !important; overflow:visible !important; }
	.teams { width:100%; float:left; background:url('/buurtzorg/images/buurtzorg_kaart_bg.jpg') left top repeat-x; height:275px; }
		.teams DIV { background:#fff; padding:30px; margin:5% 15% 0 5%; }
	.contactus { width:100%; float:left; padding:2% 0; margin:70px 0 0 0; } 
			.contactus.allalone { margin:70px auto 0 auto; text-align:center; float:none; }
			.contactus.allalone A.big { display:inline-block; }
		.contactus H2 { margin-bottom:20px; }
		.contactus .big { margin-top:20px; }
	.teamslist { width:100%; padding:2% 0; float:left; }
		.teamslist LI { width:38%; float:left; font-size:120%; background:url('/buurtzorg/images/arrow_right_blue_round.png') no-repeat;
        	background-size: auto 30px; background-position:0 5px; padding:5px 4% 5px 8%; color:#0F59BC; cursor:pointer; position:relative; }
        .teamslist LI A.website { background:url("/buurtzorg/images/arrow_right_blue.png") no-repeat scroll left center rgba(0, 0, 0, 0); padding:0 0 0 25px; }
        .teamslist LI DIV { z-index:100; position:absolute; top:35px; left:30px; border:2px solid #D9D9D9; border-radius: 8px; padding:15px 20px; background:#fff; display:none; }
	.fullmap { width:50%; height:275px; float:left;  }
		.fullmap IFRAME { width:100% !important; height:100% !important; }

.contacttable TD { padding: 0 5% 0 0; width:28%; }
.contacttable { margin-bottom: 40px; }

.contact.location { border-top:1px solid #ddd; padding-top:20px; }
.contact.location .contactus { margin: 10px 0 0; }

.googlemap IFRAME { width:100% !important; }


/*------------------------- TWITTERFEED -------------------------*/	
.twitterfeed { background:#F2F2F2; border-radius:8px; }
	.twitterfeed A.follow { background:url('/buurtzorg/images/twitter_bird.png') center right no-repeat #0F59BC; display:inline-block; border-radius:6px; margin-top:10px;
    border: 0; box-shadow: 0 5px 0 0 #183966; color: #FFFFFF; font-style: normal; font-weight: 400; font-size:120%; padding: 8px 40px 8px 12px; }
	.twitterfeed TABLE { margin:4% 0 4% 4%; }
	.twitterfeed TABLE TD { width:20%; padding: 0 3% 0 3%; } .twitterfeed TABLE TD.tweet { border-left:2px solid #fff; }
	.twitterfeed LABEL { font-size:90%; }
	.twitterfeed SPAN { border-radius: 6px; background:#c9c8c8; padding:6px 8px; color:#fff; display:block; float:right; line-height:1em; }
	.twitterfeed P { margin-top:5px; }
	
/*------------------------- BULLETS -------------------------*/		
.bullets { margin-bottom:80px !important; border-top:2px solid #d9d9d9; padding-top:80px; }
	.bullets .one { width:33%; float:left; }
	.bullets .two { width:33%; float:left; }
	.bullets .three { width:33%; float:left; }
	.bullets .bottom { clear:both; padding:0 0 0 66%; }
	.bullets DIV { font-weight:400; } 
	.bullets LI { font-weight:300; background:url('/buurtzorg/images/arrow_right_grey.png') no-repeat; background-position:0 5px; padding:5px 0 5px 35px; }

/*------------------------------------------------------------------------------------
  PAGE
------------------------------------------------------------------------------------*/
.submenu LI { background:url('/buurtzorg/images/arrow_left_blue.png') no-repeat; font-weight:400; padding:5px 40px 5px 0; background-position:right 10px; text-align:right; font-size:120%; }
	.submenu LI.heading { background:none; font-size:140%; }
	.submenu LI.current { background-image:url('/buurtzorg/images/arrow_left_white.png'); background-color:#0f59bc; } .submenu LI.current A { color:#fff; }
		.submenu LI.heading.current { background-image:none; }
		
.column1 { width:27%; padding:0 3% 0 3%; float:left; padding-bottom:5%; }
.column2 { width:60%; padding:0 3% 0 3%; float:left; padding-bottom:5%; }
	.column2 H1 { margin-bottom:40px; }
	.column2 P { margin: 20px 0; }
	.column2 UL { margin-left:10px; padding-left:10px; list-style:disc; }

IMG.left { float:left; margin:0 15px 15px 0; }

/*------------------------------------------------------------------------------------
  NEWS HOLDER
------------------------------------------------------------------------------------*/
.newsitem { width:46%; padding:0 8% 8% 0; float:left; } .newsitem.even { padding-right:0; }
	.newsitem IMG { float:right; margin:0 0 10px 10px; }
	.newsitem H3 {}


/*------------------------------------------------------------------------------------
  GALLERY
------------------------------------------------------------------------------------*/
.gallery { overflow:auto; }
	.gallery A { width:30%; float:left; padding:0; position:relative; margin:0 3% 5% 0; }
	.gallery A IMG { width:100%; }
	.gallery A DIV { display:none; width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; 
					background:url('/buurtzorg/images/zoom.png') center center no-repeat rgba(0, 0, 0, .4);  }


/*------------------------------------------------------------------------------------
  INITIATIEVEN
------------------------------------------------------------------------------------*/
.initiatives { border-top:2px solid #d9d9d9; }
	.initiative { border-bottom:2px solid #d9d9d9; }
	.initiative TABLE { border-collapse:collapse; padding:0; margin:0; width:100%; }
	.initiative TD { padding:30px 0 10px 20px; }

	.initiative .projectlogo { width:33%; background-repeat:no-repeat; background-position:center top; padding-left:0; }
	.buurtzorg.initiative .projectlogo { background-image:url('/buurtzorg/images/projectlogo_buurtzorg.jpg'); }
	.buurtdiensten.initiative .projectlogo { background-image:url('/buurtzorg/images/projectlogo_buurtdiensten.jpg'); }
	.buurtzorgjong.initiative .projectlogo { background-image:url('/buurtzorg/images/projectlogo_buurtzorgjong.jpg'); }
	.buurtzorghuis.initiative .projectlogo { background-image:url('/buurtzorg/images/projectlogo_buurtzorghuis.jpg'); }
	.buurtzorgt.initiative .projectlogo { background-image:url('/buurtzorg/images/projectlogo_buurtzorgt.jpg'); }
	.buurtzorgpension.initiative .projectlogo { background-image:url('/buurtzorg/images/projectlogo_buurtzorgpension.jpg'); }
	.buurtzorgkraam.initiative .projectlogo { background-image:url('/buurtzorg/images/projectlogo_buurtzorgkraam.jpg'); }

/*------------------------------------------------------------------------------------
  MEDIA
------------------------------------------------------------------------------------*/

@media (max-width:1024px) {
	.header LI { padding: 0 7px; }
	.single { width:100%; margin:0 auto; }
	.singlebox { font-size:80%; }
}

@media ( max-width:961px) {
	.hero .container DIV { font-size: 160%; }
	.intro .one { font-size: 160%; }
	.singlebox { width:80%; padding:0 10%; }
}

@media ( max-width:750px) {
	.hero .container DIV { font-size: 140%; }
	.intro .one { font-size: 140%; }
	.column1 { float:none; clear:both; width:94%; }
	.column2 { float:none; clear:both; width:94%; }
	
	.submenu LI { background:none; padding:5px 10px 5px 10px; text-align:left; }
		.submenu LI.current { background-image:none; }
		
	.news_one { width:94%; border-right:0; }
	.news_two { width:0%; border-right:0; display:none; }
	.news_other { width:0%; float:none; display:none; }	
	
	.folderon .container { width:100%; margin:0 0; }
	
	.bullets .one, .bullets .two, .bullets .three { padding:0 5%; width:90%; float:none; }
	.bullets .bottom { padding:5% 5%; width:90%; }
	
	.footer .container SPAN { border-bottom:0; }
}

@media ( max-width:480px ) {
}

@media (min-width:961px) {
	DIV.container { max-width: 1100px; }
	
	.teamslist, .teams { width:45%; margin:0 auto; padding-top:70px; }
	.teamslist.wide { width:100%; padding-top: 10px; }
		.teamslist.wide LI { padding:5px 4% 5px 6%; }
	/*.teams { width:550px; margin:0 auto; float:none; padding-top:70px; } .teams DIV { margin-top:0; }*/
	.contactus { width:36%; padding:2% 7%; }
	/*.contactus .big { background:none;}*/
}