/*
Theme Name: Klimaatinteractieve Architectuur
Theme URI: http://www.klimaatinteractievearchitectuur.nl
Description: WordPress thema voor www.klimaatinteractievearchitectuur.nl
Version: 2 (WP2.9.2)
Author: Derk-jan ten Ham
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* ALGEMENE STIJL ////////////////////////////////////////////////////////// */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,  pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, clear {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Georga;
	vertical-align: baseline;
}

body {
	background: #2a2a2a;
	text-align: center;
	color: #2A2A2A;
	font-size: 15px;
	line-height: 1.8em;
}

h1, h2, h3, h4, h5, h6 {
	position:relative;
	clear:both;
}

h2 {
font: bold 2.1em Arial;
color: #2a2a2a;
line-height: 0.9em;
padding: 0 0 0 0;
}

h3 {
	font: 1.4em Georgia;
	line-height: 1em;
	color: #53412e;
	margin:20px 0 10px 15px;
}

h4 { 
	font: 1.4em Georgia;
	line-height: 1em;
	color: #53412e;
	margin: 0 0 10px 0;
}


div {
	display: block;
	position:relative;
}

.clear {
	display:block;
	height: 0;
	clear: both;
	line-height:0px;
	font-size:0px;
}

#clearboth {
	clear: both;
}



/* CONTAINERS ////////////////////////////////////////////////////////// */

#container {
	background:  url(images/top-bg.gif) repeat-x top left;
	width: 100%;
	float: left;
}

#container-mid {
	background: #00911F;
	width: 100%;
	float: left;
	padding: 25px 0 25px 0;
}

#container-pagina {
	background: #E2E2E2;
	width: 100%;
	float: left;
	text-align: left;
	padding: 30px 0 20px 0;
}

#container-footer {
	background: #2a2a2a;
	width: 100%;
	float: left;
	padding: 15px 0 10px 0;
}


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

#top-nav {
	width: 960px;
	height: 40px;
	text-align: right;
	margin: 0 auto;
	color: #0a548a;
	font: 0.97em Georgia;
	padding: 10px 0 0 0;
}

	#top-nav a {
	color: #0a548a;
	text-decoration: none;
	}

	#top-nav a:hover {
	text-decoration: underline;
	}

	#top-nav img {
	margin: 0 10px 0 25px;
	}




#header {
	background-position: bottom;
	clear: both;
	width: 960px;
	height: 100px;
	margin: 0 auto;
	text-align: left;
}

#header h1 {
	float:left;
	width:478x;
	height:40px;
	margin: 30px 0 0 0;
}

#header h1 a {

	display:block;
	float:left;
	height:70px;
	width:202px;
	text-decoration:none;
}

	#header h1 a img {
		display:block;
		border:medium none;
	}



/* NAVIGATIE ////////////////////////////////////////////////////////// */


#navigatie {
	width: 500px;
	float: right;
	list-style: none;
	margin: 30px 0 0 0;
	height: 40px;
}

#navigatie ul {
	display: block;
	list-style: none;
	float: right;

}


#navigatie li { 
	display: block;
	background: #F4F4F4;
	float: left;
	font: bold 1em Arial;
	text-transform: uppercase;
	color: #909090;
	height: 40px;
	margin: 0 0 0 3px;
	padding: 0 15px 0 15px;

}

#navigatie li a { 
	display: block;
	font: bold 0.95em Arial;
	margin: 0;
	color: #646464;
	text-decoration: none;
	line-height: 2.8em;
}


#navigatie li a:hover { 
	text-decoration: underline;
}

#navigatie li a:active { 
	text-decoration: none;
}

#navigatie li a:visited { 

}


#navigatie li.aan {
	background: #fff;
	color: #282828;

}

#navigatie li.aan a {
	background: #fff;
	color: #282828;
}


/* MIDDEN ////////////////////////////////////////////////////////// */

#mid {
	width: 960px;
	color: #e2e2e2;
	font: 1.4em Georgia;
	margin: 0 auto;
	text-align: left;
}

	#mid a {
	color: #fff;
	text-decoration: none;
	}


	#mid a:hover {
	text-decoration: underline;
	}

#kia-def {
	background: url(images/kia-def.gif) no-repeat;
	text-indent: -9999px;
	height: 182px;
	with: 960px;
}

