/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #F6F6F6 url(images/img01.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B6B6B;
}

form {
}

input {
	padding: 2px 5px;
	border: 1px solid #333333;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6B6B6B;
}

h1, h2, h3, h4 {
	margin: 0;
}

h2, h3, h4 {
	
	padding-bottom: 9px;
	border-bottom: 1px solid #F2F2F2;
	letter-spacing: -0.035em;
	font-weight: normal;
	color: #37404C;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}

#sidebar h3 {
	margin: 0;
	padding-top: 0px;
}

h4 {
	font-size: 14px;
	font-weight: bold;
}

p, ul, ol {
	margin-bottom: 1.5em;
	line-height: 170%;
	text-align: justify;
}


ul, ol {
	margin-left: 3em;
}

dl.list1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

dl.list1 dt {
	float: left;
	width: 70px;
}

dl.list1 dd {
	margin-bottom: 10px;
}

dl.list1 a {
	color: #666666;
}

ul.list2 {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

ul.list2 li {
	float: left;
	margin: 0 18px 18px 0;
}

ul.list2 li.nopad {
	margin-right: 0;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	color: #FF5A00;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 5px 20px 0 0;
}

img.gleft {
	float: left;
	margin: -5px -15px 0 0;
}

img.right {
	float: right;
	margin: 5px 0 0 20px;
}

/* Wrapper */

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: url(images/img02.jpg) repeat-y;
}

#wrapper2 {
	background: url(images/img10.jpg) no-repeat left bottom;
	width: 100%;
}

/* Header */

#header {
	height: 140px;
	width: 100%;
	background: #087FE7 url(images/img03.jpg) no-repeat;
}

/* Logo */

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

#logo h1 {
	margin: 0;
	padding: 45px 0 0 0px;
	letter-spacing: 1px;
	font-size: 25px;
	color: #FFFFFF;
}

#logo h1 a {
	
	text-decoration: none;
	color: #FFFFFF;
}

#logo h2 {
	margin: 0;
	padding: 00px 0 10px 78px;
	letter-spacing: 1px;
	font-size: 15px;
	color: #FFFFFF;
}

img.logo {
	float: left;
	margin: 5px 10px 0px 50px;
}





/* Menu */

#menu {
	float: right;
}

#logo ul {
	float: left;
	margin: 0;
	padding: 10px 140px 00px 0px;
	list-style: none;
	line-height: normal;
}

#logo li {
	display: inline;
}

#logo li.actief a {
	color: #890303;
	display: inline;
}


#logo a {
	padding-left: 10px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

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



/* Page */

#kruimel	{
	float: left;
	width:550px;
	padding:15px 0px 0px 0px;
}

#page {
	background: url(images/img04.jpg) no-repeat;
}

/* Content */

#content {
	float: left;
	width: 555px;
	padding: 0 0 0 76px;
}

.post {
	padding-top: 20px;
}

.post .title {
}

.post .title a {
	text-decoration: none;
	color: #37404C;
}

.post .title a:hover {
	text-decoration: underline;
}

.post .entry {
}

.post .meta {
	height: 16px;
	margin: 0;
	padding-bottom: 10px;
	background: url(images/img07.jpg) repeat-x left bottom;
	line-height: normal;
}

.post .meta .posted {
	display: block;
	float: left;
}

.post .meta .permalink {
	display: block;
	float: right;
	padding-left: 17px;
	background: url(images/img09.gif) no-repeat left center;
}

.post .meta .comments {
	display: block;
	float: right;
	padding: 0 30px 0 19px;
	background: url(images/img08.gif) no-repeat left center;
}

/* Nieuwe dingen */

/* uitgebreid Zoeken */
div.post div.uitgebreid_zoeken_form	{
	
	align: left;
	width:250px;
	padding:1px;
}


/* Zoeken */
div.post div.zoeken_form	{
	float: left;
	align: center;
	width:450px;
	padding:1px;
}
				
div.post  div.zoeken_form_links	{
	
	width:100px;
	padding:1px;
}
				
div.post div.zoeken_form_rechts	{
	
	width:150px;
	padding:1px;
}

div.post div.zoeken_links	{
	float: left;
	align: center;
	width:300px;
	padding:1px;
}

span.zoeken_groot_en_dik {
	font-size: medium;
	font-weight: bold;
}

div.post div.zoeken_aantal_resultaten	{
	float: right;
	width:200px;
	padding:0px;
}

div.post div.zoeken_form	{
	float: left;
	align: center;
	width:450px;
	padding:1px;
}
				
div.post div.zoeken_form_links	{
	float: left;
	width:100px;
	padding:1px;
}
				
div.post div.zoeken_form_rechts	{
	float: left;
	width:250px;
	padding:1px;
}

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

div.post div.boek_informatie_links	{
				float: left;
				width:220px;
				padding:1px;
				}
div.post div.boek_informatie_rechts	{
				float: left;
				width:150px;
				padding:1px;
				}
div.post div.boek_informatie	{
				float: left;
				width:250px;
				padding:1px;
				}
div.post div.boek_informatie_vraag	{
				float: left;
				width:70px;
				padding:1px;
				}
div.post div.boek_informatie_antwoord	{
				float: left;
				width:150px;
				padding:1px;
				}
				
div.post div.boek_vergelijk	{
				float: left;
				width:579px;
				padding:1px;
				}
div.post div.boek_vergelijk_logo	{
				float: left;
				width:100px;
				padding:1px;
				}
div.post div.boek_vergelijk_price	{
				float: left;
				width:120px;
				padding:1px;
				}
p.boek_vergelijk_price {
				font-size:13pt;
				}
div.post div.boek_vergelijk_shipping_cost	{
				float: left;
				width:100px;
				padding:1px;
				}
