/*------------------------------------------------------------------
[Table of contents]

1. Body + reset general tags
2. Links
3. Forms / Inputs
4. Containers #site
5. Contact-header / #contactCon
6. Header / #headerCon
7. Navigation / #navigationCon
8. Left column / #leftColumn
9. Right column / #rightColumn
10. Content / #contentCon
11. Boxes / .box
12. Paging
13. Footer / #footerCon

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[ 1. Body + reset general tags ]
------------------------------------------------------------------*/

html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background: url(../images/backgrounds/body-bg.png) center top #1f1f1f;
	font-size:11px;
	color:#838383;
	font-family:Arial, Helvetica, Sans-Serif;
}


img {
	border:none;
	vertical-align:bottom;
}

form {
	display:inline;
}


h1 {
	position:relative;
	margin:0;
	padding:5px 0 4px 10px;
	color:#fff;
	font-size:12px;
	line-height:1.1em;
	font-weight:bold;
	background:#949494;
}
h1 span {
	display:none;
}
    
h2 {
	margin:0px 0 3px 0;
	color:#454545;
	font-size:18px;
	line-height:1.1em;
	font-weight:normal;
}

h3 {
	margin:0;
	color:#2c2c2c;
	font-size:11px;
	line-height:1.1em;
	font-weight:bold;
}


p {
	margin:3px 0 15px 0;
	padding:0;
	line-height:1.5em;
}

fieldset {
	border:none;
	margin:0;
	padding:0;
}

.print {
	display:none;
}

/*------------------------------------------------------------------
[ 2. Links ]
------------------------------------------------------------------*/

a {
	color:#818181;
	text-decoration:underline;
}
a:visited {
	color:#818181;
}
a:hover {
	color:#818181;
	text-decoration:none;
}
a:active {
  outline: none;
}
:-moz-any-link:focus {
  outline: none;
}

a.back {
	display:block;
	margin: 30px 0 10px 0;
	padding-left:10px;
	font-size:10px;
	background:url(../images/icons/arrow-back.gif) left center no-repeat;
}
a#back {
	position:absolute;
	top:6px;
	right:20px;
	padding-left:10px;
	font-color:#fff;
	font-size:10px;
	text-decoration:none;
	background:url(../images/icons/arrow-back-white.png) left center no-repeat;
}
a#back:hover {
	text-decoration:underline;
}
a#back:visited {
	color:#fff;
}


/*------------------------------------------------------------------
[ 3. Forms / Inputs ]
------------------------------------------------------------------*/

input.text,
textarea.text {
	width:275px;
	padding:2px 3px 3px 3px;
	color:#7a7a7a;
	font-size: 1.1em;
	border:1px solid #a7a7a7;
	background:#fff;
}

input.text.active,
textarea.text.active {
	border:1px solid #ff6000;
}
input.text.error,
textarea.text.error {
	border:1px solid #f00;
}


.button {
	height:28px !important;
	margin:0px 0 -10px 0;
	#margin:0 0 -5px 0;
	padding:0;
	background:none;
	border:none;
}

input.quantity {
	display:inline-block;
	width:22px;
	text-align:center;
	border:none !important;
}


input#searchkeywords {
	width:85px;
	height:14px;
	padding:2px 4px 3px 4px;
	font-size:13px;
	color: #9e3b00;
	border:1px solid #fff;
	vertical-align:top;
}

button#searchsubmit {
	padding:0;
	margin:-1px 0 0 -3px;
	#margin:0px 0 0 -3px;
	background:none;
	border:none;
	vertical-align:top;
}

div#searchContainer {
	position:relative;
	height:36px;
	margin-left:-7px;
	padding-left:7px;
	overflow:hidden;
}

div#searchcon {
	position:relative;
	min-height:50px;
	padding-top:15px;
}
input#searchfield {
	position:absolute;
}
input#searchsubmit {
	position:absolute;
	left:294px;
}

span.req {
	color:#f00;
}

/*------------------------------------------------------------------
[ 4. Containers ]
------------------------------------------------------------------*/

div#outerCon {
	width:1000px;
	margin:0 auto 0 auto;
}

div#innerCon {
	width:1000px;
}


/*------------------------------------------------------------------
[ 5. Contact-header ]
------------------------------------------------------------------*/




/*------------------------------------------------------------------
[ 6. Header ]
------------------------------------------------------------------*/

div#headerCon {
	position:relative;
	width:1000px;
	height:117px;
}


/*------------------------------------------------------------------
[ 7. Navigation ]
------------------------------------------------------------------*/

