@charset "utf-8";
/* KLEUREN   LICHT GRIJS #e6e6e6   -    DONKER GRIJS: #141414   DONKER ROOD: #d2042e   FEL ROOD: #d10707       */


article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

body {
	margin:0;
	padding:0;
	width:100%;
	background:url(images/bg4.jpg) repeat;
	background-color:#000;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size:100%;}
	
html { padding:0; margin:0;}
	
blockquote {
	margin: 1em 0;
	padding-left: 40px;
	background: transparent url(images/quote.gif) no-repeat;
	color:#666;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style:italic;
	font-weight: bold;
	border-left: 1px dotted #eee;
	line-height:1.8em;}	

h1, h2, h3 {
	font-family:Arial, Helvetica, sans-serif;
	color: #d2042e;
	margin:10px 0;}
	
/*=============== einde fonts ==========*/
h1 {
	
	font-size: 26px;}
	
h2{
	font-size: 20px;}
	
h3{
	font-size: 18px;}	
	
h4	{color: #666;
	font-style:italic;
	font-size: 16px;}

img { border:none;}

a, a:active {color:#d2042e;}

ul, ol { margin: 0 0 15px 15px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }


/* ---------------- wrapper heet hier PAGE  van 1060 px breed --------------- */
#page {
	width:1060px;
	padding:0;
	margin:5px auto;
	border-top:3px solid #d10707;
	background:#141414;
	position:relative;
	height:100%;}
	
	
	
header{ width:1060px; 
		margin:0; 
		padding:0;
		height:89px;
		background:url(images/bg-header.png) repeat-x;}
	
.logo{margin:0;
	padding-top:15px;
	padding-left:50px;
	float:left;
	width:240px;}

/* ---------------- navigatie menu -------------------------*/
nav {
float: right;
width: 550px;
height: 50px;
margin:5px 0;
padding:26px 0 0 0;}

nav ul{
	display:block;
	list-style:none;}

nav li{
display:block;
float:left;
margin:1px 0 0 0;
font-size:16px;}

nav li a{
text-decoration:none;
margin-left:10px;
padding-right:20px;
color:#292929;
font-weight:bold;
text-transform:lowercase;}

nav li a:hover{color:#de041b;}	

nav li.active{color:#de041b;}

nav.tweet{
	padding-top:20px;}

/* ---------------- slider van 920 px breed --------------- */	

#slider-container{
	margin:0;
	padding:0;
	background:#F5F5F5;
	height:100%;
	width:1060px;}

#slider{
width:920px;
margin: 0 60px;
padding: 10px;
clear: both;}

/* ----------------- container met grijs vlak -------------*/
#content-container{
	margin:0;
	padding:0;
	background:#141414;
	width:1060px;
	height:100%;
	color:#999;
	font-size:14px;
	font-family:Arial, Verdana, Geneva, sans-serif;}
	



/* ------------------- Main Content ------------*/
#main-content { 
float: left; 
width: 430px; 
margin: 10px 10px 10px 50px;
padding: 10px; 
line-height:200%;}

#main-content  a{
	color:#d2042e;
	text-decoration:underline;}

#main-content a:hover { text-decoration:none;}


/* ------------------- aside als sidebar ------------*/
#aside{
width: 430px;
margin:10px 50px 10px 0;
padding:10px;
float:right;
line-height:200%;}


/* ---------------- boek --------------- */
#boek-container{
	margin:0;
	padding:30px 50px;
	background:#fff;
	width:960px;
	height:100%;
	color:#333;
	line-height:180%;
	font-size:14px;
	font-family:Arial, Verdana, Geneva, sans-serif;
	border-top:4px solid #ccc;
	border-bottom:4px solid #ccc;}

#boek-container a: {color:#222;
					text-decoration:underline;}
#boek-container a:hover {color:#666;
					text-decoration:none;}					
					
/* ---------------- bestellen --------------- */
#form-container{
	margin:0;
	padding:20px 0;
	background:#f5f5f5;
	width:1060px;
	height:100%;
	line-height:170%;
	color:#333;
	font-size:15px;
	font-family:Arial, Verdana, Geneva, sans-serif;}
	
#form{
	width:440px;
	margin: 10px 10px 10px 50px;
	padding: 10px;
	float:left;
	border: 1px solid #eee;}
	
form{width:400px;
	line-height:120%;}

#bestelinfo{
	width: 420px;
	margin:10px 50px 10px 0;
	padding:10px;
	float:right;
	}
	



/* ---------------- footer --------------- */
footer{
width: 1000px;
margin:0;
padding: 10px 30px;
color:#ccc;
font-size:small;
background-color:#141414;
height:100%;
clear:both;}

#footer-left{ float: left; width: 48%; font-size:9px;}
#footer-left a{ color:#666; text-decoration:underline;}
#footer-left a:hover{ color:#333; text-decoration:none;}


#footer-right { float: right; width: 48%; text-align: right; }


/* --------------- overig --------*/
.clear{
	clear:both;}

.left{
	float:left;
	margin:0;
	padding:10px;}
	
.right{
	float:right;
	margin:0;
	padding:10px;}	
	
hr {
	border: 0;
	color:#ccc;
	width: 95%;}
   
.titelwit{
	color:#fff;
	font-size:17px;}
	
.roodvet{
	color:#d10707;
	font-weight:bold;
	font-size:16px;}
	
.rooddonker{
	color:#d2042e;
	font-weight:bold;
	font-size:16px;}
	
.pasfoto1{
	margin:5px 10px 5px 0;
	padding:4px;
	background:#fff;
	border: 1px solid #ccc;
	float:left;}