div.post div.boek_vergelijk_delivery_time	{
				float: left;
				width:100px;
				padding:1px;
}

/* Schrijver
--------------------------------------------------------- */

div.post div.boek_informatie	{
				float: left;
				width:250px;
				padding:1px;
				}

div.post div.schrijver_links	{
	float: left;
				width:150px;
				padding:1px;
}

div.post div.schrijver_rechts	{
	float: left;
				width:350px;
				padding:1px;
}
				
/* Einde schrijver
--------------------------------------------------------- */				

/* MODULE
--------------------------------------------------------- */
div.module h3, 
div.module-default h3 {
	margin: 0 -1px 5px;
	padding: 2px 0 3px 0px;
	font-size: 125%;
	line-height: normal;
	border-bottom: 2px dashed #CCCCCC;
		text-align: center;
}

div.module,
div.module-default {
	margin: 5px 0 1px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url(images/box-br.gif) no-repeat bottom right;
}

div.module div,
div.module-default div {
	padding: 0;
	background: url(images/box-bl.gif) no-repeat bottom left;
}

div.module div div,
div.module-default div div {
	padding: 0;
	background: url(images/box-tr.gif) no-repeat top right;
}

div.module div div div,
div.module-default div div div {
	padding: 10px 10px 10px;
	background: url(images/box-tl.gif) no-repeat top left;
}

div.module div div div div,
div.module-default div div div div {
	margin: 50px;
	padding: 50px;
	background: none;
	float: none;
}

/* MODULE2
--------------------------------------------------------- */
div.module2 h3, 
div.module2-default h3 {
	margin: 0 -1px 5px;
	padding: 2px 0 3px 0px;
	font-size: 125%;
	line-height: normal;
	border-bottom: 2px dashed #CCCCCC;
	text-align: center;
	width: 260 px;
}

div.module2,
div.module2-default {
	margin: 5px 0 1px;
	padding: 0 0 0 15px;
	float: left;
	width: 260px;
	background: url(images/box-br.gif) no-repeat bottom right;
}

div.module2 div,
div.module2-default div {
	padding: 0;
	background: url(images/box-bl.gif) no-repeat bottom left;
}

div.module2 div div,
div.module2-default div div {
	padding: 0;
	background: url(images/box-tr.gif) no-repeat top right;
}

div.module2 div div div,
div.module2-default div div div {
	padding: 10px 10px 10px 15px;
	background: url(images/box-tl.gif) no-repeat top left;
}

div.module2 div div div div,
div.module2-default div div div div {
	margin: 50px;
	padding: 0 0 0 15px;
	background: none;
	float: none;
}

/* MODULE3
--------------------------------------------------------- */
div.module3 h3, 
div.module3-default h3 {
	margin: 0 -1px 5px;
	padding: 2px 0 3px 0px;
	font-size: 125%;
	line-height: normal;
	border-bottom: 2px dashed #CCCCCC;
	text-align: center;
	width: 240 px;
}

div.module3,
div.module3-default {
	margin: 5px 0 1px;
	padding: 0 0 0 15px;
	float: left;
	width: 240px;
	background: url(images/box-br.gif) no-repeat bottom right;
	height: 250px;
}

div.module3 div,
div.module3-default div {
	padding: 0;
	background: url(images/box-bl.gif) no-repeat bottom left;
}

div.module3 div div,
div.module3-default div div {
	padding: 0;
	background: url(images/box-tr.gif) no-repeat top right;
}

div.module3 div div div,
div.module3-default div div div {
	padding: 10px 10px 10px 15px;
	background: url(images/box-tl.gif) no-repeat top left;
}

div.module3 div div div div,
div.module3-default div div div div {
	margin: 50px;
	padding: 0 0 0 15px;
	background: none;
	float: none;
}





/* Rating*/

div.post div.rate	{
	width: 550px;
}
div.post div.rate div.sterren_boek	{
	float: left;
	width: 300px;
}
div.postdiv.rate div.sterren	{
	float: left;	
	width: 200px;
}


/* Logo's van de winkels op de index */
img.shop {
	
	margin: 5px 5px 0px 0px;
	padding: 20px 0px 0px 0px;
}

/* Webshop pagina */

div.post div.webshop_links	{
				float: left;
				width:620px;
				padding:1px;
				}

div.post div.webshop_informatie_vraag	{
				float: left;
				width:120px;
				padding:1px;
				}
div.post div.webshop_informatie_antwoord	{
				float: left;
				width:400px;
				padding:1px;
				}


/* Sidebar */

#sidebar {
	margin-top: 50px;
	float: right;
	width: 186px;
	padding: 0px 76px 0 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 40px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
}

#sidebar p {
	margin-bottom: 1.5em;
	line-height: 170%;
	text-align: left;
}



#sidebar s {
	width: 180px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6B6B6B;
}

/* Search */

#search {
}

#search br {
	display: none;
}





/* Widebar */

#widebar {
	margin: 0 50px;
	padding: 25px 28px 0 28px;
	background: #F2F2F2 url(images/img11.gif) repeat-x;
}

#widebar #colA {
	float: left;
	width: 260px;
}

#widebar #colB {
	float: left;
	width: 260px;
	padding-left: 45px;
}

#widebar #colC {
	float: left;
	width: 186px;
	padding-left: 45px;
}

/* Footer */

#footer {
	height: 108px;
	background: url(images/img05.jpg) no-repeat;
}

#footer p {
	margin: 0;
	padding-top: 45px;
	text-align: center;
	color: #8E8E8E;
}

#footer a {
	color: #666666;
}

/* Tabel kleur */

.mouseout{ background-color:;}
.mouseover{background-color:#dddddd;}
.mouseclick{background-color:#dddddd;}