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

html{
margin:0 0 0 0;
padding:0 0 0 0;
background:#ededed;
background-image:url(../afbeeldingen/achtergrond.jpg);
background-repeat:repeat-x;
}

body{
margin:0 0 0 0;
padding:0 0 0 0;
font:10pt/1.6em Verdana, Geneva, sans-serif;
color:#000;
}

/* Div */

#hsr{
position:relative;
margin:0 auto;
width:840px;
}

#top{
margin:0 0 0 0;
padding:0 0 0 0;
position:relative;
width:840px;
height:68px;
}

#logo{
margin:12px 0 0 0;
padding:0 0 0 0;
position:relative;
float:left;
}

#naw{
margin:17px 0 0 0;
padding:0 0 0 0;
position:relative;
float:right;
text-align:right;
font:8pt/1.6em Verdana, Geneva, sans-serif;
color:#999;
}

#naw a{
color:#999;
text-decoration:none;
}

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

#links{
margin:10px 0 0 0;
padding:0 0 0 0;
position:relative;
float:left;
width:170px;
}

#aanbiedingen{
margin:0 0 10px 0;
padding:5px 10px 5px 10px;
position:relative;
width:150px;
background:#FFF;
}

#foto{
margin:0 0 10px 0;
padding:5px 10px 5px 10px;
position:relative;
width:150px;
background:#FFF;
}

#team{
margin:0 0 10px 0;
padding:5px 10px 5px 10px;
position:relative;
width:150px;
background:#FFF;
}

#merken{
margin:0 0 10px 0;
padding:5px 10px 5px 10px;
position:relative;
width:150px;
background:#FFF;
}

#inhoud{
margin:10px 0 0 10px;
padding:5px 10px 5px 10px;
position:relative;
float:left;
width:640px;
background:#FFF;
}

.product{
margin:0 20px 20px 0;
padding:0 0 0 0;
float:left;
width:300px;
}

.product img{
cursor:pointer;
}

#prijs{
margin:30px 0 0 200px;
padding:5px 10px 5px 10px;
position:absolute;
background:#803b26;
font:10pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
color:#FFF;
text-align:center;
}

.prijsstreep{
text-decoration:line-through;
}

.prijsaanbieding{
font-size:16pt;
}

/* Navigatie */

#navigatie{
margin:0 0 0 0;
padding:0 0 0 0;
width:838px;
height:60px;
border-right:#803b26 solid 1px;
border-left:#803b26 solid 1px;
z-index:3;
}

#navigatie ul{
margin:0 0 0 0;
padding:0 0 0 0;
float: left;
list-style: none;
z-index:3;
}

#navigatie ul li{
margin:0 0 0 0;
padding:20px 12px 0 12px;
float: left;
height:40px;
border-right:#803b26 solid 1px;
}

#navigatie ul li.last{
border:none;
}

#navigatie ul li a{
color: #FFF;
display:block;
text-decoration:none;
}

#navigatie ul li a:hover{
text-decoration: underline;
}

#navigatie ul li ul{
margin:19px 0 0 -12px;
display: none;
position:absolute;
width: 120px;
}

#navigatie ul li:hover ul{
display: block;
}

#navigatie ul li ul li{
float: left;
width: 120px;
height:1.6em;
padding:0 0 0 0;
border:none;
background:#FFF;
}

#navigatie ul li ul li a{
display:block;
color:#000;
padding:0 0 0 12px;
}

#navigatie ul li ul li a:hover{
color:#FFF;
text-decoration:none;
background:#96472e;
}

/* Submenu */

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

#submenu_ul li{
margin:0 0 0 0;
padding:0 0 0 0;
}

#submenu_ul li a{
color: #000;
text-decoration:none;
}

#submenu_ul li a:hover{
text-decoration: underline;
}

/* Tekst */

.bruin{
color:#96472e;
}

h1{
margin:0 0 0 0;
padding:0 0 0 0;
font:18pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
color:#96472e;
}

h2{
margin:0 0 0 0;
padding:0 0 0 0;
font:14pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
color:#96472e;
}

h3{
margin:0 0 0 0;
padding:0 0 0 0;
font:14pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
color:#96472e;
}


p{
margin:0 0 0 0;
padding:0 0 0 0;
}

a{
color:#96472e;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

/* Afbeeldingen */

img{
border:none;
}

img.rechts{
padding:0 20px 0 0
}

/* Banner */

#banner{
margin:0 0 0 0;
padding:10px 0 0 10px;
width:830px;
height:310px;
background:#FFF;
z-index:1;
}

ul.slideshow {
list-style:none;
width:820px;
height:300px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}	

ul.slideshow li {
position:absolute;
left:0;
right:0;
}

ul.slideshow li.show {
z-index:1;	
}

#slideshow-caption {
width:400px;
height:160px;
position:absolute;
bottom:0;
left:400px;	
color:#000;
background:#FFF;
z-index:2;
}

#slideshow-caption .slideshow-caption-container {
padding:5px 10px;		
z-index:2;
}

/*popup */

#mask{ 
position:fixed;
top:0px;
left:0px;
height:100%;
width:100%;
display:none;
background-color:#000;
z-index:100 !important;
}

.popup_window{
position:fixed;
display:none;
color:white;
z-index:110 !important;
}
    
#popup_window{
padding:10px;
background: #FFF;
z-index:110 !important;
}