/***********************************/
/*
	Filename	: screen.css
	Author		: Frismedia - www.frismedia.nl
*/	
/***********************************/

.clearfix:after, div#main:after, div.item.large:after, div.homeCycle:after, form dl:after, div.search form:after, div.wrapSmall:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix, div#main, div.item.large, div.homeCycle, form dl, div.search form, div.wrapSmall  {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*div.nieuwsbrief {display:none;}

/***********************************/
/********** HTML ELEMENTS **********/

/***********************************/
/************ PREVIEW BAR **********/

div#previewBar {
	position:fixed;
	background:url(../img/bg_topbar.png) repeat-x top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	height:35px; /* 30px  */
	line-height:20px; /* 30px */
	padding:6px 0 6px 0;
	top:0px;
	left:0px;
	text-align: center;
	z-index:10;
	width:100%;
}

div#previewBar div#wrap {
	width:960px;
	margin:0 auto 0 auto;
}

div#previewBar span#cmsTitle {
	float:left;
	color:#666;
}

div#previewBar span#userOptions {
	float:right;
	color:#666;
}

div#previewBar span#userOptions span { /* semicolon */
	color:#999; 
	margin:0 3px 0 3px;
}

div#previewBar a {
	color:#5EA2D5;
	text-decoration: none;
}

div#previewBar a:hover {
	color: #333333;
}

div#previewBar img.logo {
	border: none;
}


/************ PREVIEW BAR **********/
/***********************************/

body {
	background:url(../img/bgv2.jpg) no-repeat left top  #fffaf4;
	padding:0;
	margin:0;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#5e4954;
	/*text-align:center;*/
} 


a { 
	color:#ff359a; 
	text-decoration: underline;
}

a.external {
	color: #4199c8;
}

a:hover { 
	text-decoration:none;
}


h3, h3 a { 
	color:#2569b5; 
	font-weight:bold; 
	font-size:13px; 
	margin:0;
	padding:0;
	text-decoration:none;
}
h3 {margin:0 0 15px 0;} 

h3 a:hover { text-decoration:underline;}


h2, h2.plaatje { 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	height:45px; 
	display:block; 
	margin:0 0 10px 0; 
	padding:20px 0 0 65px; 
	text-transform:uppercase;
	width:auto;
	clear: both;
	
	display:block;
	color:#5e4954;
	font-weight:normal;
	text-decoration:none;
	outline:none;
	font-size:12px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
}

h2.titleLogo {	
	margin:0; 
	padding:12px 0 0 0;
	width:430px;
	height:20px;
}

div.adviseert h2, div.adviseert h3 {background: url(../img/img1.png) no-repeat;}
div.nieuws h2 {background: url(../img/img2.png) no-repeat;}	
div.agenda h2 {background: url(../img/img3.png) no-repeat;}
div.inspireert h2 {background: url(../img/img3.png) no-repeat;}
div.blog h2 {background: url(../img/img3.png) no-repeat;}
div.wie h2 {background: url(../img/img4.png) no-repeat;}
div.netwerk h2 {background: url(../img/img4.png) no-repeat;}
div.initiatieven h2 {background: url(../img/img4.png) no-repeat;}
div.contact h2 {background: url(../img/img4.png) no-repeat;}

div.adviseert ul li h3 {
	background: url(../img/adviseert_show.gif) 510px no-repeat;
	margin: 0 0 5px 0;
	border-bottom:1px solid #cbc3c2;
	padding: 10px 0; 
}
div.adviseert ul li h3.show {background-image:url(../img/adviseert_hide.gif);}

/*div.inspireert h3, div.nieuws h3, div.agenda h3, div.blog h3, div.wie h3, div.netwerk h3, div.initiatieven h3, div.contact h3 {margin-left:0;}*/

p { 
	margin:0 0 10px 0; 
	padding:0;
}

p.clear {clear:both;}

