/*

	Stylesheet for SLEURS ENERGY
	
	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	author:     Ad Eggermont ad@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Clearfix
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
	General
*/

html, body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #4b4b4b;
	background: #FFF;
	background: url('../images/bg_topbar.jpg') repeat-x top left;
}

/*Sticky footer */
#push {
	height: 82px;
}

/*
	Typography and text styles
*/

/* General */

p {
	padding: 0 0 19px 0;
}

	.widget p {
		color: #FFF;
	}
	
	#intro p {
		color: #FFF;
		font-size: 16px;
		padding: 8px 27px 9px 27px;
		line-height: 1.4;
	}
	
	#news p {
		padding-bottom: 5px;
	}
	
	#spotlight p {
		color: #FFF;
		padding-bottom: 11px;
	}
	
	#calculator p {
		padding-bottom: 10px;
	}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Headings */

h1 {
	font-size: 18px;
	padding: 0 0 14px 0;
	color: #006482;
	text-transform: uppercase;
}

h2 {
	font-size: 18px;
	padding: 0 0 7px 0;
	color: #92aa31;
}

	#news h2 {
		color: #006482;
		text-transform: uppercase;
		font-size: 16px;
		padding-bottom: 12px;
	}

h3 {
	font-size: 14px;
	padding: 0 0 12px 0;
	color: #92aa31;
}

	.widget h3 {
		color: #FFF;
		font-size: 13px;
		padding: 0 0 14px 0;
		text-transform: uppercase;
	}
	
	#news h3 {
		color: #006482;
		font-size: 12px;
		padding-bottom: 6px;
	}

	#news h3 a {
		color: #92aa31;
		border-color: #dbe3bb;
	}
	
	#news h3 a:hover {
		border-color: #92aa31;
	}
	
	#spotlight h3 {
		color: #FFF;
		text-transform: uppercase;
		font-size: 13px;
		padding-bottom: 3px;
	}
	
	#problems h3 {
		color: #92aa31;
		text-transform: uppercase;
	}
	
	#problems h3 a {
		color: #92aa31;
		border-color: #e4eacd;
	}
	
	#problems h3 a:hover {
		border-color: #92aa31;
	}
	
	#calculator h3 {
		padding-bottom: 6px;
	}

h4 {
	font-size: 12px;
	padding: 0 0 12px 0;
}

	.widget h4 {
		color: #FFF;
	}

	#spotlight h4 {
		font-size: 13px;
		color: #FFF;
		padding-bottom: 3px;
	}
	
	#calculator h4 {
		padding-bottom: 10px;
	}

/* Links */

a {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

a:link {
	color: #4b4b4b;
	border-color: #c4c4c4;
}

a:visited {
	color: #4b4b4b;
	border-color: #c4c4c4;
}

a:hover {
	color: #4b4b4b;
	border-color: #4b4b4b;
}

a:active {
	color: #4b4b4b;
	border-color: #c4c4c4;
}

	.widget a {
		color: #FFF;
		border-bottom-color: #d4d4d4;
	}
	
	.widget a:link {
		color: #FFF;
		border-bottom-color: #d4d4d4;
	}
	
	.widget a:visited {
		color: #FFF;
		border-bottom-color: #d4d4d4;
	}
	
	.widget a:hover {
		color: #FFF;
		border-bottom-color: #FFF;
	}
	
	p.likeButtons a {
		background: #ddd url('../images/bg_btn.jpg') no-repeat top right;
		display: block;
		float: left;
		border: none;
		height: 24px;
		margin-right: 7px;
		padding: 0;
		color: #585858;
		font-size:11px;
		line-height: 24px;
		font-weight: 700;
	}
	
	p.likeButtons a span {
		background: transparent url('../images/bg_btn_left.jpg') no-repeat top left;
		display: block;
		padding: 0 9px;
	}
	
	p.likeButtons a:hover {
		background: #ddd url('../images/bg_btn.jpg') no-repeat right -24px;
	}
	
	p.likeButtons a:hover span {
		background: transparent url('../images/bg_btn_left.jpg') no-repeat left -24px;
		color: #FFF;
	}
	
	#spotlight a {
		color: #FFF;
		border-color: #cbdf7b;
	}
	
	#spotlight a:hover {
		border-color: #FFF;
	}

/* .content defaults */

.content ul {
	line-height: 1.5;
	padding: 0 0 7px 0;
}