div#navigationCon {
	position:relative;
	width: auto;
	height: 32px;
	background: #fff;
	z-index:100;
}

div#navigationCon ul {
	list-style:none;
	margin:0;
	padding:0;
	zoom:1;
	overflow:hidden;
}
div#navigationCon ul li {
	float:left;
	padding-left:1px;
	background:url(../images/backgrounds/mainnav-bg.gif);
}
div#navigationCon ul li a {
	display:block;
	padding: 0 20px !important;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#949494;
	line-height:32px;
	text-decoration:none;
	background:#fff;
}
div#navigationCon ul li a:hover {
	color:#494949;
}
div#navigationCon ul li.active a {
	color:#494949;
	background:#e5e5e5;
}

div#navigationCon ul li.active li a {
	background:#afafaf;
}

div#navigationCon li ul {
	position: absolute;
	left: -999em;
	display:none;
	background:#afafaf;
}

div#navigationCon li:hover ul, 
div#navigationCon li.sfhover ul {
	left: auto;
	min-width:13em;
	padding:0;
	margin:0;
	background:#afafaf;
}
div#navigationCon li:hover ul li, 
div#navigationCon li.sfhover ul li {
	float: none;
	padding:0;
	background:#afafaf;
}
div#navigationCon li ul li a,
div#navigationCon li:hover ul li a, 
div#navigationCon li.sfhover ul li a {
	color:#fff;
	border-bottom:1px solid #989898;
	background:#afafaf;
}	
div#navigationCon li:hover ul li a:hover, 
div#navigationCon li.sfhover ul li a:hover {
	background: url(../images/icons/subnav-hover-bg.gif) 7px center no-repeat #bfbfbf;
}	
	



/*------------------------------------------------------------------
[ 10. Content ]
------------------------------------------------------------------*/

div#contentCon {
	/*min-height:568px;*/
	padding:20px 0 20px 20px;
	background:url(../images/backgrounds/contentcon-bg.png) repeat-x #fff;
	zoom:1;
}
div#contentCon.home {
	padding-bottom: 20px;
	background:url(../images/backgrounds/contentcon-home-bg.png) repeat-x #fff;
}


div.halfCol,
div.fullCol {
	position:relative;
	margin:0 20px 0px 0;
	zoom:1;
}

div.quarterCol {
	float:left;
	position:relative;
	display:inline;
	min-height:121px;
	width:225px;
	margin:0 20px 0 0;
}

div.halfCol {
	float:left;
	display:inline;
	width:470px;
}	

div.tripleCol {
	float:left;
	display:inline;
	width:715px;
}

div.fullCol {
	width:960px;
}

.rightcol {
	margin:0 0 20px 0px !important;
}
div.withbg {
	min-height:450px;
	background:#fff;
}

.home div.fullCol {
	margin:0;
}
.home .withbg {
	min-height:320px;
}

	
.ear {
	position:absolute;
	display:block;
	top:0px;
	left:-7px;
	width:7px;
	height:40px;
	background:url(../images/ear-grey.gif) no-repeat;
}
.grey .ear {
	background:url(../images/ear-grey.gif) no-repeat;
}
.lightgrey .ear {
	/* komt niet voor */
}
.pink .ear {
	background:url(../images/ear-pink.gif) no-repeat;
}
.purple .ear {
	background:url(../images/ear-purple.gif) no-repeat;
}
.orange .ear {
	background:url(../images/ear-orange.gif) no-repeat;
}
.blue .ear {
	background:url(../images/ear-blue.gif) no-repeat;
}

div.rightcol .ear {
	display:none;
}

.grey {
	background:#818181;
}
.lightgrey {
	background:#949494;
}
.pink {
	background:#d02f7e;
}
.purple {
	background:#9e46b8;
}
.blue {
	background:#3446ca;
}
.orange {
	background:#ff6000;
}
	
/*------------------------------------------------------------------
[ 11. Boxes ]
------------------------------------------------------------------*/

div.clearer {
	clear:both;
	font-size:0;
	line-height:0;
}


