/* 1 Wert: alle vier Seiten 2 Werte: oben/unten - rechts/links 3 Werte: oben - rechts/links - unten 4 Werte: oben - rechts - unten - links */ /* allgemeinde Datumzelle */ td.kdatum {text-align:center; color:green;} /******************************************************************************************************/ /* Höhe der Seite, damit bis zum unteren Bildschirmrand ein senkrechter Strich angezeigt wird */ html, body {height:100%; width:100%; margin:0; padding:0; } html.auto, body.auto {height:auto; width:auto;} /* Hintergrundfarbe */ body { background-color:white; } /* weitere allgemeine Definitionen */ .kursiv {font-style:italic;} .fett {font-weight:bold;} .rechts {text-align:right;} .unterstr {text-decoration:underline;} td.druck {text-align:right; font-style:italic; font-size:1em;} /* Begrenzungslinien */ body.oben {border-bottom-width:4px; border-bottom-style:solid; border-bottom-color:#C0C0C0; } #wrapper {height:100%; width:97.5%; display:table; border-left-width:2px; border-left-style:solid; border-left-color:#C0C0C0; margin:0; padding:0} hr {height:4px; width:100%; border-style:none; background-color:#C0C0C0; color:#C0C0C0; text-align:left;} hr.duenn {height:2px;} /******************************************************************************************************* * Begrenzung der Elemente (Margin und Padding) *********************************************************************************************************/ p, h1, h2, h3, h4, table, ul, li, hr {margin-left:10px; margin-right:10px;} p, ul, li {margin-top:10px; margin-bottom:10px;} #gering p {margin-top:5px; margin-bottom:5px;} #mehr p {margin-top:25px; margin-bottom:10px;} h1, h2, h3, h4 {margin-top:20px; margin-bottom:20px;} ul {padding-left:10px;} /* sorgt dafür, dass die Auflistungspunkte linksbündig zum Text stehen */ img {margin: 10px 10px 10px 10px;} img.null {margin: 10px 10px 10px 10px;} /* table: margin-top und margin-bottom nicht definiert */ /******************************************************************************************************* * Schrifteigenschaften (vererbt) *********************************************************************************************************/ body {font-family:Arial, sans-serif; font-size:100.01%; color:navy; } p, table, ul {font-size:0.95em; } h1 {color:black; font-size:1.5em;} h2 {color:navy; font-size:1.3em; } h3 {color:green; font-size:1.1em;} h4 {color:navy; font-size:.95em;} /******************************************************************************************************* * Links *********************************************************************************************************/ :link:focus, :visited:focus {text-decoration:underline; color:blue;} :link {text-decoration:none; color:blue;} :visited {text-decoration:none; color:blue;} :link:hover, :visited:hover {text-decoration:underline; color:blue;} :link:active, :visited:active {text-decoration:none; color:blue;} /* Hinweis auf http://www.thestyleworks.de/tut-art/pc_dynamic_a_name.shtml */ /* a:link { text-decoration:none; color:blue; } a:visited { text-decoration:none; color:blue;} a:hover { text-decoration:underline; color:blue;} a:focus { text-decoration:underline; color:blue;} a:active { text-decoration:none; color:blue;} a.anker:link { text-decoration:none; color:navy; } a.anker:visited { text-decoration:none; color:navy;} a.anker:hover { text-decoration:none; color:navy;} a.anker:focus { text-decoration:none; color:navy;} a.anker:active { text-decoration:none; color:navy;} */ /******************************************************************************************************* * Kopffenster *********************************************************************************************************/ body.oben {height:66px} /* Bildhöhe + Margin-top des Bildes = 65 + 1 = 66 px */ #kopf img {margin:1px 1px 0px 0px; } #kopf h2 {font-size:21px; color:green; margin-top:8px; margin-bottom:5px; padding-top:0px;} #kopf h3 {font-size:17px; color:navy; margin-top:0px; margin-bottom:0px; padding-top:0px;} /******************************************************************************************************* * Logo *********************************************************************************************************/ img.logo {margin: 10px;} /******************************************************************************************************* * Wilkommen *********************************************************************************************************/ img.willkomm{margin: 20px 0px 10px 5px; } /******************************************************************************************************* * Verweisfenster *********************************************************************************************************/ #navigation h1 {background-color:#C0C0C0; color:green; padding:3px; text-align:left; font-weight:bold; font-size:1em; margin-top:5px; margin-bottom:5px;} #navigation ul {margin:5px 0px 15px 0px; padding:0px;} /* oben - rechts - unten - links */ #navigation li {list-style-type:none; margin-top:2px; margin-bottom:2px; padding: 0px 0px 0px 5px;} /* Farben für Links im Verweisfenster */ #navigation h1 a:link { text-decoration:none; color:green; } #navigation h1 a:visited { text-decoration:none; color:green;} #navigation h1 a:hover { text-decoration:none; color:green;} /* #FF8000 = orange */ #navigation h1 a:focus { text-decoration:none; color:green;} #navigation h1 a:active { text-decoration:none; color:green;} #navigation a:link { text-decoration:none; color:navy; } #navigation a:visited { text-decoration:none; color:navy;} #navigation a:hover { text-decoration:underline; color:navy;} /* #FF8000 = orange */ #navigation a:focus { text-decoration:none; color:navy; } #navigation a:active { text-decoration:none; color:navy;} /******************************************************************************************************* * Darstellung Gemeindekreise *********************************************************************************************************/ #kreise table {table-layout:fixed; overflow:hidden; width:97.5%; } #kreise tr {margin:10px; } #kreise td {text-align:center; padding:6px; margin:10px; border:1px none; table-layout:fixed;} #kreise td.baustein {background-color:#C0C0C0; border-width:3px; border-style:solid; border-color:green;} /******************************************************************************************************* * Tabelle Termine *********************************************************************************************************/ #termine td {padding:5px;} #termine td.datum {white-space:nowrap; text-align:right; color:green; font-weight:bold; vertical-align:top;} /******************************************************************************************************* * Tabelle Gottesdienstplan *********************************************************************************************************/ #gplan table {width:95%} #gplan table, #gplan th, #gplan td {border-color:green; border-style:solid; border-collapse:collapse;} #gplan tr.akt {border-color:green; border-style:solid; border-collapse:collapse; background-color:#C0C0C0;} #gplan table {border-width:3px} #gplan th {border-width: 3px 1px 3px 1px; padding: 10px 5px 10px 5px; text-align:left;} #gplan th.zentriert {text-align:center;} #gplan td {border-width: 1.5px; padding: 5px 5px 5px 5px;} #gplan td.datum {white-space:nowrap; text-align:center; color:green; font-weight:bold;} #gplan td.zeit {white-space:nowrap; text-align:center;} /******************************************************************************************************* * Druckversion Gottesdienstplan *********************************************************************************************************/ #gplan_d p, #gplan_d table, #gplan_d ul, #gplan_d h1, #gplan_d h2, #gplan_d h3, #gplan_d h4 {color:black;} #gplan_d table {border-width:medium; border-color:black; border-style:solid; border-collapse:collapse;} #gplan_d th {border-color:black; border-style:solid; border-width: medium 1px; border-collapse:collapse} #gplan_d td {border-width:1px; border-color:black; border-style:solid; border-collapse:collapse; padding: 5px 3px;} #gplan_d td.datum {white-space:nowrap; text-align:center; color:black;} #gplan_d td.zeit {white-space:nowrap; text-align:center; color:black;} #gplan_d a:link { text-decoration:none; color:black; } #gplan_d a:visited { text-decoration:none; color:black;} #gplan_d a:hover { text-decoration:underline; color:black;} #gplan_d a:focus { text-decoration:underline; color:black;} #gplan_d a:active { text-decoration:none; color:black;} /******************************************************************************************************* * Tabelle Gottesdienstablauf *********************************************************************************************************/ #ablauf table, #ablauf th, #ablauf td {border-color:green; border-style:solid; border-collapse:collapse;} #ablauf table {border-width:3px} #ablauf th {border-width: 3px 1px 3px 1px; padding: 10px 5px 10px 5px; text-align:center;} #ablauf td {border-width: 1.5px; padding: 5px 5px 5px 5px; text-align:center;} /******************************************************************************************************* * Tabelle für Links am Seitenanfang *********************************************************************************************************/ #linktable table {width:100%; table-layout:fixed; overflow:hidden; background-color:#DCDCDC; margin-left:0px;} #linktable td {padding:5px;} table.uebersicht_f {width:95%; table-layout:fixed; overflow:hidden; } table.uebersicht_v {width:95%; } /******************************************************************************************************* * Fließende Bilder *********************************************************************************************************/ #bild_links img {float: left; } #bild_rechts img {float: right; } /******************************************************************************************************* * pdf-Liste Gemeindebriefe *********************************************************************************************************/ #pdf ul{list-style-image:url(pdficon_small.gif);} #pdf li, #pdf a{margin-left:20px;} #pdf li {margin-top: 20px; margin-bottom:20px;} /* Liste mit Pfeil */ #pfeil ul {list-style-image:url(pfeil.gif); margin-left:20px;} #pfeil li {padding-left:5px;}