body, html {
	height: 100%;
}

body {
	margin: 0; padding: 0;
	font: 80%/150% Arial, Helvetica;
}

/* causes IE to position all absolute and relative elements as fixed (DISABLED! because of disappearing scrollbars at 800x600)
* html {
	overflow: hidden;
}
* html body {
	height: 100%;
	overflow-y: auto; 
}
*/

p, ul, ol {
	margin: 0 0 1em 0;
}

#wrapper {
}

#header {
	position: relative;
	height: 203px;
}

#header #logo h1 {
	position: relative;
	width: 640px;
	height: 84px;
	text-indent: -999em;
}
#header #logo h1 a	{
	text-decoration: none;
}

#header #headerTitle {
	position: absolute;
	display: block;
	top: 145px;
	height: 58px;
}

#header h2 {
	margin: 0;
	padding: 20px 0 0 210px;
}
.home #header h2 { /* hide title on homepage */
	display: none;
}


/*	content	*/

#content {
}

.wrapper	{
	padding: 10px;
}

#primaryContent {
	margin: 0 200px;
	max-width: 550px;
}
/*	Fix voor max-width in IE 6	*/
* html #primaryContent {	
	width:expression(document.body.clientWidth > 800? "550px": "auto" );
}

#secondaryContent {
	float: left;
	display: inline;
	width: 200px;
}

#secondaryContent .wrapper {
	padding: 10px 10px 10px 30px;
}
#secondaryContent .wrapper img {
	margin-bottom: 1em;
}

/* noSecondary [body-class] (primaryContent goes to left) */
.noSecondary #content #primaryContent {
	margin-left: 75px;
}
.noSecondary #content #secondaryContent {
	display: none;
}

/* payoff (onderdeel van) */

#payoff {
	display: none; /* hide everywhere, except home */
	position: absolute;
	top: 500px;	/*	336px;  436px; lijnt nu gelijk uit met de homepagefoto*/
	right: 20px;
}
.home #payoff {
	display: block; /* show on home */
}

#payoff p {
	text-align: right;
}

#payoff ul {
	float: right;
	width: 220px;
	list-style: none;
	margin: 0; padding: 0;
	
}

#payoff ul li {
	margin: 0; padding: 0 0 0 20px;
	background: url(../images/interface/bullet_boekencentrum.png) no-repeat 2px 5px;
}

#payoff ul li a {
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	color: black;
}
#payoff ul li a:hover {
	text-decoration: underline;
}


/* home banner */

#frontpageAd {
	display: none; /* hide everywhere, except home */
	clear: both;
	float: right;
	margin-top: 1.5em;
	position: absolute;
	top: 400px;
	right: 35px;
}
.home #frontpageAd {
	display: block; /* show on home */
}

/*	aanbieding banner	*/
#frontpageAdTopRight	{
	float: right;
	position: absolute;
	top: 30px;
	right: 150px;
}

/* topmenu */

#topmenu {
	position: absolute;
	top: 120px;
	left: 0;
	background: none;
	width: 100%;
}



#topmenu ul { 
	white-space: nowrap;
}

#topmenu ul,
#topmenu li {
	margin: 0; padding: 0;
	list-style: none;
	
}

#topmenu li {
	float: left;
	display: inline;
	position: relative;
	line-height: 100%;
}

#topmenu li#menuContact,
#topmenu li#menuZoek {
	float: right;
}
* html #topmenu li#menuZoek {
	margin-right: 20px;
}

#topmenu li a {
	float: left;
	display: inline;
	padding: 6px 10px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

/*	neerzetten én verbergen van submenu	*/
#wrapper #topmenu ul ul {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 24px;
	left: 0;
	width: auto;
	background: none;
}

#wrapper #topmenu ul ul,
#wrapper #topmenu ul ul li {
	margin: 0;	padding: 0;
	list-style: none;
}