/* home - featured blocks */
div.featured {
	position:relative;
	background-position: left 25px;
	background-repeat: no-repeat;
}
div.featured a {
	display:block;
	height:121px;
	text-decoration:none;
}
div.featured h2 {
	padding: 8px 15px;
} 

	div#feat-zoekopbestpractices {
		background-image:url(../images/backgrounds/zoeken-op-best-practices-bg.png);
	}
		div#feat-zoekopbestpractices h2 {
			color:#9b7a8a;
		}	
	div#feat-zoekopregio {
		background-image:url(../images/backgrounds/zoeken-op-regio-bg.png);
	}
		div#feat-zoekopregio h2 {
			color:#8b6d94;
		}	
	div#feat-zoekoporganisatie {
		background-image:url(../images/backgrounds/zoeken-op-organisatie-bg.png);
	}
		div#feat-zoekoporganisatie h2 {
			color:#6971a7;
		}	
	div#feat-zoekopinhoud {
		background-image:url(../images/backgrounds/zoeken-op-inhoud-bg.png);
	}
		div#feat-zoekopinhoud h2 {
			color:#c18765;
		}	
		div#feat-zoekopinhoud div {
			position:absolute;
			bottom:5px;
			right:7px;
			text-align:right;
		}
		
		
		
div#partners ul {
	float:left;
	list-style:none;
	margin:20px 0 0 20px;
	padding:0 0 11px 0;
	background:#f4f4f4;
}
div#partners ul.first {
	margin-left:0;
}
div#partners ul li {
	width:197px;
	height:111px;
	margin:11px 11px 0 11px;
}
div#partners ul li a {
	display:table-cell;
	#display: block;
	width:197px;
	height:111px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #c1c1c1;
}
div#partners ul li a:hover {
	border:1px solid #818181;
}


div.textblock {
	width:446px;
	padding: 8px 12px 20px 12px;
}
div.quarterCol div.textblock {
	width:200px;
}	
div.textblock .visual {
	float:right;
	margin: 13px 0 5px 20px;
	text-align:right;
}
div.textblock .visual p {
	font-size:10px;
	font-style:italic;
}
div.textblock p.intro {
	font-weight:bold;
	font-size:12px;
	color:#454545;
}

.zoekopinhoud p.intro {
	font-size:0.9em;
	color:#ff6000 !important;
}
.zoekenopregio p.intro {
	font-size:0.9em;
	color:#d02f7e !important;
}
.zoekenoporganisatie p.intro {
	font-size:0.9em;
	color:#3446ca !important;
}
.zoekenopbestpractices p.intro {
	color:#5b0076 !important;
}


div#newsoverview  {
	padding-bottom:60px;
}		
	
ul.newsList	{
	float:left;
	display:inline;
	width:470px;
	list-style:none;
	margin:0;
	padding:0;
}
ul.newsList	li {
	position:relative;
	/*height:100px;*/
	margin-bottom:2px;
	background:#fff;
	border-bottom:2px solid #cccccc;
	overflow:hidden;
}
ul.rightlist {
	margin-left:20px;
}
.home ul.newsList li {
	position:relative;
	/*height:100px;*/
	margin-bottom:2px;
	background:#fff;
	border-bottom:none;
	overflow:hidden;
}
.home ul.newsList li span {
	zoom:1;
	overflow:hidden;
}

span.itemCon {
	display:block;
	margin: 8px 90px 5px 10px;
}
span.itemCon span.date {
	color:#b1b1b1;
	font-style:italic;
}
span.itemCon a {
	display:inline-block;
	margin-top:6px;
}
ul.newsList	 li .visual {
	position:absolute;
	bottom:8px;
	right:8px;
}


table.organisationlist {
	border-collapse:collapse;
	width:100%;
	margin-bottom:15px;
}
table.organisationlist td {
	padding-right:10px;
	line-height:1.7em;
	vertical-align:top;
}
table.organisationlist td a {
	color:#8f92b7;
	text-decoration:none;
}
table.organisationlist td a:hover {
	text-decoration:underline;
}
.zoekenopbestpractices table.organisationlist td h3 {
	margin:15px 0 3px 0;
	font-size: 15px;
	font-weight:normal;
	color:#9e46b8;
}



.articlelist {
	/*margin-right: 10px;
	padding: 8px;*/
}
.articlelist .column {
	margin-right:8px;
}

.articlelist a {
	color:#8f92b7;
	text-decoration:none;
}
.articlelist a:hover {
	text-decoration:underline;
}

.zoekenopbestpractices .articlelist h3 {
	margin:0px 0 3px 0;
	font-size: 15px;
	font-weight:normal;
	color:#9e46b8;
}
.articlelist p {
	padding: 0 0 10px 0;
}



