/*
* Main body and table defenitions
*/
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background-color: #b5b7b8; text-align: center; }
/*
* Table and td defenitions
*/
table, tr, td { border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }
table tr.odd { background-color: #fff; }
table tr.even { background-color: #ddd; }
table.cart td { padding: 4px; }
table.cart td a { font-weight: bold; }
table.cart td.cartLine { color: #aaa; }
table.cart td.noRightPadding { padding-right: 0px; }
table.forum th { color: #CE0808; font-weight: normal; text-align: center; }
table.forum a.nickname { color: #4c4d4e; text-decoration: underline; font-size: 12px; font-weight: normal; }
table.forum .left { text-align: left; }
table.forum .left .topic { font-size: 12px; }
table.forum .right { text-align: right; }
table.forum .sticky { background-color: #dadbdb; }
table.forum .right a { color: #4c4d4e; font-size: 12px; font-weight: normal; text-decoration: underline; }
table.forum { text-align: center; }
div.sectionContent table.forum td,
table.forum td { padding: 5px 10px 5px 10px; }
table.forum a { font-weight: bold; font-size: 14px; }
table.forum tr.odd { background-color: #f7dbd3; border: 1px solid #dadbdb; }
table.forum tr.even { background-color: #fff; border: 1px solid #fff; }
table.forumMessage textarea { width: 445px; height: 200px; }
table.forumMessage input { width: 445px; }
table.leesclub a { font-size: 14px; font-weight: bold; }
table.leesclub { width: 320px; float: left; margin: 10px; }
table.leesclub td.image { width: 60px; }
/*
* Main div definitions (display inline fixes IE double margin bug)
*/
div#main { width: 950px; margin: 0 auto; background-color: #fff; }
div#flashHeader { height: 353px; display: none; }
div#noFlashHeader { height: 90px; background: #c9252c url('../images/logo.gif') no-repeat 20px 16px; display: none; }
div#hiddenHomeButton { height: 50px; width: 110px; float: left; cursor: pointer; }
div#middle { text-align: left; float: left; margin: 10px; display: inline; width: 730px; }
div#right { text-align: left; float: right; margin: 10px; padding-top: 5px; margin-left: 0px; width: 180px; }
div#footer a { font-weight: bold; font-size: 11px; padding: 0 4px; }
div#staticTopMenu { text-align: right; color: #ffffff; font-weight: bold; font-size: 10px; font-family: verdana; padding: 20px; }
div#staticTopMenu a { color: #ffffff; font-weight: bold; text-decoration: none; padding: 0 3px; }
div#staticTopMenu a:hover { text-decoration: underline; }
div#noFlashMessage { height: 25px; border-top: 2px solid white; color: white; }
div#noFlashMessage a { color: white; font-weight: bold; }
/* Making the footer stick to the bottom =] */
div#main { min-height: 100%; }
* html div#main { height: 100%; }
div#main div#footerSpacer { height: 25px; clear: both; }
div#footer { margin-top: -22px; height: 22px; background-color: #b5b7b8; }
/*
* Module, menu and block definitions
*/
div.block { margin-bottom: 15px; }
div.menu { margin-bottom: 0px; }
div.module { margin-bottom: 0px; }
div.header { font-size: 150%; line-height: 17px; padding: 0px; padding: 0px 5px 5px 0px; }
div.module div.header { }
div.block div.header { position:absolute; background: #ffffff; z-index: 10; }
div.block div.border { border: 2px solid #CE0808; padding: 15px 0px 0px 0px; }
div.menu div.header { background: #ffffff; }
div.content { margin-left: 5px; padding: 5px; }
div.module div.content { text-align: left; }
div.block div.content { padding: 5px; margin: 0px; }
div.menu div.content { }
div.clear { clear: both; }
div.block div.border div.content { line-height: 15px; }
div.block div.border div.content p { margin: 8px; }
/*
* Wait and error screen container
*/
div#messageContainer { width: 400px; margin: 20px auto; padding: 10px; background-color: white; }
h4 { margin: 0px; padding: 0px; }
/*
* Mootools section viewer
*/
div#jsComponentSections { border-bottom: 1px solid #DADBDB; }
div#jsComponentSections div.sectionTitle { cursor: pointer; }
a.sectionLink,
.sectionTitle { font-size: 14px; line-height: 25px; color: #CE0808; font-weight: bold; border-top: 1px solid #DADBDB; padding: 0; display: block; }
.sectionContent { color: #444444; }
a.sectionLink { text-decoration: none; display: block; }
div#contentLeft { float: left; width: 175px; margin-right: 25px; }
div#contentMiddle { float: left; width: 510px; }
div#contentLeftMiddle { float: left; width: 715px; }
div#contentRight { float: right; width: 175px; }
div.contentHeader { height: 35px; border-top: 1px solid #DADBDB; border-bottom: 1px solid #DADBDB; padding-top: 5px; margin-bottom: 25px; }
div.contentHeader img { float: left; }
div.contentHeader h1 { color: #CE0808; font-size: 20px; line-height: 24px; padding-top: 4px; float: left; margin: 0px; padding-left: 10px; }
div.contentHeader h2 { color: #000000; font-size: 20px; line-height: 24px; padding-top: 4px; float: left; margin: 0px; padding-left: 5px; }
div.contentHeader div#search { float: right; padding-top: 3px; }
div.contentHeader div#search input {
background: #ffffff url(../images/background.search.gif) top left no-repeat;
width: 110px;
height: 14px;
border: 0px;
padding: 5px 10px 0 25px;
}
div.contentHeader div#search input.submit {
background: #ffffff url(../images/button.search.gif) no-repeat top left;
width: 25px;
height: 8px;
padding: 0px;
margin: 0px;
}
div#bookCover { padding-bottom: 20px; background-color: #E3E4E5; text-align: center; padding-top: 20px; position: relative; }
div#bookCover img { border: 0px; margin-bottom: 10px; }
div#bookCover a { display: block; margin: 0 auto; background-color: #C9252C; color: #ffffff; font-weight: bold; text-decoration: none; width: 125px; line-height: 25px; }
div.price { background: url('../images/price-label.png') no-repeat right; display: inline; padding: 3px 6px 3px 0px; }
div.price span { background: url('../images/price-label.png') no-repeat left; color: white; font-weight: bold; margin-left: -5px; padding: 3px 0px 3px 6px; }
div.infoBlock { border: 1px solid #DADBDB; }
div.infoBlock div.title { background-color: #DADBDB; font-size: 11px; color: #ffffff; padding-left: 5px; }
div.infoBlock div.content { margin: 0px; padding: 0px; }
div#bookInfo { border: 2px solid #c9252c; }
div#bookInfo div.title { background-color: #c9252c; font-size: 11px; color: #ffffff; padding-left: 5px; }
div#bookInfo div.content { margin: 0px; padding-left: 5px; }
div#bookInfo div.content span.info { color: #CE0808; font-size: 10px; font-variant: small-caps; }
div#bookInfo div.content span.value { margin-left: 5px; color: #000000; }
div#bookAuthorInfo { margin-top: 20px; }
div#bookAuthorInfo div.header { color: #CE0808; font-size: 13px; }
div#bookAuthorInfo div.content td { font-size: 10px; line-height: 11px; }
div#authorInfo { padding: 5px; background-color: #E3E4E5; text-align: left; }
div#authorPhoto div.content { text-align: center; padding-top: 20px; padding-bottom: 20px; }
a.author { color: #ce0808; }
a.title { color: #222222; }
/* listBlock
* a navigator like in FAQ, NEWS or AGENDA
*/
div.listBlock { background: #EEEEEE; float:left; width: 195px; }
div.listBlock div.header { padding-top: 4px; background: #9E9E9E; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center;}
div.listItem { margin: 8px 8px; }
div.listItem div.middle { font-size: 11px; }
div.listItem div.middle a { color: #CE0808; font-weight: bold }
div.listBlock div.dotted { border-top: 1px solid gray; }
div.listContent{ padding-left:15px;float:left;width:500px;}
/* Home module */
div#homeLeft { float: left; width: 215px; margin-right: 20px; border-bottom: 1px solid #DADBDB; }
div#homeMiddle { float: left; width: 480px; border-bottom: 1px solid #DADBDB; }
div.uitgelichtImage { width: 215px; height: 160px; margin: 0px; padding: 0px; background-position: top left; background-repeat: no-repeat; position: relative; margin-bottom: 10px;}
div.homeTitle { font-size:14px; font-weight:bold; color:#000000; margin: 0px; padding: 0px 7px 5px 0px; background-color: #ffffff; position: absolute; top: 0px; left: 0px; }
div.uitgelichtHeader { width: 215px; font-size: 12px; font-weight: bold; color: #CE0808; }
div.uitgelichtContent { width: 215px; line-height: 16px; }
div.newsImage { width: 470px; height: 160px; margin: 0px; padding: 0px; background-position: top left; background-repeat: no-repeat; position: relative; margin-bottom: 10px; }
div.newsTitleBg,
.newsTitle { position:absolute; bottom: 0px; font-size: 16px; color: #fff; font-weight: bold; width: 470px; height: 30px; line-height: 30px; }
.newsTitle { padding-left: 10px; width: 460px; }
a.newsTitle:hover { color: #fff; }
div.newsTitleBg { background-color: #000; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; }
a.homeBlockLink { text-align: center; cursor: pointer; font-weight: bold; margin-bottom: 10px; display: block; }
a.red { background-color: #CE0808; color: #ffffff; }
a.grey { background-color: #797B7D; color: #ffffff; }
span.date { font-size: 11px; }
/* Forum module */
div.breadcrumbs { color: #939598; font-weight: bold; }
div.breadcrumbs a { color: #939598; font-weight: normal; text-decoration: underline; }
div.forumInfo { background-color: #dadbdb; padding: 10px; }
div.forumInfo h1 { font-size: 12px; margin: 0px; }
h1.topicHeader { font-size: 14px; color: #CE0808; margin: 0px; }
div.forum a { font-size: 14px; font-weight: bold; }
/* Forum message module */
div.forumMessage { border: 1px solid #dadbdb; font-size: 11px; color: #939598; margin-bottom: 10px; padding: 10px; }
div.forumMessageFirst { background-color: #f7dbd3; border: 1px solid #dadbdb; font-size: 11px; color: #939598; margin-bottom: 10px; padding: 10px; }
div.forumMessageAuthor { float: left; }
div.forumMessageAvatar { float: left; width: 80px; text-align: center; }
div.forumMessageRight { float: right; }
div.forumMessageRight button { }
div.forumMessageRight a { color: #939598; font-size: 11px; text-decoration: underline; }
div.forumMessageRight .bold { font-weight: bold; color: #CE0808; }
div.forumMessageContent { width: 405px; float: left; font-size: 12px; color: #4c4d4e; overflow-x: hidden; }
div.forumMessageContent h1 { color: #CE0808; font-size: 14px; margin: 0px; }
div.forumMessageContent h2 { color: #CE0808; font-size: 12px; margin: 0px; }
div.forumMessageBook { background-color: #fff; padding: 5px; margin-left: 10px; width: 125px; float: right; }
div#middle div.forumMessageBook img { padding: 0px; }
/* Leesclub module */
div.leesclubInfo { background-color: #ccdaea; padding: 10px; }
div#middle div.leesclubInfo img { padding: 0 2px; }
div.leesclubInfo h3 { font-size: 12px; margin: 0px; margin-top: 10px; }
div.leesclubInfo button { width: 150px; }
div.leesclubInfo div.leesclubInfoText { margin: 5px; }
div.leesclubInfo div.leesclubInfoText a { color: #4e89b2; text-decoration: underline; }
div.leesclubMemberAvatar { float: left; width: 60px; margin-bottom: 10px; text-align: center; }
div.leesclubMemberName { float: right; width: 90px; }
div.leesclubMemberName a { color: #000; text-decoration: underline; }
/* User module */
table#userBestBooks input.author { width: 218px; }
table#userBestBooks input.title { width: 220px; }
table#userBestAuthors input.author { width: 450px; }
div.userInfo { background-color: #e8f1ce; padding: 10px; color: #6b8912; }
div#middle div.userInfo img { padding: 0 2px; }
div.userInfo ol { padding-left: 20px; margin-top: 0px; }
div.userInfo h3 { font-size: 12px; margin: 0px; margin-top: 10px; }
div.userInfo h3,
div.userInfo label { color: #6b8912; }
div.userInfo button { width: 150px; padding: 0px; }
div.userInfo div.userInfoText { padding-top: 10px; }
div.userInfoLeesclubs { padding-top: 10px; padding-left: 10px; }
div#middle div.userInfoLeesclubs img { padding: 0px; padding-top: 2px; }
div.userInfoLeesclubs label { color: #4e89b2; font-weight: bold; }
div.userInfoLeesclubs a { color: #4e89b2; text-decoration: underline; }
div.userInfoUsers { padding-top: 10px; padding-left: 10px; }
div#middle div.userInfoUsers img { padding: 0px; padding-top: 2px; }
div.userInfoUsers label { color: #6b8912; font-weight: bold; }
div.userInfoUsers a { color: #6b8912; text-decoration: underline; }
div.avatarContainer { width: 150px; text-align: center; }
/* Message module */
table#messageForm input { width: 365px; }
table.messageinbox { border: 1px solid #939598; }
table.messageinbox th { background-color: #939598; color: #fff; }
table.messageinbox td { border-top: 1px solid #939598; padding-top: 2px; padding-bottom: 2px; }
table.messageinbox td .odd { background-color: #fff; }
table.messageinbox td .even { background-color: #dfe0e1; }
table.messageinbox .unreaded a { font-weight: bold; }
div.messagebutton { border: 1px solid #fff; padding-right: 5px; float: left; margin-right: 10px; }
div.messagebutton img { float: left; margin-top: 2px; }
div.messagebutton:hover { border: 1px solid #939598; background-color: #dbdcdd; }
table.messagecontent { border: 1px solid #939598; width: 100%; }
table.messagecontent thead { background-color: #dbdcdd; }
table.messagecontent thead td { padding-left: 5px; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #c6c8ca; }
table.messagecontent td { padding: 10px; }
/* News */
div#news { font-size: 11px; }
div#news ul { list-style: none; margin: 8px 8px; padding: 0; }
div#news ul li { margin: 8px 0; line-height: 13px; }
div#news ul li a { color: #CE0808; font-weight: normal; }