html, body
{
text-align: center;	/* laat gehele canvas centreren */
overflow-x: hidden;		/* scrollbalk onder verwijderen */ /* FIXME: als dit er niet staat wordt de onderste scrollbar getoond, er gaat ergens iets fout */
padding: 0;
margin: 0;
border:0;            /* This removes the border around the viewport in old versions of IE */
min-width: 72em;/*750px;*/    /* Minimum width of layout - remove line if not required */
                    /* The min-width property does not work in old versions of Internet Explorer */
max-width: 105em;/*1152px;*/
background-color: #F5F5F5;
background-image: url(images/template/bg-main.jpg);
background-repeat: repeat-x;
background-position: top left;
color: black;
font: small Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
line-height: 130%;
}

#wrapper {
padding:0;
margin: 0 auto;
min-width: 72em; /*750px;*/
width: 92%;
text-align: left;		/* laat alles in de site vanaf links lopen (heft text-align:center in de body op) */
/*background-color: #F5F5F5;
background-image: url(images/template/bg-wrapper.jpg);
background-repeat: repeat;
background-position: top left;*/
}

img
{
margin: 0 .5em 0 .5em;
padding: 0;
border: none;
}

/* -----     Header     ----- */

#header
{
/*clear:both;*/
/*float:left;*/
width:100%;
margin: 0;
/*top: 0;
left: 0;*/
height: 4em; /*60px;*//*32px;*/
background: none;
/*background-image: url(images/template/logo1.png);
background-repeat: no-repeat;
background-position: top left;*/
/*margin: 0;
padding: 0;*/
}