#kia-def-aanwijs {
	display: block;
	height: 66px;
	with: 499px;
	background: url(images/kia-def-aanwijs.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;

}

#leesmeer-link {
	float: right;
	position: static;
	margin: 25px 0 0 0;

}

#leesmeer-link a {
	display: block;
	width: 165px;
	height: 33px;
	background-image: url(images/lees-meer-button-sprite.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#leesmeer-link a:hover {
	background-position: 0 -33px;
}



/* BODY ////////////////////////////////////////////////////////// */


#pagina {

	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#pagina-content {
	display: block;
	padding: 19px 20px 19px 20px;
}


#slider-img {
	float: left;
	border: none;

}

#pagina-bttm {
	background: url(images/pagina-bttm.gif) no-repeat center;
	height: 26px;
}


#wijzijn {
	display: inherit;
	float: left;
	text-align: left;
	width: 210px;
	font-size: 0.85em;
	color: #909090;
	line-height: 1.65em;
	margin: 0 20px 0 0;
}

	#wijzijn a {
		color: #909090;
		text-decoration: none;
	}

	#wijzijn a:hover {
		text-decoration: underline;
	}

	#wijzijn img {
		float: left;
		text-align: left;
		margin: 0 10px 20px 0;
	}



#wijstaanvoor {
	display: inherit;
	float: left;
	text-align: left;
	width: 210px;
	font-size: 0.85em;
	color: #909090;
	line-height: 1.65em;
	margin: 0 20px 0 0;
}

	#wijstaanvoor a {
		color: #909090;
		text-decoration: none;
	}

	#wijstaanvoor a:hover {
		text-decoration: underline;
	}

	#wijstaanvoor img {
		float: left;
		text-align: left;
		margin: 0 10px 20px 0;
	}

#diensten {
	display: inherit;
	float: left;
	text-align: left;
	width: 210px;
	font-size: 0.85em;
	color: #909090;
	line-height: 1.65em;
	margin: 0 20px 0 0;
}

	#diensten a {
		color: #909090;
		text-decoration: none;
	}

	#diensten a:hover {
		text-decoration: underline;
	}

	#diensten img {
		float: left;
		text-align: left;
		margin: 0 10px 20px 0;
	}

#tarieven {
	display: inherit;
	float: left;
	text-align: left;
	width: 210px;
	font-size: 0.85em;
	color: #909090;
	line-height: 1.65em;
}

	#tarieven a {
		color: #909090;
		text-decoration: none;
	}

	#tarieven a:hover {
		text-decoration: underline;
	}

	#tarieven img {
		float: left;
		text-align: left;
		margin: 0 10px 20px 0;
	}

#blokken {
	width: 942px;
	margin: 0 auto;
	text-align: left;
}

#nieuws {
	display: block;
	background: #fff url(images/blok-bg.gif) repeat-x;
	border: 1px solid #C1C1C1;
	width: 570px;
	text-align: left;
	float: left;
	margin: 30px 26px 20px 0;
}

#nieuws-headlines {
	font: 0.89em Georgia;
	margin: 0 25px 25px 25px;
	line-height: 2em;
}

#nieuws-headlines a {
	text-decoration: none;
	color: inherit;
}

#nieuws-headlines a:hover {
	text-decoration: underline;
	color: inherit;
}


.datum {
	color: #909090;
}


#referenties {
	display: block;
	background: #fff url(images/blok-bg.gif) repeat-x;
	border-top: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	width: 342px;
	text-align: left;
	float: left;
	margin: 30px 0 0 0;
}

#referenties-ref {
	font: 0.89em Georgia;
	margin: 0 25px 25px 20px;
	line-height: 1.6em;
}

.meer-ref {
	float: right;
	color: #808080;
}

.meer-ref a {
	text-decoration: underline;
	color: #808080;
}

.meer-ref a:hover {
	text-decoration: none;
	color: #808080;
}

.vraag {
	border-bottom: 1px solid #d6e3f8;
	line-height: 2.5em;
	padding: 0 0 5px 0;
}

.antw {
	border-bottom: 1px solid #d6e3f8;
	line-height: 2.5em;
	color: #909090;
	padding: 0 0 5px 0;
}

#ref-naam {
	float: right;
	text-align: right;
	background: #DEDEDD url(images/ref-naam.gif) no-repeat;
	width: 340px;
	padding: 15px 0 0 0;
}


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

