/* Ontwikkelaar: Concept7 (www.concept7.nl) */
/* Datum: december 2006 */
/* Format: screen */

/* Globals 
====================================================================== */
body,
html {
	background:#fff;
	color:#000;
	margin:0;
	padding:0;
	font:normal 12px arial,verdana,sans-serif;
	}

body { min-width:780px;}

div#wrapper {
	width:780px;
	margin:0 auto;
	padding:2px 0 0 0;
	}

img { border:0;}

img#logo {
	position:absolute;
	margin:9px 0 0 34px;
	}

*:focus {outline: none} 

p { line-height:150%}

/* Service menu + zoeken 
====================================================================== */
div#servNav {
	height:37px;
	background:#187d3f;
	color:#fff;
	}

ul.horzlist {
	margin:10px 0 0 0;
	padding:0;
	float:right;
	}

ul.horzlist li {
	list-style-type:none;
	display:inline;
	color:#fff;
	background:url(../../images/stippel-horzlist.gif)  right repeat-y;
	padding:0 11px 0 11px;
	}

ul.horzlist a {
	text-decoration: none;
	color:#fff;
	padding:0;
	}

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

.zoekform {
	float:right;
	width:240px;
	}

.zoekform fieldset {
	border:0;
	float:right;
	padding:7px 5px 0 0;
	}

* html .zoekform fieldset { padding:6px 8px 0 0;}

#zoekveld {
	font:normal 12px arial,verdana,sans-serif;
	width:150px;
	background:url(../../images/bg-zoekveld.gif) no-repeat;
	border:1px solid #999;
	padding:2px;
	}

#zoekbttn {
	border:0;
	background:#1aa7d7;
	cursor:pointer;
	font-size:11px;
	color:#fff;
	padding:3px 10px
	}

* html #zoekbttn { padding:2px 10px}
	
/* Namen van BCM 
====================================================================== */
div#naamCoop {
	height:26px;
	text-align:right;
	color:#1aa7d7;
	padding:10px 8px 0 0;
	}

div#naamCoop span { padding-right:40px;}

/* Blauw vlak intro 
====================================================================== */
div#blauwVlak {
	background:#009dd3 url(../../images/ronding-blauw-vlak.gif) no-repeat;
	height:229px;
	overflow:hidden;
	color:#fff;
	}

div#blauwVlak span {
	float:right;
	padding:6px 15px 0 0;
	}

div#blauwVlakVervolg {
	background:#009dd3 url(../../images/ronding-blauw-vlak.gif) no-repeat;
	height:121px;
	overflow:hidden;
	color:#fff;
	padding-top:2px;
	}

div#fsize {
	padding:4px 11px 44px 593px;}

div#txtIntro {
	background:#1aa7d7;
	width:501px;
	height:120px;
	margin-top:81px;
	overflow:hidden;
	padding:12px 12px 0 14px;
	}

div#txtIntro a {
	font-weight:bold;
	text-decoration:underline;
	color:#fff;
	}

div#txtIntro a:hover { color:#8f2a00}

div#txtIntro p {
	margin:0;
	padding:0 0 15px 0;
	}

.witBull {
	background:url(../../images/bull-wit.gif) no-repeat 0 4px;
	padding-left:12px;
	}

div#sfeerAfb {
	width:227px;
	height:170px;
	float:right;
	background:url(../../images/schaduw-afb.gif) top right no-repeat;
	margin:15px 6px 0 0;
	clear:right
	}

div#sfeerAfb img {
	float:right;
	border:10px solid #fff;
	margin-right:7px;
	}

/* Pay off 
====================================================================== */
img#payoff {display:block}

/* Alle H elementen (h1, h2, h3) 
====================================================================== */
h1 {}
	div#colls3 h1 { margin:0 0 4px 36px;padding:0;color:#8f2a00;font-size:18px;}
	div#txtIntro h1 { margin:0;padding:0;font-size:14px;}
	div#titel h1 { margin:0;padding:20px 0 0 0;font-size:14px;}

h2 {}
	div#blokL h2 { margin:0;padding:0!important;font-size:12px;font-weight:bold;}
	div#blokR h2 { margin:0;padding:0!important;font-size:12px;font-weight:bold;color:#009dd3}
	div#content h2 { margin:0;padding:0;font-size:12px;font-weight:bold;clear:both}

