/* ------------------------------------------------------------- Vorlage - Stylesheet - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .autor JANDA+ROSCHER (www.janda-roscher.de) .version 1.0 .url www.jazzclub-regensburg.de .timestamp 13/04/2011 ------------------------------------------------------------- */ /* ------------------------------------------------------------- Table of Contents - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1. RESET, FONTS, BODY, HTML 2. HELPER 2.1 Clearfix 3. STRUCTURE 4. CONTENT STYLES 5. NAVIGATIONS 5.1 Top Navigation 5.2 Main Navigation 5.3 Sidebar Navigation 6. ELEMENTS 6.1 Macina Searchbox 6.2 Indexed Search 6.3 csc-textpic 6.4 tt-news 6.5 Formulare 6.5.1 Mitgliedschaftsformular + Kontaktformular 6.5.2 Bandbewerbung 6.5.3 Booking 6.5.4 Kartenreservierung 6.6 Kalender 6.6.1 Kalender Liste 6.6.2 Event 6.6.3 Month Small 6.6.4 Kalender Event Popup 6.6.5 Kalender Year 6.6.6 Kalender Archiv 6.6.7 JR Cal Extended 6.7 ods_ajaxmailsubscription 6.8 Sitemap 6.9 Galerie 6.10 Sidebar Elemente 6.11 Facebook-Box 6.12 Powermail ERRORS ------------------------------------------------------------- */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1 */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*because legend doesn't inherit in IE */ legend{color:#000;} /* ------ Custom Styles ------ */ html { background: #000000; height: 100%; overflow-y: scroll; } body { width: 930px; margin: 0 auto; height: 100%; font-family: arial, verdana, sans-serif; line-height: 17px; color: #666666; font-size: 12px; } #wrapper { background: url(../_img/html_bg.gif) repeat-y; } a { color: #978236; font-weight: bold; text-decoration: none; } a:hover, a:active { color: #6d5d23; font-weight: bold; } a.mail, a.internal-link, a.external-link-new-window { color: #51809a; text-decoration: none; font-weight: bold; } a.internal-link:hover, a.internal-link:active, a.external-link-new-window:hover, a.external-link-new-window:active { text-decoration: underline; } /* ------------------------------------------------------------- 2. Helper - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 2.1 Clearfix */ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* 2.1 Clearfix */ .clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clear {display:inline-block;} /* Hide from IE Mac \*/ .clear {display:block;} /* End hide from IE Mac */ /* ------------------------------------------------------------- 3. Structure - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* FCE */ .fce2column { } .firstCol { float: left; width: 318px; } .secondCol { float: right; width: 305px; } .fce2column_80_20 { } .fce2column_80_20 .firstCol { float: left; width: 473px; } .fce2column_80_20 .secondCol { float: right; width: 144px; } .fce2column_50_50 { width: 305px; position: relative; margin-bottom: 20px; } .fce2column_50_50 .firstCol { float: left; width: 150px; } .fce2column_50_50 .secondCol { float: right; width: 144px; } .fce2column_30_70 { margin-bottom: 30px; } .fce2column_30_70 .firstCol { float: left; width: 160px; } .fce2column_30_70 .secondCol { float: left; width: 480px; } /* cal event-list */ .fce2column_80_20 .tx-cal-controller ul li div.liContentWrapper { width: 453px; } .fce2column_80_20 .tx-cal-controller ul li div.secondColumn { width: 399px; } /* ------------------------------------------------------------- 4. Content Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #logo { width: 200px; height: 140px; background: url(../_img/jazzclub_logo_weiss_auf_schwarz.gif) no-repeat; position: absolute; top: 20px; right: 20px; } #logo img { display: none; } #main { width: 930px; } #content { float:left; width: 643px; margin: 29px 0 40px 23px; } h1, h2 { font-size: 20px; text-transform: uppercase; font-weight: bold; padding: 0 0 20px 0; color: #978236; } h2 { font-size: 15px; color: #51809b; padding: 0 0 15px 0;} h3 { font-size: 10px; font-weight: bold; color: #474747; text-transform: uppercase; padding: 0 0 10px 0; } h4 { } p { font-size: 12px; color: #666666; padding: 0 0 10px 0; } ul { padding: 0 0 0 0; } li { padding: 0 0 0 15px; background: url(../_img/list_square.gif) no-repeat 0px 5px; } li li { padding: 0 0 0 30px; } li li.second_level { background: none; } strong { font-weight: bold; } em { font-style: italic; } .float_left { float: left; } div #indexHeader { height: 184px; position: relative; } /* Event Preisliste */ td.right_aligned { text-align: right; } table.pricelist { width: 200px; } /* ------------------------------------------------------------- 5. Navigations - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #navigation { width: 730px; } #navigation a:active, #navigation a:hover { color: #82b7d7; } /* 5.1 Top Navigation */ #navTop { position: absolute; top: 8px; } #navTop li { display: inline; padding: 0 6px 0 0; background: none; } #navTop li a { text-decoration: none; color: #9c9c9c; font-size: 11px; } #rss { text-decoration: none; color: #ffffff; font-size: 10px; background: url(../_img/rss.gif) no-repeat 0 3px; padding: 0 0 0 13px; position: absolute; top: 25px; left: 0; } /* 5.2 Main Navigation */ #navMain { position: absolute; top: 120px; left: 0; } #navMain li { margin: 5px 0 8px 0; padding: 0; float: left; } #navMain li a { display: block; text-decoration: none; color: #ffffff; font-size: 15px; text-transform: uppercase; font-weight: bold; background: #978236; padding: 6px 12px 5px 12px; margin: 0 4px 0 0; float: left; } #navMain li a:active, #navMain li a:hover, #navMain li a.active { background: #51809a; color: #ffffff; } #navMain li ul { margin: 5px 0 0 0; position: absolute; width: 744px; padding: 5px 0 0 15px; top: 20px; left: 0px; } #navMain li ul li { background: none; } #navMain li ul li a { font-size: 13px; font-weight: normal; background: none; padding: 2px 10px 2px 0px; text-transform: none; } #navMain li ul li a:active, #navMain li ul li a:hover, #navMain li ul li a.active { background: none; color: #82b7d7; } /* 5.3 Sidebar Navigation */ #navRight { margin-bottom: 28px; } #navRight li { padding: 0px 0 3px 0; } #navRight li a { display:block; background:url(../_img/button.gif) no-repeat; text-decoration: none; color: #57829c; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 6px 0 7px 40px; } #navRight li a:hover, #navRight li a:active { background:url(../_img/button_mo.gif) no-repeat; color: #ffffff; } #navRight li.navitem51 a { background:url(../_img/button_de.gif) no-repeat; } #navRight li.navitem50 a { background:url(../_img/button_en.gif) no-repeat; } #navRight li.navitem51 a:hover, #navRight li.navitem51 a:active { background:url(../_img/button_mo_de.gif) no-repeat; color: #ffffff; } #navRight li.navitem50 a:hover, #navRight li.navitem50 a:active { background:url(../_img/button_mo_gb.gif) no-repeat; color: #ffffff; } .navUnderLe, .navUnderRi { background: none; } .navUnderLe li, .navUnderRi li { } .navUnderLe { } /* ------------------------------------------------------------- 6. Elements - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 6.1 Macina Searchbox */ .sword, .tx-indexedsearch-searchbox-sword { float: left; } .sword input { width: 155px; } .submit, .tx-indexedsearch-searchbox-button { float: left; } /* 6.2 Indexed Search */ .tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:77px; margin: 0 0 0 10px; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; } .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; } .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; } .tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; } .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; } .tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; } .tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; } /* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */ .tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; } .tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; } .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; } .tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; } .tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; } .tx-indexedsearch .info-tmpl-css dd.item-path { float:none; } /* results */ .tx-indexedsearch { font-family: arial, verdana, sans-serif; font-size:11px; } .title, .tx-indexedsearch-title { color:#000000; } .descr, .tx-indexedsearch-descr { } .info, .tx-indexedsearch-info{ } .path, .tx-indexedsearch-path{ } .tx-indexedsearch-redMarkup { } .percent, .tx-indexedsearch-percent{ } .tx-indexedsearch-whatis { } .tx-indexedsearch-searchbox { } /* Suchergebnisse */ div .tx-indexedsearch-whatis { font-size: 17px; font-weight: bold; color: #51809b; line-height: 36px; } .tx-indexedsearch .tx-indexedsearch-browsebox li { background: none; } ul.browsebox { margin: 0 0 25px 0; } ul.browsebox li { padding: 0 15px 0 0; } /* 6.3 csc-textpic */ /* Pictures on left, add margin on right */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-right: 25px; } /* Pictures on right, add margin on left */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 25px; } /* Pictures centered, add margin on left */ DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 25px; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 3px 0 5px 0; font-size: 11px; line-height: 13px; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0px; } /* Add margin from image-block to text (in case of "Text w/ images") */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 25px !important; } DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 25px !important; } /* bildergroesse anpassen */ div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image { } /* 6.4 tt-news */ .news-latest-container, .news-list-container { margin: 0 0 0 0px; } .news-latest-item{ padding: 0 0 20px 0px; border-bottom: solid 1px #cccccc; margin: 0 0 10px 0px;} .news-list-item, .news-single-item { padding: 0 0 16px 0px; border-bottom: solid 1px #cccccc; margin: 0 0 10px 0px; } .news-latest-container h2, .news-list-container h2, .news-latest-container hr, .news-list-container hr, .news-single-item hr { display: none; } .news-latest-container div.news-latest-item h3 a, .news-list-container div.news-list-item h3 a { text-decoration:none; font-size: 14px; color: #51809b; padding: 0 0 14px 0; } .news-latest-container div.news-latest-item h3 a:hover, .news-list-container div.news-list-item h3 a:hover { color: #375e73; } .news-latest-morelink a, .news-list-morelink a { margin-left: 5px; color: #978236; background: url(../_img/arrow_cal_event.gif) no-repeat; padding: 0 0 0 10px; text-decoration: none; font-weight: bold; } .news-latest-morelink a:hover, .news-list-morelink a:hover { color: #6d5d23; background-position: left -14px; } /* single page */ .news-single-img { float: left; width: 240px; } .news-latest-item img, .news-list-item img, .news-single-item img { float:left; margin: 0 14px 10px 0; } .news-latest-item p, .news-list-item p { padding-bottom: 0px; } .news-single-backlink a { color: #978236; text-decoration: none; font-weight: bold; } .news-single-backlink a:hover { color: #6d5d23; } /* News Archive */ .news-amenu-container { background-color: #f1eee3; width: 144px; padding: 20px 0 20px 0; } .news-amenu-container ul li { background: none; } .news-amenu-container ul li.amenu-act, .news-amenu-container ul li:link, .news-amenu-container ul li:active, .news-amenu-container ul li:hover { background: #978236 !important; } .news-amenu-container ul li a { color: #5e5e5e; text-decoration: none; } .news-amenu-container ul li.amenu-act a, .news-amenu-container ul li a:active, .news-amenu-container ul li a:hover, .news-amenu-container ul li a.active { color: #ffffff !important; font-weight: bold; } /* 6.5 Formulare */ /* 6.5.1 Mitgliedschaftsformular + Kontaktformular */ #mitgliedschaft, #kontaktformular { width: 440px; display: block; } #mitgliedschaft { position: relative; } #mitgliedschaft legend, #kontaktformular legend { display: none; } #mitgliedschaft label, #kontaktformular label { float: left; width: 150px; } #mitgliedschaft .tx_powermail_pi1_fieldwrap_html, #kontaktformular .tx_powermail_pi1_fieldwrap_html { margin-bottom: 6px; clear: both; } #mitgliedschaft select, #kontaktformular select { border: 1px solid #A5ACB2; padding: 2px; width: 286px; } #mitgliedschaft input, #kontaktformular input, #mitgliedschaft textarea, #kontaktformular textarea { border: 1px solid #A5ACB2; padding: 2px; width: 280px; } #mitgliedschaft textarea, #kontaktformular textarea { height: 80px; } #mitgliedschaft .tx_powermail_pi1_fieldwrap_html_submit, #mitgliedschaft .tx_powermail_pi1_fieldwrap_html_reset, #kontaktformular .tx_powermail_pi1_fieldwrap_html_submit, #kontaktformular .tx_powermail_pi1_fieldwrap_html_reset { margin-left: 150px; } #mitgliedschaft .powermail_mandatory_js, #kontaktformular .powermail_mandatory_js { color: red; display: block; margin-top: 4px; font-size: 11px; margin-left: 150px; } #mitgliedschaft .tx_powermail_pi1_fieldwrap_html_29, #kontaktformular .tx_powermail_pi1_fieldwrap_html_28 { margin-left: 150px; } #mitgliedschaft .powermail_radio_inner_uid1_0 input, #mitgliedschaft .powermail_radio_inner_uid1_1 input, #mitgliedschaft .powermail_radio_inner_uid1_2 input, #mitgliedschaft .powermail_radio_inner_uid2_0 input, #mitgliedschaft .powermail_radio_inner_uid2_1 input, #mitgliedschaft .powermail_radio_inner_uid3_0 input, #mitgliedschaft .powermail_radio_inner_uid3_1 input { width: 25px; float: left; margin-bottom: 6px; margin-top: 3px; border:none; padding-left:2px;} #mitgliedschaft .powermail_radio_inner_uid1_0 label, #mitgliedschaft .powermail_radio_inner_uid1_1 label, #mitgliedschaft .powermail_radio_inner_uid1_2 label, #mitgliedschaft .powermail_radio_inner_uid2_0 label, #mitgliedschaft .powermail_radio_inner_uid2_1 label, #mitgliedschaft .powermail_radio_inner_uid3_0 label, #mitgliedschaft .powermail_radio_inner_uid3_1 label { width: 400px; float: right; margin-bottom: 6px; } #mitgliedschaft .tx_powermail_pi1_fieldwrap_html_radio_title, #mitgliedschaft .tx_powermail_pi1_fieldwrap_html_5 { font-weight: bold; } #mitgliedschaft .tx_powermail_pi1_fieldwrap_html_5, #mitgliedschaft .powermail_radio_inner_uid2_1 label, #mitgliedschaft .powermail_radio_inner_uid3_1 label { margin-bottom:20px; } #mitgliedschaft pre { position: absolute; margin: 25px 0 10px 60px; font-weight: bold; } #mitgliedschaft .powermail_radio_inner_uid3_0 label { padding-bottom:80px; } #kontaktformular #powermaildiv_uid18 select { width:100px;} #kontaktformular .tx_powermail_pi1_fieldwrap_html_30 { font-weight:bold; padding-bottom: 15px; } #kontaktformular #powermaildiv_uid77 { margin-top: 20px; } #mitgliedschaft #powermaildiv_uid251, #mitgliedschaft #powermaildiv_uid252, #mitgliedschaft #powermaildiv_uid253, #mitgliedschaft #powermaildiv_uid254 { font-family: monospace; position: absolute; left: 70px; } #mitgliedschaft #powermaildiv_uid251 { top: 150px; } #mitgliedschaft #powermaildiv_uid252 { top: 165px; } #mitgliedschaft #powermaildiv_uid253 { top: 180px; } #mitgliedschaft #powermaildiv_uid254 { top: 195px; } #mitgliedschaft input#uid3_1 { clear: both; } form#kontaktformular { margin-bottom: 40px; } div #powermaildiv_uid191{ font-weight: bold; margin-bottom: 30px !important; } /* 6.5.2 Bandbewerbung */ div.tx-powermail-pi1 #uid54, div.tx-powermail-pi1 #uid55, div.tx-powermail-pi1 #uid57, div.tx-powermail-pi1 #uid59 { width: 40px !important; } div.tx-powermail-pi1 #uid58 { width: 60px !important; } div #powermaildiv_uid35, div #powermaildiv_uid74 { margin-top: 30px; } div #powermaildiv_uid59, div #powermaildiv_uid60 { margin-bottom: 15px !important; } div #powermaildiv_uid56 { margin-bottom: 20px !important; } div #powermaildiv_uid57 { width: 205px; float: left; } div #powermaildiv_uid58 { clear: left; } div #powermaildiv_uid65 input { width: 286px; } #tx-powermail-pi1_fieldset_2 { margin-bottom: 80px; } div #powermaildiv_uid27 .powermail_submit_uid27 { width: 286px !important; } div #powermaildiv_uid64, div #powermaildiv_uid51 { font-weight: bold; } div .tx-powermail-pi1_confirmation { margin-bottom: 45px; } .tx_powermail_pi1_formconfirmation_back { width: 80px; float: left; margin-top: 15px; } .tx_powermail_pi1_formconfirmation_submit { width: 80px; float: left; margin-top: 15px; } div .tx-powermail-pi1_thx { margin-bottom: 40px; } #kontaktformular #powermaildiv_uid75 { clear: none; } /* 6.5.3 Booking */ div.tx-powermail-pi1 #uid103, div.tx-powermail-pi1 #uid104, div.tx-powermail-pi1 #uid107 { width: 20px !important; } div.tx-powermail-pi1 #uid109 { width: 60px !important; } div #powermaildiv_uid99, div #powermaildiv_uid100 { font-weight: bold; } div #powermaildiv_uid101 { margin-top: 30px; } div #powermaildiv_uid105, div #powermaildiv_uid110, div #powermaildiv_uid111, div #powermaildiv_uid113 { margin-top: 25px; } #kontaktformular #powermaildiv_uid108 { clear: none; } div #powermaildiv_uid107 { float: left; width: 181px; } /* 6.5.4 Kartenreservierung */ div #powermaildiv_uid97 input { width: 286px; } div #powermaildiv_uid80, div #powermaildiv_uid98 { margin-top: 30px; } div #powermaildiv_uid78, div #powermaildiv_uid79 { font-weight: bold; } div #powermaildiv_uid107 { margin-top: 15px; } div #powermaildiv_uid108 { margin-top: 30px; } /* 6.6 Kalender */ /* 6.6.1 Kalender Liste */ .tx-cal-controller { font-size: 11px; color: #000000; line-height: 14px; margin-bottom: 20px; } .tx-cal-controller h4, .tx-cal-controller h4 a { font-size: 14px; color: #51809b; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 15px; margin-bottom: 4px; } .tx-cal-controller h4 span { color: #978236; display: block; } .tx-cal-controller span.date { font-size: 26px; color: #000000; line-height: 26px; font-weight: bold; } .tx-cal-controller ul li { padding: 15px 0 0 10px; background: none; } .tx-cal-controller ul li.highlight_0 { background-color: #f2efe5; padding-bottom: 10px; } .tx-cal-controller ul li.highlight_1 { background-color: #e0d6b3; padding-bottom: 10px; border-bottom: 7px solid #F2EFE5; } .tx-cal-controller ul li.highlight_0 .moreContent { display: none; } .tx-cal-controller ul li div.moreContent { padding: 10px 10px 0 0; } .tx-cal-controller ul li div.liContentWrapper { width: 300px; border-bottom: 1px solid black; } .tx-cal-controller ul li div.firstColumn { float: left; width: 40px; } .tx-cal-controller ul li div.secondColumn { float: right; width: 246px; border-left: 1px solid black; padding: 0 0 0 13px; margin-bottom: 5px; } .tx-cal-controller ul li div.imgFloatLeft { float: left; margin-right: 10px; } .tx-cal-controller ul li div.secondColumn span.starttime, .tx-cal-controller #calendar-event .eventWrapper div.secondColumn span.starttime { font-size: 10px; padding-right: 5px; } .tx-cal-controller ul li div.secondColumn span.location, .tx-cal-controller #calendar-event .eventWrapper div.secondColumn span.location { font-size: 10px; padding: 0 5px 0 5px; } .tx-cal-controller ul li div.secondColumn h4 img { margin-left: 3px; } a.show_events { color: #978236; text-decoration: none; font-weight: bold; float: right; margin-right: 5px; padding-right: 15px; background: url(../_img/arrow_cal_event.gif) no-repeat; background-position: right 2px; } a.show_events:hover { color: #6d5d23; background-position: right -12px; } /* 6.6.2 Event */ .tx-cal-controller #calendar-event { font-size: 12px; color: #666666; line-height: 16px; } .tx-cal-controller #calendar-event p { color: #666666; } .tx-cal-controller #calendar-event .eventWrapper { float: left; width: 650px; border-bottom: 1px solid black; margin-bottom: 25px; } .tx-cal-controller #calendar-event .eventWrapper div.firstColumn { float: left; width: 40px; } .tx-cal-controller #calendar-event .eventWrapper div.secondColumn { float: right; width: 596px; border-left: 1px solid black; padding: 0 0 0 13px; margin-bottom: 5px; } .tx-cal-controller #calendar-event .contentWrapper { float: left; width: 650px; } .tx-cal-controller #calendar-event .contentWrapper div.firstColumn { float: left; width: 450px; } .tx-cal-controller #calendar-event .contentWrapper div.secondColumn { float: right; width: 188px; padding: 0 0 0 12px; } .tx-cal-controller #calendar-event .infoWrapper { float: left; width: 450px; margin-bottom: 27px; } .tx-cal-controller #calendar-event .infoWrapper div.leftColumn { float: left; width: 250px; } .tx-cal-controller #calendar-event .infoWrapper div.rightColumn { float: right; width: 200px;} .tx-cal-controller #calendar-event span.bandmembers { color: #51809b; } .tx-cal-controller #calendar-event span.starttime, .tx-cal-controller #calendar-event span.location, .tx-cal-controller #calendar-event span.location a { color: #000000; text-decoration: none; } .tx-cal-controller #calendar-event .contentWrapper .firstColumn #book_now {background-color: #51809b; color: #ffffff; font-weight: bold; padding: 10px 10px 10px 10px; display: block; margin-bottom: 25px; text-decoration: none; width: 120px; } .tx-cal-controller #calendar-event a.internal-link, .tx-cal-controller #calendar-event a.external-link-new-window { color: #978236; } .tx-cal-controller #calendar-event div.reservation_plan { border: 1px solid #51809a; padding-left: 20px; padding-top: 10px; margin-top: 15px; } .tx-cal-controller #calendar-event div.reservation_plan h5 { color: #51809a; font-weight: bold; text-transform: uppercase; } .tx-cal-controller #calendar-event div.reservation_plan p { margin-top: 10px; } .tx-cal-controller #ics_icon, .tx-cal-controller #reserve_icon { float: left; padding: 0 18px 0 0; } .tx-cal-controller .reserve_text { padding-top: 10px; } .tx-cal-controller #calendar-event .ics { margin: 25px 0 20px 0; } .tx-cal-controller #calendar-event .ics a { color: #978236; font-weight: bold; text-decoration: none; } .tx-cal-controller #calendar-event .ics a:hover, .tx-cal-controller #calendar-event .ics a:active { color: #6d5d23; font-weight: bold; } /* 6.6.3 Month Small */ .tx-cal-controller table.month-small { width: 144px; height: 150px; } .tx-cal-controller span.month_prev, .tx-cal-controller span.month_next { font-weight: bold; } .tx-cal-controller span.month_prev a { padding-left: 15px; color: #bcbcbc; text-decoration: none; position: absolute; left: 0; bottom: 0; background: url(../_img/arrow_left.gif) no-repeat; background-position: left top; } .tx-cal-controller span.month_next a { padding-right: 15px; color: #bcbcbc; text-decoration: none; position: absolute; right: 0; bottom: 0; background: url(../_img/arrow_right.gif) no-repeat; background-position: right top; } .tx-cal-controller span.month_prev a:hover, .tx-cal-controller span.month_next a:hover { color: #6d6d6d; } .tx-cal-controller span.month_prev a:hover { background-position: left -14px; } .tx-cal-controller span.month_next a:hover { background-position: right -14px; } .tx-cal-controller th.sideback { height: 35px; background: #ffffff; color: #000000; text-align: center; padding: 0 0 15px 0 important!; width: 150px; } .tx-cal-controller th.sideback a { text-decoration: none; font-size: 15px; text-transform: uppercase; font-weight: bold; } .tx-cal-controller th.month-weekdays { font-weight: bold; color: #4b7f9a; background-color: #f1eee3; text-align: center; text-transform: uppercase; border-bottom: none; font-size: 10px; } .tx-cal-controller table.month-small { border: none; } .tx-cal-controller td.monthSmallBasic { background-color: #f1eee3; color: #505050; } .tx-cal-controller td.eventDay { background-color: #f1eee3 !important; } .tx-cal-controller td.eventDay span.event { text-decoration: none; color: #ffffff; background-color: #978236; padding: 3px; } .tx-cal-controller .month-small th, .tx-cal-controller .month-small td { padding: 1px 0 0 0; text-align: center; } .tx-cal-controller img.arrow_left { padding-right: 5px; } .tx-cal-controller img.arrow_right { padding-left: 5px; } .tx-cal-controller span.minical_year { font-size: 15px; font-weight: bold; padding-left: 4px; } /* 6.6.4 Kalender Event Popup */ .tx-cal-controller div.popUpEvents {display:none; padding:5px; border:4px solid #ffffff; margin-left:20px; margin-top:-4px; background:#978236 !important; z-index:100;} .tx-cal-controller div.popUpEvents div.hiddeEvent{display:block; text-align:left; padding:0 0 2px 0 !important;color:#ffffff;clear:both;margin:0 !important;} .tx-cal-controller div.popUpEvents div.hiddeEvent div {float:left; display:inline; margin:0 !important; padding:0 4px 0 0 !important;} .tx-cal-controller .eventDay:hover div.popUpEvents {display:block; position:absolute; background:#978236;} .eventDay:hover .popUpEvents a {color:#ffffff !important;} .eventDay:hover .popUpEvents a:hover {color:#ffffff !important;} /* 6.6.5 Kalender Year */ table td.medtitle { background: none; text-align: left; padding: 0 0 10px 8px; } table td.medtitle a { color: #000000; text-decoration: none; text-transform: uppercase; font-size: 15px; font-weight: bold; } table .yearmonth { background-color: #f1eee3; width: 144px; } table .yearweek { background-color: #f1eee3; color: #4b7f9a; font-weight: bold; text-transform: uppercase; font-size: 10px; } table .monthMediumBasic { text-align: center; } table .monthSelected, .monthSelectedWeek { background-color: #f1eee3; } table.cal_month { width: 144px !important; } table.calborder { width: 144px !important; border: none; margin-bottom: 15px; font-size: 10px; font-weight: bold; } img.prev_year { padding-left: 20px; } .tx-cal-controller td.monthToday { background-color: #f1eee3 !important; border: none !important; } .tx-cal-controller td.monthDay span.event { text-decoration: none; color: #ffffff; background-color: #978236; padding: 3px; } /* 6.6.6 Kalender Archiv */ .tx-jrcalextended-pi1 { background-color: #f1eee3; } .tx-jrcalextended-pi1 ul { padding: 10px 0 10px 0; } .tx-jrcalextended-pi1 ul li { background: none; border: 0; } .tx-jrcalextended-pi1 ul li a { text-decoration: none; } .tx-jrcalextended-pi1 ul li a:hover { color: #ffffff !important; } .tx-jrcalextended-pi1 li li { padding: 0; } /* 6.6.7 JR Cal Extended */ .tx-jrcalextended-pi1 ul li.accordion_toggle { display: block; height: 18px; line-height: 20px; font-size: 14px; cursor: pointer; margin: 5px 0 5px 0; padding: 0; } .tx-jrcalextended-pi1 ul li.accordion_toggle a { display: block; color: #51809b; padding: 0 0 0 23px; background: url(../_img/arrow_archive_blue_white.gif) no-repeat; background-position: 10px 2px; } .tx-jrcalextended-pi1 ul li.accordion_toggle a:hover { background-color: #978236; background-position: 10px -14px; } .tx-jrcalextended-pi1 ul.accordion_content { background-color: #ffffff !important; color: #444444 !important; overflow: hidden !important; display: none; height: auto; } .tx-jrcalextended-pi1 ul.accordion_content_active { background-color: #f1eee3; color: #444444 !important; display: block; height: auto; line-height: 16px; } .tx-jrcalextended-pi1 ul li.year_active { background-color: #978236; font-size: 14px; line-height: 20px; padding: 0; } .tx-jrcalextended-pi1 ul li.year_active a { color: #ffffff; padding: 0 0 0 23px; background: url(../_img/arrow_archive_blue_white.gif) no-repeat; background-position: 10px -15px; } .tx-jrcalextended-pi1 ul li.year_active ul.accordion_content_active { font-size: 12px; line-height: 16px; padding: 5px 0 0 0; } .tx-jrcalextended-pi1 ul li.month a { display: block; color: #5e5e5e !important; font-weight: normal; padding: 0 0 0 23px; background: none; } .tx-jrcalextended-pi1 ul li.month a:hover { color: #ffffff !important; background-color: #978236; } .tx-jrcalextended-pi1 ul li.month_active a { display: block; background: none; color: #ffffff !important; background-color: #978236; } /* 6.7 ods_ajaxmailsubscription */ #tx_odsajaxmailsubscription_pi1_subscribe{ width:285px; } #tx_odsajaxmailsubscription_pi1_subscribe input { width:285px; margin-bottom: 10px; } #tx_odsajaxmailsubscription_pi1[submit] { } #tx_odsajaxmailsubscription_pi1_error {color:red;} #tx_ods_ajaxmailsubscription p { font-weight:bold; } #tx_odsajaxmailsubscription_pi1_prefs .prefs { } #tx_odsajaxmailsubscription_pi1_prefs .prefs form table td { width: 150px; padding-bottom: 5px; } #tx_odsajaxmailsubscription_pi1_prefs .prefs form table td select { width: 100px; padding:0px; } #tx_odsajaxmailsubscription_pi1_prefs .prefs form table td input { width: 285px; padding:1px 0 1px 2px; margin:0px; } #tx_odsajaxmailsubscription_pi1_prefs .prefs form input { margin-left:150px; width: 100px; } /* Newsletter-Abo */ #newsletterform input#subscribe, #newsletterform input#unsubscribe { margin-top: 15px !important; } /* 6.8 Sitemap */ div .csc-sitemap ul li { background: url(../_img/list_square_blue.gif) no-repeat scroll 0 7px; margin: 0 0 18px 0; } div .csc-sitemap ul li a { font-size: 17px; color: #51809b; line-height: 18px; } div .csc-sitemap ul li ul li a { font-size: 12px; font-weight: bold; color: #978236; } div .csc-sitemap ul li ul li { padding: 0 0 0 10px; background: url(../_img/list_square_brown.gif) no-repeat scroll 0 7px; margin: 0; } div .csc-sitemap ul li ul li ul li a { font-size: 11px; font-weight: normal; } div .csc-sitemap ul li ul li ul li { padding: 0 0 0 10px; margin: 0; } /* 6.9 Galerie */ div #wtgallery_category_area ul#tab_navigation { margin: 10px 0 20px 0; border-bottom: 2px solid #51809a; } div #wtgallery_category_area ul#tab_navigation li { font-size: 16px; font-weight: bold; background: none; padding: 5px 0 0 5px; float: left; } div #wtgallery_category_area ul#tab_navigation li.year_first { padding-left: 0; } div #wtgallery_category_area ul#tab_navigation li a { display: block; color: #978236; padding: 5px 8px 5px 8px; text-decoration: none; } div #wtgallery_category_area ul#tab_navigation li a.active { background-color: #51809b; color: #ffffff; } div #wtgallery_category_area ul#tab_navigation li a:hover { background-color: #eae6d7; } div #wtgallery_category_area div.accordion_content { display: none; } div #wtgallery_category_area div.accordion_content.active { display: block; } div.wtgallery_list_area span.copyrightPhotograph { display: block; margin-bottom: 15px; } /* galery content f.e. duo extract (22.01.2009)*/ div .accordion_content ul li { font-weight: bold; background: none; padding: 5px 0 10px 0; } div .accordion_content ul li a { text-decoration: none; color: #978236; background: url(../_img/arrow_cal_event.gif) no-repeat; background-position: right top; padding-right: 12px; } div .accordion_content ul li a:hover { color: #6d5d23; background-position: right -14px; } /* wt_gallery detailseite */ div.wtgallery_list_area div.wtgallery_list, div.wtgallery_category_area div.list_row div.wtgallery_list { margin: 0 15px 15px 0; padding: 5px; } div.wtgallery_list_area div.wtgallery_list, div.wtgallery_category_area div.list_row div.wtgallery_list img { border: 1px solid #cecece; } div.wtgallery_photo_credits { margin-bottom: 20px; } a.back_to_overview { color: #978236; text-decoration: none; font-weight: bold; float: left; margin-left: 5px; padding-left: 15px; background: url(../_img/arrow_left_brown.gif) no-repeat; background-position: left 1px; } a.back_to_overview:hover { color: #6d5d23; background-position: left -13px; } /* 6.10 Sidebar Elemente */ #sidebar { float: right; width: 240px; margin-bottom: 28px; } #sidebarContent { background: url(../_img/sidebar_bg.gif) no-repeat 2px 0; padding: 0 24px 0 24px; } #searchBox { padding: 19px 0 16px 0px; margin: 0 0 20px 0; } #searchBox input { color: #505050; font-size: 11px; padding: 1px 0 2px 5px; } #searchBox input.searchValue { } #searchBox input.searchButton { width: 20px; background: url(../_img/search_button.gif) no-repeat; border: none; margin: 0 0 0 4px; } #sponsors { margin-bottom: 15px; } #sponsors img { padding: 0 0 16px 0px; } /*COMING SOON*/ #content .comingSoonBox { background: #000000; padding: 15px 0 12px 15px; text-transform: uppercase; font-weight: bold; color:#ffffff; margin: 0 0 12px 0; } .contenttable td.td-0 { color:#7da7c1; width:60px; } /* 6.11 Facebook-Box */ .trenner { background: url(../_img/trenner.gif) no-repeat; height: 3px; margin-bottom: 28px; } #facebook { padding-left: 24px; } .fb-like-box { background: #ebf1f7; margin-left: 3px; } /* 6.12 Powermail ERRORS */ /* error message */ .error { /* supply height to ensure consistent positioning for every browser */ height: 15px; background-color:#978236; border: 1px solid #978236; font-size: 11px; color: #fff; padding: 0 10px 4px 10px; margin-left: -2px; /* CSS3 spicing for mozilla and webkit */ /*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; box-shadow:0 0 6px #ddd;*/ } .error p { margin: 0; padding: 0; font-weight: bold; color: #fff; } /* pure CSS arrow */ .error em { display: block; width: 0; height: 0; border: 10px solid; border-color: #978236 transparent transparent; /* positioning */ position: absolute; bottom: -7px; left: 5px; border-bottom: 0 none; } .test_dot, .test_year { display: none; }