/*
Theme Name: Sustainable footprint theme
Theme URI: http://wordpress.org/
Description: Sustainable footprint theme 
Author: Betawerk
Author URI: http://betawerk.nl/
Version: 1.0


License:
License URI:

*/
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:AllerRegular, Arial, Helvetica, sans-serif;
}

img{
	margin:0px;
	padding:0px;
	border:none;
}

p{
	font-size:14px;
	font-weight:normal;
}

h1{
	font-family:AllerBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0px;
	color:#fff;
	line-height:32px;
}

h3{
	color:#83c341;
	margin:0px;
	font-family:AllerBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h3 a{
	color:#83c341;
	text-decoration:none;
}

.introlink{
	color:#83c341;
	text-decoration:none;
	font-size:14px;
}

h4{
	color:#000;
	margin:0px;
	font-family:AllerBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
}

a{
	color:#55a51c;
	text-decoration:underline;
}

a:hover{
	color:#676767;
}

ul{
	font-size:14px;
}

ol{
	font-size:14px;
}

/*lettertypen */
@font-face {
    font-family: 'AllerBold';
    src: url('fonts/aller/aller_bd-webfont.eot');
    src: url('fonts/aller/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller/aller_bd-webfont.woff') format('woff'),
         url('fonts/aller/aller_bd-webfont.ttf') format('truetype'),
         url('fonts/aller/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerItalic';
    src: url('fonts/aller/aller_it-webfont.eot');
    src: url('fonts/aller/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller/aller_it-webfont.woff') format('woff'),
         url('fonts/aller/aller_it-webfont.ttf') format('truetype'),
         url('fonts/aller/aller_it-webfont.svg#AllerItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerLightRegular';
    src: url('fonts/aller/aller_lt-webfont.eot');
    src: url('fonts/aller/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller/aller_lt-webfont.woff') format('woff'),
         url('fonts/aller/aller_lt-webfont.ttf') format('truetype'),
         url('fonts/aller/aller_lt-webfont.svg#AllerLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerRegular';
    src: url('fonts/aller/aller_rg-webfont.eot');
    src: url('fonts/aller/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller/aller_rg-webfont.woff') format('woff'),
         url('fonts/aller/aller_rg-webfont.ttf') format('truetype'),
         url('fonts/aller/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* header */

.header{
	margin-left:auto;
	margin-right:auto;
	height:100px; /* uitgezet wegens print */
}

.logo{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:350px;
	
}

.nav{
	padding:15px 5px 5px 8px;
	height:40px;
	display:none;
}

.navigation{
	padding-left:0px;
	margin-top:5px;
	list-style:none;
	width:100%;
}

.navigation li{
	float:left;
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
	font-family:AllerBold, Arial, Helvetica, sans-serif;
}

.navigation li a{
	color:#FFF;
	text-decoration:none;
	display:block;
}

.navigation li a:hover{
	color:#83c341;
}

.navigation li img{
	margin-left:7px;
	margin-bottom:3px;
}

.lang{
	margin-left:160px;
}

/* breadcrumbs */

.breadcrumbs{ color:#333; font-size:12px; margin-top:5px;}

/* temp weggehaald:

.breadcrumbs a{ color:#333; text-decoration:none}

.breadcrumbs a:hover{ color:#FFF;} */


/* content area */

.background{
	background-image:url(images/background_fill.png);
	background-repeat:repeat-x;
}

.wrapper{
	margin-left:auto;
	margin-right:auto;
	padding-bottom:5px; /* breedte uitgezet wegens print */
	padding-top:5px;
}

.content{
	float:left;
	width:960px; uitgezet wegens print */
	padding:0px 5px 5px 10px;
}


.clear{
	clear:both;
}

.introtext{
	float:left;
	min-height:50px;
}

.introtext .title{
	line-height:25px;
	min-height:33px;
	margin-left:5px;
	margin-right:5px;
	background-color:#fff;
	background-image:url(images/introback.png);
	background-position:bottom;
	padding:15px 15px 10px 10px; /* breedte uitgezet wegens print */
	width:950px;
}

.introcontent{
	width:950px; /* uitgezet wegens print */
	min-height:110px;
	padding:10px 15px 10px 10px;
	background-color:#fff;
	margin-right:5px;
	clear:both;
	margin-left:5px;
}


.introcontentsingle{
	width:auto;
	min-height:110px;
	padding:10px 10px 10px 15px;
	background-color
	:#fff;
	margin-right:5px;
	float:left;
	width:960px; /* uitgezet wegens print */
}

.introcontentsingle ol{
	font-size:14px;
}

/* Tijdelijk uitgeschakeld 
.introcontentsingle a{
	color:#676767;
	text-decoration:underline;
}

.introcontentsingle a:hover{
	color:#83c341;
} */

.introcontentpage{
	min-height:110px;
	padding:10px 10px 10px 15px;
	background-color:#fff;
	float:left;
	margin-right:5px;
	margin-left:5px;
	width:950px; /*breedte uitgezet wegens print */
	margin-top:-1px;
}

/* Tijdelijk uitgeschakeld 
.introcontentpage a{
	color:#676767;
	text-decoration:underline;
}

.introcontentpage a:hover{
	color:#83c341;
} */

.assistive-text{
	margin-left:10px;
}

.introcontent h3, .introcontent h3 a{
	color:#83c341;
	text-decoration:none;
	padding-bottom:2px;
	float:left;
	width:100%;
}

.introbottom{
	float:left;
		background-image:url(images/introback2.png);
		background-position:0px -130px;
		height:7px;
		width:950px;
		margin-bottom:20px;
		margin-top:-1px;
		display:none;
}

.introtextfront{
	width:650px;
	background-color:#FFF;
	padding:5px 40px 10px 10px;
}
		

.introcontent p{
	margin:0px;
	width:450px;
	margin-bottom:10px;
}

.featuredimage{
	float:right;
	width:200px;
	margin:0px 10px 10px 10px;
}

.wp-paginate .current{
	background-color:#969696;
	border:#181818;
	
}

.overviewimage{
	vertical-align:top;
	float:right;
	width:200px;
	margin-right:10px;
	margin-top:-25px;
}

.item h3{
	width:900px;
}

.text{
	float:left;
	width:450px;
}

.highlight1{
	position:relative;
	float:left;
	width:460px;
	height:272px;
	margin-right:0px;
}

.highlight1 img{
	height:272px;
	width:300px;
	float:left;
}

.highlight1 .text{
	float:left;
	width:150px;
	padding-left:10px;
	color:#FFF;
}

.highlight1 h3{
	font-size:18px;
	margin-top:0px;
	margin-bottom:5px;
}

.highlight2{
	float:left;
	width:220px;
	height:130px;
	margin-left:20px;
}

.highlight2 h3{
	margin-top:5px;
	margin-bottom:0px;
	font-size:18px;
}

.highlight3{
	float:left;
	margin-top:16px;
	width:220px;
	height:130px;
	margin-left:20px;
}

.highlight3 h3{
	margin-top:5px;
	margin-bottom:0px;
	font-size:18px;
}

.students{
	margin-top:20px;
	float:left;
	width:220px;
	min-height:300px;
}

.students h3{
	margin-top:5px;
	margin-bottom:0px;
}

.teachers{
	margin-top:20px;
	margin-left:20px;
	float:left;
	width:220px;
	min-height:300px;
}

.teachers h3{
	margin-top:5px;
	margin-bottom:0px;
}

.highlight4{
	margin-left:20px;
	margin-top:20px;
	float:left;
	width:220px;
	min-height:300px;
}

.highlight4 h3{
	margin-top:5px;
	margin-bottom:7px;
}

.highlight4 p{
	margin-top:0px;
	color:#FFF;
}

.frontpage{
	list-style:none;
	margin-top:5px;
	margin-bottom:0px;
	padding-left:0px;
	line-height:24px;
}

.frontpage li{
	background-image:url(images/divider_horizontal.png); 
	background-repeat:repeat-x;
}

.frontpage li a:hover{
	color:#83C341;
}

.frontpage a{
	display:block;
	color:#fff;
	text-decoration:none;
}

.frontpage a:hover{
	color:#595959;
	text-decoration:none;
}

/* sidebar */

.sidebar{
	float:left;
	margin-left:15px;
	width:220px;
	display:none; /* uitgezet wegens print */
}

.sidebar ul{
	list-style:none;
	padding-left:0px;
}

.latest a{
	line-height:20px;
	font-size:14px;
	display:block;
	color:#595959;
	text-decoration:none;
}

.languages{
	background-color:#e2dcd6;
	padding:10px 10px 4px 10px;
	height:1000px;
}

.languages h3{
	margin-top:5px;
	marbin-bottom:10px;
	color:#503e2f;
}

.languages ul a{
	line-height:20px;
	display:block;
	color:#595959;
	text-decoration:none;
	padding-bottom:2px;
}

.qtrans_language_chooser span{
	margin-left:10px;
}

.themas{
	background-color:#e2dcd6;
	padding:10px;
	min-height:150px;
	margin-top:20px;
}

.themas li:hover{
	background-image:url(images/arrow_right.png);
	background-position:right;
	background-repeat:no-repeat;
}

.themas h3{
	margin-top:5px;
	margin-bottom:10px;
	color:#503e2f;
}

.themas ul a{
	line-height:25px;
	display:block;
	font-size:14px;
	color:#595959;
}

.themas ul li a:hover{
	color:#83c341;
}

.themas ul li{
	border-bottom:1px solid #C5C5C5;
	border-top:1px solid #F8F8F8;
	background-image:none;
}

.themas ul li:first-child{
	border-top:none;
}

.themas ul li:last-child{
	border-bottom:none;
}

.latest{
	margin-top:20px;
	background-color:#e2dcd6;
	padding:10px;
	min-height:150px;
}

.latest h3{
	margin-top:5px;
	margin-bottom:10px;
	color:#503e2f;
}

.latest ul li{
	border-bottom:1px solid #C5C5C5;
	border-top:1px solid #F8F8F8;
	background-image:none;
	padding:5px 0px 2px 0px;
}

.latest ul li:first-child{
	border-top:none;
}

.latest ul li:last-child{
	border-bottom:none;
}

.latest ul li a:hover{
	color:#83c341;
}


.grunge_bottom{
	background-image:url(images/grunge_bottom.png);
	background-repeat:no-repeat;
	width:220px;
	height:4px;
}

/* footer */

.footer{
	clear:both;
	margin-left:auto;
	margin-right:auto;
	height:100px;/* breedte uitgezet wegens print */
	padding:0px 0px 20px 0px;
	margin-bottom:10px;
	display:none;
}

.kartelrandje{
	height:20px;
	width:100%;
	background-image:url(images/border_top.png);
	background-position:-300px;
}
	
.kartelrandje_bottom{
	height:10px;
	width:100%;
	background-image:url(images/grunge_line_footer.png);
	background-position:-300px;
	margin-top:-5px;
}

.searchbox{
	float:left;
	height:20px;
	width:220px;
	background-image:url(images/search_back.png);
	margin-left:220px;
	margin-top:40px;
	color:#FFF;
	font-size:13px;
	line-height:20px;
	padding:10px;
	display:none; /* uitgezet wegens print */
}

.search{
	height:20px;
	border:none;
	margin-left:5px;
	width:125px;
	color:#888;
	padding:0px 30px 0px 5px;
}

.searchbutton{
	position:absolute;
	float:left;
	margin-left:-25px;
	z-index:999;
}

.footerleft{
	float:left;
}


.footerleft ul{
	width:160px;
	padding-left:10px;
	padding-top:0px;
	list-style:none;
	line-height:18px;
}

.footerleft a{
	color:#595959;
	text-decoration:none;
	font-size:12px;
}

.footerright{
	float:left;
	width:220px;
	padding:18px 0px 0px 0px;
	margin-left:360px;
	font-size:11px;
	color:#595959;
	line-height:18px;
}

.footerright p{
	font-size:12px;
}

.footerright a{
	color:#595959;
	text-decoration:none;
	font-family:AllerBold, Arial, Helvetica, sans-serif;
}

.description{
	color:#888;
	padding-bottom:10px;
}

.description a{
	padding-left:5px;
	color:#83c341;
	text-decoration:none;
	font-family:AllerRegular, Arial, Helvetica, sans-serif;
}

.related{
	float:left;
	width:350px;
	height:114px;
}

.related .content{
	width:155px;
	float:left;
	color:#FFF;
	font-size:13px;
}

.related a{
	height:100%;
	text-decoration:none;
	color:#83c341;
}

.related .content h4{
	color:#83c341;
	margin-top:-3px;
	background-image:none;
}

.related img{
	float:left;
	width:180px;
}

.relcases h4{
	color:#FFF;
	margin-bottom:10px;
	padding-bottom:5px;
	background-image:url(images/divider_horizontal.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.menu-item{
	color:#222;
}

/* Search */

#s{
	border:none;
	float:left;
	height:18px;
	width:113px;
	margin-left:5px;
	padding-left:5px;
	padding-right:27px;
}

.screen-reader-text{
	float:left;
}

#searchsubmit{
	cursor: pointer;
	border: none;
	background: url(images/searchbutton.png) no-repeat left top;
	float:left;
	width:25px;
	height:20px;
	text-indent: -9999px;
	margin-left:-25px;
}

/* wishes */

.gbEntryLeft{
	background-color:#FFF;
}

#gbCredit{
	visibility:hidden;
}

/* Menu */ 

.homebutton{
	float:left;
	padding:3px 15px 3px 3px;
	color:#EEE;
	font-size:14px;
	text-decoration:none;
	line-height:16px;
	display:block;
	margin-top:17px;
	margin-left:16px;
	z-index:999;
	position:absolute;
	border-right:1px solid #483f37;
	display:none;
}

.homebutton:hover{
	color:#83c341;
}

.shailan-dropdown-menu-widget{
	margin-left:60px;
	padding-left:none;
	
}

/* related posts plugin stylign */
#related-posts{
	float:left;
}

.read_more a, .read_more{
	background-image:url(images/readmore_button.png);
	background-position:right;
	background-repeat:no-repeat;
	height:20px;
	color:#555;
	padding:2px 10px 2px 5px;
	text-decoration:none;
	line-height:20px;
	font-size:12px;
	font-family:AllerRegular;
	display:inline-block;
	float:left;
	margin-top:10px;
}

.item{
	margin-bottom:10px;
	padding-left:5px;
	border-bottom:1px solid #cacaca;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

.item:hover{
	background-color:#efe9e4;
	border-bottom:1px solid #efe9e4;
}

.read_more a:hover, .read_more:hover{
	background-image:url(images/readmore_hover.png);
	color:#FFF;
	display:inline-block;
}

.readmore a, .readmore{
	background-image:url(images/readmore_button.png);
	background-position:right;
	background-repeat:no-repeat;
	height:20px;
	color:#555;
	padding:2px 10px 2px 5px;
	text-decoration:none;
	line-height:20px;
	font-size:12px;
	font-family:AllerRegular;
	display:inline-block;
}

.readmore a:hover, .readmore:hover{
	background-image:url(images/readmore_hover.png);
	color:#FFF;
	display:inline-block;
}


/* Wordpress code for aligning */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}


/* nieuwsberichten */


/* footer sidebar */
.footer_sidebar{
	margin-top:4px;
	width:200px;
	float:left;
	font-size:10px;
	margin-left:0px;
}

.footer_sidebar p{
	line-height:16px;
	color:#595959;
	font-size:12px;
}

/* paginate */

.paginate{
	background-color:#83c341;
	height:25px;
	margin-top:5px;
	padding-top:6px;
	width:680px;
	float:left;
	display:none;
}

.titlepaginate{
	margin-left:5px;
	margin-right:5px;
	display:none;
	display:none;
}

.pagination{
	display:none;
}

.gallery{
	z-index:999;
}
	
.qtrans_flag_en {
  background-attachment:initial;
  background-clip:initial;
  background-color:initial;
  background-image:url(/wp-content/plugins/qtranslate/flags/gb.png);
  background-origin:initial;
  background-position:1px 3px;
  background-repeat:no-repeat no-repeat;
  margin-top:3px;
}

.qtrans_flag_nl {
  background-attachment:initial;
  background-clip:initial;
  background-color:initial;
  background-image:url(/wp-content/plugins/qtranslate/flags/nl.png);
  background-origin:initial;
  background-position:1px 3px;
  background-repeat:no-repeat no-repeat;
  margin-top:3px;
}

.qtrans_flag_and_text:hover {
	color:#83c341;
}

.wp-caption-text{
	color:#424242;
	font-size:11px;
	text-align:center;
	margin-top:0px;
}

.contactgegevens{
	float:right;
	width:290px;
	padding-top:0px;
	margin-top:-4px;
	padding-left:5px;
}

.contactgegevens h4{
	margin-top:14px;
	margin-bottom:20px;
}

.contactgegevens ul{
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	line-height:20px;
}

.required{
	color:#F00;
}