.content ul li {
	background: transparent url('../images/bullet_content.jpg') no-repeat top left;
	padding: 0 0 8px 15px;
}

	.widget ul {
		color: #FFF;
		padding: 0 0 12px 0;
	}
	
	.widget ul li {
		list-style-type: disc;
		margin-left: 12px;
	}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 12px;
}

.content dl {
	padding: 0 0 12px 12px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: Monaco, "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	background: #F5F5F5;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 10px; 
	padding: 12px 0;
}

.content cite,
.content em {
	font-style: italic;
}

.content table {
	border-top: 1px solid #CCC;
	margin-bottom: 13px;
}

.content td, 
.content th {
	border-bottom: 1px solid #CCC;
	font-size: 11px; 
	padding: 4px 8px;
}

.content th {
	font-weight: 700;
	color: #92aa31;
	text-transform: uppercase;
}

.content .cta {
	color: #FFF;
	font-weight: bold;
	margin-top: 26px;
	background: #b4d23c url('../images/bg_cta.jpg') repeat-y top left;
}

.content .cta .header {
	background: transparent url('../images/bg_cta_header.jpg') no-repeat top left;
	height: 11px;
}

.content .cta .container {
	background: transparent url('../images/bg_cta_container.jpg') no-repeat bottom left;
	min-height: 9px;
	padding: 2px 16px 15px 16px;
}

.content .cta a {
	color: #FFF;
	border-color: #dae99e;
}

.content .cta a:hover {
	border-color: #FFF;
}

/*
	Page structure and layout
*/

#container {
	width: 860px;
	margin: 0 auto -82px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}

#main {
	width: 860px;
	float: left;
}

#topbar {
	width: 100%;
	height: 33px;
	background: url('../images/bg_topbar.jpg') repeat-x top left;
	overflow: hidden;
}

#topbar #language ul {
	float: right;
}

#topbar #language li {
	float: left;
}

#topbar #language li a {
	margin-left: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	padding: 10px 0 1px 0;
	display: block;
	line-height: 1;
	border-bottom: 1px solid #d7ec82;
}

#topbar #language li a:hover {
	border-color: #FFF;
}