/*	level 1:	*/
/*	bij onmouseover/hover van ul li het submenu (=onderliggende ul) tonen	*/
#wrapper #topmenu ul li:hover ul,
#wrapper #topmenu ul li.hover ul {
	/* #topmenuList ul li.hover ul is used by script for IE/WIN found in scripts/menu.js */
	display: block;
}
/*	de sub-sub wordt dan ook getoond, wat natuurlijk niet de bedoeling is, daar weer verbergen bij hover	*/
#wrapper #topmenu ul li:hover ul ul,
#wrapper #topmenu ul li.hover ul ul {
	/* hide sub-subs for now */
	display: none;
}

#wrapper #topmenu li li {
	position: relative;
	float: none;
	height: auto;
	background: none;
	border: none;
}

#wrapper #topmenu ul li li a  {
	display: block;
	height: auto;
	width: 13em;
	float: none;
	padding: 4px 1em 4px 1em;
	white-space: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	border: 0;
}
* html #wrapper #topmenu ul li li a {
	width: 15em; /* different width for IE5 */
	w\idth: 15em; /* reset for IE6 */
}


/* sub-subs */

#wrapper #topmenu ul ul ul {
	display: none;
	position: absolute;
	top: -24px; /* safari hack - see bottom of this document */
	left: 14.1em;
	background: none;
}

#wrapper #topmenu ul ul li:hover ul,
#wrapper #topmenu ul ul li.hover ul {
	/* #topmenuList ul li.hover ul is used by script for IE/WIN found in scripts/menu.js */
	display: block;
}

	
/* leftmenu */

#leftmenu {
	position: fixed;
	top: 203px;
	left: 0;
	width: 200px;
}
* html #leftmenu {
	position: absolute;
}



/* rightmenu */

#rightmenu {
	position: fixed;
	top: 203px;
	right: 0;
	width: 200px;
}
* html #rightmenu {
	position: absolute;
}

body.home #rightmenu {
	/* alternate height and position for right menu on homepage */
	top: 330px;
	width: 200px;
}
body.home #rightmenu ul {
	width: 180px;
}

#rightmenu ul,
#rightmenu li {
	margin: 0; padding: 0;
	list-style: none;
}

#rightmenu ul {
	width: 180px;
}

#rightmenu ul li {
	display: block;
	position: relative;
	margin-top: 5px;
	padding: 0 0 0 20px;
}

#rightmenu ul li a {
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
* html #rightmenu ul li a {
	height: auto;
}

#rightmenu ul li a:hover {
	text-decoration: underline;
}

/* verbergen op homepage	*/
.home #rightmenu	{
	display: none;
}

div#twitterstream	{
	position: absolute;
	top: 450px;
	left: 740px;
	width: 250px;
	
}


/*	homepageArtikel	*/
#homepageArtikel	{
	position:absolute;
	top:203px;
	left:0px;
}


/* more */
.more {
/*	font-weight: bold;	*/
	white-space: nowrap;
}


/*	highliten van woorden na zoekactie	*/
span.hilite	{
	background-color: yellow;
	border-bottom: 1px dotted black;
}

/* titels */
#wrapper #content h3 a	{
	text-decoration: none;
}
#wrapper #content h3 a:hover	{
	text-decoration: none;
}

#wrapper #content h3 a.auteur {
	font-weight: normal;
}


/* gallery */

img.galleryMainPicture	{
	border: 1px solid black;
	margin-top: 10px;
}
img.galleryThumb	{
	border: 1px solid black;
	margin: 20px 20px 20px 0px;
	cursor: pointer;
}

#cont	{
	position: absolute;
	top: 165px; 
	left: 10px;
	width: 540px; 
	clip: rect(0,540,200,0); 
	overflow: hidden;
	color: #C61031;
	font-weight:bold;
}

#cont input.button	{
	vertical-align: bottom;
	height:20px;
	font-size:11px;
	font-weight:bold;
}

