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

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

body	
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;	
	color:#333333;	
	line-height:1.2em;
	padding:0;
	margin:0;
	background:#FFFFFF;
	background:url(../img/wrapperBck.png) no-repeat center top;
}

iframe 
{
	border:border 1px solid red;
	width:568px;
	float:left;
}

ul {
	margin:0;
	padding:0 0 0 15px;
}

a {color:black;}
a:hover {text-decoration:none;}

a.rss
{
	position:absolute;
	
	z-index:100;
	right:20px;
	top:17px;
	background:url(../img/rss.gif) no-repeat;
	width:15px;
	height:15px;
	cursor:pointer;
}
a.rss span {display:none;}

span.alert {color:red;}

h1, h2 { }

h2 {width:90%;}

h3 {font-size:1.4em;
line-height:1.2em;}

h3 div {
	padding:0 20px;
	display:block;
	line-height:1.3em;
}

li.archive h3 {
	text-transform:uppercase;
	margin:5px 0 5px 0;
	padding: 0;
	color: #bbb;
	font-size:1.2em;
	background: #fff url(../img/line_y.gif) no-repeat left bottom;
	position: relative;
	clear: both;
	}

h4 span {font-weight:normal;}
h4 {margin:0;font-size:1.1em;}
h3 span {float:right;}

p {margin:0 0 10px 0; }
p.intro {
	font-weight:bold;
}

p.subscribed{
	margin: 10px 0 0 0;
}

div.item div.content{
	position: relative;
	clear:both;
	z-index: 1;
	padding:10px;
}

div.single div.item div.content{
	background:url(../img/columnSingleTop.png) no-repeat left top;
}
div.double div.item div.content{
	background:url(../img/columnDoubleTop.png) no-repeat left top;
}

div.full div.item div.content{
	background:url(../img/columnFullTop.png) no-repeat left top;
}

div.item p.content{
	position: relative;
	z-index: 1;
	margin-top: -60px;	
}

.noscreen{
	display: none;
}

form {margin:0;
padding:0;}

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

/***********************************/
/************ CLEAR FIX ************/
.clearfix:after, div#wrapper:after, div#header ul:after, div#main ul#path:after, ul#subNav:after, ul#tabs:after, div.item:after, div.content:after, ul.list:after, form:after, div.fileDownload:after, form#mail:after
{ 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix, div#wrapper, div#header ul, div#main ul#path, ul#subNav, ul#tabs, div.item, ul.list, form, div.item, div.content, div.fileDownload, form#mail {height: 1%;}

/************ CLEAR FIX ************/
/***********************************/

/***********************************/
/*********** MAIN  DIV'S ***********/

div#wrapper {
	width:965px;
	margin:0 auto;
	padding:15px 0 15px 5px;
}


div#header {margin:0 10px 0 0;}
div#main {margin:0; float:left;}

/*********** MAIN  DIV'S ***********/
/***********************************/

/***********************************/
/************** HEADER *************/

div#header img {
	float:left;
	margin-bottom:15px;
}

div#header form {
	float:right;
}

div#header form p {float:left;}
div#header form input {
	border:1px solid #8cc63f;
	color:#999999;
	font-size:0.9em;
	font-style:italic;
	width:180px;
	padding:3px 5px;
	height:13px;
}

div#header form input.submit {
	border:none;
	width:21px;
	height:21px;
	background:url(../img/searchBck.png);
	margin-left:7px;
}

div#header ul{
	clear:both;
	background:url(../img/navUlBck.png) no-repeat top left black;
	color:white;
	padding:0;
	list-style-type:none;
	font-size:0.95em;
	font-weight:bold;
}
div#header ul li {float:left; }

div#header ul li a {
	color:white;
	text-decoration:none;
	float:left;
	display:block;
	padding:4px 15px;
	border-right:1px solid black;
	font-size:1.05em;
}

div#header ul li em a, div#header ul li a:hover {
	font-style:normal;
	color:#3d6300;
	background:url(../img/mainNavEmBck.png) repeat-x;

}


/************** HEADER *************/
/***********************************/

/***********************************/
/*************** MAIN **************/



div#main ul#path {
	list-style-type:none;
	float:left;
	margin:15px 0 -5px 0;
	padding:0 0 0 5px;
}


div#main ul#path li {float:left;}

div#main ul#path li a {
	float:left;
	display:block;
	text-decoration:none;
	background:url(../img/pathUlBck.gif) no-repeat right 6px;
	padding:0 10px;
}

div#main ul#path li em {
	float:left;
	display:block;
	padding:0 10px;
	font-weight: 700;
	font-style: normal;
}