#topbar #language li.selected a {
	color: #006482;
	border: none;
}

	/* General */

	/* Header */
	#header {
		width: 860px;
		float: left;
		padding-bottom: 20px;
	}
	
		#home #header {
			padding-bottom: 8px;
		}

	/* Logo */

	#logo h1, #logo h2 {
		width: 230px;
		height: 35px;
		background: url('../images/logo.jpg') no-repeat;
		text-indent: -9999px;
		float: left;
		margin-top: 38px;
		margin-bottom: 20px;
		padding: 0;
	}

	#logo h1 a, #logo h2 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none;
	}
	
	#breadcrumb {
		float: left;
		width: 848px;
		border-top: 1px solid #969696;
		border-bottom: 1px solid #969696;
		line-height: 1;
		font-size: 10px;
		color: #92aa31;
		padding: 8px 0 12px 12px;
	}
	
		#home #breadcrumb {
			border-bottom: none;
		}
	
	#breadcrumb p {
		padding: 0;
	}
	
	#breadcrumb strong {
		color: #9f9d9d;
		font-weight: 400;
	}
	
	#breadcrumb a {
		color: #92aa31;
		border-color: #ced9a2;
	}
	
	#breadcrumb a:hover {
		border-color: #92aa31;
	}

	/* Navigation */
	#navigation {
		width: 100%;
		float: left;
		line-height: 1;
	}
	
	#navigation ul {
		float: right;
	}
	
	#navigation li {
		display: block;
		float: left;
		padding-left: 7px;
		height: 29px;
	}
	
	#navigation li a {
		background: #e8e8e8 url('../images/bg_navigation.jpg') no-repeat top right;
		border: none;
		text-transform: uppercase;
		padding: 0;
		display: block;
		height: 29px;
		font-size: 11px;
		color: #006482;
		float: left;
	}
	
	#navigation li a span {
		background: transparent url('../images/bg_navigation_left.jpg') no-repeat top left;
		padding: 11px 6px 0px 6px;
		display: block;
		float: left;
		min-width: 8px;
	}
	
	#navigation li a:hover, #navigation li.selected a {
		background: #c4e345 url('../images/bg_navigation.jpg') no-repeat right -29px;
	}
	
	#navigation li a:hover span, #navigation li.selected a span {
		background: transparent url('../images/bg_navigation_left.jpg') no-repeat 0 -29px;
	}
	
	#subnavigation {
		float: left;
		width: 160px;
		margin-right: 40px;
		margin-bottom: 85px;
	}
	
	#subnavigation .header {
		background: #c6e645 url(../images/bg_subnav_top.jpg) no-repeat top left;
		height: 9px;
	}
	
	#subnavigation ul {
		min-height: 213px;
		background: #c6e646 url(../images/bg_subnav.jpg) no-repeat bottom left;
		padding: 3px 4px 85px 4px;
	}
	
	#subnavigation li {
		display: block;
		border-bottom: 1px solid #FFF;
		padding: 1px 0 1px 0;
	}
	
	#subnavigation a {
		display: block;
		border: none;
		font-size: 10px;
		font-weight: 700;
		color: #006482;
		text-transform: uppercase;
		padding: 10px 0 10px 9px;
	}
	
	#subnavigation a:hover, #subnavigation li.selected a {
		background-color: #d1ea6b;
	}
	
	#subnavigation li.selected ul {
		min-height: 0;
		background: none;
		padding: 0;
		background-color: #d1ea6b;
	}
	
	#subnavigation  li.selected li {
		border-bottom: 0;
	}
	
	#subnavigation li.selected li.lastChild {
		border-bottom: none;
	}
	
	#subnavigation li.selected li a {
		font-weight: 400;
		background: none;
		padding: 5px 0 5px 18px;
	}
	
	#subnavigation li.selected li.selected a, #subnavigation li.selected li a:hover {
		
		background-color: #c7dd6d;
	}

	/* Content */
	#content {
		width: 430px;
		float: left;
		padding-bottom: 85px;
	}
	
		#home #content {
			width: 634px;
		}
	
	/* Sidebar */
	#sidebar {
		width: 190px;
		float: right;
		padding-bottom: 65px;
		overflow: hidden;
	}
	
	.widget {
		padding-bottom: 20px;
		zoom: 1; /* IE6 hasLayout fix */
	}
	
	.widget .container .imageHolder {
		width: 167px;
		overflow: hidden;
		padding: 0;
	}
	
	.widget .header {
		height: 9px;
		background: #b8b8b8 url('../images/bg_widget_head.jpg') no-repeat top left;
	}
	
	.widget .container {
		min-height: 107px;
		background: #b8b8b8 url('../images/bg_widget_container.jpg') no-repeat bottom left;
	}
	
	.widget .container div {
		padding: 13px 12px 7px 12px;
	}
	
	.widget .container div.firstChild {
		border-bottom: 1px solid #dbdbdb;
		padding: 17px 12px 7px 12px;
	}
	
	#testimonial {
		margin-bottom: 20px;
		color: #FFF;
	}
	
	#testimonial .header {
		height: 9px;
		background: #b4d23c url('../images/bg_testimonial_head.jpg') no-repeat top left;
	}
	
	#testimonial .container {
		background: #b4d23c url('../images/bg_testimonial_container.jpg') no-repeat bottom left;
		padding: 10px 0 0 0;
	}
	
	#testimonial .image_and_quote {
		width: 190px;
		height: 147px;
		position: relative;
	}
	
	#testimonial img {
		width: 190px;
		height: 147px;
		display: block;
	}
	
	#testimonial #owner {
		background-color: #006482;
		/*background: transparent url('../images/bg_owner.gif') no-repeat top right;*/
		max-width: 152px;
		padding: 5px 9px 5px 9px;
		position: absolute;
		bottom: 0;
		right: 10px;
		
		-moz-border-radius-topright: 7px;
		-moz-border-radius-topleft: 7px;
		-webkit-border-top-right-radius: 7px;
		-webkit-border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-top-left-radius: 7px;
	}

	#testimonial #owner p {
		padding-bottom: 0;
	}

	
	#testimonial #quote {
		padding: 8px 12px 31px 12px;
		font-style: italic;
		font-size: 13px;
		line-height: 1.4;
	}

	/* Footer */
	#footer_wrapper {
		width: 100%;
		background: #006381 url(../images/bg_footer.jpg) repeat-x top left;
		height: 82px;
		overflow: hidden;
		position: relative;
	}
	
	#footer {
		width: 860px;
		margin: 0 auto;
		padding-top: 18px;
		font-size: 11px;
		height: 62px;
		position: relative;
	}
	
	#footer p {
		float: left;
		color: #006483;
	}
	
	/*#footer p a {
		color: #FFF;
		border-color: #2f7893;
	}
	
	#footer p a:hover {
		border-color: #FFF;
	}*/
	
	#footer li {
		float: left;
		color: #006483;
	}
	
	#footer #credits {
		float: right;
	}
	
	#footer #credits li {
		float: left;
		color: #006483;
		padding-left: 15px;
	}
	
	/*#footer #credits li a {
		color: #5b99b2;
		border-color: #126384;
	}
	
	#footer #credits li a:hover {
		border-color: #5b99b2;
	}*/
	
	#footer a {
		color: #006483;
		border-bottom: 1px solid #7bb155;
	}

	#footer a:hover {
		border-color: #006483;
	}
	
