/* Stylesheet for general CMSv2 site... */ /* For W3C browsers: make sure the entire window is filled. */ html {margin:0; padding:0; height:100%;} /* The appearance of the site body */ .site_body { margin:0; padding:0; height:100%; color:#000000; font-size:12px; font-family: Arial, Helvetica, sans-serif; overflow:hidden; background: #FFF8D6;} /* The appearance of the content iframe */ /* Here it can be choosen if the frameset has scrollbars, or the iframe. * * Situation 1: Scrollbars in the iframe: * - content_frame needs either a height or a bottom spec. * - content_frame may NOT contain overflow:hidden (overflow-x:hidden is allowed though) * - tag in content.php may NOT contain "scroll=no" * * Situation 2: Scrollbars in the complete site (e.g. like CashToday) * - content_frame may NOT have a height or a bottom spec. * - content_frame contains overflow:hidden * - tag in content.php contains "scroll=no" * * DO NEVER SPECIFY height FOR content_body * */ .content_frame { position:absolute; left:75px; right:0px; top:0px; bottom:0px; visibility:hidden; overflow:auto; margin:0px; padding:0px; } .content_body { background-color: transparent; margin:0px; padding:0px; padding-left:75px; padding-bottom:16px; padding-top:160px; padding-right:15px; overflow-x:hidden; } #left { position:absolute; top:0px; left:0px; width:138px; height:100%; background:url(images/site-left.gif) no-repeat; z-index:2;} #left2 { position:absolute; top:159px; left:0px; width:138px; bottom:0px; _height:100%; background:url(images/site-left2.jpg) repeat-y; z-index:1;} #top, .top_frame { position:absolute; width:300%; top:0px; right:0px; right:0px; height:160px; background:url(images/site-top.jpg) repeat-x; } #header1 { position:absolute; top:20px; right:10px; z-index:10; } #header2 { position:absolute; top:63px; right:16px; z-index:10; } #logo { position:absolute; top:-5px; left:48px; z-index:10; } #logo-shadow { position:absolute; top:-7px; left:47px; z-index:9; -moz-opacity:0.35; opacity:0.35; filter: alpha(Opacity=35);} a { color:#000099;} a:visited { color:#000099;} body { background-color: #FFF8D6;} p,body,td,th { font-size:12px; font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;} h1 { line-height:36px; color: #0D6D3B; font-size:18px;font-family:Tahoma,Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-weight:normal;} h2 { font-weight: bold; font-size:16px; width:100%; padding-top:8px; margin-top:12px; margin-bottom:5px;} h3 { font-weight: bold; font-size:14px; } h4 { font-weight: bold; font-size:12px; } th { color:#FFFFFF; font-weight:normal; color:#FFF8D6; font-size:10px; background-color:#0D6D3B} hr { background-color: #EAC926; border:none; height:2px; } input { font-size:12px; font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;} select { font-size:10px; font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;} img { border:0px; } .error { color:red; } .cms_error { color:red; } .cms_header { line-height:36px; color: #0D6D3B; font-size:18px;font-family:Tahoma,Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-weight:normal;} .cms_nice_table {border-top:solid 1px #0D6D3B;} .cms_nice_table td { padding:3px; border-bottom:solid 1px #0D6D3B; } .cms_nice_table th{background-color:#0D6D3B;color:#FFF8D6;} .column_separator{ border-right: 1px dashed #CCCCCC;} .alt { background-color:#EEE7C5;} .var { background-color:#DDD6B4;} .inv { background-color:#CCC5A3;} .capt { background-color:#CCC5A3;} .NoteStyle { color:#000000; background-color:#FFFF00; border: solid 1px #A4B2AD; font-size:10; padding:4px;} .PopStyle { z-index: 20; top: 0px; left: 0px; position: absolute; visibility: hidden; width:200px} .colofon { height:50px; } .logon_body { margin:0px; padding:0px; } .logon_help { font-size:10px;} .logon { border: solid 1px #CCC5A3; background-color:#EEE7C5;} .logon_header { text-align:center; } .logon .alt { background-color:#CCC5A3;} .search_input { } .search_button { height:20px; font-weight:bold; font-size:11px; } .search_amount, .search_none { text-align:right; width:100%; padding-right:5px; border-bottom:solid 1px #0D6D3B;} a.search_title, a:visited.search_title { font-size:15px; color:#0D6D3B; font-weight:bold; text-decoration:underline;} a.search_more, a:visited.search_more { text-decoration: none; color: #000066; font-weight: bold; font-size: 11px; padding-left: 15px; } a:hover.search_more { color: #000099; } div.recipe {padding:20px; border:solid 1px #003300;} td.recipe_ingredients th {padding:2px; padding-right:5px; padding-left:5px;} td.recipe_ingredients td {padding:2px; padding-right:10px; padding-left:10px; border-right:solid 1px #003300;} td.recipe_ingredients table {border:solid 1px #003300; border-right:0px;} td.recipe_mash th {padding:2px; padding-right:5px; padding-left:5px;} td.recipe_mash td {padding:2px; padding-right:10px; padding-left:10px; border-right:solid 1px #003300;} td.recipe_mash table {border:solid 1px #003300; border-right:0px;} div.recipe_print {padding:20px; background:#FFFFFF; border:double black;} div.recipe_print h1 {color:black;} div.recipe_print td.recipe_ingredients td {padding:2px; padding-right:10px; padding-left:10px; border-right:solid 1px black;} div.recipe_print td.recipe_ingredients table {border:solid 1px black; border-right:0px;} div.recipe_print td.recipe_mash td {padding:2px; padding-right:10px; padding-left:10px; border-right:solid 1px black;} div.recipe_print td.recipe_mash table {border:solid 1px black; border-right:0px;} div.recipe_print th {background-color:black;} div.recipe_print a {color:black;} .news { margin-top:20px;} .news_title { color:#FFFFFF; background-color:#0D6D3B; text-align:left; font-weight:bold; padding-left:5px;} .news_date { color:#FFFFFF; background-color:#0D6D3B; text-align:right; font-weight:bold; padding-right:5px;} .news_subtitle { font-size: 14px; font-weight: bold; font-style:italic; } .news_abstract { background-color:#EEE7C5; border: solid 1px #0D6D3B; font-size:12px; font-weight:normal; padding:5px;} .news_body { border: solid 1px #0D6D3B; font-size:12px; font-weight:normal; padding:5px;} .news_more { padding:10px; font-size: 11px; font-weight: normal; font-style:italic; } .news_detail { margin-top:20px; background-color:#EEE7C5; } .news_detail_title { color:#FFFFFF; text-align:left; font-size:14px; font-weight:bold; background-color:#0D6D3B; padding-left:5px; } .news_detail_date { color:#FFFFFF; text-align:right; font-size:14px; font-weight:bold; background-color:#0D6D3B; padding-right:5px; } .news_detail_body { padding-top:10px; font-size:12px; font-weight:normal; padding:5px; } .news_detail_subtitle { font-size: 14px; font-weight: bold; } .news_table { padding:0px; margin:0px;} .news_table th { color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#0D6D3B; color:#000000; padding-left:5px; padding-right:5px;} /* .news_table td { border-left: 1px solid #FFFFFF; border-right: 1px solid #D8D8D8; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #D8D8D8; } */ /* .news_row1 { background-color: #EFEFEF; } */ /* .news_row2 { background-color: #E0E0E0; } */ .news_row_title { text-align:left; padding:2px; padding-right:5px;} .news_row_date { text-align:left; padding:2px; padding-right:5px;} .article { margin-top:20px; border-right:solid 1px #d8d8d8; border-bottom:solid 2px #d8d8d8;} .article_title { background-color:#EAC926; text-align:left; font-weight:bold; padding-left:5px; } .article_date { background-color:#EAC926; text-align:right; font-weight:bold; padding-right:5px;} .article_subtitle { font-size: 14px; font-weight: bold; } .article_abstract { background-color:#EEE7C5; border: solid 1px #FFFFFF; font-size:12px; font-weight:normal; padding:5px;} .article_body { font-size:12px; font-weight:normal; padding:5px;} .article_more { padding:10px; font-size: 11px; font-weight: normal; font-style:italic; } .article_detail { margin-top:20px; padding:5px; } .article_detail_title { background-color:#EAC926; text-align:left; font-size:14px; font-weight:bold; padding:5px; } .article_detail_date { background-color:#EAC926; text-align:right; font-size:14px; font-weight:bold; padding:5px; } .article_detail_body { padding-top:10px; font-size:12px; font-weight:normal; padding:5px; } .article_detail_subtitle { font-size: 14px; font-weight: bold; } .article_detail_contact { border-bottom:solid #EAC926 1px; font-size: 11px; font-style:italic;} .article_table { padding:0px; margin:0px;} .article_table th { color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#0D6D3B; color:#000000; padding-left:5px; padding-right:5px;} .article_row1 { } .article_row2 { } .article_row_title{ text-align:left; padding:2px; padding-right:5px;} /* Book overview */ .books { margin-top:20px; border-right:solid 1px #d8d8d8; border-bottom:solid 2px #d8d8d8;} .books_more { padding:10px; font-size: 11px; font-weight: normal; font-style:italic; } .books_table { padding:0px; margin:0px; margin-top:20px; width:80%; } .books_detail { margin-top:20px; padding:5px; } .books_label { display:block; width:70px; float:left; font-style:italic; font-size:10px; text-align:right; padding-right:5px; } .books_detail_title { color:#FFFFFF; background-color:#0D6D3B; text-align:left; font-size:14px; font-weight:bold; padding:5px; } .books_detail_author { font-weight: bold; } .books_detail_code { font-weight: bold; } .books_detail_isbn { font-weight: bold; } .books_detail_contact { font-size: 12px; font-weight:bold;} .books_toc { background-color:#EEE7C5; border: solid 1px #FFFFFF; padding:5px;} .books_review { background-color:#EEE7C5; border: solid 1px #FFFFFF; padding:5px;} .books_row1 td { border-top: solid 1px #0D6D3B; border-bottom: solid 1px #0D6D3B; padding:5px;} .books_row2 td { border-top: solid 1px #0D6D3B; border-bottom: solid 1px #0D6D3B; padding:5px;} .books_thumb { text-align:left; font-weight:bold; padding-left:25px; height:100px; width:150px} .books_code { text-align:left; font-weight:bold; padding-left:25px; } .books_title { text-align:left; font-weight:bold; padding-left:25px; font-size:14px; } .book_not_available { font-weight:bold; color:darkred; margin-top:20px; font-size:12px; } .book_available { font-weight:bold; color:#0D6D3B; margin-top:20px; font-size:12px; } .catalog_pagenums { width:80%; text-align:center; margin-top:15px; } .catalog_pagenum { color:black; font-size:14px; border:solid 1px black; padding:5px;} .catalog_pagenum.selected { font-weight:bold; color:#0D6D3B; font-size:14px; border:solid 1px #0D6D3B; padding:5px;} /* Lent books */ .lent_title { font-weight:bold; } .lent_date { font-style:italic; font-size:10px; } .lent_image { border-left: solid 1px black; } .lent_delimiter { border-top: solid 1px black; } .lent_table { border-bottom: solid 1px black; } /* Club Kalender definities */ .ck td { vertical-align:top; } .ck_left { padding:3px; border: solid 1px #0D6D3B; border-right:0px; background-color:FFFFF0 } .ck_right { padding:3px; border: solid 1px #0D6D3B; background-color:#FFFFFF; } .ck_label { font-style:italic; width:60px; text-align:right; padding-right:5px; } .ck_icon { padding: 1px; padding-right: 5px; } .ck_date { font-weight:bold; } .ck_time {} .ck_location {} .ck_contact {} .ck_title { color:#FFFFFF; padding-left:5px; background-color:#0D6D3B; font-size:14px; font-weight:bold; } .ck_hyperlink { font-size:11px; } /* Smoelenboek definities */ .sb { background-color:FFFFF0; } .sb td { padding:3px; border:solid 1px #0D6D3B; font-size:12px; } .sb .left { border-right:0px; width:100px; } .sb .right { border-left:0px; width:350px; } .sb_label { display:block; width:50px; float:left; font-style:italic; font-size:10px; text-align:right; padding-right:5px; } .sb_name { font-size:12px; font-weight:bold; } /* Sponsoren definitie */ .advertentie td { border:solid 1px #0D6D3B; } /* Aanmeldformulieren */ .email_response_form { margin:5px; /* background-color:#EEE7C5; */ padding:5px; /* border: solid 1px #0D6D3B; */ } .email_response_form td { padding:2px; padding-left:5px; margin:0px; font-size:11px; } .email_response_form th { text-align:center; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#0D6D3B; } .email_response_input { color: #000000; width:100%; font-size:11px; border: 1px solid #0D6D3B; } .email_response_button { font-size:11px; color: #FFFFFF; background-color: #0D6D3B; border: 0px solid #000000; cursor: pointer; width: 130px; } .customers { border: solid 1px #666666; } .thumbnailer img { margin:5px; } .thumbnailer_description { font-size: 11px; } .albums img {padding:5px; } .album_title { font-weight:bold; } .album_date { font-size:10px; } /* Yellow Note Flash movie... */ div.yellow_note_div { position: absolute; top:100px; margin-left:250; z-index:100; }