* { margin: 0; }

html {
 	height: 100%;
  	background: url(../img/bg/html.gif) #d0c9b1;
	}

body {
 	height: 100%;
 	background: url(../img/bg/body.gif) repeat-x;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #d0c9b1;
	}

a { text-decoration: none; }
a:hover { }
a img { border: 0; }
h1, h2, h3, h4 { margin: 0 0 10px; font-size: 20px; font-weight: normal; line-height: normal; font-style: italic; }
h1 { margin: 0 0 20px; font-size: 32px; color: #cfc8b0; text-shadow: 2px 2px 1px #000; }
h2, h2 a { font-size: 15px; color: #cfc8b0; font-weight: bold; font-style: normal; }
h2 a:hover { text-decoration: underline; color: #e3dfd1; text-shadow: 1px 1px 0 #16140e; }
h3 { }
h4 { color: #16140e; text-shadow: 1px 1px 0 #ffda9d; }
address { font-style: normal; }
input, textarea { border: 0; font: 12px Georgia, "Times New Roman", Times, serif; color: #16140e; 
background-color:#d0c9b1;}

#form1 input,textarea{padding:3px;}
#form1 div,table {color:#000000;}
#gastenboek input,textarea{padding:3px;}
#gastenboekSubmit{margin-bottom:20px;}
#gastenboekpaging a{color:#ffffff;font-size:12px;}
.gastenboekpagelink{text-decoration:underline;font-size:14px;}
#winkelwagenbuttons {background-color:#FFF;padding:10px;}

#container {
	width: 972px;
	margin: 0 auto;
 	padding: 5px 0 0;
	}

#header {
	width: 960px;
 	height: 256px;
  	margin: 0 0 0 12px;
  	background: url(../img/bg/header.jpg);
 	font-size: 17px;
	}
    #header ul { height: 61px; padding: 21px 0 0; list-style: none; float: right; }
    #header ul li { margin: 0 0 0 5px; float: left; }
    #header ul li a { color: #595340; text-shadow: 1px 1px 0 #e7e4d9; float: left; cursor: pointer; }
    #header ul li a span { height: 31px; padding: 10px 13px 0; float: left; }
    #header ul li a:hover, #header ul .active a { background: url(../img/bg/mainmenu-hover.gif) bottom right; color: #d0c9b1; text-shadow: 1px 1px 0 #000; }
    #header ul li a:hover span, #header ul .active a span { background: url(../img/bg/mainmenu-hover.gif) no-repeat; }
    #header .image { width: 219px; height: 246px; margin: 10px 0 0 14px; background: url(../img/bg/header-img.png); text-indent: -9999px; float: left; }
    #header a.logo { width: 322px; height: 163px; margin: 0 0 0 86px; background: url(../img/bg/logo.png); text-indent: -9999px; float: left; }
    #header a.basket { width: 239px; height: 35px; padding: 22px 0 0 20px; margin: 80px 16px 0 0; background: url(../img/bg/basket.png); color: #fff; text-shadow: -1px -1px 0 #620000; text-decoration: underline; float: right; }
    #header a:hover.basket { background-position: bottom; color: #ea8787; text-shadow: -1px -1px 0 #490000; }

#content {
	width: 972px;
 	background: url(../img/bg/content.gif) repeat-y right;
 	overflow: hidden;
	}

#main {
	width: 700px;
	margin: 0 0 0 17px;
 	line-height: 20px;
	float: right;
	}
	#main table {color: #d0c9b1;border:0px;}
    #main p { max-width: 680px; padding: 0 0 20px; }
    #main a.info { width: 177px; height: 28px; padding: 0 0 0 23px; display: block; background: url(../img/bg/main-btn.gif); color: #16140e; text-align: left; line-height: 26px; }
    #main a:hover.info { background-position: bottom left; text-decoration: underline; }
    #main a.order { width: 77px; height: 28px; padding: 0 0 0 23px; display: block; background: url(../img/bg/main-btn.gif) top right; color: #fff; line-height: 26px; }
    #main a:hover.order { background-position: bottom right; text-decoration: underline; }
	
	#main a {color: #d0c9b1;text-decoration:underline;}

    #main .box-small { width: 220px; height: 420px; padding: 1px 3px 3px 1px; background: url(../img/bg/main-box-small2.gif) no-repeat; margin: 0 6px 6px 0; text-align: center; float: left; overflow: hidden; position: relative; }
    #main .box-small h2 { width: 200px; height: 32px; padding: 10px 10px 0; background: url(../img/bg/main-box-small-h2-shadow.gif) repeat-x; border-top: 1px solid #7d796b; text-align: left; clear: both; }
    #main .box-small a img { float: left; }
    #main .box-small a.info { margin: 0 0 0 10px; display: inline; float: left; }
    #main .box-small .corners { width: 224px; height: 6px; display: block; background: url(../img/bg/main-box-img-corners.png); position: absolute; left: 0; top: 0; }
    .productprijs{margin-bottom:5px;}
	#prijs{font-size:16px;}
    #browse {
     	width: 660px;
        height: 33px;
        padding: 11px 13px 0 11px;
        margin: 0 0 17px;
        background: url(../img/bg/browse.gif);
        text-align: center;
        clear: both;
	    }
        #browse ul { padding: 0; list-style: none; }
        #browse ul li { display: inline; }
        #browse ul li a { width: 23px; height: 20px; display: inline-block; color: #d0c9b1; }
        #browse ul li a:hover { color: #ffce00; text-decoration: underline; }
        #browse ul .active a { background: url(../img/bg/browse-over.gif); }
        #browse ul .prev a { margin: 4px 0 0; float: left; }
        #browse ul .next a { margin: 4px 0 0; float: right; }
    
    #detail {
     	width: 674px;
      	padding: 0 0 0 10px;
      	background: url(../img/bg/detail.gif) -684px 0;
        overflow: hidden;
	    }
        select { width: 190px; padding: 5px; margin: 0 0 10px; border: 1px solid #16140e; font: 12px Georgia, "Times New Roman", Times, serif; color: #16140e; }
        .btn { width: 100px; height: 28px; padding: 0 0 3px 22px; display: block; background: url(../img/bg/main-btn.gif) top right; color: #fff; text-align: left; cursor: pointer; }
    	.btn:hover { background-position: bottom right; }
        #detail a.tell-a-friend { width: 356px; height: 48px; padding: 0 0 0 20px; margin: 60px 0 0 -1px; display: block; background: url(../img/bg/detail-btn.jpg); font-size: 17px; color: #fff; text-shadow: -1px -1px 0 #620000; text-decoration: underline; line-height: 48px; }
        #detail a:hover.tell-a-friend { background-position: 0 -48px; }
        #detail a.stel-een-vraag { width: 356px; height: 50px; padding: 0 0 0 20px; margin: 0 0 0 -1px; display: block; background: url(../img/bg/detail-btn.jpg) 0 -96px; font-size: 17px; color: #16140e; text-shadow: 1px 1px 0 #ffda9d; text-decoration: underline; line-height: 50px; }
        #detail a:hover.stel-een-vraag { background-position: 0 -146px; }
        #detail .top { width: 684px; height: 6px; margin: 0 -20px 5px -10px; display: block; background: url(../img/bg/detail.gif); }
        #detail .bottom { width: 684px; height: 8px; margin: 0 -10px; display: block; background: url(../img/bg/detail.gif) -1368px 0; overflow: hidden; clear: both; }
        
        #text {
         	width: 396px;
          	padding: 0 0 0 18px;
         	float: right;
			color: #d0c9b1;
			
	        }
        #photos {
         	width: 240px;
         	padding: 10px 10px 0;
          	margin: 0 0 5px;
         	background: url(../img/bg/photos-top.gif) no-repeat #474237;
          	float: left;
           	overflow: hidden;
	        }
            #photos a img { border: 3px solid #16140e; float: left; }
            #photos a:hover img { border: 3px solid #332f25; }
            #photos .second { margin: 10px 10px 7px 0; }
            #photos .third { margin: 10px 0 7px; }
            #photos .bottom { width: 260px; height: 3px; margin: 0 -10px; display: block; background: url(../img/bg/photos-bottom.gif); overflow: hidden; clear: both; }