#footer-copy {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	color: #E2E2E2;
}

	#footer-copy a {
	color: #fff;
	text-decoration: underline;
	}

	#footer-copy a:hover {
	color: #fff;
	text-decoration: none;
	}

#footer-nav {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	color: #fff;
}

	#footer-nav a {
	color: #E2E2E2;
	text-decoration: none;
	}

	#footer-nav a:hover {
	color: #E2E2E2;
	text-decoration: underline;
	}

.footer-links {
	float: right;
}

#footer-container {
	width: 942px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}

#footer-nav-1 {
	display: inherit;
	float: left;
	text-align: left;
	width: 220px;
	height: 150px;
	border-right: 1px solid #3D3D3D;
	font-size: 0.85em;
	color: #dededd;
	line-height: 1.65em;
	margin: 0 20px 0 0;
}

	#footer-nav-1 a {
		color: #fff;
		text-decoration: none;
	}

	#footer-nav-1 a:hover {
		text-decoration: underline;
	}


#footer-nav-2 {
	display: inherit;
	float: left;
	text-align: left;
	width: 220px;
	height: 150px;
	border-right: 1px solid #3D3D3D;
	font-size: 0.85em;
	color: #dededd;
	line-height: 1.65em;
	margin: 0 20px 0 0;
}

	#footer-nav-2 a {
		color: #fff;
		text-decoration: none;
	}

	#footer-nav-2 a:hover {
		text-decoration: underline;
	}


#footer-contact {
	display: inherit;
	float: left;
	text-align: left;
	width: 220px;
	height: 150px;
	border-right: 1px solid #3D3D3D;
	font-size: 0.85em;
	color: #dededd;
	line-height: 1.65em;
	margin: 0 20px 0 0;
}

	#footer-contact a {
		color: #fff;
		text-decoration: none;
	}

	#footer-contact a:hover {
		text-decoration: underline;
	}


.wit {
	color: #fff;
}

#footer-copyright {
	display: inherit;
	float: left;
	text-align: right;
	width: 219px;
	height: 150px;
	font-size: 0.85em;
	color: #dededd;
	line-height: 1.65em;
	padding: 0;
}

	#footer-copyright a {
		color: #fff;
		text-decoration: none;
	}

	#footer-copyright a:hover {
		text-decoration: underline;
	}




/* WP////////////////////////////////////////////////////////// */

.breadcrumb {
border-bottom: 1px solid #F2F2F1;
padding: 0 0 10px 0;
font: 1em Georgia;
color: #5e5e5e;
}

.breadcrumb a {
color: #28166F;
text-decoration: underline;
}

.breadcrumb a:hover {
text-decoration: none;
}

.post {
font: 1em Georgia;
display: block;
background: #fff;
padding: 20px;
margin: 0 0 20px 0;
}

.post a {
color: #0a548a;
}

.post h2 {
font: bold 1.5em Arial;
color: #2a2a2a;
line-height: 1.9em;
padding: 0;
}

.post h2 a {
font: bold 1em Arial;
color: #2a2a2a;
text-decoration: none;
}

.post h2 a:hover {
color: #2a2a2a;
text-decoration: none;
background: #e2e2e2;
}


.post ul li {
list-style-type: disc;
list-style-position: inside;
margin: 0 0 0 25px;
line-height: 1.4em;
}

.post ul {
margin: 0 0 20px 0;
}

.post p {
line-height: 1.6em;
margin: 0 0 10px 0;
}

.post a {
text-decoration: underline;
}

.post a:hover {
text-decoration: none;
}

.post h3 {
	font: bold 1.2em Georgia;
	line-height: 1em;
	color: #53412E;
	margin:20px 0 4px 0;
}

#cs {
background: #fff;
border: 1px solid #DEDEDD;
padding: 5px;
color: #5E5E5E;
}

#csb {
background: #30749C;
border: 2px solid #000;
color: #fff;
}


#blokken {
	width: 942px;
	margin: 0 auto;
	text-align: left;
}


#nieuws {
	display: block;
	background: #fff url(images/blok-bg.gif) repeat-x;
	border: 1px solid #C1C1C1;
	width: 570px;
	text-align: left;
	float: left;
	margin: 30px 26px 20px 0;
}

