/* STYLESHEET bhvtotaal */

*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: arial, tahoma, helvetica, arial, sans-serif;
}

body
{
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #8eb4db;
    font-size: 80%;
}


body div#top_nav
{
    margin: 0;
    padding: 0;
    height: 160px;
    background-image: url(images/header-bg.gif);
    background-repeat: repeat-x;
    repeat: repeat-x;
    text-align: center;
}

body div#top_nav div#topcontainer
{
    width: 1007px;
    padding: 0;
    padding-top: 16px;
    margin: auto;
    text-align: left;
    border: 0;
    background-repeat: no-repeat;
    background-position: right bottom;
}

body div#top_nav div#topcontainer div
{
    float: left;
    width: 551px;
    height: 115px;
    padding-top: 115px;
    margin: 0;
    background-image: url(images/header-logo.gif);
    overflow: hidden;
    cursor: pointer;
}

body div#top_nav div#topcontainer div p
{
    display: none;
}

body div#top_nav div#topcontainer div#keurmerk
{
    float: left;
    width: 456px;
    height: 115px;
    margin: 0;
    padding-top: 20px;
    padding-right: 15px;
    background-image: url(images/header-pand-top.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    text-align: right;
}

body div#top_nav div#topcontainer div#keurmerk a
{
    margin: 0;
    padding: 0;
}

body div#top_nav div#topcontainer div#keurmerk img
{
    padding: 0;
    margin: 0;
    border: 1px solid black;
    background-color: #fff;
}

body div#top_nav div#topcontainer div#keurmerk p
{
    float: right;
    width: 150px;
    text-align: center;
    font-size: 85%;
    color: #fff;
    margin: 0;
    padding-top: 10px;
}

body div#top_nav div#topmenu
{
    clear: both;
    width: 1007px;
    height: 28px;
    margin: auto;
    background-image: url(images/header-pand-bottom.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

body div#top_nav ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

body div#top_nav ul li
{
    float: left;
    padding: 5px;
    padding-right: 12px;
}

body div#top_nav ul li a
{
    color: black;
    text-decoration: none;
}

body div#top_nav ul li a:hover
{
    text-decoration: underline;
}

body div#container
{
    margin: auto;
    padding: 0;
    width: 1006px;
    text-align: left;
    background-color: #fff;
    background-image: url(images/content-bg-cols.gif);
    background-repeat: repeat-y;
}

body div#container div#left
{
    float: left;
    width: 200px;
    background-color: #2183da;
    border-right: 3px solid #fff;
}

body div#container div#left h4, body div#container div#right h4
{
    margin: 0;
    padding: 5px;
    background-color: #1d75bf;
    font-size: 105%;
    border-top: 1px solid #0069bf;
    border-bottom: 1px solid #0069bf;
}

body div#container div#left div#search
{
    text-align: center;
    padding: 10px;
}

body div#container div#left div#search form
{
    display: inline;
}

body div#container div#left ul.menu
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

body div#container div#left ul.menu li
{
    margin: 0;
    padding: 0;
    padding-bottom: 1px;
    background-image: url(images/dotted-line.gif);
    background-repeat: repeat-x;
    background-position: right bottom;
    background-color: #2183da;
}

body div#container div#left ul.menu li a
{
    display: block;
    margin: 0;
    padding: 5px;
    padding-left: 15px;
    height: 25px;
    color: #fff;
    text-decoration: none;
    background-image: url(images/sidemenu-bg-na.gif);
    font-size: 92%;
}

body div#container div#left ul.menu li a:hover, li.sfhover
{
    background-color: #1d75bf;
    background-image: url(images/sidemenu-bg.gif);
    color: #e5de0d;
}


body div#container div#content
{
    float: left;
    margin: 0;
    padding: 15px;
    width: 600px;
    margin-right: 3px;
}

body div#container div#content table tr td
{
    font-size: 80%;
}

body div#container div#content.products
{
    width: 600px;
    padding: 15px;
    margin: 0;
}

* html body div#container div#content.products
{
    width: 595px;
}

body div#container div#content.products p
{
    line-height: 1.5;
}

body div#container div#content.products h1
{
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 10px;
}

body div#container div#content.products h1 a
{
    color: #000;
    text-decoration: none;
}

body div#container div#content.products h1 a:hover
{
    text-decoration: underline;
}

body div#container div#content.products ul#subgroups li, body div#container div#content.products ul#subgroups li a, a.backlink
{
    color: #009933;
    text-decoration: none;
}

body div#container div#content.products ul#subgroups li a:hover, a.backlink:hover
{
    text-decoration: underline;
}

body div#container div#content.products p.pagebrowse
{
    text-align: right;
}

body div#container div#content.products p.pagebrowse a
{
    color: #009933;
    text-decoration: none;
}

body div#container div#content.products p.pagebrowse a:hover
{
    text-decoration: underline;
}

body div#container div#content.products h3
{
    font-size: 105%;
}

body div#container div#content.products div.ruler
{
    clear: both;
    border-bottom: 1px solid black;
    margin-top: 8px;
    margin-bottom: 8px;
}

body div#container div#content.products div.rulerBG
{
    border-bottom: 1px solid #fff;
}

body div#container div#content.products div.producttile
{
    width: 268px;
    line-height: 1.5;
    float: left;
    margin-right: 15px;
    padding-left: 4px;
    margin-bottom: 20px;
}

* html body div#container div#content.products div.producttile
{
    margin-right: 8px;
}

body div#container div#content.products div.producttile img
{
    margin-right: 8px;
    margin-bottom: 8px;
    float: left;
}

body div#container div#content.products div.producttile h2
{
    font-size: 110%;
    margin: 0;
}

body div#container div#content.products div.producttile h2 a
{
    color: #000;
    text-decoration: none;
}


body div#container div#content.products div.producttile h2 a:hover
{
    text-decoration: underline;
}

body div#container div#content.products div.producttile div.shortmemo
{
    overflow: hidden;
}

body div#container div#content.products div.producttile form
{
    display: inline;
    float: right;
}

body div#container div#content.products div.producttile div.price_order
{
    width: 268px;
    clear: both;
    background-color: #e1e1e1;
    border-top: 1px dashed #bdbdbd;
    border-bottom: 1px dashed #bdbdbd;
    padding: 4px;
    height: 32px;
}

body div#container div#content.products div.producttile p a.more
{
    color: #ff6600;
    text-decoration: none;
}

body div#container div#content.products div.producttile div.price_order span.price
{
    float: left;
    padding: 2px;
}

body div#container div#content.products div.producttile div.price_order span.order
{
    float: right;
    font-weight: normal;
}

body div#container div#content.products div.producttile p a.more:hover
{
    text-decoration: underline;
}

body div#container div#content.extrapage
{
    padding: 15px;
    line-height: 1.5;
}

body div#container div#content.extrapage h1
{
    font-size: 125%;
    margin-bottom: 20px;
}

body div#container div#content.product, body div#container div.contentProduct
{
    padding: 15px;
    line-height: 1.5;
}

body div#container div#content.product h1
{
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 10px;
}

body div#container div#content.product h3
{
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 10px;
    color: #c0c0c0;
}

body div#container div#content.product p
{
    line-height: 1.5;
}

body div#container div#content.product ul
{
    clear: left;
}

body div#container div#content.product div.productinfo div.productlegend
{
    width: 190px;
    float: right;
    text-align: center;
    overflow-x: hidden;
    margin-left: 25px;
    margin-bottom: 25px;
}

body div#container div#content.product div.productinfo div.productlegend img
{
    margin: auto;
}

body div#container div#content.product div.productinfo div.productlegend dl
{
    width: 180px;
    float: right;
    background-color: #c3d3e3;
    border: 1px dotted #297dd6;
    font-size: 80%;
    color: #000;
    text-align: left;
    margin-bottom: 25px;
}

body div#container div#content.product div.productinfo div.productlegend dl dt
{
    width: 100px;
    font-weight: bold;
    float: left;
    padding: 5px;
    margin: 0;
}

body div#container div#content.product div.productinfo div.productlegend dl dd
{
    width: 75px;
    float: left;
    padding: 5px;
    margin: 0;
}

body div#container div#content.product div.productinfo
{
    float: left;
}


body div#container div#content.product div.productinfo input, body div#container div#content.product div.productinfo select
{
    clear: both;
}

body div#container div#content.product div.productinfo div.productoptions
{
    background-color: #c3d3e3;
    border: 1px dotted #297dd6;   
}

body div#container div#content.product div.productinfo dl#options
{
    margin: 0;
}

body div#container div#content.product div.productinfo dl#options dt
{
    width: 200px;
    padding: 7px;
    font-weight: bold;
    float: left;
    padding: 5px;
    margin: 0;
}

body div#container div#content.product div.productinfo dl#options dd
{
    padding: 5px;
    width: 300px;
    float: left;
    padding: 5px;
    margin: 0;
}

body div#container div#content div#thema
{
    width: 600px;
    height: 175px;
    background-image: url(images/homepage-thema.jpg);
    background-repeat: no-repeat;
    border-bottom: 3px solid #fff;
}

body div#container div#content h2
{
    margin: 0;
}

body div#container div#content h4
{
    margin: 0;
    background-color: #2183da;
    color: #fff;
    font-size: 100%;
    padding: 3px;
}

body div#container div#content h5
{
    margin: 0;
    font-size: 110%;
}

body div#container div#content div.newscol
{
    width: 290px;
    padding: 8px;
    float: left;
    line-height: 1.5;
    font-size: 95%;
    text-align: justify;
}

body div#container div#content div.newscol img
{
    margin-right: 8px;
    margin-bottom: 8px;
}

body div#container div#content div#newscontainer
{
    width: 600px;
    background-image: url(images/newscol-dots.gif);
    background-repeat: repeat-y;
}

body div#container div#content div.colright
{
    float: right;
}

body div#container div#content div.morenews
{
    padding: 8px;
    background-color: #fff;
}

body div#container div#content div.morenews ul
{
    list-style-type: square;
    margin-left: 0;
    padding-left: 25px;
}

body div#container div#content div.morenews ul li a
{
    color: #000066;
    text-decoration: none;
}

body div#container div#content div.morenews ul li a:hover
{
    text-decoration: underline;
}

body div#container div#content.cart
{
    padding: 15px;
    line-height: 1.5;
}

body div#container div#content.cart h2
{
    font-size: 125%;
}

body div#container div#right
{
    float: right;
    margin: 0;
    padding: 0;
    width: 203px;
    background-color: #3993e1;
}

body div#container div#right div#idealbanner
{
    margin-top: 5px;
    width: 100%;
    height: 150px;
    background-image: url(/images/ideal-betalen-2.gif);
    background-repeat: no-repeat;
    background-position: top center;
}

body div#container div#right p.showcart a
{
    color: #fff;
    text-decoration: none;
}

body div#container div#right p.showcart a:hover
{
    text-decoration: underline;
}

body div#container div#right table
{
    border-collapse: collapse;
    width: 100%;
}

body div#container div#right table tr td
{
    padding: 5px;
    font-size: 80%;
}

body div#container div#right div#offers
{
    text-align: center;
    padding: 8px;
}

body div#container div#right div#offers p
{
    margin-bottom: 25px;
}

body div#container div#right div#offers p a
{
    color: #fff;
    text-decoration: none;
}

body div#container div#right div#offers p a:hover
{
    text-decoration: underline;
}

body div#footer
{
    margin: auto;
    padding: 3px;
    width: 1006px;
    text-align: center;
    background-color: #1d74c1;
    color: #fff;
    font-size: 80%;
    border-top: 3px solid #fff;
} 

/* STYLESHEET suckerfish */

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
        z-index: 999;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
        width: 197px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
        background-color: #2183da;
        border-left: 1px dotted #fff;
	}
    #nav li ul li
    {
    }
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		display : block;
		text-decoration : none;
		background-color : white;
		padding : 0 0.5em;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: 56px;
        top: 17px;
	}