#contentheader
{
width:100%;
margin-top: .7em;
margin-bottom: -.5em;
height: 100px;
background-image: url(images/template/header02.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#headerlink
{
position: relative;
top: 0;/*1em;*/
left: 0;
text-align: left;
/*font-size: 200%;
font-weight: bold;
line-height: 85%;*/
/*padding: .5em;
margin: 0 0 0 .5em;*/
}

/*#header a:link, #header a:visited
{
color: #0066CC;
text-decoration: none;
}

#header a:hover
{
color: #0066CC;
text-decoration: underline;
}*/

#tagline
{
position: absolute;/*relative;*/
top: 1.5em;/*4%;*/
left: 60em;/*35%;*/
margin: 0 0 0 .5em;
padding: .5em;
text-align: left;
font-size: 100%;
font-style: italic;
/*font-weight: bold;*/
}

#tagline a:link, #tagline a:visited, #tagline a:hover
{
color: #FFFFFF;
text-decoration: none;
}

/* -----     Footer     ----- */

#footer
{
width: 100%;
margin:0px auto;
color: #0066CC;/*#ffffff;*/
/*background-color: #0066CC; /*   TODO   !!! BACKGROUND ISNT WORKING
background-image: url(images/template/bg-navigation.jpg);
background-repeat: repeat-x;
background-position: top left;
border: 1px solid #0066CC;*/
}

#footer .text
{
float: right;
}
/*#footertext
{
clear:both;
width:100%;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
}*/

#footer h3
{
font-size: 1em;
}

#footer a:link, #footer a:visited
{
color: #0066CC;/*#ffffff;*/
text-decoration: none;
}

#footer a:hover
{
color: #0066CC;/*#ffffff;*/
text-decoration: underline;
}

#footer .box
{
float: left;
width: 20%;
padding: .5em;
margin: .5em;
text-align: left;
}

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

/* -----     Content     ----- */
#content
{
color: #333333;
padding: 1em;
/*max-width: 65em;*/ /* set a max. width on the content (text) */
/*Display a background image in the content column*/
/*background-image: url(images/template/bg-content.png);
background-repeat: no-repeat;
background-position: bottom right;*/
}

#content h1
{
font-size: 1.2em; /* 110%; */
color: #ffffff;
background-color: #0066CC;
background-image: url(images/template/bg-h1.jpg);
background-repeat: repeat-x;
background-position: top left;
margin: 0;
margin-top: 1em;
padding: .65em;
}

#content h2
{
color: #0066CC;
font-size: 1em;/*110%;*/
margin: .5em 0 .5em 0;
}

#content h3
{
font-size: 1em;/*110%;*/
margin: .5em 0 .5em 0;
}

#content a:link, #content a:visited
{
color: #333333;/*#0066CC;*/
text-decoration: underline;
}

#content a:hover
{
color: #0066CC; /*#333333;*/
text-decoration: underline;
}

#intro
{
font-weight: bold;
clear: both; /* for socialmedia */
}

#content .writer
{
font-style: italic;
}

#content .smalllist ul
{
margin: 0;
padding: 0;
list-style: none;
}

#content .advprices
{
margin-top: 4em;
}

#content .contentlist
{
margin-bottom: 5em;
}

#content .contentlist ul, #content .advprices ul, #content .smallAdvprices ul
{
margin: 0;
padding: 0;
list-style: none;
}

#content .contentlist li
{
margin: 20px 0 10px 0;
}

#content .advprices li, #content .smallAdvprices li
{
vertical-align: middle;
}


#content .contentlist li.even, #content .advprices li.price-even, #content .smallAdvprices li.price-even
{
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  padding: .5em;
}

#content .contentlist li.uneven, #content .advprices li.price-uneven, #content .smallAdvprices li.price-uneven
{
  background-color: #E8E8E8;
  border: 1px solid #E8E8E8;
  padding: .5em;
}
/*
#content .contentlist li.even:hover, #content .contentlist li.uneven:hover
{
  background-color: #E8E8E8;
  border: 1px solid #99CCFF;
}*/

#content .contentlist h3
{
font-size: 1em;
margin-top: 3em;
}

#content .contentlist   a:link, #content .contentlist   a:visited
{
color: #0066CC;
text-decoration: none;
}

#content .contentlist  a:hover
{
color: #333333;
text-decoration: underline;
}

#content .contentlist .advprices li, #content .contentlist .smallAdvprices li
{
margin: 0;
}

#content .contentlist .advprices  a:link, #content .contentlist .smallAdvprices  a:link, #content .contentlist .advprices  a:visited, #content .contentlist .smallAdvprices  a:visited
{
padding: 2px 2px 2px 0; /* 0.5em;*/
/*display: block;*/
text-decoration: none;
/*border: 1px solid #F5F5F5;*/
}

#content .contentlist .advprices  a:hover, #content .contentlist .smallAdvprices  a:hover
{
text-decoration: none; /*underline;*/
/*border: 1px solid #0066CC;*/
}

/*#content .contentlist h3 a:link, #content .contentlist h3 a:visited
{
color: #3366CC;
}

#content .contentlist h3 a:hover
{
color: #333333;
}*/

#content p.more /*.contentlist p.more*/
{
margin-top: 0;
text-align: right;
}

#content p.more a:link, #content p.more a:visited /*.contentlist p.more a:link, #content .contentlist p.more a:visited*/
{
padding-left: 14px;
}

#content .contentrelated
{
float: left;
text-align: left;
width: 98%;
padding: .5em;
margin: 0;
/*border: 1px solid #99CCFF;*/
}

#content .contentrelated ul
{
list-style: square;
color: #0066CC;
line-height: 250%;
padding: 0 0 .5em .5em;
margin:  0 0 .5em .5em;
}

#content .contentrelated li
{
padding: 0 0 .5em .5em;
}

/*#content .contentbanner
{
float: left;
height: 25em;
width: 25em;
margin-right: .5em;
}*/

#content .productbanner
{
margin:0px auto;
/*border: 1px solid #DEDEDE;
height: 25em;*/
/*text-align: left;*/
}

#content .productbannerbox
{
float: left;
width: 29%;
height: auto; /*10em;*/
border: 1px solid #DEDEDE; 
color: #222222;
padding: .5em;
margin: .5em;
text-align: left;
}

#content .productbannerbox2
{
float: left;
width: 29%;
height: 36em;
border: 1px solid #DEDEDE; 
color: #222222;
padding: .5em;
margin: .5em;
text-align: left;
}

/*#content img
{
margin: 0 .5em 0 .5em;
padding: 0;
border: none;
}*/

#content .imgleft
{
float: left;
}

#content .imgright
{
float: right;
}

#content .imgright
{
margin-left:auto;
margin-right:auto;
text-align: center;
}

#content .imagetext
{
margin: 0 .5em 0 .5em;
padding: 0;
font-size: 100%;/* 77%;*/
/*font-style: italic;*/
width: 20em; /*275px;*/
text-align: center;
}

#content .imageThumbnails
{
 margin: .5em;
 width: 16em;/*200px;*/
 height: 13em;/*150px;*/
}

#content .accgallery, #content .accHomeGallery
{
clear: both;
width:100%;
text-align: left;
}

#content .accgallery ul, #content .accHomeGallery ul
{
float: left;
list-style-type: none; 
margin: 0px; 
padding: 0px;
text-align: center;
}

#content .accgallery li
{
margin: 2px;
padding: 4px;
float: left;
position: relative;
width: 18em;/*31%;*//*205px;*/
height: 19em; /*200px;*/
background-color: #E8E8E8;
}

#content .accgallery li img
{
width: 16em;/*200px;*/
height: 13em; /*150px;*/
padding: 0;
margin: 0;
/*position: absolute;*/
}

#content .accHomeGallery li
{
margin: 2px;
padding: 4px;
float: left;
position: relative;
width: 18em; /*31%;*/ /*205px;*/
height: 40em; /*360px;*/
border: 1px solid #DEDEDE;
}

#content .accHomeGalleryTitle, #content .accHomeGalleryTitle a:link, #content .accHomeGalleryTitle a:visited
{
color: #0066CC;
font-weight: bold;
text-decoration: none;
}

#content .accHomeGalleryTitle a:hover
{
text-decoration: underline;
}

#content .accHomeGalleryPrice, #content .accHomeGalleryPrice a:link, #content .accHomeGalleryPrice a:visited, #content .accHomeGalleryPrice a:hover
{
color: #0066CC;
font-weight: bold;
}

#content .accHomeGalleryText
{
text-align: left;
}

#content .accHomeGalleryMore
{
position: absolute;
bottom: 2.5em;
right: .2em;
}

#content .accHomeGalleryMy
{
position: absolute;
bottom: .5em;
right: .2em;
}

.contentlistbox
{
margin:0px auto;
float: left;
width: 31%;
/*height: 20em;*/
/*border: 1px solid #DEDEDE;*/ 
/*color: #222222;*/
padding: .5em;
/*margin: .5em;*/
text-align: left;
margin-bottom: 2em;
}

.contentlistbox2
{
margin:0px auto;
float: left;
width: 48%;
height: 15em;
/*height: 22em;
border: 1px solid #DEDEDE; 
color: #222222;*/
padding: .5em;
/*margin: .5em;*/
/*text-align: center;*/
}

.contentlistbox ul ,.contentlistbox2 ul
{
list-style-type: none;
margin: 0px; 
padding: 0px;
}

.contentlistboxBooks
{
float: left;
width: 44%;
height: 22em;
border: 1px solid #DEDEDE; 
color: #222222;
padding: .5em;
margin: .5em;
text-align: center;
}

.contentlistLargebox
{
margin:0px auto;
float: left;
width: 48%;
/*height: 22em;*/
/*border: 1px solid #DEDEDE; */
/*color: #222222;*/
padding: .5em;
/*margin: .5em;*/
text-align: left;
}

.contentListHomeSmallbox
{
margin:0px auto;
float: left;
width: 44%;
height: 22em;
border: 1px solid #DEDEDE; 
color: #222222;
padding: .5em;
/*margin: .5em;*/
text-align: left;
}

.contentListFullBox
{
margin:0px auto;
width: 96%;
/*height: 20em;*/
border: 1px solid #DEDEDE; 
color: #222222;
padding: .5em;
/*margin: .5em;*/
margin-bottom: .5em;
text-align: left;
}

.contentListWelcomeBox
{
margin:0px auto;
width: 96%;
height: 25.5em;/*255px;*/
border: 1px solid #DEDEDE;
color: #222222;
padding: .5em;
/*margin: .5em;*/
margin-bottom: .5em;
text-align: left;
}

.contentListWelcomeBox ul
{
list-style: none;
}

.contentListWelcomeBox li
{
margin: 0 0 .5em 0;
}

.contentListMoreBox
{
margin:0px auto;
margin-bottom: .5em;
width: 93%;
height: 26em;
/*border: 1px solid #DEDEDE; */
color: #222222;
padding: 1em 2em 2em 2em;
text-align: left;
}

.contentListMoreBox ul
{
/*float: left;*/
width: 26.5%;
list-style: none;
}

.contentListMoreBox li
{
margin: 0 0 .5em 0;
}

.listNavAdvLogos ul
{
/*margin:0px auto;*/
list-style: none;
margin:  0 0 .5em 0;
padding: 0;
}

.listNavAdvLogos ul li
{
display: inline;
}

.listNavAdvLogos li
{
margin-bottom: .5em;
padding-bottom: .5em;
}

.socialmedia-AddToAny
{
margin: .5em;
float: right;
}

.socialmedia-FacebookLikeButton
{
margin: .5em;
/*float: left;*/
margin-bottom: .5em;
}

/*
.socialmedia ul
{
list-style: none;
margin: 0;
padding: 0;
}

.socialmedia li
{
display: inline;
margin: 0 0 .5em 0;
}*/

.facilities
{
padding: 0;
}

.facilities ul
{
list-style: none;
margin: 0;
padding: 0;
}

.facilities li
{
margin: 0 0 .5em 0;
}

#breadcrumbnav
{
font-size: 75%;
}

#content .paging
{
margin-top:1em;
text-align:center;
margin: .6em;
padding: .6em;
border: 1px solid #99CCFF;
}

#content .paging a:link, #content .paging a:visited
{
margin: .4em;
padding: .4em;
text-decoration: none;
border: 1px solid #F5F5F5;
}

#content .paging a:hover
{
margin: .4em;
padding: .4em;
text-decoration: none;
border: 1px solid #0066CC;
}

#content .advMoreInfo
{
margin-top:1em;
padding: .5em;
}

#content .tip
{
color: red;
}

#content h2 a:link, #content h2 a:visited, #content h2 a:hover
{
color: #0066CC;
text-decoration: none;
}

#content h3 a:link, #content h3 a:visited, #content h3 a:hover
{
color: #0066CC;
text-decoration: none;
}

#content .contentlist h2 a:link, #content .contentlist h2 a:visited, #content .contentlist h2 a:hover
{
color: #0066CC;
text-decoration: none;
}

#content .contentlist h3 a:link, #content .contentlist h3 a:visited, #content .contentlist h3 a:hover
{
color: #0066CC;
text-decoration: none;
}

.contentbanner
{
float: left;
margin: 0 .5em 0 .5em;
padding: 0;
}

#content .orderbutton
{
background-color: #0066CC;
color: #ffffff;
font-weight: bold;
padding: .4em;
margin-top: 1em;
margin-bottom: 1em;
}

#content .informationbutton
{
background-color: #FF6600;
color: #ffffff;
font-weight: bold;
padding: .3em;
margin-top: 1em;
margin-bottom: 1em;
}

#content a.orderbutton:link, #content a.orderbutton:visited, #content a.informationbutton:link, #content a.informationbutton:visited
{
color: #ffffff;
text-decoration: none;
}

#content a.orderbutton:hover, #content a.informationbutton:hover
{
color: #ffffff;
text-decoration: underline;
}

#content .advlogo
{
vertical-align: baseline;
margin: .5em .3em 0 .3em;
}

.campaign
{
background-color: #FFFFFF;
border: 1px solid #DEDEDE;
padding: .5em;
margin-top:2em;
}

.star-rating
{
padding: 0;
margin-right: .1em;
}

#content .zoover-badge
{
color: #FF6600;
font-size: 2em;
font-weight: bold;
margin-top: .5em;
margin-bottom: -.5em;
}

#content a.zoover-badge:link, #content a.zoover-badge:visited, #content a.zoover-badge:hover
{
color: #FF6600;
text-decoration: none;
}

#content .zoover-badge-small
{
background-image: url(images/zoover-badge.gif);
background-repeat: no-repeat;
background-position: top center;
color: #FF6600;
font-size: 1em;
margin-top: .5em;
padding-top: 1.5em;
margin-left: 50%;
margin-bottom: -.5em;
height:55px;
width:55px;


}

#content .cheqqer-badge
{
color: #00CC00;
font-size: 2em;
font-weight: bold;
margin-top: .5em;
margin-bottom: -.5em;
}

#content a.cheqqer-badge:link, #content a.cheqqer-badge:visited, #content a.cheqqer-badge:hover
{
color: #00CC00;
text-decoration: none;
}

#content .cheqqer-badge-small
{
color: #00CC00;
font-size: 1em; /*1.5*/
/*font-weight: bold;*/
margin-top: .5em;
margin-bottom: -.5em;
}

#content table.infotable
{
border-width: 1px;
border-color: #DEDEDE;
border-collapse: collapse;
}

#content table.infotable th, #content table.infotable td
{
border-width: 1px;
padding: 8px;
border: 1px solid #DEDEDE;
background-color: #FFFFFF;
}