/* ****************************** */ /* Ev. Kirchengemeinde Hiltrup */ /* Haupt-Templat */ /* ****************************** */ /* Background Color 1: #FFFFCC (lichtgelb) Background Color 1-dimmed: #FFDF7C; (orange) #FFF1C1; (lichtorange) Background Color 2: #F5FFAA; (Background 2) (Tabellenzeile A) Background Color 3: #D1D2E4; (Background 2) (Tabellenzeile B) Background Color 4: #669999; (Menue oben) Background Color 5: #337777; (Menue dunkel hinterlegt) Schriftfarben: Dunkelgrün: #335555 Dunkelgrün- heller: #446666 Rotbraun: #993300 Borders/Lines #993300 (#333333) */ /***************************/ /* General element styles: */ /***************************/ html { font-size: 75% } html>body { font-size: 12px; } H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT, DIV { font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; color: #000000; } H1 { font-size: 1.4em; } H2 { font-size: 1.2em; } H3 { font-size: 1.1em; } H4 { font-size: 1.0em; } H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; } PRE { font-family: monospace; } A { color: #4b0082; text-decoration: underline; } A:hover { color: #993300; } A:link img, A:visited img { border-style: none; color: #113333; } FORM { margin: 0px 0px 0px 0px;} P, PRE { margin: 0px 0px 0px 0px; } P, TD, UL, OL { font-size: 1em; } INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 1em; } TD { padding: 0; } /*********************/ /* Allgemeines Setup */ /*********************/ body { /* background-image: url(../images/v2/bg_46b2b4.jpg); background-repeat: repeat-x; */ /*background-color: #2a4aff; */ background-color: #92a2ff; /* font-size muss für IE nur einmal in Prozenten angegeben werden. Verhindert Fehlstellungen*/ font-size: 76%; margin; 0px; padding: 0px; width: 98%; } div #general { clear: both; /* width: 100%; */ text-align: center; /*Seitenzentrierung im IE*/ } div #center { background-color: #f0f0d4; margin-left: auto; margin-right: auto; /* margin-right: 5%; */ padding-left: 4px; padding-right: 4px; /* max-width: 1024px; */ max-width: 1024px } #schriftzug { margin: 0px; /* height: 50px;*/ margin-bottom: 5px; align: center; /* max-width: 1024px; */ /* max-width: 900px */ } #schriftzug img { align: center; } #schriftzug p.headline1 { font-family: verdana, arial, sans-serif; color: black; font-size: 24px; text-align: center; font-weight: 500; } #schriftzug p.headline2 { font-family: verdana, arial, sans-serif; color: black; font-size: 16px; text-align: center; font-weight: 500; } /* ********************* */ /* Seitenkopf mit Images */ /* ********************* */ #kopf { width: 100%; float: left; } .kopf_links2, .kopf_links, .kopf_links3, .kopf_links4, .kopf_rechts { margin: 0px; } /* Fusszeile */ #footer { /* background: #7b68ee; */ margin-top: 20px; text-decoration:none; clear: both; /* font-family:verdana,arial,helvetica,sans-serif; */ /* height: 20px; */ height: 180px; } #footer a { color: #f8f8ff; color: black; text-decoration: none; border-style: none; } #Menue_unten { float: left; width: 60%; } #Menue_unten a { text-decoration: underline; } #Datum { color: #f8f8ff; color: black; float: right; /* text-align: right; */ margin-right: 0.5em; } #Datum a { text-decoration: none; border-style: none; } /* ================ */ /* horizontal Menue */ /* ================ */ #kopfmenue_outer a { text-decoration: none; border-style: none; } #kopfmenue_outer { margin-left: 0px; padding:0; } #kopfmenue_outer { width: 100%; float: left; } #kopfmenue { margin-bottom:1em; float: left; /* background: #330099; */ /* width: 100%; */ border-bottom: 2px gray solid; } td.topnav, td.topnavact { padding-left: 0.5em; padding-right: 0.5em; font-size: 0.9em; white-space:nowrap; /*Damit auch der IE keinen Umbruch macht.*/ } td.topnav A { /* display: block; */ color: black; text-decoration: none; font-weight: bold; white-space:nowrap; font-size: 0.9em; padding-left: 5px; padding-right: 5px; } td.topnavact A { /* display: block; */ text-decoration: none; font-weight: bold; white-space:nowrap; font-size: 0.9em; color: black; background: grey; padding-left: 5px; padding-right: 5px; } td.topnav A:visited { /* color :#FFFFCC; */ } td.topnavact A:visited { /* color :#FFFFCC; */ } td.topnav A:hover { color: black; background: #ccccff; } td.topnavact A:hover { /* color: yellow; background: white; */ } /* breadcrumb */ #breadcrumb p { float: left; width: 100%; padding-right: 4px; white-space:nowrap; margin-bottom: 4px; } #breadcrumb a { padding-right: 4px; padding-left: 4px; } /* ****************************** */ /* InfoPlus TODO */ /* ******************************* */ .InfoPlus .p-shadow .p-shadow1 .p-shadow2 { /* background: #FFDF7C; */ } .InfoPlus H1, .InfoPlus H2, .InfoPlus .fp_jw_calendar H1{ margin-top: 0.3em; } /***********************/ /* MENUE LINKS A LA CS */ /***********************/ /*#menu_links {border: thin gray solid}*/ #menu_links { /* width: 18em; */ width: 240px; font-weight: bold; margin-bottom: 2em; line-height:1.5em; float: left; /* background-image: url(../images/v2/bg.jpg); background-repeat: repeat-x; */ } /* v2 #menu_links LI { margin: 0px; border-bottom: 1px dashed #337777;} */ #menu_links UL { /* margin:0px; */ margin-left: -1.5em; margin-top: 0.5em; /* padding-left: 20px; */ list-style-type: none; list-style-image:url(../images/v2/arrow_r.gif); text-decoration: none; font-size: 1em; } #menu_links UL A { text-decoration: none; color: black; display: block; } #menu_links UL UL, UL UL UL { margin-left: -2.0em; list-style-image:url(../images/v2/arrow_r.gif); font-size: 1em; /* padding-left:0px; margin-left: 1em; */ } #menu_links UL UL LI, UL UL UL LI { margin-bottom: 0.5em; line-height: 1em; } #menu_links UL UL A, UL UL UL A { text-decoration: none; font-weight: normal; color: black; } /* Keine andere Farbe für visited items im Menü! */ #menu_links A:visited { color: #335555 } #menu_links A:hover { /* color: blue; */ background-color: yellow; background-color:#999999; /* padding-right: 15px; padding-left: 15px; */ } #menu_links .lmenu_active, #menu_links .active2 { font-style: italic; } #menu_links .lmenu_active A:hover, #menu_links .active2 A:hover { } #logolink_ul { height: 150px; } #logolink_ul li { float: left; margin-right: 30px; list-style-type: none; } #logolink_ul a { visible: false; } /****************************************/ /* Frontend editing / TYPO3 Admin Panel */ /****************************************/ IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } /* Default styles for the Admin Panel */ TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; } TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; } TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; } TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; } TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; } TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; } TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; } TABLE.typo3-editPanel TD { border: 0px; } .typo3-editPanel { width: 100px; clear: both; } .invisible_divider { color: #669999; } /************************/ /* Spaltendesign / Content */ /************************/ #drei_spalten_wrap { margin-bottom: 5px; padding-top: 10px; } #links { float: left; /* width: 30%; */ width: 240px; } #mitte { margin-top: 0; margin-left: 250px; margin-bottom: 5px; margin-right: 210px; padding: 0; /*background-color: silver; */ /* nur Test */ } #rechts { float: right; width: 200px; margin-right: 2px; } /* Stellt die Margins in den Bereichen ein */ #links_content { margin-top: 2px; padding-right: 0.5em; } #mitte_content { margin-top: 2px; margin-right: 5px; } #mitte_content p { } #rechts_content { margin-top: 2px; padding-left: 0.5em; /*float: right;*/ } #links_content h1, #rechts_content h1, #links_content h2, #rechts_content h2 { color: #0000CD; font-size: 1.2em; } #links_content h3, #rechts_content h3, #links_content h4, #rechts_content h4 { color: #191970; font-size: 1.0em; } .csc-header-n2, .csc-header-n3, .csc-header-n4, .csc-header-n5, .csc-header-n6, .csc-header-n7, .csc-header-n8 { margin-top: 0.6em; margin-bottom: 0.6em; border-top: 3px solid white; border-spacing:3px; } #links_content p.bodytext, #rechts_content p.bodytext { font-size: 0.9em; } #rechts_content .p-shadow { border: 2px solid #a9a9a9; padding: 4px; } #mitte_content { float: left; } #mitte_content h1, #mitte_content h2 { color: #0000CD; font-size: 1.2em; } #mitte_content h3, #mitte_content h4 { color: #191970; font-size: 1.2em; } #mitte_content p.bodytext, #rechts_content p.bodytext { font-size: 0.9em; } .csc-textpic-caption { font-size: 0.7em; } DIV.csc-textpic { float: left; } /* Tabellen */ TABLE.contenttable { margin: 0px 0px 0px 0px; /*width: 100%;*/ border-style: none; border-spacing:1px; font-size: 0.9em; } TABLE.contenttable TR TD { padding: 0px 3px 0px 3px; border-style: none; } TABLE.contenttable .tr-even { background: #FFF1C1; } TABLE.contenttable .tr-odd { background: #FFDF7C; } TABLE.contenttable .tr-0 { background: #FFD700; font-size: 1.0em; } #mitte_content .contenttable { background: #FFDF7C; } /* *************** */ /* fuer plugin CSS */ /* *************** */ /* csc mail form */ fieldset.csc-mailform { font-size: 1.1em; } .csc-mailform-field label { float: left; width: 9em; margin-right: 1em; margin-bottom: 3px; vertical-align: baseline; } #mailformname { width: 35em; margin-right: 1em; margin-bottom: 3px; vertical-align: baseline; } #mailformemail { width: 35em; margin-right: 1em; margin-bottom: 3px; vertical-align: baseline; } #mailformaddress { width: 35em; margin-right: 1em; margin-bottom: 3px; vertical-align: baseline; } #mailformtv { /* float: left; */ margin-bottom: 10px; vertical-align: baseline; } #mailformbody { /* float: left; */ width: 35em; margin-right: 1em; margin-bottom: 3px; vertical-align: baseline; } /* *************** */