div#main ul#path li a:hover {text-decoration:underline;}

div#main a#print {
	float:right;
	margin:10px 10px 0 0;
	background:url(../img/print.gif) no-repeat left center;
	padding:1px 0 1px 20px;
	text-decoration:none;
	font-weight:bold;
}

div#main a#print:hover {text-decoration:underline;}

div#contentWrapper {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:100%;
}

/*************** MAIN **************/
/***********************************/

/***********************************/
/************* SUBNAV **************/

ul#subNav {
	position:relative;
	background:url(../img/subNavBck.png) no-repeat top left;
	width:225px;
	margin:5px 15px 15px 15px;
	padding:5px 0;
	list-style-type:none;
	z-index: 100;
}

ul#subNav li{
	float:left;
}
ul#subNav li a
{
	color:white;
	display:block;
	padding:5px 10px;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;	
	width:223px;
}
ul#subNav li a:hover {
	background:url(../img/subNavHoverBck.png) no-repeat left center;
	font-style:normal;
	color:black;
}
ul#subNav li em a {
	background:url(../img/subNavEmBck.png) no-repeat;
	font-style:normal;
	color:black;
}

ul#subNav div {
	position:absolute;
	left:232px;
	top:0;
	width:340px;
	padding:0 10px 5px 10px;
	background-color:white;
	min-height:125px;
	display:none;
	z-index:-1;
}

ul#subNav li:hover div {display:block;}

ul#subNav div h2 {
	background:none;
}
ul#subNav div p {margin-top:-10px;}

/************* SUBNAV **************/
/***********************************/

/*********************************/
/************* TABS **************/

ul#tabs {
	list-style-type:none;
	margin:0 0 -5px -15px;
	float:left;
	z-index: 100;
	position:relative;
}

ul#tabs li {float:left;}
ul#tabs li a {
	float:left;
	display:block;
	padding:10px 15px;
	text-decoration:none;
	font-weight:bold;
}
ul#tabs li a:hover {text-decoration:underline;}
ul#tabs li em {
	background:url(../img/tabsEm.png) no-repeat top left;
	float:left;
	z-index: 10;
	}
ul#tabs li em a {font-style:normal;
	background:url(../img/tabsEm_a.png) no-repeat top right;
}

/************* TABS **************/
/*********************************/

div.item {
/*	padding:10px;*/
	position:relative;
	margin-top:10px;
	padding-bottom: 10px;
}

div.item.nocontent{
	padding: 10px;
}
	
div.item ul {
	margin:-10px 0 10px 0;
}
div.column {
	float:left;
	margin:0 5px 0 0;
}
div.column img {
	border: 0;
	float:left;
	margin-left: -10px;
}
div.half {
	position:relative;
	width:225px;
	margin-top:10px; 
	background:url(../img/divItemBck.gif) bottom no-repeat #8cc63f;
}
div.single {
	width:360px;
}

div.item img {float:right;margin:1px 10px 10px 10px; padding-top: 2px;}

body.home div.half div.item {min-height:267px;padding-bottom:28px; }
body.home div.single div.item {min-height:285px;padding-bottom:30px;}

body.profiel div.min div.content {min-height:280px;}

body.home div.item img {margin:0 0 10px 0;}


div.single img {float:left;}

div.double {
	width:590px;
}
div.full {
	clear:both;
	width:955px;
}
div.marge {margin-top:30px;}

div.single div.item
{
	background:url(../img/columnSingleBottom.png) no-repeat left bottom;  
} 
div.double div.item
{
	background:url(../img/columnDoubleBottom.png) no-repeat left bottom;
} 
div.full div.item
{
	background:url(../img/columnFullBottom.png) no-repeat left bottom;
} 

div.header div.item
{
	position: relative;
	background:url(../img/photoBck.jpg) no-repeat left top;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	min-height:230px;
}

div.item h1, div.item h2
{
	margin:0 -10px;
	padding:5px 10px 10px 10px;
	color:#8cc63f;
	text-transform:uppercase;
	font-size:1.35em;
	line-height:1.2em;
	clear:both;
} 

body.archive div.item h1 {width: 495px;}

div.item h1.empty , div.item h2.empty {margin-bottom:-10px;}

div.half div.item h2 {color:white;margin-top:-10px;}

div.single div.item h1, div.single div.item h2 {
	padding-top: 5px;
	padding-bottom: 10px;
}
div.double div.item h1, div.double div.item h2 {
		
}
div.full div.item h1, div.full div.item h2 {
	padding-top: 5px;
	padding-bottom: 10px;
		

}

/*
object {margin-top:-20px;
border:1px solid red;
float:left;
}
*/