#side {
	width: 255px;
	float: right;
	}
    #side form .field { width: 192px; height: 45px; padding: 0 0 0 20px; margin: 0 0 5px; background: url(../img/bg/search-field.gif); line-height: 45px; font-style: italic; float: left; }
    #side form .btn { width: 43px; height: 45px; background: url(../img/bg/search-btn.gif); float: left; cursor: pointer; }
    #side form .btn:hover { background-position: bottom; }
	
	#nieuwsteproducten { clear:both;width: 259px; height: 40px; background: url(../img/nieuwste_producten.png) no-repeat; padding:12px 0px 0px 15px;}
	#nieuwsteproducten a { color: #fff; text-shadow: -1px -1px 0 #620000; text-decoration: underline;font-size:14px;
	}

	#side a.new { width: 235px; height: 35px; padding: 10px 0 0 20px; margin: 0 0 5px; display: block; background: url(../img/bg/nieuwe-producten.gif); font-size: 20px; color: #16140e; font-style: italic; text-shadow: 1px 1px 0 #ffda9d; clear: both; }
    #side a:hover.new { background-position: bottom; color: #423409; text-shadow: 1px 1px 0 #ffce7e; }

	#side ul { padding: 0 0 0 12px; list-style: none; }
    #side ul li a { width: 216px; padding: 4px 7px; height: 20px; margin: 0 0 2px; display: block; background: url(../img/bg/side-menu-toggle.gif); color: #fff; font-size: 15px; font-weight: bold; }
    #side ul ul { padding: 0; }
    #side ul ul li a { width: 200px; padding: 9px 0 3px 30px; margin: 0; background: url(../img/check_off.gif) no-repeat 5px 7px; color: #ea8787; font-size: 11px; font-weight: normal; }
    #side ul ul li a:hover { color: #000; text-decoration: underline; }
    #side ul ul .selected a { background: url(../img/check_on.gif) no-repeat 5px 9px; color: #000; font-weight: bold; background-color:#ffd500; }

	#webpakket ul ul li a { width: 200px; padding: 9px 0 3px 30px; margin: 0; background: none; color: #ea8787; font-size: 11px; font-weight: normal; }
	
    #side ul ul .first { padding: 7px 0 0; }
    #side ul ul .last { padding: 0 0 7px; }
    
    #cat {
     	width: 255px;
      	margin: 0 0 8px;
      	background: url(../img/bg/side.gif) right;
		clear: both;
	    }
		#cat .cattable {background: url(../img/bg/side.gif);width:253px;}
		#cat img {margin-right:3px;}
        #cat h3 {width:120px; height: 35px; padding: 17px 0 0 20px; background: url(../img/bg/side.gif); color: #ea8787; text-shadow: -1px -1px 0 #290000;}
        #cat .bottom { width: 255px; height: 13px; display: block; background: url(../img/bg/side.gif) 0 -57px; clear: both; overflow: hidden; }

	#webpakket {
     	width: 255px;
      	margin: 0 0 8px;
      	background: url(../img/bg/side.gif) right;
		clear: both;
	    }
        #webpakket h3 { width: 235px; height: 40px; padding: 17px 0 0 20px; background: url(../img/bg/side.gif); color: #ea8787; text-shadow: -1px -1px 0 #290000; }
        #webpakket .bottom { width: 255px; height: 13px; display: block; background: url(../img/bg/side.gif) 0 -57px; clear: both; overflow: hidden; }

