@charset "UTF-8";
/* CSS Document */

<!--

/* main styles */

	body {
		background-image:url(images/design/background.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		color:#272525;
		margin:0px;
		padding:0px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}

	p, div, td, td td, input, select, option, a {
		color:#272525;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	input, select, option {
		font-size: 11px;
	}


	a {
	font-weight:bold;
	color:#272525;
	text-decoration:underline;
	}
	
	a:hover {
	color:#b6af90;
}
	
/* --- Container div --- 
	positions the page layout */
	
	#container {
	position:relative;
	width: 820px;
	margin:0px;
	padding:0px;
	margin-top:47px;
	margin-left:100px;
	}
	
	img {
	border:0px;
	}
 	
	
/* --- Button homepage ---
*/

	.homepage {
	width:535px;
	height:110px;
	padding:0px 0px 22px 118px;
	}
	
	
	.homepage a {
	outline:0;
	}
	
/* --- Header div ---
	contains top navigation (beige bar) */
		
	.header {
	/* width standaard: 820-padding(12)=808 */
	width:820px;
	/* height standaard: 30 */
	height:30px;

	margin:0px;
	background-image:url(images/design/header_bg.jpg);
	background-repeat:no-repeat;
	
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	
	
	}
	
	
	/* Top navigation
	styles specific for the top navigation which can be found in the header (beige bar) */


.topnav {
	float:right;
}

.topnav ul {
	width:500px;
	padding:0px;
	margin:0px;
}

.topnav ul li {
	list-style-type:none;
	display:inline;
	float:left;
}

.topnav ul li a {
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	text-indent:-9999px;
	background-image:url(images/design/navigation_top.gif);
	outline:0;
}

 /* button specific styles */
 
#faq a {
	width:100px;
	height:30px;
	background-position:0px 0px;
}

#faq a:hover {
	background-position:0px -30px;
}

.subsitute {
	width:100px;
	height:30px;
}

#nieuwsbrief a {
	width:145px;
	height:30px;
	background-position:-100px 0px;
}

#nieuwsbrief a:hover {
	background-position:-100px -30px;
}

#over_ons a {
	width:135px;
	height:30px;
	background-position:-245px 0px;
}

#over_ons a:hover {
	background-position:-245px -30px;
}

#contact a {
	width:120px;
	height:30px;
	background-position:-380px 0px;
}

#contact a:hover {
	background-position:-380px -30px;
}
	/* End button specific styles */
/* End top navigation */
	
.container_content {
	width:820px;
	background-image:url(images/design/content_bg.jpg);
	background-repeat:no-repeat;
	padding:0px;
	
	}	
	
	
/* Left navigation */
.leftnav {
	float:left;
	overflow:hidden;
	width:140px;
	margin-top:20px;
	margin-left:15px;

}

.leftnav ul {
	width:136px;
	height:261px; /* 185px */
	padding:0px;
	margin:0px;
}

.leftnav ul li {
	list-style-type:none;
}

.leftnav ul li a {
	width:136px;
	height:30px;
	padding-bottom:7px;
	display:block;
	font-size:14px;
	text-indent:-9999px;
	background-image:url(images/design/navigation_left.gif);
	outline:0;
	
	
}

#home a {
	background-position:0px 0px;
}

#home a:hover {
	background-position:-136px 0px;
}

#wat a {
	background-position:0px -37px;
}

#wat a:hover {
	background-position:-136px -37px;
}

#titels a {
	background-position:0px -74px;
}

#titels a:hover {
	background-position:-136px -74px;
}

#boxen a {
	background-position:0px -111px;
}

#boxen a:hover {
	background-position:-136px -111px;
}

#auteurs a {
	background-position:0px -148px;
}

#auteurs a:hover {
	background-position:-136px -148px;
}

#koop_online a {
	background-position:0px -185px;
}

#koop_online a:hover {
	background-position:-136px -185px;
}

#verkooppunten a {
	background-position:0px -223px;
}

#verkooppunten a:hover {
	background-position:-136px -223px;
}


/* End leftnavigation */


/* shop specific styles */
/* Contains special layout for webshop */

.description {
	line-height:16px;
	font-size:11px;
	color:#272525;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:justify;
}

.description a {
	font-weight:bold;
	color:#272525;
	text-decoration:underline;
	}
	
.description a:hover {
	color:#b6af90;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
}
	
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:16px;
}
	
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:13px;
}