div.more
{	
	border-top:1px solid #B1B1B1;
	display:block;
	width:95%;
	margin-bottom:5px;
	margin-left: 10px;
}
body.home div.more
{
	position:absolute;bottom:0;
}
div.more a {
	padding:5px 15px 10px 0;
	display:inline-block;
	text-decoration:none;
	font-size:0.9em;
	background:url(../img/pagingNext.gif) right 8px no-repeat;
}
div.half div.more {
	border-color:black;
	margin-left:10px;
	width:203px;
}
div.half div.more a{
	background:url(../img/moreHome.gif) right 8px no-repeat;
}

div.more a:hover {text-decoration:underline;}
a.more {
	text-decoration:none;
	padding-left:15px;
	background:url(../img/moreBck.gif) left 5px no-repeat;
}
a.more:hover {text-decoration:underline;}

div.extra { 
	background-color: #8cc63f;
	color: #fff;
	font-weight: bold;
	padding: 3px 7px;
	position: absolute;
	right: 20px;
	top: 17px;
}

/*********************************/
/************* LIST **************/

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

ul.list li a {
	background:url(../img/moreBck.gif) left 7px no-repeat;
	padding:4px 0 4px 15px;
	width:95%;
	display:block;
	float:left;
	clear:both;
	text-decoration:none;
	font-weight:bold;
}

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

ul.list li.divider a {
	border-top:1px dashed #8cc63f;
	padding:8px 0 8px 15px;
	margin-top:4px;
	background-position:left 11px;
}

ul.list li em a, div.item ul.date li em a {
	font-style:normal;
	background-color:#8cc63f;
	background-image:none;
}

div.item ul.date li.archive em a{color: #000;}

div.item ul.date li em span  {font-style:normal;}

	
div.item ul.date li 
{
	float:left;
	width:100%;
}
	
div.item ul.date li a {
	width:80%;
	padding:2px 4px 2px 4px;
	margin-top:2px;
	margin-bottom:2px;
	float:left;
	background:none;
	clear:none;
}

div.item ul.date li.archive a {color: #bbb;}

div.item ul.date li span {
	float:left;
	white-space:nowrap;
	width:10%;
	display:block;
	margin:2px 4px 2px 0;
	padding:2px 5px 2px 5px;
	background-color:#CCCCCC;
	color:white;
	font-size:0.8em;
	font-weight:bold;
}
div.item ul.date li.archive span {background-color: #e4e4e4;}

/************* LIST **************/
/*********************************/

/*********************************/
/************* PAGING ************/

div.paging {
	position:relative;
	text-align:center;
	border-top:1px solid #ECECEC;
	margin-top:10px;
	padding-top:5px;
	margin-left: 10px;
	font-size:0.9em;
	width: 340px;
}
div.paging a {text-decoration:none;}
div.paging em a {
	font-style:normal;
	color:#8cc63f;
}
div.paging a:hover {text-decoration:underline;}
div.paging a.back {float:left;
background:url(../img/pagingBack.gif) no-repeat left center;
padding-left:15px;}

div.paging a.hidden {
	visibility: hidden;
}

div.paging a.next {float:right;margin-top:-15px;
background:url(../img/pagingNext.gif) no-repeat right center;
padding-right:15px;}
div.paging div {margin-right:60px;}

/************* PAGING ************/
/*********************************/

/***********************************/
/************* PERSON **************/

div.person {
/*	background-color:red;*/
	float:left;
}
div.person h4 {margin:0;font-size:1.1em;}
div.person img {float:left;margin:0 10px 10px 0;}

div.single div.person {
	width:335px;
}
div.double div.person {
	width:285px;
}
div.full div.person {
	width:310px;
	}
	
div.persons img {float:left;
margin-right:5px;}
/************* PERSON **************/
/***********************************/

/***********************************/
/************* CLIENT **************/

div.client {
/*	background-color:red;*/
	float:left;
	padding:5px;
}
div.client h4 {margin:0;font-size:1.1em;}
div.client img {float:left;margin:0 10px 10px 0;}

div.single div.client {
	width:335px;
	height: 120px;
}
div.double div.client {
	width:285px;
	height: 120px;
}
div.full div.client {
	width:300px;
	height: 120px;
	}
	
/*********** HOME BANNER ***********/
/***********************************/


div#main div.pics { 
	position:relative;
	z-index: -1;
    width:   955px;  
    height:  240px;  
    padding: 0 0 20px 0;  
    margin:  0; 

} 
 
div#main div.pics img { 
    padding: 0;   
    width:   955px; 
    height:  240px;  
    top:  	 0; 
    left: 	 0;
}

div#main div.pic {
	width:   955px;
    height:  240px;
	margin:  10px;
	padding: 0;
	top:     0;
	left:    0;
		display:none;
}