#nieuws-headlines {
	font: 0.89em Georgia;
	margin: 0 25px 25px 25px;
	line-height: 2em;
}

#nieuws-headlines ul li {
list-style-type: disc;
list-style-position: inside;
line-height: 1.5em;
margin: 0 0 0 15px;
}

#nieuws-headlines p {
margin: 0 0 15px 0;
}

#nieuws-headlines a {
	text-decoration: none;
	color: inherit;
}

#nieuws-headlines a:hover {
	text-decoration: underline;
	color: inherit;
}


.datum {
	color: #909090;
}


#sidebar #searchform {
background: #fff;
	width: 300px;
	padding: 15px 20px 15px 20px;
	color: #909090;
	float: left;
text-align: left;
}

#sidebar #s {
width: 224px;
border: 1px solid #C6C6C6;
font:  14px Georgia;
padding: 6px 0 7px 8px;
}	
	
#sidebar #searchsubmit {
	background: #53412E;
	background-position: left center;
	padding: 2px 4px 4px 4px;
	border: 0px;
	margin: 0 0 0 3px;
	cursor: pointer;
	width: 59px;
	height: 32px;
color: #fff;
font: bold 1em Georgia;
}

#sidebar {
display: block;
float: left;
width: 320px;
}

#content {
display: block;
float: left;
width: 600px;
margin: 0 20px 0 0 ;
}

#artikel-geplaatst {
border-bottom: 1px solid #e2e2e2;
font: 0.75em Georgia;
padding: 0 0 5px 0;
margin: 10px 0 0 0;
}

#artikel-geplaatst a {
font:inherit;
}

.entry {
margin: 0 0 0 0;
}

.entry .more-link {
float: left;
display: block;
background: #0a548a;
color: #fff;
padding: 3px 15px 3px 15px;
margin: 15px 10px 0 0;
}

.entry .more-link a {
color: #fff;
}

.entry .more-link a:hover {
color: #fff;
text-decoration: underline;
}

.entry .buttonn {
display: block;
float: left;

background: #049523;
color: #fff;
padding: 3px 15px 3px 15px;
margin: 15px 0 0 0;
}

.entry .buttonn a {
color: #fff;
text-decoration: underline;
}

.entry .buttonn a:hover {
color: #fff;
text-decoration: none;
}

.entry img {
margin: 10px 0 0 0;
}

blockquote {
border-left: 6px solid #E2E2E2;
margin: 30px 0 30px 25px;
padding: 0 0 0 15px;
color: #53412E;
}

.post #author, .post #email, .post #url, .post #onderwerp {
display: block;
width: 300px;
border: 1px solid #C6C6C6;
font:  14px Georgia;
padding: 6px 0 7px 8px;
}

.post #comment {
display: block;
width: 550px;
border: 1px solid #C6C6C6;
font:  14px Georgia;
padding: 6px 0 7px 8px;
}

.post #submit {
margin: 20px 0 0 0;
padding: 5px;
}



.post-comment {
font: 1em Georgia;
display: block;
background: #fff;
padding: 20px;
margin: 0 0 20px 0;
}

.post-comment a {
color: #0a548a;
}

.post-comment #author, .post-comment #email, .post-comment #url, .post-comment #onderwerp {
display: block;
width: 300px;
border: 1px solid #C6C6C6;
font:  14px Georgia;
padding: 6px 0 7px 8px;
}

.post-comment #comment {
display: block;
width: 550px;
border: 1px solid #C6C6C6;
font:  14px Georgia;
padding: 6px 0 7px 8px;
}

.post-comment #submit {
margin: 20px 0 0 0;
padding: 5px;
}

.post-comment h3 {
	font: bold 1.2em Georgia;
	line-height: 1em;
	color: #53412E;
	margin: 0 0 10px 0;
}

.post-comment li {
display: block;
float: left;
background: #F4F4F4;
padding: 15px;
margin: 0 0 15px 0;
clear: both;
width: 528px;
}

.post-comment .avatar {
display: block;
float: left;
clear: both;
margin: 0 15px 0 0;

}

#comment-comment {
display: block;
float: left;
}

.post-comment p {
margin: 0 0 10px 0;
}

.post .alignleft {
margin: 6px 20px 0 0;
}

.post .alignright {
marging: 6px 0 0 20px;
}