input { 
	width:195px; 
	height:16px; 
	padding:2px; 
	border:none; 
	margin-bottom:5px;
	border:1px solid #cbc3c2;
	color:#5e4954;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

select { width:200px; margin-bottom:10px; clear:both; border:1px solid #cbc3c2;}

ul {margin:0 0 20px 0; padding:0;list-style: none;}
ul li {margin:0;padding:0;}
ul li ul {border-bottom:1px solid #cbc3c2;margin-top: 10px;}
ul li ul li {margin:0 0 10px 0;}
ul li ul li ul {border-bottom:none;}

ul li h3:hover {
	text-decoration: underline;
	cursor: pointer;
	}
	
div.adviseert ul li h3:hover {
	background-image: url(../img/adviseert_hide_2.gif);
}
div.adviseert ul li h3.show:hover {
	background-image: url(../img/adviseert_hide.gif);
}
	

ul li u {text-decoration: underline;}
/*ul li u a {color:#5e4954; text-decoration: underline;}*/
ul li u a:hover {text-decoration:none;}
u.show {color:#b4aeac;text-decoration:none;}

/* ul li ul {display:none;} */

div.netwerk ul li {margin-bottom:10px;}


/********** HTML ELEMENTS **********/
/***********************************/




/******************************/
/********** CONTENT **********/

div.homeCycle  {height: 120px;}
div.homeCycle div {padding: 20px;}

div#main { 
	width:980px;
	/*margin:0 auto;*/
	text-align:left;
	padding:60px 0 0 30px;
}

div#wrapSmall { width:277px; float:left; }
div#wrapMiddle { width:538px; float:right; margin-left:15px;}
div#wrapLarge {width:587px; float:left;}
div#wrapSidebar { width:246px; float:right;}


div.item, div#itemSmall, div#itemMiddle { 
	background:url(../img/itemSmall_bg.png) repeat;
	padding:20px 20px 30px 20px; 
	width: 235px;
	margin-bottom:15px;
	border:1px solid #cbc3c2;
	float:left;
	position: relative;
}

div#itemMiddle div div {
	display: block;
	width: 360px;
	margin:0;
	padding:0;
	float:left;
	}

div.paging {
	display:block;
	width: 100%;
	clear:both;
	float:left;
}

a.arrow {
	text-decoration: none;
}
	
div#itemSmall { 
	width:204px;  
	background:url(../img/bgPink.png) repeat;
	padding:20px;
	margin:0 0 15px 0;
	border:1px solid #cbc3c2;
	float:right;
}
div.wrapSmall {
float:right;
width: 244px;
}

div#itemSmall.nieuwsbrief, div#itemSmall.search {
	width: 204px;
	float: right;
}

div#itemMiddle { width:496px;}

div#wrapLarge div.item {width:530px;}

div#footer { width:100%; float:left;padding-left: 150px;padding-top: 20px;}

div.hr {
  height:20px;
  background: url(../img/hr.gif) no-repeat center;
  margin-bottom:5px;
}
div.hr hr {
  display: none;
}

div.more {float:left;}

