/* www.agatha-dorsten.de - Main CSS Data ---------------------------------------- */ /* (C) 2009 Jörn Fester ---------------------------------------------------------- */ /* 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 { height: 101%; font: normal 0.8em Arial, Verdana, Helvetica, sans-serif; color: #444; line-height: 1.4em; text-align: center; background: #fff; } body { position: relative; } * html body { position: static; } /* 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 ------------------ */ h2 { font-size: 1.3em; color: #469733; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 0 0 0.75em 0; } h3 { font-size: 1.2em; color: #2B73E4; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin: 1.5em 0 0.75em 0; } h4 { font-size: 1em; color: #444; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin: 1.5em 0 0.75em 0; } p, address { font-style: normal; margin-bottom: 0.75em; } img { display: block; border: 0; background: url("../images/main/loading.gif") no-repeat center center; } #col_left a:link, #col_left a:visited { color: #555; text-decoration: underline; } #col_left a:hover, #col_left a:active, #col_left a:focus { color: #2B73E4; text-decoration: underline; } #main abbr { border-bottom: 1px dotted #2B73E4; } abbr { cursor: help;} .divider { padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px #469733 dashed; } .divider_s { padding-bottom: 0.75em; margin-bottom: 1.5em; border-bottom: 1px #469733 dashed; } .space_adr { display: block; width: 4.5em; float: left; } span.dropcaps { font-family: Georgia, "Times New Roman", Times, serif; font-size: 3.1em; font-weight: normal; color: #bbb; float: left; line-height: 1em; margin-top: -0.05em; margin-bottom: -0.4em; margin-right: 0.09em; position: relative; } .info { padding-left: 15px; border-left: 2px solid #2B73E4; } #col_left a.extlink:link { padding: 0 12px 0 0; background: url("../images/main/ext_link.gif") no-repeat right center; white-space: nowrap; } #col_left a.extlink:visited { text-decoration: line-through; padding: 0 12px 0 0; background: url("../images/main/link_visited.gif") no-repeat right center; white-space: nowrap; } .arrow { background: transparent url("../images/main/arrow.gif") no-repeat left center; padding-left: 20px; } /* #kirchen .arrow, #pfarrer .arrow, #diakone .arrow, #pastoralreferenten .arrow { width: 20em; } */ .arrowback { background: transparent url("../images/main/arrowback.gif") no-repeat left center; padding-left: 20px; } /* C O L O R S ------------------------------------------------------------------ */ .header_blue { color: #091D3C; } .menu_yellow { color: #C79910; } .menu_brown { color: #49392F; } .txt_grey { color: #444; } .txt_green { color: #469733; } .txt_blue { color: #2B73E4; } /* S K I P ------------------------------------------------------------------------ */ #skip { z-index: 2; 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 { position: absolute; z-index: 100; padding: 0.5em 0 0.5em 0; top: 0; left: 0; display: block; width: 99.9%; color: #fff; text-decoration: none; background: transparent url("../images/main/skip_bg.png") repeat 0% 0%; text-align: center; overflow: hidden; } /* H E A D E R ------------------------------------------------------------------ */ #header { background: #091D3C url("../images/main/header_bg.jpg") repeat-x 0% 0%; height: 147px; } #header_in { text-align: left; margin: 0 auto; width: 950px; position: relative; } #header .subline { position: relative; display: block; height: 147px; width: 595px; background: transparent url("../images/main/logo_bg.jpg") no-repeat 0% 0%; margin: 0 0 0 -142px; } #header .subline strong { display: none; } #header h1 { position: absolute; left: 86px; top: 36px; } #header h1 a:link, #header h1 a:visited { color: #fff; text-decoration: none; display: block; height: 71px; width: 159px; background: transparent url("../images/main/logo.gif") no-repeat 0% 0%; } #header h1 a:hover, #header h1 a:active, #header h1 a:focus { text-decoration: none; background-position: 0 -71px; } #header h1 span { display: none; } #switcher { position: absolute; right: 45px; top: 45px; display: block; list-style-type: none; } #headline_switcher, #switcher span { display: none; } #switcher li { float: left; display: block; width: 14px; height: 15px; margin-left: 3px; } #switcher a:link, #switcher a:visited { color: #fff; display: block; width: 14px; height: 15px; background: transparent url("../images/main/switcher.jpg") no-repeat 0% 0%; cursor: pointer; text-decoration: none; } #switcher #bigger a:link, #switcher #bigger a:visited { background-position: 0px 0px; } #switcher #default a:link, #switcher #default a:visited { background-position: -14px -15px; } #switcher #smaler a:link, #switcher #smaler a:visited { background-position: -28px 0px; } #switcher #bigger a:hover, #switcher #bigger a:active, #switcher #bigger a:focus { background-position: 0px -15px; } #switcher #default a:hover, #switcher #default a:active, #switcher #default a:focus { background-position: -14px -15px; } #switcher #smaler a:hover, #switcher #smaler a:active, #switcher #smaler a:focus { background-position: -28px -15px; } /* M E N U ---------------------------------------------------------------------- */ #menu { position: relative; background: #C79910 url("../images/main/menu_bg.jpg") repeat-x 0% 0%; } #headline_nav { display: none; } #navigation { text-align: left; margin: 0 auto; width: 920px; padding: 9px 0 9px 30px; font-size: 0.9em; } #navigation li { float: left; list-style-type: none; line-height: 1.4em; } #navigation li strong { font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2em; } #navigation a:link, #navigation a:visited { color: #49392F; text-decoration: none; display: block; } #navigation a:hover, #navigation a:active, #navigation a:focus { color: #1747D2; text-decoration: none; } #nav1, #nav2, #nav3 { padding-right: 11px; background: transparent url("../images/main/menu_divider.gif") no-repeat top right; } #nav2, #nav3, #nav4 { padding-left: 9px; } #nachrichten #navigation #nav1 a:link, #nachrichten #navigation #nav1 a:visited { color: #1747D2; text-decoration: none; display: block; } #publikandum #navigation #nav1 a:link, #publikandum #navigation #nav1 a:visited { color: #1747D2; text-decoration: none; display: block; } #pfarrbrief #navigation #nav1 a:link, #pfarrbrief #navigation #nav1 a:visited { color: #1747D2; text-decoration: none; display: block; } #presseartikel #navigation #nav1 a:link, #presseartikel #navigation #nav1 a:visited { color: #1747D2; text-decoration: none; display: block; } #bildgalerie #navigation #nav1 a:link, #bildgalerie #navigation #nav1 a:visited { color: #1747D2; text-decoration: none; display: block; } #termine #navigation #nav1 a:link, #termine #navigation #nav1 a:visited { color: #1747D2; text-decoration: none; display: block; } #kirchen #navigation #nav2 a:link, #kirchen #navigation #nav2 a:visited { color: #1747D2; text-decoration: none; display: block; } #gottesdienste #navigation #nav2 a:link, #gottesdienste #navigation #nav2 a:visited { color: #1747D2; text-decoration: none; display: block; } #pfarrer #navigation #nav2 a:link, #pfarrer #navigation #nav2 a:visited { color: #1747D2; text-decoration: none; display: block; } #pastoralreferenten #navigation #nav2 a:link, #pastoralreferenten #navigation #nav2 a:visited { color: #1747D2; text-decoration: none; display: block; } #diakone #navigation #nav2 a:link, #diakone #navigation #nav2 a:visited { color: #1747D2; text-decoration: none; display: block; } #pfarrgemeinderat #navigation #nav2 a:link, #pfarrgemeinderat #navigation #nav2 a:visited { color: #1747D2; text-decoration: none; display: block; } #kirchenvorstand #navigation #nav2 a:link, #kirchenvorstand #navigation #nav2 a:visited { color: #1747D2; text-decoration: none; display: block; } #mitarbeitervertretung #navigation #nav2 a:link, #mitarbeitervertretung #navigation #nav2 a:visited { color: #1747D2; text-decoration: none; display: block; } #eine-welt-gruppe #navigation #nav3 a:link, #eine-welt-gruppe #navigation #nav3 a:visited { color: #1747D2; text-decoration: none; display: block; } #jugendtreff #navigation #nav3 a:link, #jugendtreff #navigation #nav3 a:visited { color: #1747D2; text-decoration: none; display: block; } #kindergaerten #navigation #nav3 a:link, #kindergaerten #navigation #nav3 a:visited { color: #1747D2; text-decoration: none; display: block; } #pfarrbuero #navigation #nav4 a:link, #pfarrbuero #navigation #nav4 a:visited { color: #1747D2; text-decoration: none; display: block; } #seelsorger #navigation #nav4 a:link, #seelsorger #navigation #nav4 a:visited { color: #1747D2; text-decoration: none; display: block; } #kontakt_mitarbeitervertretung #navigation #nav4 a:link, #kontakt_mitarbeitervertretung #navigation #nav4 a:visited { color: #1747D2; text-decoration: none; display: block; } /* M A I N --------------------------------------------------------------------- */ #main { background: #fff url("../images/main/main_bg.jpg") repeat-x 0% 0%; padding: 23px 0 0 0; } #main_in { text-align: left; margin: 0 auto; width: 966px; padding: 0 0 3em 14px; background: transparent url("../images/main/main_in_bg.gif") repeat-y 0% 0%; } #col_left { float: left; background: #fff; width: 620px; padding: 30px 30px 0 31px; background: transparent url("../images/main/col_left_bg.gif") no-repeat 0% 0%; } #col_right { float: right; width: 255px; padding: 50px 0 0 30px; background: transparent url("../images/main/col_right_bg.gif") no-repeat 0% 0%; position: relative; } #church { position: absolute; top: -160px; right: 15px; display: block; height: 180px; width: 270px; background: transparent url("../images/main/kirche_agatha.png") no-repeat 0% 0%; cursor: help; } /* C O L L E F T -------------------------------------------------------------- */ .img_right { position: relative; float: right; background: transparent url("../images/main/img_border.jpg") no-repeat 0% 0%; margin: 0 0 0 10px; padding: 7px 7px 13px 7px; } .img_right a:link span, .img_right a:visited span { position: absolute; display: block; top: 0; left: 0; width: 210px; height: 146px; cursor: pointer; text-decoration: none; } .img_right a:hover span, .img_right a:active span, .img_right a:focus span { position: absolute; display: block; top: 0; left: 0; width: 210px; height: 146px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; cursor: pointer; text-decoration: none; } .img_left { position: relative; float: left; background: transparent url("../images/main/img_border.jpg") no-repeat 0% 0%; margin: 0 10px 0 0; padding: 7px 7px 13px 7px; } .img_left a:link span, .img_left a:visited span { position: absolute; display: block; top: 0; left: 0; width: 210px; height: 146px; cursor: pointer; text-decoration: none; } .img_left a:hover span, .img_left a:active span, .img_left a:focus span { position: absolute; display: block; top: 0; left: 0; width: 210px; height: 146px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; cursor: pointer; text-decoration: none; } .photo_right { float: right; margin: 0 0 5px 15px; position: relative; width: 99px; height: 139px; } .photo_right img { border: 1px solid #ccc; padding: 4px; } .photo_right em { height: 147px; width: 107px; display: block; position: absolute; top: -4px; left: -4px; background: url("../images/main/photo_border.png") no-repeat; } .photo_left { float: left; margin: 0 15px 5px 0; position: relative; width: 99px; height: 139px; } .photo_left img { background: #fff; border: 1px solid #ccc; padding: 4px; } .photo_left em { height: 147px; width: 107px; display: block; position: absolute; top: -4px; left: -4px; background: url("../images/main/photo_border.png") no-repeat; } .photo_right a:link span, .photo_right a:visited span { position: absolute; display: block; top: 0; left: 0; width: 99px; height: 139px; cursor: pointer; text-decoration: none; } .photo_right a:hover span, .photo_right a:active span, .photo_right a:focus span { position: absolute; display: block; top: 0; left: 0; width: 99px; height: 139px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; cursor: pointer; text-decoration: none; } .photo_left a:link span, .photo_left a:visited span { position: absolute; display: block; top: 0; left: 0; width: 99px; height: 139px; cursor: pointer; text-decoration: none; } .photo_left a:hover span, .photo_left a:active span, .photo_left a:focus span { position: absolute; display: block; top: 0; left: 0; width: 99px; height: 139px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; cursor: pointer; text-decoration: none; } .divToggle { background: transparent url("../images/main/arrow.gif") no-repeat left center; padding-left: 20px; width: 20em; } .moreInfo { overflow: visible; } #pfarrer .moreInfo { margin-bottom: 0.75em; } .up { list-style-type: none; margin-top: 2em; } .up li { margin: 0; display: block; list-style-type: none; } .up li span { display: none; } .up li a:link, .up li a:visited { color: #444; text-decoration: none; float: right; display: block; height: 11px; width: 16px; background: transparent url("../images/main/up.gif") no-repeat 0% 0%; cursor: pointer; } .up li a:hover, .up li a:active, .up li a:focus { background-position: 0px -11px; } /* C O L R I G H T ------------------------------------------------------------ */ #headline_subnav { display: none; } #submenu { list-style-type: none; display: block; width: 239px; border-left: 1px solid #DCDDDE; font-family: Georgia, "Times New Roman", Times, serif; } #submenu li { display: block; width: 239px; } #submenu .first { border-top: 1px solid #DCDDDE; } #submenu .last { border-bottom: 1px solid #FFFFFF; } #submenu li a:link, #submenu li a:visited { border-bottom: 1px solid #DCDDDE; border-top: 1px solid #FFFFFF; text-indent: 15px; color: #49392F; background: #F4F3EE; text-decoration: none; display: block; width: 239px; line-height: 3em; position: relative; } #submenu li a:hover, #submenu li a:active, #submenu li a:focus { color: #1747D2; text-decoration: none; } #col_right #biblical_text { font-style: normal; padding: 10em 46px 0 0; background: transparent url("../images/main/sub_txt_bg.jpg") no-repeat 0% 0%; } #col_right #biblical_text .script { font-style: italic; } #col_right #biblical_text .passage { text-align: right; font-size: 0.85em; } #impressum #col_right #biblical_text { font-style: normal; padding: 2em 46px 0 0; background: none; } #nachrichten #subnav1 a:link, #nachrichten #subnav1 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #nachrichten #subnav1 a:link span, #nachrichten #subnav1 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #publikandum #subnav2 a:link, #publikandum #subnav2 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #publikandum #subnav2 a:link span, #publikandum #subnav2 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #pfarrbrief #subnav3 a:link, #pfarrbrief #subnav3 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #pfarrbrief #subnav3 a:link span, #pfarrbrief #subnav3 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #presseartikel #subnav4 a:link, #presseartikel #subnav4 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #presseartikel #subnav4 a:link span, #presseartikel #subnav4 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #bildgalerie #subnav5 a:link, #bildgalerie #subnav5 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #bildgalerie #subnav5 a:link span, #bildgalerie #subnav5 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #termine #subnav6 a:link, #termine #subnav6 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #termine #subnav6 a:link span, #termine #subnav6 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #kirchen #subnav1 a:link, #kirchen #subnav1 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #kirchen #subnav1 a:link span, #kirchen #subnav1 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #gottesdienste #subnav2 a:link, #gottesdienste #subnav2 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #gottesdienste #subnav2 a:link span, #gottesdienste #subnav2 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #pfarrer #subnav3 a:link, #pfarrer #subnav3 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #pfarrer #subnav3 a:link span, #pfarrer #subnav3 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #pastoralreferenten #subnav4 a:link, #pastoralreferenten #subnav4 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #pastoralreferenten #subnav4 a:link span, #pastoralreferenten #subnav4 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #diakone #subnav5 a:link, #diakone #subnav5 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #diakone #subnav5 a:link span, #diakone #subnav5 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #kirchenvorstand #subnav6 a:link, #kirchenvorstand #subnav6 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #kirchenvorstand #subnav6 a:link span, #kirchenvorstand #subnav6 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #pfarrgemeinderat #subnav7 a:link, #pfarrgemeinderat #subnav7 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #pfarrgemeinderat #subnav7 a:link span, #pfarrgemeinderat #subnav7 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #mitarbeitervertretung #subnav8 a:link, #mitarbeitervertretung #subnav8 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #mitarbeitervertretung #subnav8 a:link span, #mitarbeitervertretung #subnav8 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #eine-welt-gruppe #subnav1 a:link, #eine-welt-gruppe #subnav1 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #eine-welt-gruppe #subnav1 a:link span, #eine-welt-gruppe #subnav1 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #jugendtreff #subnav2 a:link, #jugendtreff #subnav2 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #jugendtreff #subnav2 a:link span, #jugendtreff #subnav2 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #kindergaerten #subnav3 a:link, #kindergaerten #subnav3 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #kindergaerten #subnav3 a:link span, #kindergaerten #subnav3 a:visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #pfarrbuero #subnav1 a:link, #pfarrbuero #subnav1 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #pfarrbuero #subnav1 a:link span, #pfarrbuero #subnav1 :visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #seelsorger #subnav2 a:link, #seelsorger #subnav2 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #seelsorger #subnav2 a:link span, #seelsorger #subnav2 :visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } #kontakt_mitarbeitervertretung #subnav3 a:link, #kontakt_mitarbeitervertretung #subnav3 a:visited { color: #1747D2; background: #E8B82D; border: none; width: 254px; line-height: 3em; } #kontakt_mitarbeitervertretung #subnav3 a:link span, #kontakt_mitarbeitervertretung #subnav3 :visited span { display: block; position: absolute; right: 0; top: 3em; height: 7px; width: 15px; background: transparent url("../images/main/sub_active.gif") no-repeat 0% 0%; } /* F O O T E R ----------------------------------------------------------------- */ #footer { background: #525252 url("../images/main/footer_bg.jpg") repeat-x 0% 0%; color: #fff; } #church_links { text-align: left; margin: 0 auto; width: 890px; padding: 0 30px 17px 30px; background: #fff; } #linkbox { display: block; list-style-type: none; width: 890px; height: 100px; } #headline_links, #linkbox span { display: none; } #linkbox li { float: left; display: block; } #linkbox a:link, #linkbox a:visited { color: #fff; display: block; background: transparent url("../images/main/church_links.jpg") no-repeat 0% 0%; cursor: pointer; text-decoration: none; } #linkbox #link_agatha a:link, #linkbox #link_agatha a:visited { width: 223px; height: 100px; background-position: 0px 0px; } #linkbox #link_hk a:link, #linkbox #link_hk a:visited { width: 222px; height: 100px; background-position: -223px 0px; } #linkbox #link_johannes a:link, #linkbox #link_johannes a:visited { width: 222px; height: 100px; background-position: -445px 0px; } #linkbox #link_nikolaus a:link, #linkbox #link_nikolaus a:visited { width: 223px; height: 100px; background-position: -667px 0px; } #linkbox #link_agatha a:hover, #linkbox #link_agatha a:active, #linkbox #link_agatha a:focus { background-position: 0px -100px; } #linkbox #link_hk a:hover, #linkbox #link_hk a:active, #linkbox #link_hk a:focus { background-position: -223px -100px; } #linkbox #link_johannes a:hover, #linkbox #link_johannes a:active, #linkbox #link_johannes a:focus { background-position: -445px -100px; } #linkbox #link_nikolaus a:hover, #linkbox #link_nikolaus a:active, #linkbox #link_nikolaus a:focus { background-position: -667px -100px; } #footer_in { text-align: left; margin: 0 auto; width: 890px; height: 40px; padding: 28px 30px 0 30px; background: transparent url("../images/main/footer_in_bg.gif") no-repeat 0% 0%; } #footer_in p { margin: 0;} #footer #copyright { float: left; color: #ddd; } #footer #copyright a:link, #footer #copyright a:visited { color: #ddd; text-decoration: underline; } #footer #copyright a:hover, #footer #copyright a:active, #footer #copyright a:focus { color: #FEBD01; text-decoration: underline; } #impressum #footer #copyright a:link, #impressum #footer #copyright a:visited { color: #FEBD01; text-decoration: underline; } #footer #validate { float: right; } #footer #validate li { float: left; list-style-type: none; } #validate span { display: none; } #validate #xhtml { margin-right: 10px; } #validate #xhtml, #validate #css { display: block; width: 63px; height: 17px; } #validate #xhtml a:link, #validate #xhtml a:visited { color: #ddd; display: block; width: 63px; height: 17px; text-decoration: none; background: transparent url("../images/main/xhtml.jpg") no-repeat 0% 0%; cursor: pointer; } #validate #xhtml a:hover, #validate #xhtml a:active, #validate #xhtml a:focus { background-position: 0px -17px; } #validate #css a:link, #validate #css a:visited { color: #ddd; display: block; width: 63px; height: 17px; text-decoration: none; background: transparent url("../images/main/css.jpg") no-repeat 0% 0%; cursor: pointer; } #validate #css a:hover, #validate #css a:active, #validate #css a:focus { background-position: 0px -17px; } /* H O M E --------------------------------------------------------------------- */ #home #main_in { background: transparent url("../images/home/main_in_bg.gif") repeat-y 0% 0%; } #home #col_left { background: transparent url("../images/home/col_left_bg.gif") no-repeat 0% 0%; } #home #col_right { background: transparent url("../images/home/col_right_bg.gif") no-repeat 0% 0%; } #home #col_right h3, #home #col_right p, #home #col_right address { padding: 0 46px 0 0; } #home #slideshow { float: right; background: transparent url("../images/home/img_border.jpg") no-repeat 0% 0%; margin: 0 0 0 28px; padding: 9px 9px 21px 9px; } #home #slideshow_container { position: relative; width: 312px; height: 223px; overflow: hidden; } #home #slideshow_container img { position: absolute; top: 0; left: 0; } #home #slideshow a:link span, #home #slideshow a:visited span { position: absolute; display: block; top: 0; left: 0; width: 312px; height: 223px; cursor: pointer; text-decoration: none; } #home #slideshow a:hover span, #home #slideshow a:active span, #home #slideshow a:focus span { position: absolute; display: block; top: 0; left: 0; width: 312px; height: 223px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center center; cursor: pointer; text-decoration: none; } #home .imginv { display: none; } #home #copyright { display: none; } /* N A C H R I C H T E N -------------------------------------------------------- */ #nachrichten #col_left ul { list-style-type: square; margin-bottom: 0.75em; padding-left: 30px; } #nachrichten #col_left li { color: #469733;} #nachrichten #col_left li span { color: #444; } /* P F A R R B R I E F --------------------------------------------------------- */ #pfarrbrief #movie { margin-bottom: 1em; } /* B I L D G A L E R I E -------------------------------------------------------- */ .gal_ov_img { float: left; background: transparent url("../images/gallery/gallery_ov_img_border.jpg") no-repeat 0% 0%; padding: 7px 6px 11px 6px; } .gal_ov_txt { float: right; width: 260px; padding-top: 25px; } .gal_img { position: relative; float: left; background: transparent url("../images/gallery/gallery_img_border.jpg") no-repeat 0% 0%; margin: 0 31px 20px 0; padding: 7px 6px 11px 6px; } .gal_last { margin: 0 0 20px 0; } .gal_img a:link span, .gal_img a:visited span { position: absolute; display: block; top: 0; left: 0; width: 186px; height: 132px; cursor: pointer; text-decoration: none; } .gal_img a:hover span, .gal_img a:active span, .gal_img a:focus span { position: absolute; display: block; top: 0; left: 0; width: 186px; height: 132px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; cursor: pointer; text-decoration: none; } /* G O T T E S D I E N S T E --------------------------------------------------- */ #gottesdienste .day { clear: left; float: left; display: block; width: 115px; } #gottesdienste .time { float: left; display: block; width: 505px; } #gottesdienste .star { color: #2B73E4; } #gottesdienste em { font-size: 0.85em; } .lightgrey { background: #F5F4F0; } /* K I R C H E N ---------------------------------------------------------------- */ #audioplayer { margin-bottom: 0.75em; } /* P F A R R G E M E I N D E R A T --------------------------------------------- */ #pfarrgemeinderat-list { list-style-type: square; margin-bottom: 0.75em; padding-left: 30px; } #pfarrgemeinderat-list li { color: #469733;} #pfarrgemeinderat-list span { color: #444; } #pfarrgemeinderat-list span small { color: #2B73E4; } /* K I R C H E N V O R S T A N D ------------------------------------------------ */ #kirchenvorstand-list { list-style-type: square; margin-bottom: 0.75em; padding-left: 30px; } #kirchenvorstand-list li { color: #469733;} #kirchenvorstand-list span { color: #444; } #kirchenvorstand-list span small { color: #2B73E4;} #kirchenvorstand-list2 { list-style-type: square; margin-bottom: 0.75em; padding-left: 30px; } #kirchenvorstand-list2 li { color: #469733;} #kirchenvorstand-list2 span { color: #444; } /* M A V ----------------------------------------------------------------------- */ #mav-logo { float: right; margin: 0 0 0.5em 1em; } #mav-list { list-style-type: square; margin-bottom: 0.75em; padding-left: 30px; } #mav-list li { color: #469733;} #mav-list span { color: #444; } /* P U B L I K A N D U M -------------------------------------------------------- */ #publikandum #col_left em { color: #888; } /* P F A R R E R --------------------------------------------------------------- */ #sign_franke { width: 100%; height: 35px; display: block; background: transparent url("../images/signitures/sign_franke.gif") no-repeat 0% 0%; } #sign_miczynski { width: 100%; height: 40px; display: block; background: transparent url("../images/signitures/sign_miczynski.gif") no-repeat 0% 0%; } #sign_peters { width: 100%; height: 35px; display: block; background: transparent url("../images/signitures/sign_peters.gif") no-repeat 0% 0%; } #sign_varga { width: 100%; height: 35px; display: block; background: transparent url("../images/signitures/sign_varga.gif") no-repeat 0% 0%; } #sign_franke span, #sign_miczynski span, #sign_peters span, #sign_varga span { display: none; } /* J U G E N D T R E F F ------------------------------------------------------- */ #eltern-list { list-style-type: square; margin-bottom: 0.75em; padding-left: 30px; } #eltern-list li { color: #469733;} #eltern-list span { color: #444; } /* K I N D E R G Ä R T E N ------------------------------------------------------- */ .space_kg { display: block; width: 10em; float: left; } #kindergaerten em { font-size: 0.85em; } #kindergaerten .divider { } /* K O N T A K T ------------------------------------------------------------------ */ .a_l { float: left; width: 50%; } .a_r { float: right; width: 50%; } kontakt_mitarbeitervertretung #address { margin-bottom: 0; } /* B A N N E R ------------------------------------------------------------------- */ #trauerflor { width: 126px; height: 126px; display: block; position: absolute; left: 0; top: 0; z-index: 10; background: transparent url("../images/main/trauerflor.gif") no-repeat 0% 0%; cursor: pointer; } /* M I S C E L L A N E O U S ---------------------------------------------------- */ .block { text-align: justify; } em { font-style: normal; font-weight: normal; } strong, b, .bold { font-weight: bold; } .u { text-decoration: underline; } .normal { font-weight: normal; color: #444; } strike, del { text-decoration: line-through; } .inv { display: none; } .nomargin { margin: 0; } .bigmargin { margin-bottom: 2em; } .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 ---------------------------------------------------------- */