/************************************
	FIXES 
*************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}		


/************************************
	HEADINGS 
*************************************/
.nb-logo {
width: 285px;
height: 74px;
background: url(images/logo.jpg) top left no-repeat;
}

h1, h2 {
font-size: 24px;
font-weight: normal;
color:#16233f;
line-height: 24px;
}

h1.first, h2.first {
padding: 20px 0px 10px 0px;
}

h3 {

padding: 15px 0 0 0 ;
font-size: 16px;
color:#56419a;
}

h4 {

padding: 15px 0 0 0 ;
font-size: 16px;
color:white;
}

h5 {
font-size: 20px;
font-weight: normal;
color:#56419a;
line-height: 24px;
}

.nadruk {

padding: 0 0 0 0 ;
font-size: 12px;
color:#56419a;
}

/************************************
	BASICS 
*************************************/

body {
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
background: url(images/bg.jpg) repeat-x top left #e3e3e3;
}

div#container {
margin: auto;
margin-top: 30px;
width: 910px;
text-align: left;
/* Bootstrap zet overal box-sizing: border-box (onderdeel van zijn reset). Deze
   pixel-precieze legacy-opmaak is gebouwd op het oude browserstandaard content-box:
   width is hier de inhoud, padding komt er apart bij op. Onder border-box telt de
   padding juist mee bínnen die width, waardoor het vak smaller wordt dan getekend —
   bij #content hieronder viel daardoor de rechter afgeronde hoek van contentbg.jpg
   buiten het vak. Hier expliciet terugzetten voor dit hele legacy-blok. */
box-sizing: content-box;
}

/************************************
	HEADER 
*************************************/

#header {
margin-top: 4px;
background: url(images/header.jpg) top left no-repeat;
height: 301px;
width: 829px;
box-sizing: content-box;
}


/************************************
	NAV 
*************************************/
ul#nav {
padding-left: 60px;
padding-top: 255px;
}

ul#nav li {
padding: 0 5px 0 5px;
float: left;
}


ul#nav li a {
border: 2px solid white;
color:#666666;
text-decoration: none;
background: url(images/link_normal.jpg) repeat-x bottom left;
height: 42px;
line-height: 42px;
font-size: 20px;
display: block;
padding: 0 12px 0 12px;
/* De rand komt bovenop de hoogte, zodat de knoppen precies op de onderrand van de header staan. */
box-sizing: content-box;
}

ul#nav li a:hover, ul#nav li a:active {
color:#000000;
background: url(images/link_hover.jpg) repeat-x bottom left;
}



/************************************
	CONTENT 
*************************************/

#content {
padding: 25px;
margin-top: 23px;
width: 778px;
background: url(images/contentbg.jpg) top left no-repeat #FFFFFF;
/* Dit is de plek waar het echt fout ging: met padding erbij en border-box werd dit
   vak 778px in plaats van de bedoelde 778 + 2x25 = 828px, en viel de rechter
   afgeronde hoek van contentbg.jpg (829px breed) buiten beeld. */
box-sizing: content-box;
}

div#content p {
color: #666666;
padding: 8px 0 8px 0;
line-height: 22px;

}

div#content td {
color: #666666;
line-height: 22px;
}

div#content a {
color: #666666;
}

div#SimplexprijzenThee li {
color: #666666;
text-indent: 30px;
list-style-type:disc;
}


/************************************
	FOOTER 
*************************************/

div#footer {
margin-bottom: 20px;
width: 828px;
background: #f0f0f0;
margin-top: 2px;
height: 35px;
box-sizing: content-box;
}

div#footer li {
border-right: 1px solid #d8d8d8;
float: left;
line-height: 35px;
color:#666666;
}

div#footer li a {
color:#666666;
padding: 0px 10px 0px 10px;
text-decoration: none;
font-weight: bold;
height: 35px;
display: block;
}

div#footer li a:hover {
background: white;
}

div#footer span {
float: right;
padding: 0px 10px 0px 10px;
line-height: 35px;
color:#666666;
text-decoration: none;

}
div#footer span a {
line-height: 35px;
color:#666666;
}

table { border-collapse:collapse; border-spacing: 0; }

hr
{
    color: #808080;
    background-color:  #808080;
    height: 1px;
    border: none;
}

table#products td.image {
    padding-top:0px;
     vertical-align:middle;
     text-align:center;
    width: 160px;
    height: 140px;
}
#divaccount span {
	padding-right: 10px;
}

.product-readmore span
{
    margin-top:16px;
    cursor:pointer;
    color:#56419a;
    display:block;
}