#footer {
	width: 100%;
 	padding: 0 0 60px;
 	background: url(../img/bg/footer-shadow.png) no-repeat top;
  	font-size: 11px;
   	color: #674719;
    line-height: 22px;
	}
    #innerfooter { width: 920px; height: 133px; padding: 37px 20px 0 32px; background: url(../img/bg/footer.gif) no-repeat top right; margin: 0 auto; }
    #footer a { color: #674719; }
    #footer a:hover { color: #16140e; text-decoration: underline; }
    #footer .newsletter { width: 358px; padding: 0 0 0 20px; float: left; }
    	#footer .newsletter form { width: 220px; }
    	#footer .newsletter form .field { width: 200px; height: 28px; margin: 0 0 5px; padding: 0 10px; background: url(../img/bg/newsletter-form.gif); color: #6b5c2e; line-height: 28px; }
        #footer .newsletter form .field-small { width: 155px; height: 28px; padding: 0 10px; margin: 0 5px 0 0; background: url(../img/bg/newsletter-form.gif) bottom left; line-height: 28px; color: #6b5c2e; float: left; }
        #footer .newsletterbtn { width: 40px; height: 28px; background: url(../img/bg/newsletter-form.gif) bottom right; color: #fff; text-transform: uppercase; float: left; cursor: pointer; }
        #footer .newsletterbtn:hover { text-decoration: underline; }
    #footer .payment { width: 167px; height: 62px; margin: 36px 0 0; background: url(../img/bg/betalingen.gif) no-repeat; float: left; }
    #footer .copyright { width: 355px; padding: 30px 20px 0 0; float: left; text-align: right; }

