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:600px;    /* Minimum width of layout - remove line if not required */
                    /* The min-width property does not work in old versions of Internet Explorer */
max-width: 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;
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: 60px;/*32px;*/
background: none;
/*background-image: url(images/template/logo1.png);
background-repeat: no-repeat;
background-position: top left;*/
/*margin: 0;
padding: 0;*/
}

#contentheader
{
/*clear:both;*/
/*float:left;*/
width:100%;
margin-top: .7em;
/*top: 0;
left: 0;*/
height: 100px;
background-image: url(images/template/header02.jpg);
background-repeat: no-repeat;
background-position: top left;
/*margin: 0;
padding: 0;*/
}

#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: 110%;
}

#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: 29%;
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: 110%;
color: #ffffff;
background-color: #0066CC;
background-image: url(images/template/bg-h1.jpg);
background-repeat: repeat-x;
background-position: top left;
margin: 0;
padding: .65em;
}

#content h2
{
color: #0066CC;
font-size: 110%;
}

#content h3
{
font-size: 110%;
}

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

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

#intro
{
font-weight: bold;
}

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

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

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

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

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

#content .contentlist li.even
{
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  padding: .5em;
  /*float: left;*/
}

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

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

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

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

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

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

#content .contentlist .advprices  a:hover
{
text-decoration: 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: 77%;
font-style: italic;
width: 275px;
}

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

#content .accgallery
{
clear: both;
margin-top: 100px;
text-align: left;
}

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

#content .accgallery li
{
margin: 2px;
padding: 4px;
float: left;
position: relative;
width: 205px;
height: 200px;
background-color: #E8E8E8;
}

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

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

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

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

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

.contentListHomeSmallbox
{
margin:0px auto;
float: left; /* margin:0px auto; */
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: 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
{
/*float: left;*/
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;
}

.socialmedia
{
/*margin: .5em 0 .5em 0;*/
padding: 0;
/*border-top: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;*/
}

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

.socialmedia li
{
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
{
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;
}

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