div.imagesWrap {
	height:155px;
/*	border: 1px solid #D5CECD;
	float:left;
	display:block;
	clear:both;*/
}
div.pictures { 
	float:left; 
	position: relative;
	margin:0px 0 15px 0 ;		
}
div.pictures img {border: 1px solid #D5CECD;}
div.pictures p {
		bottom: 0px;
		left:275px;
		position: absolute;
		margin:0;
		padding:0;
}


/********** CONTENT **********/
/****************************/





/*********** FORM ***********/
/****************************/

input#formCheck {	display:none; }

form.reactie dl, div.contact form dl {margin: 0 0 3px 0;}
form.reactie dl.marge, div.contact form dl.marge {margin-bottom:10px;}
dt, dd {float:left;padding: 0;}

dt {width:100px;}

form.input { margin-top:20px;}

form.reactie textarea, form.reactie dl input, div.contact form dl input, div.contact form textarea { 
	border:1px solid #cbc3c2;
	color:#5e4954;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:2px 0 1px 0;
	width: 385px;
	float: none;
}

form.reactie dl label, div.contact form dl label {margin-left: 125px;}
form.reactie dl dt label, div.contact form dl dt label {margin-left: 0;width: 200px;}
form.reactie dl label input, div.contact form dl label input {width:40px;border: none;position:relative; top:5px;}

form.reactie input.submitButton, 
div.contact form input.submitButton,
div#wrapSidebar input.submitButton,
div#wrapMiddle input.submitButton, 
div#wrapLarge input.submitButton, 
div#search input.submitButton  {width:auto; padding:2px 10px 10px 10px;height: 20px;}

div#wrapSidebar input.zoeken,
div#wrapLarge input.zoeken,
div#wrapMiddle input.zoeken {width:auto; height:18px;}
div#wrapLarge input.zoeken {width:200px; margin: 0 5px 2px 0; float:left;}

div#wrapSidebar input.submitButton,
div#wrapMiddle input.submitButton {float:right;}

div.search input.zoeken {float:left; margin-right:10px;}
div.search input.submitButton {float:right;padding:2px 5px 10px 5px!important;}

ul.errors {color:red;}

form.nieuwsbrief dd, form.nieuwsbrief dl { margin: 2px 0 0  0; }

form.nieuwsbrief dl {display: block;}
form.nieuwsbrief dd {float: right;}
form.nieuwsbrief dl dd input {width: 200px;}

/****************************/
/*********** FORM ***********/





/**************************/
/********** NAV **********/



ul#nav { 
	width:147px;
	padding:80px 0 0 0;
	margin:0;
	float:left;
	background:url(../img/logo.gif) top left no-repeat;
}

ul#nav li { 
	list-style:none; 
	padding:0;
	margin:0;

}

ul#nav li.spacer {margin-top:10px;}

ul#nav li a { 
	display:block;
	color:#5e4954;
	padding:5px 0;
	font-weight:normal;
	text-decoration:none;
	outline:none;
	font-size:12px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
}


ul#nav li a:hover {color:#ff359a;}
ul#nav li em a {color:#b4aeac; text-decoration: none; font-style:normal;}



/********** NAV **********/
/************************/





/********** CLASSES **********/
/****************************/

span.nieuwsdate {
	display:block;
	font-size:9px; 	
}
	
img.picture { 
	margin:0 10px 0 0; 
	float:left;
}

img.pictureLarge { float:right; margin:0 0 0 10px;}


span.pager { 
	width:300px;
	display:block;
	text-align:left;
	margin-top:20px;
	
}

span.button, span.verzenden { 
	display:block; 
	width:40px; 
	height:18px; 
	float:right;
}

span.verzenden { width: 60px;}


form.contact span.verzenden { 
	margin-right:30px; 
	margin-top:10px;
}


span.afmelden { 
	display:block;
	font-size:9px; 
	margin-top:3px;
	width:100px; 
	float:left;
}

span.rss {  
	display:block; 
	width:90px; 
	margin: -10px -10px -15px  15px;
	float:right;
}
span.rss a { 
	background:url(../img/rss.gif) no-repeat left; 
	padding:0 0 0 20px; 
	color:#666; 
	float:right;
}

span.breadcrumb  { 
	display:block; 
	margin-bottom:20px; 
	font-size:10px; 
	position:absolute;
	top:60px;
	left:85px;
	width:470px;
}

span.print { 
	display:block;
	width:980px; 
	text-align:right; 
	padding-bottom:10px;
}

input.zoeken { width:150px; margin:0 0 10px 0; padding:0;}

div#wrapSidebar ul { margin:0; padding:0;}
div#wrapSidebar li { list-style:none;}
div#wrapSidebar ul a { outline:none;}
div#wrapSidebar ul a:hover { text-decoration:none; color:#5e4954; }
div#wrapSidebar ul em a, em a  { font-style:normal; color:#b4aeac; text-decoration:none;}


/********** CLASSES **********/
/****************************/

div#share-links {
	padding:0 0 20px 0 ;
}

ul.sharing-list {
	display: inline;
	margin:0;
	float:left;
}

ul.sharing-list li { 
	list-style:none;
	padding:0 5px 0 0;
	margin:0;
	display: inline;
}

ul.sharing-list img {
	border: 0px;
}