/* Drie blokken home (wonen, zorg en welzijn en diensten) 
====================================================================== */
div#colls3 {
	background:#fff;
	display:block;
	overflow:hidden;
	padding:23px 0 25px 0;
	}

div#colls3 a {
	color:#8f2a00;
	text-decoration:none;
}

div#colls3 a:hover { text-decoration:underline}

div#wrapContent {
	background:#fff;
	display:block;
	overflow:hidden;
	padding:12px 0 25px 0;
	}

div#wrapContent:after, div#wrapFloats:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}

* html div#wrapContent, div#wrapFloats { height:1%;}

	
div#collWonen div, div#collDiensten div, div#collZorgWel div {
  border-top:6px solid #1aa7d7;
	overflow:hidden;
	height:72px;
	margin-bottom:10px;
}

div#collWonen, div#collDiensten {
	float:left;
	width:253px;
	}

div#collZorgWel {
	float:left;
	width:253px;
	margin:0 11px 0 10px;
	}

ul.navlist {
	margin:0 0 25px 0;
	padding:0;
	list-style-type:none;
	}

* html ul.navlist {margin: 0 0 50px 0;}

ul.navlist li { 
	border-bottom:1px solid #d7d7d7;
	background:url(../../images/bull-rood.gif) no-repeat 16px 12px;
	}

ul.navlist a {
	display:block;
	padding:9px 5px 9px 35px;
	width:213px;
	text-decoration:none;
	color:#006f9e!important;
	}

ul.navlist a:hover	{
	color:#000!important;
	background:#dfdfdf url(../../images/bull-rood.gif) no-repeat 16px 12px;
	text-decoration:none;
	}

ul.navlist ul ul li { margin: 0 0 1px 0; }

ul.navlist ul ul a {
	display:block;
	padding:5px 5px 5px 30px;
	width:125px;
	color:#fff;
	background:#369;
	text-decoration:none;
	}

ul.navlist ul ul a:hover {
	color:#fff;
	background-color:#69C;
	text-decoration:none;
	}


/* Navigatie linkerkant 
====================================================================== */
div#navLinks {
	border-top:6px solid #1aa7d7;
	float:left;
	margin-right:25px;
	width:206px;
	padding-top:12px;
	}

ul#navmain, ul#subsub {
	margin:0;
	padding:0;
	list-style-type:none;
	}

ul#subsub li { 
	border-bottom:1px solid #fff!important;
	background:none!important;
	}
	
ul#subsub a {
	display:block;
	font-weight:normal!important;
	background:url(../../images/bull-rood.gif) no-repeat 36px 13px!important;
	padding-left:55px!important;
	width:146px!important;
	}

ul#subsub a:hover	{
	color:#000;
	background:#dfdfdf url(../../images/bull-rood.gif) no-repeat 36px 13px!important;
	text-decoration:none;
	}

ul#navmain li { 
	border-bottom:1px solid #d7d7d7;
	background:url(../../images/bull-rood.gif) no-repeat 16px 12px;
	}

ul#navmain a {
	display:block;
	padding:9px 5px 9px 35px;
	width:166px;
	text-decoration:none;
	color:#006f9e;
	}

ul#navmain a:hover	{
	color:#000;
	background:#dfdfdf url(../../images/bull-rood.gif) no-repeat 16px 12px;
	text-decoration:none;
	}

ul#navmain li#hoofdcat a {
	background:#1aa7d7 url(../../images/bull-hoofdcat.gif) no-repeat 180px 6px;
	color:#fff;
	font-weight:bold;
	}

ul#navmain li#selected a {
	color:#000;
	font-weight:bold;
	background:#d6eff8 url(../../images/bull-rood.gif) no-repeat 16px 12px;
	}

#navmain li ul li { 
	margin:0;
	list-style-type:none;
	padding:0;
	width:150px;
	background-color:#fff;
	}

ul#navmain ul ul a:hover {
	color:#fff;
	background-color:#69C;
	text-decoration:none;
	}

