*{
margin:0px;
padding:0px;
}

html, body {
height:100%; /* héél belangrijk */
background-color: #f5eddb;
background-image:url(../images/bg.jpg);
background-repeat: repeat-x;
font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
}

/* CONTAINER DIV om alles te centreren */
#container {
width:762px;
margin:0px auto;
position:relative;
min-height:100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
background: #f5eddb;
}

/* SHADOW */
#shadowleft{
background-image:url(../../images/shadow_left.gif);
background-repeat:no-repeat;
position:absolute;
top:0;
left: -16px;
z-index:2;
}
#shadowright{
background-image:url(../../images/shadow_right.gif);
background-repeat:no-repeat;
position:absolute;
top:0;
left: 762px;
z-index:2;
}

/* HEADER DIV */
#header{
position:absolute;
top:0px;
width:100%;
height:130px;
margin:0px;
background-image:url(../../images/header.jpg);
background-repeat:no-repeat;
}

/* NAVIGATIE */
#navigatie{
background-image:url(../../images/nav_bg.gif);
background-repeat:repeat-x;
position:absolute;
top: 130px;
width: 762px;
height:42px;
color:#d9d9d9;
font-size: 14px;
text-align: center;
line-height: 40px;
}
#navigatie ul {
	list-style: none; /* geen bolletjes voor de items */
	text-decoration:none;
	}
#navigatie ul li {
	display: inline;
	position: relative;
	}
#navigatie ul#nav {
	color: #d9d9d9;
	text-decoration:none;
	}
#navigatie ul#nav li a {
	color: #d9d9d9;
	text-decoration:none;
	}
#navigatie ul#nav li a:hover {
	color: #fff;
	text-decoration:none;
	}
#navigatie .current {
	color: #fff;
	text-decoration:none;
	}

/* CONTENT */
#content{
background-color:#fff;
margin: 0px;
width:760px;
position:absolute;
top: 172px;
border-left: 1px solid #b89358;
border-right: 1px solid #b89358;
border-bottom: 1px solid #b89358;
}

/* LEFT */
#left{
margin:20px 20px 55px 20px;
display:inline;
float:left;
}

/* BLOCK */
.block {
background-color: #fbf7ee;
width: 204px;
min-height: 120px;
border: 1px solid #f2e1c2;
margin-bottom: 10px;
}
.blocktitle{
font-size: 16px;
font-style:italic;
color: #a98e57;
padding: 10px;
}
.blocktekst{
font-size: 12px;
color: #a98e57;
padding: 10px;
}
.blocktekst a:link {
color: #b83927;
text-decoration:none;
}
.blocktekst a:visited {
color: #b83927;
text-decoration:none;
}
.blocktekst a:hover {
color: #b83927;
text-decoration:none;
}
.blocktekst a:active {
color: #b83927;
text-decoration:none;
}

/* KALENDER IN BLOCK */

.kalender {
	margin: 0 10px 10px 10px;
	float: left;
	background: url("../images/block_agenda.gif") no-repeat top left;
	width: 60px;
	height: 67px;
	}
.kalender .maand {
	padding: 18px 5px 0px 5px;
	color: #e9e9e9;
	font-size: 14px;
	font-variant:small-caps;
	text-align: center;
	}
	
.kalender .maand span {
	font-size: 14px;
	text-align: center;
	}
	
.kalender .dag {
	margin-top: 0px;
	color: #b93a28;
	font-size: 24px;
	vertical-align: bottom;
	text-align: center;
	}
	
/* AANBIEDING IN BLOCK */
.aanbieding {
	margin: 0 10px 10px 10px;
	float: left;
	background: url("../images/block_aanbieding.gif") no-repeat top left;
	width: 59px;
	height: 65px;
	}

/* RIGHT */
#right{
width:494px;
margin:20px 20px 55px 0px;
display:inline;
float:right;
}
#right li.title { 
color: white; 
background-color: #827e7d;            
padding: 5px 10px 5px 10px; 				
list-style: none;           
margin-bottom: 10px;
z-index: 1;
}
#right li.item { 
color: #827e7d;                
font-size: 13px;
line-height: 17px;
background-color: #f1f1f1;            
margin: 0px 0px 10px 0px;
padding: 10px; 					
list-style: none;            
}
#right li.item a:link{
color: #b93a28;
text-decoration: none;
}
#right li.item a:visited{
color: #b93a28;
text-decoration: none;
}
#right li.item a:hover{
color: #b93a28;
text-decoration: none;
}
#right li.item a:active{
color: #b93a28;
text-decoration: none;
}
#right .subtitle { 
color: #444;                
font-size: 16px;           
}
#right .small { 
color: #a7a7a7;                
font-size: 10px;           
}

#right .print{
float:right;
padding-right:5px;
}


#right .price { 
color: #b93a28;                
font-size: 18px;           
}
.streep { 
background-image:url(../../images/streep.gif);
background-repeat:no-repeat;
z-index:10;   
display: inline;                       
}


#right img.aanbiedingmain{
margin-right: 10px;
top:0px;
}

/* STRONG */
strong { 
color: #444;
}

/* WELKOM */
#right .welkom{
border: 3px solid #93938d;
margin:3px;
}
#right .welkom:link{
border: 3px solid #93938d;
margin:3px;
}
#right .welkom:visited{
border: 3px solid #93938d;
margin:3px;
}
#right .welkom:hover{
border: 3px solid #990000 ;
margin:3px;
}
#right .welkom:active{
border: 3px solid #93938d;
margin:3px;
}

/* NIEUWSBRIEF */
.nieuwsbrief { 
color: #a7a7a7;                
font-size: 12px;            
}
.nieuwsbrief a:link {
color: #b93a28;
text-decoration: none;
}
.nieuwsbrief a:visited {
color: #b93a28;
text-decoration: none;
}
.nieuwsbrief a:hover{
color: #b93a28;
text-decoration: none;
}
.nieuwsbrief a:active{
color: #b93a28;
text-decoration: none;
}

/* FOOTER */
#footer{
float: none;
clear:both;
display:block;
left:0px; /* IE7 fix */
position:absolute;
bottom:0px;
width:100%;
height:25px;
background-image:url(../../images/footerdot.gif);
background-repeat:no-repeat;
text-align:center;
font-size:10px;
color:#d9ba80;
padding-top:10px;
}
.footer a:link {
color: #d9ba80;
text-decoration: none;
}
.footer a:visited {
color: #d9ba80;
text-decoration: none;
}
.footer a:hover{
color: #a98e57;
text-decoration: none;
}
.footer a:active{
color: #a98e57;
text-decoration: none;
}

.clear{
float:none;
clear:both;
}