.nieuw {
	color:#ed1c24;
	text-transform: uppercase;
	font-weight:bold;
	}


/* end shop specific styles */


/* --- Content ---
	contains everyting variable (Content) */
.content {
	float:right;
	margin-right:30px;
	width:600px;
	margin-top:12px;
	
	line-height:16px;
	font-size:11px;
	padding-bottom:30px;
	}
	
	
.content .titel {
	margin-left:40px;
	margin-top:20px;
}
	
.content h2 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:16px;
}
	
.content h3 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:13px;
	width:200px;
}

/* --- Titles page ---
    Styles specific for pages with carousel (jcarousel lite) */
	
	/* Arrows */


.prev {
	position:absolute;
	margin-left:10px;
	margin-top:235px;
	width:28px;
	height:22px;
	z-index:5;
	cursor:pointer;
	background-image:url(images/design/arrow-prev.gif);
	background-repeat:no-repeat;
	clear:both;
}

.next {
	position:absolute;
	margin-left:520px;
	margin-top:235px;
	width:28px;
	height:22px;
	z-index:5;
	cursor:pointer;
	background-image:url(images/design/arrow-next.gif);
	background-repeat:no-repeat;
	clear:both;
}



.blokje {
	width:300px;
	height:540px;

}

.boek {
	width:150px;
	height:210px;
	float:left;
	display:inline;
	overflow:hidden;
}

.bijschrift {

	width:115px;
	height:200px;
	float:right;
	overflow:hidden;
	display:inline;
	margin:10px 0px 0px 0px;
	padding:0px 30px 0px 5px;
	/*text-align:justify;
	text-justify:auto;
	*/
	
	line-height:12px;
	font-size:10px;
	}


.meer {
	text-transform:uppercase;
	width:80px;
	background-image:url(images/design/arrow-more.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.meer a {
	text-decoration:none;
	color:#272525;
}

.meer a:hover {
	color:#b6af90;
}

.inbetween{
	height:70px;
}

 /* End titles page */

.banner {
	margin-left:40px;
}


.content .left {
	width:240px;
	float:left;
	display:inline;
	overflow:hidden;
	
	margin-left:40px;
	margin-top:0px;
	text-align:justify;
}


.content .right {
	width:240px;
	float:right;
	
	margin-right:40px;
	margin-top:10px;
	text-align:justify;
}


.content .text {
	width:500px;
	margin-left:40px;
}


.cleardiv {
	clear:both;
}



/* pers */
table.download a {text-decoration:none;}

 /* End Content */
	
	
/* styles forms */

	
	.input_text {
	border:1px solid #c0c0c0;
	padding:2px;
	background-color: #ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#272525;
	}
	
	.select {
	border:1px solid #c0c0c0;
	padding:2px;
	background-color: #ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#272525;
	}
	
	.option {
	background-color: #ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#272525;
	}
	
	.option:hover  {
	background-color: #bab090;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#272525;
	}
	
	.content .line {
	margin:0px;
	line-height:10px;
	padding-top:5px;
	
	}
	
	.content .labels {
	width:150px;
	float:left;
	display:inline;
	overflow:hidden;
	text-align:left;
	margin:0px;
	}
	
	.content .form_titel {
	margin-top:20px;
	}
	
	
	.content .fields {
	width:350px;
	float:right;
	text-align:left;
	}
	
	.content .verplicht {
	color:#cc0000;
	}

.input, select {
	border:1px solid #c0c0c0;
	padding:2px;
	background-color: #ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#272525;
	}


/* webshop */


winkelwagen_titel {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:13px;
	margin-bottom: 8px;
	}


/* formulier */

#formbody {
	background-image: none;
}


#formbody td {
	font-size:11px;
	text-align:left;
	vertical-align:top;
}

#submit1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#bab190;
	color:#ffffff;
	padding:5px 8px 8px 8px;
	border:1px solid #ffffff;
}

input, select {
	background-color:#ffffff;
	border:1px solid #c0c0c0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#272525;
	padding:2px;
}



#paginanummering a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-decoration: none;
	padding: 2px;
	margin: 1px;
	text-align: center;
	width:18px;
	display: inline;
	}

#paginanummering a:link, #paginanummering a:visited {
	color:#272525;
	border: 1px solid #f0e2c7;
	background-color: #f0e2c7;
	}

#paginanummering a:hover, #paginanummering a:active {
	color:#333333;
	border: 1px solid #f0e2c7;
	background-color: #ffffff;
	}

-->