ul#navmain li#subsubaan a {
	background:#eff9fc url(../../images/bull-rood.gif) no-repeat 36px 12px!important;
	font-weight:bold!important;
	}

	
/* Hoofdcategorie onder navigatie linkerkant 
====================================================================== */
ul#navcats {
	margin:30px 0 0 0;
	padding:0;
	list-style-type:none;
	}

ul#navcats li { 
	border-bottom:1px solid #d7d7d7;
	background:#ebebeb url(../../images/bull-rood.gif) no-repeat 16px 12px;
	}

ul#navcats a {
	display:block;
	padding:9px 5px 9px 35px;
	width:166px;
	text-decoration:none;
	color:#006f9e;
	}

ul#navcats a:hover	{
	color:#000;
	background:#dfdfdf url(../../images/bull-rood.gif) no-repeat 16px 12px;
	text-decoration:none;
	}

/* Content inclusief blok rechts 
====================================================================== */
div#content {
	border-top:6px solid #187d3f;
	float:left;
	width:549px;
	}

div#content a {
	color:#1aa7d7;
	text-decoration:underline;
	}

div#content a:hover { color:#8f2a00;}

div#content p { 
	padding:0 30px 16px 0!important;
	margin:0;
	}

div.afbR {
	float:right;
	border:1px solid #d7d7d7;
	margin:5px 15px 0 12px;
	}

div.afbL {
	float:left;
	border:1px solid #d7d7d7;
	margin:5px 12px 0 0;
	}

div.afbR img, div.afbL img {
	display:block;
	padding:5px;
	}

.vergroot {
	position:absolute;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	}

ul#kruimel {
	margin:0 0 10px 228px;
	padding:0;
	}

ul#kruimel li {
	list-style-type:none;
	display:inline;
	padding-left:3px;
	}

ul#kruimel li#waar { font-weight:bold}

ul#kruimel a {
	text-decoration:underline;
	color:#1aa7d7;
	padding:0 10px 0 2px;
	background:url(../../images/bullet-kruimel.gif) right no-repeat;
	}

ul#kruimel a:hover { 
	text-decoration:underline;
	color:#8f2a00;
	}

div#titel {
	height:87px;
	border-bottom:1px solid #d7d7d7;
	color:#8f2a00;
	overflow:hidden;
	margin-bottom:20px;
	}

div#titel p {
	margin:0;
	padding:0;
	height:40px;
	overflow:hidden;
	}

div#titel img { 
	float:right;
	margin-left:12px;
	}

div#blokL {
	float:left;
	width:354px;
	padding:20px 0 50px 0;
	}

div#blokL p { padding-right:0px;}

div#blokR {
	float:left;
	width:185px;
	padding:20px 0 50px 10px;
	}

div#blokR img {
	display:block;
	margin-bottom:15px;
	}

/* Documenten
=================================================================*/
.documenten a:link,
.documenten a:visited,
.documenten a:hover,
.documenten a:visited:hover {
	display:block;
	padding:2px 10px 6px 27px;
	margin:15px 0 15px 0;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	font-weight:bold;
	}
	
.documenten a:link,
.documenten a:visited {
	background-repeat:no-repeat;
	background-position:0 3px;
	}
	
.documenten a:hover,
.documenten a:visited:hover {
	background-color:#fff;
	}
	
.docgif { background-image:url('../../images/icons/icon_gif.gif');}
.docjpg { background-image:url('../../images/icons/icon_jpg.gif');}
.docbmp { background-image:url('../../images/icons/icon_bmp.gif');}
.docpdf { background-image:url('../../images/icons/icon_pdf.gif');}
.docdoc { background-image:url('../../images/icons/icon_doc.gif');}
.docxls { background-image:url('../../images/icons/icon_xls.gif');}
.doczip { background-image:url('../../images/icons/icon_zip.gif');}
.doctxt { background-image:url('../../images/icons/icon_txt.gif');}
.docwmp { background-image:url('../../images/icons/icon_wmp.gif');}

/* Features onderaan pagina (print pagina en mail een vriend) 
====================================================================== */
.feas {
	margin:20px 0 0 0;
	padding:20px 0;
	border-top:1px solid #d7d7d7;
	clear:both;
	}