/*
*	Homepage
*/
#intro {
	width: 100%;
	float: left;
	min-height: 26px;
	background: #b4d23c url('../images/bg_intro.jpg') repeat-y top left;
	margin-bottom: 30px;
}

#intro .header {
	height: 13px;
	background: #b4d23c url('../images/bg_intro_header.jpg') no-repeat top left;
}

#intro .footer {
	height: 13px;
	background: #b4d23c url('../images/bg_intro_footer.jpg') no-repeat bottom left;
}

#news .newsarticle {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 15px;
}

#spotlight {
	background: #b4d23c url('../images/bg_spotlight.jpg') no-repeat bottom left;
	float: left;
	width: 100%;
	min-height: 150px;
	margin-bottom: 30px;
}

#spotlight .header {
	background: transparent url('../images/bg_spotlight_top.jpg') no-repeat top left;
	float: left;
	height: 13px;
	width: 100%;
}

#spotlight .first {
	width: 396px;
	float: left;
	padding: 7px 23px;
}

#spotlight .last {
	float: left;
	width: 152px;
	padding: 7px 20px;
}

#problems {
	float: left;
	width: 100%;
}

#problems div {
	padding-bottom: 24px;
}

#problems div .alignLeft {
	padding-bottom: 0;
}

#problems div img {
	width: 220px;
}

#problems p.likeButtons {
	float: left;
}

#calculator fieldset {
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 6px;
	margin-bottom: 16px;
}

#calculator label {
	display: block;
	cursor: pointer;
}

#calculator label.inline {
	padding-right: 10px;
}

#calculator input {
	border: 1px solid #999;
	padding: 2px;
}

#calculator input:focus {
	border: 1px solid #666;
}

#calculator input.checkbox, #calculator input.checkbox:focus {
	border: none;
}

#calculator .input-submit {
	border: 1px solid #999;
	font-size: 11px;
	font-weight: 700;
	color: #585858;
	height: 24px;
	line-height: 22px;
	cursor: pointer;
	background: #e7e7e7 url('../images/bg_btn_calculator.jpg') repeat-x top left;
	padding: 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#calculator .input-submit:focus {
	border: 1px solid #b4b4b4;
}

#calculator .input-submit:hover {
	border: 1px solid #666;
}

/* Specifieke velden */
#calculator #area {
	width: 60px;
}

#calculator #price {
	width: 60px;
}

#home #news {
	float: left;
}

/*
	Pagination
*/

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: black;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/* Form style */

input, textarea, select, button { 
	font-family: Verdana, Arial, sans-serif;
}

label {
	display: block;
}

textarea {
	width: 400px;
}

input.inputText,
textarea {
	border: 1px solid #BBB;
	color: #666;
}

input.inputText:focus, textarea:focus {
	border-color: #777; 
	background: #FFFF;
	color: #333;
}

.formError {
	color: #F00;
	margin-top: 6px;
}

.formSuccess {
	display: block;
	border: 1px solid #53c004;
	color: #333;
	background: #EEE;
	text-align: center;
	width: 100%;
}

label.inline {
	display: inline !important;
}

.inputSubmit {
	border: 1px solid #999;
	font-size: 11px;
	font-weight: 700;
	color: #585858;
	height: 24px;
	/*line-height: 24px;*/
	padding: 3px 5px 5px 4px;
	cursor: pointer;
	background: #e7e7e7 url('../images/bg_btn_calculator.jpg') repeat-x top left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
}

.inputSubmit:focus {
	border: 1px solid #b4b4b4;
}

.inputSubmit:hover {
	border: 1px solid #666;
}

/* Nieuws */
#news .article {
	padding-bottom: 20px;
}

#news .date {
	color: #AAA;
	padding-bottom: 12px;
	font-style: italic;
}

/* General classes */

.hidden { display: none; }
.block { display: block; }
.noPadding { padding: 0 !important; }
.noMargin { margin: 0 !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.noBorder { border: none; }

/* Image classes */

img.alignLeft {
	float: left;
	padding: 0 15px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 15px;
}

/* a img */

a.linkedImage {
	border: none;
	display: block;
	font-size: 11px;
	color: #808080;
}

a.linkedImage img {
	display: block;
}