ul.resultlist,
ul.regioresultlist {
	width:100%;
	list-style:none;
	margin:7px 0 0 0;
	padding:0;
	zoom:1;
	overflow:hidden;
}
	ul.resultlist li,
	ul.regioresultlist li {
		display: -moz-inline-box; /* mozilla only */
        display: inline-block; /* for browsers that support display:inline-block*/		
		width:205px;
		margin-right:15px;
		margin-bottom:15px;
		vertical-align:top;
	}
	
	 *:first-child + html ul.resultlist li,
	 *:first-child + html ul.regioresultlist li
    {
        display: inline;
    }
    /* Show only to IE6 */
    * html ul.resultlist li,
	* html ul.regioresultlist li
    {
        display: inline;
    }
	
	ul.resultlist li h3,
	ul.regioresultlist li h3 {
		margin-bottom:3px;
		font-size: 15px;
		font-weight:normal;
	}
	ul.resultlist li a,
	ul.regioresultlist li a {
		text-decoration:none;
	}
	ul.resultlist li a:hover,
	ul.regioresultlist li a:hover {
		text-decoration:underline;
	}


/* afwijkend voor regio */

ul.regioresultlist li {
	width:97%;
}
	ul.regioresultlist li table {
		padding:0;
		border-collapse:collapse;
	}
	ul.regioresultlist li table th {
		padding: 3px 15px 5px 0;
		text-align:left;
		vertical-align:top;
	}	
	ul.regioresultlist li table td {
		padding: 3px 0 5px 15px;
		color:#424242;
	}	
	ul.regioresultlist li table td a {
		color:#424242;
		text-decoration:none;
	}
	ul.regioresultlist li table td a:hover {
		text-decoration:underline;
	}

ul.regioresultlist li h3 {
	color:#880244;
}	

.zoekenoporganisatie ul.resultlist li h3 {
	color:#001082;
}	

.zoekenopbestpractices ul.resultlist li h3 {
	color:#9e46b8;
}	



		
		
table.formtab {
	border-collapse:collapse;
}
table.formtab th {	
	padding: 7px 90px 3px 0;
	text-align:left;
	vertical-align:top;
}
table.formtab td {	
	padding: 4px 0px 4px 0;
	text-align:left;
	vertical-align:top;
}

/*------------------------------------------------------------------
[ 12. Paging ]
------------------------------------------------------------------*/

/*  pagination */

.customnav {
	position:absolute;
	right:0;
	bottom:10px;
	padding: 3px 30px 0px 20px;
	text-align: right;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	background-color: none;
}
.customnav a {
	display: inline-block;
	margin-left: 5px;
	padding: 5px 2px;
	font-weight: bold;
	color:#838383;
}
.customnav a.selected {
	color:#c0c0c0;
	text-decoration:none;
}
.customnav a.prev {
	display:none;
}
.customnav a.next {
	float:right;
	background-color: none;
}
.customnav a.disabled {
	visibility: hidden;
}

.zoekenopregio .customnav a.selected {
	color:#d02f7e;
}

.zoekenoporganisatie .customnav a.selected {
	color:#3446ca;
}

.zoekenopbestpractices .customnav a.selected {
	color:#9e46b8;
}


#regionmap {
	margin: 35px 0 0 0;
	text-align:center;
}

/*------------------------------------------------------------------
[ 13. Footer ]
------------------------------------------------------------------*/

.subfooter {
	margin-bottom:20px !important;
	background:#e5e5e5;
	zoom:1;
	overflow:hidden;
}
.subfooter ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
.subfooter ul li {
	float:left;
	display:inline;
	padding:10px 11px 10px 0px;
}
.subfooter ul li a img {
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
}
.subfooter ul li a:hover img {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

#partnerlist {
	zoom:1;
	overflow:hidden;
}
#partnerlist div {
	float:left;
	line-height:41px;
}
#partnerlist ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
#partnerlist ul li {
	float:left;
	display:inline;
	margin-left:10px;
}
#partnerlist ul li a {
	position:relative;
	display:table-cell;
	#display:inline-block;
	width:94px;
	height:42px;
	border:1px solid #ccc;
	vertical-align:middle;
	text-align:center;
}
#partnerlist ul li a:hover {
	border:1px solid #9a9a9a;
}
	

div#footerCon {
	height:70px;
	padding: 15px 20px;
	color:#7f6000;
	font-size:10px;
	background:#ffc000;
}

div#footerLeft {
	float:left;
	display:inline;
	width:470px;
	margin-right:20px;
}
div#footerLeft a {
	color:#7f6000;
}

div#footerRight {
	text-align:right;
}

div#footerRight a {
	color:#7f6000;
}	
div#footerRight a:hover {
	text-decoration:none;
}

div#loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 400px;
    background: center center url('../images/loader.gif') no-repeat;
}

#cse-search-results > iframe {
    width: 450px;
}

#errors {
    display: none;
    position: absolute;
    top: 47px;
    left: 500px;
    border: 1px solid red;
    width: 200px;
    padding: 10px;
}