/* www.st-agatha-dorsten.de - MAIN CSS Data ------------------------------------ */ /* (C) 2008 joern-fester.de ----------------------------------------------------- */ /* B A S I C L A Y O U T G R I D -------------------------------------------- */ * { border: 0; margin: 0; padding: 0; } html { height: 100%; font-size: 100.01%; } body { line-height: 1.5em; font: normal 0.75em Verdana, Arial, Helvetica, sans-serif; color: #ddd; text-align: center; margin: 0; padding: 0; } body { background: #1A1A1A url("../img/header_bg.gif") repeat-x 0 0; } /* H E A D I N G S , P A R A G R A P H S A N D L I N K S ------------------ */ abbr, .abbr { font-style: normal; padding-bottom: 1px; background: transparent url("../img/abbr_deko.gif") repeat-x left bottom; cursor: help; } abbr:hover, .abbr:hover { cursor: help; } .hide { display: none; } .skip { display: none; } p, address { margin-bottom: 0.75em; font-style: normal; line-height: 1.5em; } .bigmargin { margin-bottom: 1.5em; } h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-weight: normal; text-align: left; } h1 { font-size: 2.5em; line-height: 1.25em; padding: 46px 0 4px 0; letter-spacing: 1.5px; background: url("../img/h1_bg.gif") repeat-x left bottom; width: 60%; } h1 span { color: #FFC750; } h1 a:link, h1 a:visited { font-weight: normal; text-decoration: none; color: #FFFFFF; } h1 a:hover, h1 a:active, h1 a:focus { font-weight: normal; text-decoration: none; color: #FFFFFF; } h2 { font-size: 1.6em; margin: 3px 0 0 0; } h3 { font-size: 1.4em; margin-bottom: 0.75em; text-transform: uppercase; background: url("../img/h3_bg.gif") no-repeat 0% 0.1em; padding-left: 35px; padding-bottom: 0.3em; width: 60%; border-bottom: 1px solid #555; } h4 { font-size: 1.1em; margin-bottom: 0.75em; color: #FFC750; font-weight: bold; } ol, ul { margin-bottom: 0.75em; font-style: normal; line-height: 1.5em; } ol { margin-left: 0; padding-left: 4em; } .linethrough { text-decoration: line-through; } /* C O L O R S ------------------------------------------------------------------ */ .white { color: #FFF; } .yellow { color: #FFC750; } .orange { color: #FF9C31; } .dark { color: #1A1A1A; } /* S K I P */ #skip { z-index: 2; font-size: 0.8em; position: absolute; top: 0; left: 0; padding: 0; display: block; width: 100%; text-align: center; } #skip li { list-style: none; display: inline; overflow: hidden; } #skip li a:link, #skip li a:visited { position: absolute; z-index: 100; top: -1000px; left: -1000px; } #skip li a:hover, #skip li a:active, #skip li a:focus { color: #1A1A1A; text-decoration: underline; position: absolute; z-index: 100; padding: 3px 0 10px 0; top: 0; left: 0; display: block; width: 99.9%; background-color: #FFC750; text-align: center; overflow: hidden; } /* H E A D E R */ #header { background: transparent url("../img/church.png") no-repeat bottom center; } #header-in { width: 900px; height: 157px; margin: 0 auto; position: relative; text-align: left; } #header h2 span { display: none; } #header h2 { display: block; width: 377px; height: 19px; background: transparent url("../img/slogan.gif") no-repeat 0 0; margin: 7px 0 0 -2px; } #searching { width: 209px; position: absolute; top: 83px; right: 23px; } #searching fieldset { border: 0; } #searching legend { display: none; } #searching label { display: none; } #searching input { color: #222; position: absolute; top: 0; left: 0; font-size: 14px; overflow: hidden; width: 161px; padding: 6px 5px 5px 5px; height: 17px; background: #FFDDDD url("../img/search_bg.gif") no-repeat 0% 0%; border: 0; margin-top: 1px; } #searching input.search:active, #searching input.search:focus { background: #FFDDDD url("../img/search_bg.gif") no-repeat 0 -28px; } #searching button { position: absolute; top: 0; right: 0; width: 34px; height: 30px; border: 0; background: transparent url("../img/search_button.gif") no-repeat 0% 0%; cursor: pointer; } #searching button:hover, #searching button:active, #searching button:focus { background-position: 0 -30px; cursor: pointer; } #searching button span { display: none; } /* N A V I G A T I O N */ #menu-box { background: #323232 url("../img/menu_bg.gif") repeat-x 0 0; border-bottom: 1px solid #000; overflow: hidden; } #menu { font-size: 0.95em; width: 950px; height: 40px; margin: 0 auto; background: #323232 url("../img/menu_bg.gif") repeat-x 0 0; } #menu li { display: inline; list-style-type: none; text-align: center; } #menu li a:link, #menu li a:visited { font-size: 1.1em; color: #FFFFFF; font-weight: bold; float: left; display: block; padding: 0 1em; line-height: 40px; background: url("../img/menu_border.gif") no-repeat 100% center; text-decoration: none; } #menu li#geschichte a { padding: 0 1em 0 1.8em !important; } #menu li#anschrift a { padding: 0 0 0 1em !important; background: transparent !important; } #menu li a:hover, #menu li a:active, #menu li a:focus { font-weight: bold; color: #FFC750; text-decoration: none; } #menu a:link#maincurrent, #menu a:visited#maincurrent { font-weight: bold; color: #FFC750; text-decoration: none; } /* M A I N */ #content-box p a:link, #content-box p a:visited { padding-bottom: 1px; color: #ddd; text-decoration: none; background: url("../img/link_bg.gif") repeat-x bottom left; } #content-box p a:hover, #content-box p a:active, #content-box p a:focus { text-decoration: none; background: url("../img/link_bg.gif") repeat-x bottom left; color: #FFC750; } #content-box li a:link, #content-box li a:visited { padding-bottom: 1px; color: #ddd; text-decoration: none; background: url("../img/link_bg.gif") repeat-x bottom left; } #content-box li a:hover, #content-box li a:active, #content-box li a:focus { text-decoration: none; background: url("../img/link_bg.gif") repeat-x bottom left; color: #FFC750; } #content-box address a:link, #content-box address a:visited { padding-bottom: 1px; color: #ddd; text-decoration: none; background: url("../img/link_bg.gif") repeat-x bottom left; } #content-box address a:hover, #content-box address a:active, #content-box address a:focus { text-decoration: none; background: url("../img/link_bg.gif") repeat-x bottom left; color: #FFC750; } #content-box a.extlnk:link { padding-right: 0px; padding-left: 12px; padding-bottom: 0px; padding-top: 0px; text-decoration: underline; background: url("../img/ext_link.gif") no-repeat left center; } #content-box a.extlnk:visited {text-decoration: line-through; padding-left: 0px; padding-right: 12px; padding-bottom: 0px; padding-top: 0px; background: url("../img/link_visited.gif") no-repeat center right; } #content-box a.extlnk:hover, #content-box a.extlnk:active, #content-box a.extlnk:focus { color: #FFC750; } #content-box a.rss:link, #content-box a.rss:visited { padding-right: 0px; padding-left: 16px; padding-bottom: 0px; padding-top: 0px; text-decoration: underline; background: url("../img/rss.gif") no-repeat left center; } #content-box a.rss:hover, #content-box a.extlnk:active, #content-box a.extlnk:focus { color: #FFC750; } #content { background: #1A1A1A url("../img/main_bg.jpg") repeat-x 0 0; } #content-box { width: 950px; margin: 0 auto; text-align: left; padding: 1.8em 0 5em 0; } #content-box-in-left { width: 690px; float: left; } #content-box-in-left-in { margin: 0 3.6em 0 1.8em; } #content-box-in-right { width: 260px; float: right; min-height: 420px; } #content-box-in-right-in { margin: 0 1.8em 0 0; } .blockbox { padding-bottom: 2em; background: transparent url("../img/blockbox_bg.gif") no-repeat left bottom; } .partnerlnk { float: left; width: 155px; } .partnerlnk span { color: #999;} #partner a { background: none !important; } #partner a:link img, #partner a:visited img { border: 2px solid #aaa; margin: 0; padding: 0; background: transparent url("../img/loading.gif") no-repeat center center !important; } #partner a:hover img, #partner a:active img, #partner a:focus img { border: 2px solid #FF9C31; margin: 0; padding: 0; } .lefttxt { float: left; } .righttxt { float: right; } #content-box-in-left-in ul { margin-left: 2em; padding-left: 0.3em; margin-bottom: 0.75em; color: #FFC750; line-height: 1.5em; list-style-type: square; } #content-box-in-left-in ul span { color: #ddd; } #content-box-in-left-in ul em { color: #999; font-style: normal; } #pdf { margin-left: 0 !important; padding-left: 0 !important; margin-bottom: 0.75em; line-height: 1.5em; color: #ddd !important; } #pdf li { margin-bottom: 1.5em; padding-left: 40px; list-style-type: none; background: transparent url("../img/adobe_pdf.gif") no-repeat left center; } #content-box-in-left-in img { background: transparent url("../img/loading.gif") no-repeat center center; } .bildlinks { float: left; margin: 0.3em 1em 0.5em 0; border: 2px solid #aaa; } .bildrechts { float: right; margin: 0.3em 0 0.5em 1em; border: 2px solid #aaa; } .logolinks { float: left; margin: 0.3em 1em 0.5em 0; border: 0; } .logorechts { float: right; margin: 0.3em 0 0.5em 1em; border: 0; } #content-box a img { background: none !important; } #content-box a:link img, #content-box a:visited img { border: 2px solid #aaa !important; background: transparent url("../img/loading.gif") no-repeat center center !important; } #content-box a:hover img, #content-box a:active img, #content-box a:focus img { border: 2px solid #FF9C31 !important; background: transparent url("../img/loading.gif") no-repeat center center !important; } .teasertxt { color: #fff; font-weight: bold; margin-bottom: 1.5em; } .abstadr { float: left; display: block; width: 5em; } .abstzeiten { float: left; display: block; width: 10em; } .abstchor { float: left; display: block; width: 10em; } em { color: #999; font-style: normal; } .addrtitle { font-size: 1.1em; line-height: 3em; color: #FFC750; font-weight: bold; } .scl { width: 350px; } img.teaser { float: left; margin: 0.3em 1em 0.5em 0; border: 2px solid #aaa; } .gz { padding: 0.75em 0 0.75em 0; margin: 0; border-bottom: 1px dashed #333; } .gzfirst { padding: 0 0 0.75em 0; margin: 0; border-bottom: 1px dashed #333; } .gzlast { padding: 0.75em 0 0.75em 0; border-bottom: 1px dashed #333; } .gz:hover, .gzfirst:hover, .gzlast:hover { background: #252525; cursor: default ; } .in_v {display: block; float: left; margin: 0.1em 0.5em 0.1em 0; width: 32px; height: 32px; background: transparent url("../img/letter/v.gif") no-repeat 0 0; } .in_i {display: block; float: left; margin: 0.1em 0.5em 0.1em 0; width: 32px; height: 32px; background: transparent url("../img/letter/i.gif") no-repeat 0 0; } .in_k {display: block; float: left; margin: 0.1em 0.5em 0.1em 0; width: 32px; height: 32px; background: transparent url("../img/letter/k.gif") no-repeat 0 0; } .in_r {display: block; float: left; margin: 0.1em 0.5em 0.1em 0; width: 32px; height: 32px; background: transparent url("../img/letter/r.gif") no-repeat 0 0; } .in_t {display: block; float: left; margin: 0.1em 0.5em 0.1em 0; width: 32px; height: 32px; background: transparent url("../img/letter/t.gif") no-repeat 0 0; } .in_d {display: block; float: left; margin: 0.1em 0.5em 0.1em 0; width: 32px; height: 32px; background: transparent url("../img/letter/d.gif") no-repeat 0 0; } /* M A I N / Kontakt */ #open { margin-bottom: 1.5em; border-collapse: collapse; } #open caption { font-size: 1.1em; padding-bottom: 0.75em; color: #FFC750; font-weight: bold; text-align: left; } #open th { text-align: center; } #open tbody th { text-align: left; } #open tbody td { text-align: center; } #open th,#open td { padding: 0.5em; border-bottom: 1px solid #333; } #open tbody td { padding: 0.5em 1em 0.5em 1em; } #open tr:hover { background: #252525; cursor: default ; } .hinweis { display: none; } #contactform p span em { display: none; } #contactform p span.star { padding-right: 20px; background: transparent url("../img/form_label.gif") no-repeat right center; } #contactform fieldset { border: 0; } #contactform legend { display: none; } #contactform label { font-weight: bold; } #contactform input { background: #fff url("../img/form_bg.gif") repeat-x top left; border: 2px solid #bbb; width: 250px; padding: 3px; } #contactform input:active, #contactform input:focus { background: #fff url("../img/form_bg_h.gif") repeat-x top left; } #contactform button { width: 89px; height: 23px; border: 0; background: transparent url("../img/form_button.gif") no-repeat 0% 0%; cursor: pointer; } #contactform button:hover, #contactform button:active, #contactform button:focus { background-position: 0 -23px; cursor: pointer; } #contactform button span { display: none; } #contactform textarea { border: 2px solid #bbb; width: 400px; height: 130px; padding: 3px; background: #fff url("../img/form_bg_ta.gif") repeat-x top left; } #contactform textarea:active, #contactform textarea:focus { background: #fff url("../img/form_bg_ta_h.gif") repeat-x top left; } #contactform textarea, #contactform input { line-height: 1.5em; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #222; } /* G A L L E R Y */ .galerylnk { float: left; width: 134px; margin-right: 45px; text-align: center; } .galerylnk span { color: #999; } #galery a { background: none !important; } #galery a img, #galery a:visited img { border: 2px solid #aaa; margin: 0; padding: 0; background: transparent url("../img/loading.gif") no-repeat center center !important; } #galery a:hover img, #galery a:active img, #galery a:focus img { border: 2px solid #FF9C31; } #galery p { margin: 0;} .rowbox { margin-bottom: 1.5em; } /* G A L L E R Y O V E R V I E W */ #galeryoverview p { margin: 0 !important; padding: 0 !important; } #galeryoverview a { float: left; background: none !important; } #galeryoverview a img, #galeryoverview a:visited img { border: 2px solid #aaa; margin-right: 1em; margin-bottom: 1em; padding: 0; background: transparent url("../img/loading.gif") no-repeat center center !important; } #galeryoverview a:hover img, #galeryoverview a:active img, #galeryoverview a:focus img { border: 2px solid #FF9C31; } .overviewbox { float: left; width: 400px; padding: 0; margin-right: 1em; margin-bottom: 0; } /* E I N E S P A L T E */ #content-box-all { margin: 0 1em 0 1.8em; min-height: 420px; } #content-box-all h3 { width: 40%; } #content-box-all ul { margin-left: 2em; padding-left: 0.3em; margin-bottom: 0.75em; color: #FFC750; line-height: 1.5em; list-style-type: square; } #content-box-all ul span { color: #ddd; } #content-box-all ul em { color: #999; font-style: normal; } /* S U B M E N U */ #submenu { list-style-type: none; margin: 0 0 30px 4px; } #submenu li { color: white; display: inline; font-weight: bold; } #submenu li a:link, #submenu li a:visited { color: #FAFAFA; font-weight: bold; text-decoration: none; padding: 4px 0 4px 16px; line-height: 130%; border-left: 2px solid #404040; display: block; background: none !important; } #submenu li a:hover, #submenu li a:active, #submenu li a:focus { color: #FFC750; border-left: 2px solid #FFC750 !important; text-decoration: none !important; background: none !important; } #submenu a:link#current, #submenu a:visited#current { color: #FFC750; border-left: 2px solid #FFC750 !important; text-decoration: none !important; background: none !important; } /* C A L E N D A R */ #calendar { position: relative; margin: 0 !important; padding: 0 !important; display: block; height: 250px; width: 600px; background: transparent url("../img/calendar/calendar.jpg") no-repeat top left; } #calendar li span { display: none; } #calendar li { position: absolute; width: 38px; height: 38px; } #calendar li a:link { padding:0 !important; border: 0 !important; } #calendar .cl1 { top: 95px; left: 235px; } #calendar .cl2 { top: 20px; left: 542px; } #calendar .cl3 { top: 170px; left: 465px; } #calendar .cl4 { top: 30px; left: 170px; } #calendar .cl5 { top: 170px; left: 80px; } #calendar .cl6 { top: 25px; left: 390px; } #calendar .cl7 { top: 20px; left: 235px; } #calendar .cl8 { top: 100px; left: 20px; } #calendar .cl9 { top: 170px; left: 330px; } #calendar .cl10 { top: 20px; left: 20px; } #calendar .cl11 { top: 100px; left: 542px; } #calendar .cl12 { top: 90px; left: 320px; } #calendar .cl13 { top: 180px; left: 20px; } #calendar .cl14 { top: 90px; left: 90px; } #calendar .cl15 { top: 180px; left: 542px; } #calendar .cl16 { top: 20px; left: 320px; } #calendar .cl17 { top: 20px; left: 90px; } #calendar .cl18 { top: 170px; left: 165px; } #calendar .cl19 { top: 105px; left: 390px; } #calendar .cl20 { top: 30px; left: 465px; } #calendar .cl21 { top: 100px; left: 170px; } #calendar .cl22 { top: 100px; left: 465px; } #calendar .cl23 { top: 180px; left: 400px; } #calendar .cl24 { top: 180px; left: 230px; } #calendar .cl1 a:link, #calendar .cl1 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/1.gif") no-repeat 0px 0px; } #calendar .cl2 a:link, #calendar .cl2 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/2.gif") no-repeat 0px 0px; } #calendar .cl3 a:link, #calendar .cl3 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/3.gif") no-repeat 0px 0px; } #calendar .cl4 a:link, #calendar .cl4 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/4.gif") no-repeat 0px 0px; } #calendar .cl5 a:link, #calendar .cl5 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/5.gif") no-repeat 0px 0px; } #calendar .cl6 a:link, #calendar .cl6 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/6.gif") no-repeat 0px 0px; } #calendar .cl7 a:link, #calendar .cl7 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/7.gif") no-repeat 0px 0px; } #calendar .cl8 a:link, #calendar .cl8 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/8.gif") no-repeat 0px 0px; } #calendar .cl9 a:link, #calendar .cl9 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/9.gif") no-repeat 0px 0px; } #calendar .cl10 a:link, #calendar .cl10 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/10.gif") no-repeat 0px 0px; } #calendar .cl11 a:link, #calendar .cl11 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/11.gif") no-repeat 0px 0px; } #calendar .cl12 a:link, #calendar .cl12 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/12.gif") no-repeat 0px 0px; } #calendar .cl13 a:link, #calendar .cl13 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/13.gif") no-repeat 0px 0px; } #calendar .cl14 a:link, #calendar .cl14 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/14.gif") no-repeat 0px 0px; } #calendar .cl15 a:link, #calendar .cl15 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/15.gif") no-repeat 0px 0px; } #calendar .cl16 a:link, #calendar .cl16 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/16.gif") no-repeat 0px 0px; } #calendar .cl17 a:link, #calendar .cl17 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/17.gif") no-repeat 0px 0px; } #calendar .cl18 a:link, #calendar .cl18 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/18.gif") no-repeat 0px 0px; } #calendar .cl19 a:link, #calendar .cl19 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/19.gif") no-repeat 0px 0px; } #calendar .cl20 a:link, #calendar .cl20 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/20.gif") no-repeat 0px 0px; } #calendar .cl21 a:link, #calendar .cl21 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/21.gif") no-repeat 0px 0px; } #calendar .cl22 a:link, #calendar .cl22 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/22.gif") no-repeat 0px 0px; } #calendar .cl23 a:link, #calendar .cl23 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/23.gif") no-repeat 0px 0px; } #calendar .cl24 a:link, #calendar .cl24 a:visited { border: 0 !important; text-decoration: none; display: block; width: 38px; height: 38px; background: transparent url("../img/calendar/24.gif") no-repeat 0px 0px; } #calendar .cl1 a:hover, #calendar .cl1 a:active, #calendar .cl1 a:focus { background-position: 0px -38px; } #calendar .cl2 a:hover, #calendar .cl2 a:active, #calendar .cl2 a:focus { background-position: 0px -38px; } #calendar .cl3 a:hover, #calendar .cl3 a:active, #calendar .cl3 a:focus { background-position: 0px -38px; } #calendar .cl4 a:hover, #calendar .cl4 a:active, #calendar .cl4 a:focus { background-position: 0px -38px; } #calendar .cl5 a:hover, #calendar .cl5 a:active, #calendar .cl5 a:focus { background-position: 0px -38px; } #calendar .cl6 a:hover, #calendar .cl6 a:active, #calendar .cl6 a:focus { background-position: 0px -38px; } #calendar .cl7 a:hover, #calendar .cl7 a:active, #calendar .cl7 a:focus { background-position: 0px -38px; } #calendar .cl8 a:hover, #calendar .cl8 a:active, #calendar .cl8 a:focus { background-position: 0px -38px; } #calendar .cl9 a:hover, #calendar .cl9 a:active, #calendar .cl9 a:focus { background-position: 0px -38px; } #calendar .cl10 a:hover, #calendar .cl10 a:active, #calendar .cl10 a:focus { background-position: 0px -38px; } #calendar .cl11 a:hover, #calendar .cl11 a:active, #calendar .cl11 a:focus { background-position: 0px -38px; } #calendar .cl12 a:hover, #calendar .cl12 a:active, #calendar .cl12 a:focus { background-position: 0px -38px; } #calendar .cl13 a:hover, #calendar .cl13 a:active, #calendar .cl13 a:focus { background-position: 0px -38px; } #calendar .cl14 a:hover, #calendar .cl14 a:active, #calendar .cl14 a:focus { background-position: 0px -38px; } #calendar .cl15 a:hover, #calendar .cl15 a:active, #calendar .cl15 a:focus { background-position: 0px -38px; } #calendar .cl16 a:hover, #calendar .cl16 a:active, #calendar .cl16 a:focus { background-position: 0px -38px; } #calendar .cl17 a:hover, #calendar .cl17 a:active, #calendar .cl17 a:focus { background-position: 0px -38px; } #calendar .cl18 a:hover, #calendar .cl18 a:active, #calendar .cl18 a:focus { background-position: 0px -38px; } #calendar .cl19 a:hover, #calendar .cl19 a:active, #calendar .cl19 a:focus { background-position: 0px -38px; } #calendar .cl20 a:hover, #calendar .cl20 a:active, #calendar .cl20 a:focus { background-position: 0px -38px; } #calendar .cl21 a:hover, #calendar .cl21 a:active, #calendar .cl21 a:focus { background-position: 0px -38px; } #calendar .cl22 a:hover, #calendar .cl22 a:active, #calendar .cl22 a:focus { background-position: 0px -38px; } #calendar .cl23 a:hover, #calendar .cl23 a:active, #calendar .cl23 a:focus { background-position: 0px -38px; } #calendar .cl24 a:hover, #calendar .cl24 a:active, #calendar .cl24 a:focus { background-position: 0px -38px; } /* A D M I N */ #admin { margin: 0; padding: 7px 10px 7px 10px; background: #444; border-bottom: 1px solid #fff; overflow: hidden; } #admin p.left { margin: 0; padding: 0; float: left; } #admin p.right { margin: 0; padding: 0; text-align: right; } #admin a img { margin: 0 5px 0 0; padding: 0; } #admin a:link, #admin a:visited { color: #FFC750; text-decoration: underline; font-weight: bold; background: none !important; } #admin a:hover, #admin a:active, #admin a:focus { text-decoration: none; background: none !important; } /* Footer */ #footer { width: 900px; height: 50px; margin: 0 auto; background-color: #1A1A1A; } #footer-box { height: 70px; background: #2a2a2a url("../img/footer_bg.jpg") repeat-x 0 0; color: #999; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; } #footer-box-in { margin: 0 auto; width: 950px; } #footer-box address { padding: 20px 0 0 0; } #top span { display: none; } #top { float: right; width: 27px; height: 20px; } #top a, #top a:visited { width: 27px; height: 20px; display: block; background: transparent url("../img/top_button.gif") no-repeat 0 0; } #top a:hover, #top a:active, #top a:focus { width: 27px; height: 20px; display: block; background: transparent url("../img/top_button.gif") no-repeat 0 -20px; } p.footer-left { float: left; width: 430px; color: #999999; text-align: left; margin: 9px 0 0 15px; display: inline; } p.footer-left a, p.footer-left a:visited { color: #999999; font-weight: normal; text-decoration: none; } p.footer-left a:hover, p.footer-left a:active, p.footer-left a:focus { color: #FFFFFF; font-weight: normal; } p.footer-right { float: right; width: 430px; color: #999999; text-align: right; margin: 9px 15px 0 0; display: inline; } p.footer-right a, p.footer-right a:visited { color: #999999; font-weight: normal; text-decoration: none; } p.footer-right a:hover, p.footer-right a:active, p.footer-right a:focus { color: #FFFFFF; font-weight: normal; } /* M I S C E L L A N G E O U S ---------------------------------------------------- */ .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* E N D S T Y L E S ---------------------------------------------------------- */