div#main div.banner {
	position:absolute;
	z-index: 2;
	background: url(../img/bannerBck.gif) bottom no-repeat #8cc63f;
	width:   360px;
	margin:	 5px 15px 15px 15px;
	padding: 10px;
	top:	 120px;
}

div.pathmarge {
	top:150px!important;
}

div#main div.special {
	top:10px;
}

div#main div.banner h1 {
	background:none;
	color:   white;
	margin:  2px 0 0px 0;
	padding: 0;
	font-size:1.7em;
}

div#main div.banner p {font-size:1.35em;line-height:1.2em }

body.home div.half form {margin:0; padding:0;} 
body.home div.half form label {color:white;}
body.home form input {
	clear:both;
	float: left;
	width:95%;
	margin-bottom:10px;
}
body.home div.half form input.button {
	width:auto;
	float:right;
	text-transform:uppercase;
	margin:0 5px 0 0;
} 

body.home div.half p {
} 

div.nieuwsbrief form#mail {margin-bottom:-15px; position: relative;}
div.nieuwsbrief form#mail label {display:block;width:100%;}
div.nieuwsbrief form#mail input {width:210px;float:left;margin:0;}

div.nieuwsbrief form#mail input.button {
	clear:none;
	float:right;
	width: 100px;
	background-color:#8ae000;
	color:#487500;
}

div.nieuwsbrief form#mail input.button:hover {
	color: #FFFFFF;
}

p.checkbox {float:left; margin: 10px;}
input.check {
	width: auto; 
	float: left; 
	clear: both;
	margin: 10px 0 0 129px
}

form#mailing_afmelden input.email{
	width: 200px;
}

form#mailing_afmelden input.button{
	clear:none;
	margin-left:10px;	
	background-color:black;
	border:none;
	color:white;
	width: 100px;
	height: 22px;
}

form#mailing_afmelden input.button:hover{
	background-color:#8ae000;
}

/***********************************/
/*********** HOME BANNER ***********/

form input {float:left;
margin:4px 0;
width:300px;}
form textarea {width:300px;}
form label {
	width:130px;
	display:block;
	float:left;
	clear:both;
	margin:4px 0;
}
form input.button {
	clear:both;
	margin-left:130px;
	width:auto;
	background-color:black;
	border:none;
	color:white;
}
	
form input.button:hover {
	color: #8ae000;
}

/***********************************/
/************* FOOTER **************/

div#footer {
	clear:both;
	float:left;
	width:955px;
	margin-top:8px;
	padding:8px 0;
	border-top:1px solid #8cc63f;
	background:url(../img/addressBck.gif) no-repeat right center;
}
address {
	font-style:normal;
}
address span {margin-right:15px;}

/************* FOOTER **************/
/***********************************/

div#container 	{
	position:relative;
	float: left;
	height:70px;
	width: 525px;
	overflow:hidden;
}

ul#personList{
	left: -25px;
	position: absolute;
	width: 2000px;
}

ul#personList a img{
	padding-top: 10px;
}

ul#personList li{float:left;list-style-type:none;}

div.item a.left{
	display:block;
	padding-left: 10px;
	float: left;
	background: url(../img/pagingBack.gif) no-repeat;
	width: 7px;
	height: 7px;
	margin-top: 35px;
	margin-right: 5px;
}

div.item a.right{
	display:block;
	padding-left: 10px;
	overflow: hidden;
	float: left;
	background: url(../img/pagingNext.gif) no-repeat;
	width: 7px;
	height: 7px;
	margin-top: 35px;
	margin-left: 5px;
}

a.left span,
a.right span {display:none;}

div.fileDownload{
	width: 570px;
	height: 75px;
	background: #F1F1F1;
}

div.fileDownload div.title{
	padding: 11px 0 0 14px;
	font-weight: 700;
}

div.fileDownload div.link{
	padding: 5px 0 0 2px;
}

div.fileDownload div.link img{
	float: left;
}

div.fileDownload div.link a{
	float: left;
	display: block;
	text-decoration: none;
	padding: 8px 0 0 10px;
}

div.fileDownload div.link a:hover{
	text-decoration: undelined;
}

form.route input#PCcijfers1{
	width: 40px;
	margin-right: 3px;
}

form.route input#PCletters1{
	width: 30px;
}

form.route input.button{
	clear: none;
	display: block;
	float: left;
	height: 22px;
	margin: 4px 0 0 10px;
}


a.slogan {
	text-decoration: none
	}

a.slogan hover {
	text-decoration: underline
	}