/* marquee (only visible on homepage) 
// uitgeschakeld ivm searchbox
#cont {
  	position: absolute;
	top: 165px; 
	left: 10px;
	width: 540px; 
	height:20px;
	clip: rect(0,540,200,0); 
	overflow: hidden;
}
#ticker {
	position: absolute;
	top: 0px;
	left: 266px;
	height: 5px;
	width: 1800px;
	font-weight: bold;
}
#ticker a {
	text-decoration: none;
}
#ticker a:hover {
	text-decoration: underline;
}
*/

/* home covers */
#home_omslagen {
	display: none;
	position: absolute; 
	top: 160px;
	right: 20px;

}
.home #home_omslagen {
	position: absolute;
	display: block;
	clip: rect( auto auto 240px auto );
	/*	extra toegevoegd op 7 mei 08 zodat de 3 omslagen niet meer afbreken maar ee horizontale scrollbar veroorzaken	*/
	width: 450px;
	left: 570px;
}
#home_omslagen img {
	border: 1px solid black;
	margin-left: 10px;
}


/* bookSearch (leftmenu) */

#bookSearch {
}

#bookSearch h3 {
	margin-bottom: 0.5em;
}

#bookSearch select {
	width: 170px;
}
#bookSearch input.text {
	width: 166px;
}

#bookSearch input.text {
	margin: 0.3em 0;
}

#bookSearch .letter {
	float: left;
	display: inline;
	width: 40px;
	padding: 1px;
	text-align: center;
	font-weight: bold;
}	


/* product row */

.productRow {
	clear: both;
}

.productRow .productCover {
	float: left;
	display: inline;
	width: 160px;
	text-align: center;
	margin-bottom: 1em;
}

.productRow .productDetails {
	float: none;
	display: inline;
}


/* relatedItems */
#relatedItems img {
	margin: 10px 10px 1em 0;
}

/* mail-print buttons */
#mailPrint {
	margin: 0; padding: 0;
	position: absolute;
	top: 12px;
	right: 20px;
}

.home #mailPrint #buttonPrint,
.home #mailPrint #buttonMail,
.home #mailPrint #buttonSitemap {
	display: none;
}

#buttonPrint,
#buttonMail,
#buttonSitemap,
#buttonWinkelmandje,
#buttonEnglish,
#buttonIDEAL {
	float: left;
	display: inline;
	margin-left: 10px;
}

#buttonPrint a,
#buttonMail a,
#buttonSitemap a,
#buttonWinkelmandje a,
#buttonEnglish a,
#buttonIDEAL {
	text-decoration: none;
	background-position: left center;
	background-repeat: no-repeat;
}
#buttonWinkelmandje a {
	padding-left: 17px;
	background-image: url(../images/interface/icon_cart.png);
}
#buttonPrint a {
	padding-left: 19px;
	background-image: url(../images/interface/icon_print.png);
}
#buttonMail a {
	padding-left: 21px;
	background-image: url(../images/interface/icon_mail.png);
}
#buttonSitemap a {
	padding-left: 17px;
	background-image: url(../images/interface/icon_sitemap.png);
}
#buttonEnglish a {
	padding-left: 22px;
	background-image: url(../images/interface/icon_english.png);
}
#buttonIDEAL {
	padding-left: 18px;
	background-image: url(../images/interface/icon_ideal.png);
}

/* various classes */

.skip,
.noScreen {
	display: none;
}

a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}

.image {
	clear: both;
}

.left {
	float: left;
	margin: 0 1em 1em 0;
}

.right {
	float: right;
	margin: 0 0 1em 1em;
}

.center {
	text-align: center;
}

abbr {
	border: none;
}

.clearBoth {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0%;
	font-size: 0;
}

.note {
	font-size: 0.9em;
	line-height: 130%;
}


/* menu hack for Safari */
#wrapper #topmenu ul li ul li ul {
	top: 0;# /* safari will ingore this and anything after this */
}
#wrapper #topmenu ul li ul li ul {
	top: 0; /* reset original values for not-safari browsers */
}

/*  required ster op afreken formulier  */
span.required  {
	color: #c61031;
}
form#afrekenen table td {
	vertical-align: top;
}