#pop-up { display: none; }
#tell-a-friend { height: 260px !important; }
#tell-a-friend, #stel-een-vraag {
 	width: 600px;
  	height: 420px;
   	padding: 20px;
  	color: #16140e;
	}
    #tell-a-friend h3, #stel-een-vraag h3 { text-shadow: 1px 1px 0 #e1dcca; }
    #tell-a-friend label, #stel-een-vraag label { margin: 0 0 5px; float: left; clear: both; }
    #tell-a-friend .field, #stel-een-vraag .field { width: 280px; height: 28px; padding: 0 10px; margin: 0 0 10px; background: url(../img/bg/popup-form.gif); line-height: 28px; float: left; clear: both; }
    #tell-a-friend textarea, #stel-een-vraag textarea { width: 580px; height: 180px; padding: 10px; margin: 0 0 10px; background: url(../img/bg/popup-form.gif) bottom left; line-height: 28px; float: left; clear: both; }
    #tell-a-friend .btn, #stel-een-vraag .btn { width: 100px; height: 28px; padding: 0 0 3px 22px; background: url(../img/bg/popup-btn.gif); text-align: left; float: left; clear: both; cursor: pointer; }
    #tell-a-friend .btn:hover, #stel-een-vraag .btn:hover { background-position: bottom left; }

/* FANCY BOX */

#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
* html #fancybox-loading { position: absolute; margin-top: 0; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../img/fancybox/fancybox.png'); }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }
* html #fancybox-overlay { position: absolute; width: 100%; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #d0c9b1; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
#fancybox-close { position: absolute; top: -13px; right: -13px; width: 30px; height: 30px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }
.fancybox-title-over { color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('../img/fancybox/fancy_title_over.png'); display: block; }
#fancybox-title-wrap { display: inline-block; }
#fancybox-title-wrap span { height: 32px; float: left; }
#fancybox-title-left { padding-left: 15px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; }
#fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('../img/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF; }
#fancybox-title-right { padding-left: 15px; background-image: url('../img/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../img/fancybox/fancybox-x.png'); }
#fancy-bg-ne { top: -20px; right: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -162px; }
#fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../img/fancybox/fancybox-y.png'); background-position: -20px 0px; }
#fancy-bg-se { bottom: -20px; right: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -182px; }
#fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../img/fancybox/fancybox-x.png'); background-position: 0px -20px; }
#fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -142px; }
#fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../img/fancybox/fancybox-y.png'); }
#fancy-bg-nw { top: -20px; left: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -122px; }