/* @override http://lezersonderzoek.6thfloor.nl/wp-content/themes/lezersonderzoek/style.css */

/*
Theme Name: Lezersonderzoek
Theme URI: http://www.microdesign.nl/
Description: Theme ontwikkeld custom voor lezersonderzoek.com door <a href="http://www.microdesign.nl">Microdesign</a>.
Version: 1.0
Author: Kay in t Veen
Author URI: http://www.microdesign.nl/
Tags: Lezersonderzoek, groen, grijs, microdesign
*/
/*=========================
 00. Browser Reset ========
=========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: "";}
blockquote, q { quotes: "" ""; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*=========================
 01. Basics ===============
=========================*/

body{
	background: #e7e7e7;
	font-family: arial;
	color: #5d5d5d;
	font-size: 11px;
	line-height: 19px;
	}
	p{padding: 10px 0 5px 0;}
	h1{
	font-size: 24px;
	color: #d1d429;
	margin: 0 0 10px 0;
	}
	h2{
	font-size: 16px;
	font-weight: bold;
	color: #018eac;
	margin: 0 0 10px 0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 5px 0;	
	}
	h3,.h3{
	display: block;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 5px 0;
	}
	strong{
	font-weight: bold;
	}
	ul{
	margin: 0 0 0 20px;
	}
	li{
	list-style: disc;
	}	
	a{
	color: #018eac;
	text-decoration: none;
	font-weight: bold;
	}
/*=========================
 02. Head ===============
=========================*/	
#headcontainer,#footercontainer,#contentcontainer{
	margin: 0 auto;
	width: 987px;
	background:url('images/defaultbg.png') ;
	}
	#headcontainer{ margin-top:20px;}
	#headcontainer #headgfx{
	background:url('images/topheader.png') no-repeat;
	height: 22px;
	width: 987px;
	}
		.logo{
		float: left;
		margin: 0 0 0 30px;
		}
		.navigation{
		float: right;
		margin: 0 30px 0 0;
		}
			.navigation li, .navigation ul{
			float: left;
			list-style: none;
			}
			.navigation ul li a{
			display: block;
			background: url('images/libg.png');
			width: 81px;
			height: 24px;
			text-align: center;
			padding: 5px 0 0 0;
			text-decoration: none;
			color: #525252;
			font-size: 13px;
			font-weight: normal;
			margin: 0 1px 0 1px;
			}
			.navigation ul li a:hover{
			background: url('images/libgg.png');
			}
			.navigation ul li.current_page_item a{
			background: url('images/libggg.png');
			}
			.navigation li.page-item-4 a{
			width: 115px;
			background: url('images/libg2.png');
			}
			.navigation li.page-item-4 a:hover{
			width: 115px;
			background: url('images/libgg2.png');
			}
			.navigation li.current_page_item.page-item-4 a{
			width: 115px;
			background: url('images/libggg2.png');
			}						
	#grayarea{
	background: #f5f5f5;
	margin: 0 0 0 12px;
	width: 910px;
	padding: 8px 0 12px 50px;
	}			
/*=========================
 03. Footer ===============
=========================*/
	#footercontainer{
	background:url('images/bottomheader.png');
	height: 22px;
	width: 987px;
	}
/*=========================
 04. Content ===============
=========================*/	
	#contentcontainer{
	padding: 0 30px 0 30px;
	width: 927px;
	}
		#leftkol{
		float: left;
		width: 664px;
		margin-top: 15px;
		}
			.kol2{
			float: left;
			width: 300px;
			margin: 25px 30px 0 0;
			}
	.tekstcol1{
	margin: 20px 100px 0 0;
	}
	.extraitem{
	float: left;
	width: 300px;
	margin: 15px 30px 0 0;
	min-height: 230px;
	clear: left;
	}
	.extraitemr{
	float: right;
	width: 300px;
	margin: 15px 30px 0 0;
	clear: right;
	}	
	p.leesverder1,
	p.leesverder2,
	p.leesverder3,
	p.leesverder4,
	p.expandable1,
	p.expandable2{
	display: none;
	}
/*=========================
 05. Sidebar ===============
=========================*/

#sidebarkol1,#sidebarkol2{
	float:right;
	width: 210px;
	background: #f5f5f5;
	margin: 15px 0 0 25px;
	padding: 8px;
	clear: right;
	}
	#sidebarkol1 img{
	margin: 0 0 7px 45px;
	}
	#sidebarkol2 li{
	list-style-image: url('images/lezersli.png');
	list-style-position: outside;
	}
	#sidebarkol2 ul{
	margin: 5px 0 5px 20px;
	}

/*=========================
 05. Contact forms ===============
=========================*/
	form#contactform{
	margin-top: 10px;
	}
	form#contactform textarea{
	width: 426px;
	height: 144px;
	}
form label{
	display: block;
	width: 200px;
	}
	form input.invul{
	width: 237px;
	height: 14px;
	border: 0;
	padding: 6px;
	background: url('images/inputbg.png');
	}
	form textarea{
	border: 0px;
	background: url('images/textareabg.png');
	padding: 10px 10px 10px 10px;
	}
	form .radio,form .checkbox{
	width: 20px;
	}
	form strong{
	display: block;
	clear: left;
	margin-top: 15px;
	}
	#message{
	display: block;
	clear: both;
	background: #edf6e2;
	border: 4px solid #c2e49b;
	padding: 5px;
	font-size: 14px;
	color: #333;
	margin: 10px 0 10px 0;
	}	
	input.submit{
	background: url('images/versturen.png');
	height: 23px;
	width: 120px;
	border: 0;
	cursor: pointer;
	margin: 10px 0 0 0;
	}
	
	#googlemaps{
	float: right;
	margin: -150px 0 0 0;
	border: 5px solid #e7e7e7;
	}


/*=========================
 05. Pakketten ===============
=========================*/	
	.pakket{
	float: left;
	width: 290px;
	height: 150px;
	margin: 0 30px 25px 0;
	padding: 5px;
	}
	.pakket h3{
	font-size: 14px;
	margin: 0 00 0;
	}
	.pakket p{
	padding: 0 0 10px 0;
	font-style: italic;
	font-size: 11px;
	color: #999;
	}
	.pakket li{
	list-style-image: url('images/lezersli.png');
	list-style-position: outside;
	}
	p.pakketintro{
	margin: 0 0 20px 0;
	}
	.pakket{
	background: #f6f6e2;
	}
	
/*=========================
 05. Footer ===============
=========================*/		
#copycontainer{
	width: 950px;
	margin: 0 auto;
	}
	#copyright{
	float: right;
	}
	#copyright a{
	font-weight: normal;
	font-size: 10px;
	color: #bbbbbb;
	}
	#algemenevoorwaarden a{
	color: #999;
	text-decoration: underline;
	font-weight: normal;
	}
	#algemenevoorwaarden{
	float: left;
	}
	
	
	img.alignright{
	text-align: right;
	margin:0 0 15px 15px;
	width: 300px;
	height: 213px;
	}
/*=========================
 06. Aanpak ===============
=========================*/		
.aanpakimg{
	float: left;
	margin: 0 10px 10px 0;
	clear: left;
	}
	.aanpakdiv{
	margin:20px 0 0 0;
	float: left;
	}
	
	
	em{
	font-style:italic;
	font-weight: normal;
	}
	
	strong em{
	font-style:italic;
	font-weight: bold;
	}
	
	
ul.reflist1 li{
	float: left;
	margin: 0 18px 0 0;
	}

.entry img{
	float: right;
	margin: 8px;
	}
	.aanpak .entry img{
	float: left;
}