.feas li {
	list-style:none;
	display:inline;
	padding:0px 20px 0px 0px;
	}

.feas li a { color:#000!important;}
.feas li a:hover { color:#8f2a00!important;}

.printen {
	background:url('../../images/icon-print.gif') no-repeat;
	background-position:0 3px;
	padding:0px 20px 5px 20px;
	}
	
.mailen {
	background:url('../../images/icon-mail.gif') no-repeat;
	background-position:0 3px;
	padding:0px 0px 5px 20px;
	}

/* Contentlist, gebruikt voor sitemap en listopties in content 
====================================================================== */
.contentlist {
	margin:0 0 15px 15px;
	padding:0;
	color:#000;
	}
	
.contentlist li {
	padding:0 0 3px 0;
	list-style-type:disc;
	}

.contentlist li.antw {
	display:block;
	background:none!important;
	padding:8px 15px 20px 0!important;
	}
	
.contentlist li ul li {
	padding-left:15px;
	background:url('../../images/clist-sub.gif') no-repeat 0 5px;
	list-style-type:none;
	}

.faqlist dd {
	display:none;
		border-bottom:1px solid #d7d7d7;
}

dt {
	padding-top:5px;
	font-weight:bold;
	}
	
dd {
	margin:0;
	padding:8px 0 15px 0;
	border-bottom:none!important;
	}


/* Contactformulier 
====================================================================== */
.formulier {
	background-color:#d7d7d7;
	margin-bottom:10px;
	width:478px;
	}
	
.formulier input,
.formulier select {
	width:220px;
	}
	
.formulier div {
	padding:4px 0px;
	border-bottom:1px solid #fff;
	clear:both;
	overflow:auto;
	height:1%;
	}

.formulier div.noborder {
	padding:4px 0px;
	border-bottom:none;
	clear:both;
	overflow:auto;
	height:1%;}
	
.formulier #postcode {
	width:60px;
	}
	
.formulier fieldset {
	border:0px;
	padding:3px 10px;
	}
	
.formulier textarea {
	width:220px;
	overflow:auto;
	}
	
.formulier label,
.formulier span.labelfake {
	float:left;
	display:block;
	padding:2px 15px 0 0;
	color:#000;
	width:100px;
	cursor:pointer;
	text-align:right;
	}
	
div.buttons {
	clear:both;
	text-align:right;
	border:0!important;
	}
	
.buttons input {
	width:auto;
	color:#fff;
	border:0px;
	cursor:pointer;
	background:#000;
	padding:2px 8px 2px 8px;
	margin-right:115px;
	}
	
.formulier small {
	display:block;
	color:#df0024;
	width:190px;
	margin-left:124px;
	font-size:0.8em;
	}

.formulier div.aanhef {
	position:absolute;
	margin:-6px 0 0 0;
	padding:0 0 10px 0;
	height:50px;
	}

*html .formulier div.aanhef {
	margin:-3px 0 0 0;}

.formulier .stuurcc input, .formulier .aanhef input {
	width:auto;
	margin-right:6px;
	}
	
.formulier .stuurcc label, .formulier .aanhef label {
	width:auto;
	display:inline;
	float:none;
	font-weight:normal;
	}
	
.formulier div .aanhef {
	padding:4px 0px 0px 111px;
	border:none!important;
	}

.formulier .stuurcc {
	padding:4px 0px 0px 111px;
	border-bottom:1px solid #fff;
	}
	
.formulier h3 {
	font-size:1.1em;
	padding:4px 10px;
	background-color:#1aa7d7;
	color:#fff;
	}

.formulier div.errorfield {
	border:3px solid #f00;
	padding:6px 9px 8px 9px;
	margin:10px 10px 6px 10px;
	background-color:#fff;
	}

.formulier big {
	display:block;
	color:#df0024;
	font-weight:bold;
	padding:3px 0px 6px 20px;
	background:url('../../images/alert.gif') no-repeat 0px 3px;
	}
	
.formulier big span {
	font-size:0.7em;
	display:block;
	font-weight:normal;
	}

/* Footer 
====================================================================== */
div#footer {
	background:#187d3f;
	height:40px;
	padding:10px 20px 0 0;
	clear:both;
	}