/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 1, 2016 */ @font-face { font-family: 'fira_sanslight'; src: url('font/fira/firasans-light-webfont.woff2') format('woff2'), url('font/fira/firasans-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sansregular'; src: url('font/fira/firasans-regular-webfont.woff2') format('woff2'), url('font/fira/firasans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sansmedium'; src: url('font/fira/firasans-medium-webfont.woff2') format('woff2'), url('font/fira/firasans-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sanssemibold'; src: url('font/fira/firasans-semibold-webfont.woff2') format('woff2'), url('font/fira/firasans-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sansbold'; src: url('font/fira/firasans-bold-webfont.woff2') format('woff2'), url('font/fira/firasans-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sansbold_italic'; src: url('font/fira/firasans-bolditalic-webfont.woff2') format('woff2'), url('font/fira/firasans-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 30, 2019 */ @font-face { font-family: 'merriweather_bold'; src: url('font/merriweather/merriweather-bold.woff2') format('woff2'), url('font/merriweather/merriweather-bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_bold_italic'; src: url('font/merriweather/merriweather-bolditalic.woff2') format('woff2'), url('font/merriweather/merriweather-bolditalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_italic'; src: url('font/merriweather/merriweather-italic.woff2') format('woff2'), url('font/merriweather/merriweather-italic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_light'; src: url('font/merriweather/merriweather-light.woff2') format('woff2'), url('font/merriweather/merriweather-light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_light_italic'; src: url('font/merriweather/merriweather-lightitalic.woff2') format('woff2'), url('font/merriweather/merriweather-lightitalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_regular'; src: url('font/merriweather/merriweather-regular.woff2') format('woff2'), url('font/merriweather/merriweather-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @charset "UTF-8"; /* CSS Document */ @-ms-viewport{ width: extend-to-zoom; zoom: 1.0;} html, body { margin: 0px; padding: 0px; width: 100%; background-color:#fff; vertical-align: top; text-align: left; color: #404040; font-family: "fira_sanslight", sans-serif; font-weight: normal; font-size: 0.95rem; line-height: 1.65rem; letter-spacing: 0.03em; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; } #top { position:absolute; top:0px; } table, tr { border-collapse:collapse; font-size: 1em; } td, .rsTD { margin:0px; padding: 0.25rem 0.5rem 0.25rem 0px; vertical-align:top; text-align:left; font-family: "fira_sanslight", sans-serif; font-weight: normal; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } /************** Tags **************/ h1 { margin: 0px 0px 0.75rem 0px; padding: 0.25rem 0.5rem 0.25rem 0.5rem; font-family: "fira_sanssemibold", sans-serif; font-weight: normal; font-size: 1.2rem; line-height: 1.6rem; background-color: #d4d8e5; color: #2e387c; } h2 { margin: 0.5rem 0em 0.2rem 0em; font-family: "fira_sanssemibold", sans-serif; font-weight: normal; font-size: 1.15rem; line-height: 1.6rem; } h3 { margin: 0em 0em 0.1rem 0em; font-family: "fira_sansmedium", sans-serif; font-weight: normal; font-size: 1.1rem; line-height: 1.6rem; } b { font-family: "fira_sanssemibold", sans-serif; font-weight: normal; } ol, ul { margin: 0px 0px 0.5rem 1rem; padding:0px; } li { padding: 0px 0px 0px 0px; margin: 0.3rem 0px 0.5rem 0rem; line-height: 1.4rem; } hr { height:0px; border:0px; border-top:1px solid #5a605f; margin: 1em 0px; clear: both; } a:link, a:visited, a:hover, a:active, a:focus { color: #97c143; border:0px; outline: none; text-decoration: none; padding: 0px 0px 0px 0px; } a:hover, a:active, a:focus { border-bottom:1px solid #97c143; } img, a img, p a img { display: block; padding: 0px; margin: 0px; border: 0px; outline: none; text-decoration: none; } a.rsBildlink:link { position: absolute; width: 100%; height:100%; top:0px; left: 0px; display: block; } #bodywrapper { position: relative; margin: 0px auto; width: calc(100% - 4rem); max-width:1200px; } /****************** Home *****************/ #HomeText { float:left; width:33.333333%; font-family: "merriweather_light", serif; font-weight: normal; } #HomeText i { font-family: "merriweather_light_italic", serif; font-style: normal; } #HomeText b { font-family: "merriweather_bold", serif; font-weight: normal; } .Home_Text_Bild_rechts { float: right; max-width: calc(100% - 0.5rem); padding: 0px 0px 0.5rem 0.5rem; margin: 0px; } .Home_Text_Bild_links { float: left; max-width: calc(100% - 0.5rem); padding: 0px 0.5rem 0.5rem 0px; margin: 0px; } #HomeKachelbereich { position: relative; left:1.5rem; float:left; width:66.666666%; } .Kachel { position:relative; float:left; display:inline-block; width: calc(50% - 1.5rem); padding:0px; margin: 0px 1.5rem 1.5rem 0px; } a.Kachellink, a.Kachellink:link, a.Kachellink:visited, a.Kachellink:hover, a.Kachellink:active, a.Kachellink:focus { position:absolute; top:0px; opacity:1; transition: opacity 1.5s; width: 100%; } a.Kachellink:hover { opacity:0; transition: opacity 0.7s; } .Kachelbild { position:relative; width: 100%; } .Kacheltext { position:absolute; top:0px; width: 100%; height:100%; background-image:url(pic/PixHellGruen80.png); } .Kacheltextabstand { font-family: "fira_sansmedium", sans-serif; line-height: 1.05rem; padding:1rem; } .Kacheltextabstand ul li, .Kacheltextabstand ol li { padding: 0px 0px 0px 0px; margin: 0.05rem 0rem; line-height: 1rem; } .Kacheltitel { position:absolute; font-family: "fira_sansbold", sans-serif; font-size: 1rem; line-height: 1.1rem; color:white; width: calc(100% - 1rem); padding: 0.5rem; bottom:0px; background-image:url(pic/PixBlau80.png); } /****************** Kasten Aktuell *****************/ a#aktuellkasteninhalt:link, a#aktuellkasteninhalt:visited, a#aktuellkasteninhalt:hover, a#aktuellkasteninhalt:active, a#aktuellkasteninhalt:focus, a#aktuellkastenhome:link, a#aktuellkastenhome:visited, a#aktuellkastenhome:hover, a#aktuellkastenhome:active, a#aktuellkastenhome:focus { display:block; position:absolute; top: -1rem; right:0px; max-width: calc(66% - 2rem); border: 0px; outline: none; text-decoration: none; padding:0.5rem; font-family: "fira_sansmedium", sans-serif; font-size: 0.8rem; line-height: 1rem; background-color: #e0e0e0; background-color: #d0734b; color: #2e387c; color: #fff; } a#aktuellkasteninhalt:link, a#aktuellkasteninhalt:visited, a#aktuellkasteninhalt:hover, a#aktuellkasteninhalt:active, a#aktuellkasteninhalt:focus { max-width: calc(66% - 3rem); right:1rem; } a#aktuellkasteninhalt:hover, a#aktuellkastenhome:hover { background-color: #c0c5e1; background-color: #d4d8e5; background-color: #2f397c; color:white; } /****************** Kopf *****************/ #Phonekopf { position:absolute; top: -1000px; visibility:hidden; } #Kopf { width: 100%; display:table; margin: 2rem 0px 3rem 0px; padding: 0px 0px 0px 0px; font-family: "fira_sansregular", sans-serif; font-size: 1rem; line-height: 1.1rem; color: #2e387c; } #Firmenbereich { width: 33%; display:table-cell; vertical-align:bottom; } #Kopfmenuebereich { position:relative; left:1.5rem; display:table-cell; width: 66%; vertical-align: bottom; } a#LogoLink:link, a#LogoLink:visited, a#LogoLink:hover, a#LogoLink:active, a#LogoLink:focus { display:inline-block; height: 6rem; border: 0px; outline: none; text-decoration: none; border-right: 1px #2e387c solid; } a#LogoLink:hover { background-color: #d4d8e5; border: 0px; margin-right:1px; } #logo { height: 100%; padding: 0px 1rem 0px 0px; } #Firmenbezeichnung { display:inline-block; vertical-align: bottom; padding: 0px 0px 0px 0.5rem; width:calc(100% - 8rem); -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } #Kopfmenue { display:table; width: 100%; } a.nav1, a.nav1:link, a.nav1:visited, a.nav1:hover, a.nav1:active, a.nav1X, a.nav1X:link, a.nav1X:visited, a.nav1X:hover, a.nav1X:active, a.nav1A, a.nav1A:link, a.nav1A:visited, a.nav1A:hover, a.nav1A:active { display:table-cell; text-transform:uppercase; font-weight: normal; font-size: 1.3rem; line-height: 1.3rem; padding: 0px; letter-spacing: 0.03rem; border: 0px; outline: none; text-decoration: none; color: #2e387c; } a.nav1A, a.nav1A:link, a.nav1A:visited, a.nav1A:active, a.nav1X, a.nav1X:link, a.nav1X:visited, a.nav1X:hover, a.nav1X:active { font-family: "fira_sansbold", sans-serif; } a.nav1:hover, a.nav1A:hover { background-color: #d4d8e5; } /**************** Fuss ****************/ #Fussbereich { width:100%; position: fixed; bottom:0px; font-family: "fira_sansregular", sans-serif; font-weight: normal; font-weight: normal; font-size: 0.9rem; line-height: 1.6rem; background-color: #e0e0e0; color: #2e387c; border-top: 2px solid white; } #Fuss { position: relative; margin: 0px auto; padding: 0px 2rem; width: calc(100% - 4rem); max-width:1200px; } #Adresse, #Icons, #Fussmenue { float:left; width:33.33333%; } #Adresse a:link, #Adresse a:visited, #Adresse a:hover, #Adresse a:active, #Adresse a:focus { color: #2e387c; border: 0px; outline: none; text-decoration: none; } #Adresse a:hover { background-color: #fff; } #Icons { position:relative; left:1rem; width: 33.333333%; } #Fussmenue { width: 33.333333%; } #Adresse, #Fussmenue { padding: 0.8rem 0rem 0.2rem 0rem; } #Fussmenue { text-align:right; } a.Fussicon:link, a.Fussicon:visited, a.Fussicon:hover, a.Fussicon:active, a.Fussicon:focus { display:inline-block; border: 0px; outline: none; text-decoration: none; padding:1rem; } a.Fussicon:hover { background-color: #fff; } a.Fussicon img { width: 2.25rem; height: 2.25rem; } .fussnavcontainer { display:inline-block; margin: 0px 0px 0.5rem 10%; } a.fussnav, a.fussnnav:link, a.fussnav:visited, a.fussnav:hover, a.fussnav:active, a.fussnavX, a.fussnavX:link, a.fussnavX:visited, a.fussnavX:hover, a.fussnavX:active { display:inline-block; text-transform:uppercase; font-weight: normal; font-size: 1rem; line-height: 1.1rem; padding: 0px; letter-spacing: 0.03rem; border: 0px; outline: none; text-decoration: none; color: #2e387c; } a.fussnavX, a.fussnavX:link, a.fussnavX:visited, a.fussnavX:hover, a.fussnavX:active { font-family: "fira_sanssemibold", sans-serif; } a.fussnav:hover { background-color: #fff; } /***************** Inhalt **************/ #Inhaltsbereich, #content { float:left; width:100%; } #content { padding-bottom: 0px 0px 6rem 0px; min-height:50vh; } #Inhalt { font-family: "merriweather_light", serif; line-height: 1.5rem; float:left; position:relative; left: 1.5rem; min-height:50vh; width:100%; } #Inhalt b { font-family: "merriweather_bold", sans-serif; font-weight: normal; } #Inhalt a:link, #Inhalt a:visited, #Inhalt a:hover, #Inhalt a:active, #Inhalt a:focus { display:inline-block; font-family: "merriweather_bold", sans-serif; color: #97c143; border:0px; outline: none; text-decoration: none; padding-bottom: 1px; } #Inhalt a:hover { border-bottom:1px solid #97c143; padding-bottom: 0px; } .Textblock_1_1, .Textblock_3_4, .Textblock_2_3, .Textblock_1_2, .Textblock_1_3, .Textblock_1_4 { display: inline-block; vertical-align: top; text-align:left; padding: 0px 0px 1rem 0px; margin: 0rem; background-color:#fff; } .Textblock_1_1 { width: 100%; } .Textblock_3_4 { width: calc(75% - 0.75rem); } .Textblock_2_3 { width: calc(66.6666666666% - 0.6666666rem); } .Textblock_1_2 { width: calc(50% - 0.5rem); } .Textblock_1_3 { width: calc(33.3333333333% - 0.3333333rem); } .Textblock_1_4 { width: calc(25% - 0.25rem); } .Textabstand { width: calc(100% - 1.5rem); margin: 0px; padding: 0rem 0px 1.5rem 0px; } /************** Galerie *************/ .Diaanker { position:relative; top:0px; } .Galeriebereich { position:relative; display: inline-block; vertical-align:top; overflow:hidden; width: calc(100% - 1.5rem); } .Bild { width: 100%; } .Legende { position:absolute; font-family: "merriweather_regular", serif; font-size: 0.9rem; line-height: 1.6rem; color:white; width: calc(100% - 1rem); padding: 0.25rem 0.5rem; bottom:0px; background-image:url(pic/PixGrau60.png); } .bildzurueck, .bildweiter { position: absolute; top: 0; width: 50%; height: 100%; border: none; background-size: 4rem; background-repeat: no-repeat; background-position: left; cursor: pointer; opacity: 1; /* Starten mit Transparenz */ transition: opacity 0.3s ease-in-out; } .bildzurueck { left: 0; background-image: url('pic/Pfeil_Links.png'); } .bildweiter { right: 0; background-image: url('pic/Pfeil_Rechts.png'); background-position: right; } .bildzurueck:hover { background-image: url('pic/Pfeil_Links_H.png'); } .bildweiter:hover { background-image: url('pic/Pfeil_Rechts_H.png'); } .Abstand { width: 100%; height: 1rem; } #totop, a#totop, a#totop:link, a#totop:visited, a#totop:hover, a#totop:active { float:right; clear: both; border:none; padding: 1.5rem 1.5rem 2rem 1.5rem; } a#totop:hover { background-color: #d4d8e5; } #top { position:relative; top:-20rem; } /************** Referenzen ***********/ #RefInhalt { width:100%; min-height:70vh; } .RefTitel { float:right; line-height: 1.5rem; width:100%; margin: 2rem 0rem 0.5rem 0rem; } .RefTabBereich, .RefBildbereich { float:right; display: inline-block; width:100%; vertical-align:top; } .RefTabBereich { width:calc(100% + 2px); position:relative; right:-2px; background-color: #e0e0e0; } .ReferenzHG { position: relative; float:right; width:100%; } .RefTab, .RefTabPlus { width: 100%; } .hiddenDiv, .hideTab { display: none; } img.hideTab, img.showTab { width: 1.75rem; height: 1.75rem; padding: 0.25rem 0.125rem; } .lupe { position: absolute; top: 1rem; right: 1rem; width: 1.5rem; } img.lupe:hover, img.hideTab:hover, img.showTab:hover { filter: invert(100%); } .RefTab td, .RefTabPlus td { font-family: "merriweather_light", serif; line-height: 1.2rem; padding: 0.5rem 0.5rem 0.5rem 0.75rem; border-bottom: 1px solid white; border-right: 1px solid white; } .RefTab td.plusminus { width: 1rem; padding: 0px; vertical-align: bottom; } .RefTab td.nowrap, .RefTabPlus td.nowrap { whitespace:nowrap; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; width:25%; } .RefTab td.nowrap { width: calc(25% - 1rem); } /**************** Menü *************/ #Untermenue { float:left; width: 33.333333%; padding: 0px; margin: 0px; } a.nav2, a.nav2:link, a.nav2:visited, a.nav2:hover, a.nav2:active, a.nav2X, a.nav2X:link, a.nav2X:visited, a.nav2X:hover, a.nav2X:active, a.nav2A, a.nav2A:link, a.nav2A:visited, a.nav2A:hover, a.nav2A:active, a.nav3, a.nav3:link, a.nav3:visited, a.nav3:hover, a.nav3:active, a.nav3X, a.nav3X:link, a.nav3X:visited, a.nav3X:hover, a.nav3X:active, a.nav3A, a.nav3A:link, a.nav3A:visited, a.nav3A:hover, a.nav3A:active { display: block; color: #2e387c; border:0px; outline: none; text-decoration: none; padding: 0px 0px 0px 0px; text-align: left; font-family: "fira_sanslight", sans-serif; font-weight: normal; font-size: 1rem; line-height: 1.3rem; padding: 0.5rem 0.5rem 0rem; } a.nav2X, a.nav2X:link, a.nav2X:visited, a.nav2X:hover, a.nav2X:active, a.nav2A, a.nav2A:link, a.nav2A:visited, a.nav2A:hover, a.nav2A:active { font-family: "fira_sansbold", sans-serif; } a.nav3, a.nav3:link, a.nav3:visited, a.nav3:hover, a.nav3:active, a.nav3X, a.nav3X:link, a.nav3X:visited, a.nav3X:hover, a.nav3X:active, a.nav3A, a.nav3A:link, a.nav3A:visited, a.nav3A:hover, a.nav3A:active { padding-left:4rem; } a.nav3X, a.nav3X:link, a.nav3X:visited, a.nav3X:hover, a.nav3X:active, a.nav3A, a.nav3A:link, a.nav3A:visited, a.nav3A:hover, a.nav3A:active { font-family: "fira_sansbold", sans-serif; } a.nav2:hover, a.nav2X:hover, a.nav2A:hover, a.nav3:hover, a.nav3X:hover, a.nav3A:hover{ background-color: #d4d8e5; } #P_Menuebereich, bottomspace { position:absolute; left: -1000px; visibility:hidden; } @media screen and (max-width:1000px) { #content { padding-bottom: 9rem; } /************* Kasten Aktuell **********/ a#aktuellkastenhome:link, a#aktuellkastenhome:visited, a#aktuellkastenhome:hover, a#aktuellkastenhome:active, a#aktuellkastenhome:focus { position:relative; float:right; top:1rem; width: calc(50% - 4.5rem); margin-bottom: 2rem; padding: 1.5rem; } /****************** Home *****************/ #HomeText { width:50%; } #HomeKachelbereich { width:50%; } .Kachel { width: calc(100% - 1.5rem); } /**************** Fuss ****************/ #Fussbereich { position: relative; float:left; } #Adresse { width:100%; } #Icons { width:40%; left:-1rem; } #Fussmenue { width:60%; } } @media screen and (max-width:850px) { /****************** Home *****************/ .Kacheltext { visibility:hidden; } /************* Kasten Aktuell **********/ a#aktuellkasteninhalt:link, a#aktuellkasteninhalt:visited, a#aktuellkasteninhalt:hover, a#aktuellkasteninhalt:active, a#aktuellkasteninhalt:focus { display:none; } /****************** Kopf *****************/ #Firmenbereich { width: 45%; } #Kopfmenuebereich { width: 55%; text-align:right; } a.nav1, a.nav1:link, a.nav1:visited, a.nav1:hover, a.nav1:active, a.nav1X, a.nav1X:link, a.nav1X:visited, a.nav1X:hover, a.nav1X:active, a.nav1A, a.nav1A:link, a.nav1A:visited, a.nav1A:hover, a.nav1A:active { display:block; margin: 1rem 1.5rem 0rem 0rem; } /**************** Fuss ****************/ #Adresse, #Icons, #Fussmenue { width:100%; text-align:left; } #Fussmenue { margin-bottom:1rem; } .fussnavcontainer { display:inline-block; margin: 0px 0px 0.5rem 10%; } .fussnavcontainer { margin-left:0px; margin-right:1rem; } /**************** Menü *************/ #Untermenue { min-height: 30vh; } /***************** Inhalt **************/ #content { padding-bottom: 2rem; } .Textblock_1_1, .Textblock_3_4, .Textblock_2_3, .Textblock_1_2, .Textblock_1_3 { width: calc(100% - 1rem); width:100%; } .Textblock_1_4 { width: 66%; } #bottomspace { height: 70vh; } .Legende { position:relative; } } @media screen and (max-width:700px) { #top { position:relative; top:-3rem; } /****************** Home *****************/ #HomeText, #HomeKachelbereich, .Kachel { width:100%; left:0rem; } #HomeKachelbereich { margin: 1.5rem 0px 0rem 0px; } /************* Kasten Aktuell *************/ a#aktuellkastenhome:link, a#aktuellkastenhome:visited, a#aktuellkastenhome:hover, a#aktuellkastenhome:active, a#aktuellkastenhome:focus { display:none; } /****************** Kopf *****************/ #bodywrapper { padding-top: 3rem; } #Kopf, #Untermenue { position:absolute; top: -1000px; visibility:hidden; } #Phonekopf { position: fixed; z-index:2; display:flex; justify-content:space-between; top:0px; visibility:visible; width: 100%; height: 3.5rem; background-color: #2e387c; } #P_Phoneiconbereich, #P_Aktuelliconbereich, #P_Logobereich, #P_Menueiconbereich { height: 3.5rem; } #P_PhoneLink, #P_Aktuell_Link, #P_LogoLink, #P_MenueLink { height: 3.5rem; padding: 0px; border:0px; outline: none; text-decoration: none; } #P_Telicon, #P_Aktuellicon, #P_Logo, #P_Menueicon { height:3.25rem; padding: 0.25rem 0.25rem 0rem 2rem; } #P_Telicon, #P_Aktuellicon { height:3rem; } #P_Logo { height:3rem; } #P_Menueicon { height:2.5rem; padding: 0.5rem 2rem 0.5rem 2.5rem; } /***************** Inhalt **************/ #Inhaltsbereich { padding-top:0.5rem; } #Inhalt { width: 100% !important; left:0rem; min-height:70vh; } .Textblock_1_1, .Textblock_3_4, .Textblock_2_3, .Textblock_1_2, .Textblock_1_3 { width: 100%; padding: 0px 0px 1rem 0px; margin: 0px; } .Textabstand { width: 100%; margin: 0px; padding: 0px; } h1 { margin: 0px -2rem 0.75rem -2rem; padding: 0.5rem 0.5rem 0.5rem 2rem; font-family: "fira_sanssemibold", sans-serif; font-weight: normal; font-size: 1.2rem; line-height: 1.6rem; background-color: #d4d8e5; color: #2e387c; } .Galeriebereich { position:relative; width: 100%; padding: 0px; } .bildzurueck, .bildweiter { background-size: 3rem; } /****************** Menü *****************/ #P_Menuebereich { position:relative; left: 0px; visibility:visible; padding-top: 3.5rem; } a.nav1, a.nav1:link, a.nav1:visited, a.nav1:hover, a.nav1:active, a.nav1X, a.nav1X:link, a.nav1X:visited, a.nav1X:hover, a.nav1X:active, a.nav1A, a.nav1A:link, a.nav1A:visited, a.nav1A:hover, a.nav1A:active, a.nav2, a.nav2:link, a.nav2:visited, a.nav2:hover, a.nav2:active, a.nav2X, a.nav2X:link, a.nav2X:visited, a.nav2X:hover, a.nav2X:active, a.nav2A, a.nav2A:link, a.nav2A:visited, a.nav2A:hover, a.nav2A:active, a.nav3, a.nav3:link, a.nav3:visited, a.nav3:hover, a.nav3:active, a.nav3X, a.nav3X:link, a.nav3X:visited, a.nav3X:hover, a.nav3X:active, a.nav3A, a.nav3A:link, a.nav3A:visited, a.nav3A:hover, a.nav3A:active { display:block; padding: 0.75rem 0.25rem; margin: -2px 0rem; border: 0px; border-top: 2px solid #2e387c; border-bottom: 2px solid #2e387c; outline: none; text-decoration: none; color: #2e387c; text-align:center; font-size: 1.8rem; line-height: 1.8rem; text-transform:uppercase; } a.nav2, a.nav2:link, a.nav2:visited, a.nav2:hover, a.nav2:active, a.nav2X, a.nav2X:link, a.nav2X:visited, a.nav2X:hover, a.nav2X:active, a.nav2A, a.nav2A:link, a.nav2A:visited, a.nav2A:hover, a.nav2A:active { font-size: 1.4rem; line-height: 1.4rem; border-top: 1px solid #d4d8e5; border-bottom: 1px solid #d4d8e5; } a.nav3, a.nav3:link, a.nav3:visited, a.nav3:hover, a.nav3:active, a.nav3X, a.nav3X:link, a.nav3X:visited, a.nav3X:hover, a.nav3X:active, a.nav3A, a.nav3A:link, a.nav3A:visited, a.nav3A:hover, a.nav3A:active { font-size: 1rem; line-height: 1rem; border: 0px; border-top: 2px solid #fff; text-transform:none; } a.nav1A, a.nav1A:link, a.nav1A:visited, a.nav1A:active, a.nav1X, a.nav1X:link, a.nav1X:visited, a.nav1X:hover, a.nav1X:active, a.nav2X, a.nav2X:link, a.nav2X:visited, a.nav2X:hover, a.nav2X:active, a.nav2A, a.nav2A:link, a.nav2A:visited, a.nav2A:hover, a.nav2A:active, a.nav3X, a.nav3X:link, a.nav3X:visited, a.nav3X:hover, a.nav3X:active, a.nav3A, a.nav3A:link, a.nav3A:visited, a.nav3A:hover, a.nav3A:active { font-family: "fira_sanssemibold", sans-serif; } } @charset "UTF-8"; /* CSS Document */ /******************* LogIn ******************/ #geschuetztMeldung { min-height: 250px; padding-left: 20px; } #geschuetztMeldung h1 { font-size: 20px; line-height: 28px; letter-spacing:2px; } #UserVerwaltungDiv { display: block; font-size: 14px; line-height: 18px; } .td_Benutzertabelle { font-size: 14px; line-height: 18px; padding: 3px; } .td_Benutzertabelle select { padding: 1px; margin: 0px; font-size: 10px; } /******************* Archiv ***************** background-color:#eee; margin:1px; border-bottom: 1px solid #eee; background-color:#cee; background-color:#e6e; */ .archivzeile { clear:both; font-size: 14px; line-height: 18px; whitespace:nowrap; } .archivformularzeile { clear:both; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .archivformular { margin: 0px; padding:0px; } .archivformularTD_colspan, .archivformularTD_links, .archivformularTD { background-color:#eee; margin: 0px; padding: 5px 28px 5px 0px; border-bottom: 4px solid #fff; font-size: 14px; line-height: 18px; } .archivformularTD_links { padding: 5px 5px 5px 28px; } .archivformularTD_links img { vertical-align: text-bottom; margin: 2px 0px 0px 0px; } .archivformularTD_colspan { padding: 5px 28px 5px 31px; } .archivbutton { width: 100px; vertical-align: text-bottom; margin: 3px 0px 0px 0px; } .iconeinschub { display:inline-block; height:14px; width:27px; margin:0px; padding:0px; } img.docicon { display:inline-block; height:16px; width:16px; padding: 0px 6px 0px 2px; } .archivdateilink, a.archivdateilink:link, a.archivdateilink:visited, a.archivdateilink:hover, a.archivdateilink:active, a.archivdateilink:focus, a.docIcon:link, a.docIcon:link img, a.docIcon:visited img, a.docIcon:hover img, a.docIcon:active img, a.docIcon:focus img { border: 0px; padding: 0px 2px 0px 2px; text-decoration: none; color: #000; height:16px; width:16px; vertical-align: text-bottom; } a.docIcon:link, a.docIcon:link img, a.docIcon:visited img, a.docIcon:hover img, a.docIcon:active img, a.docIcon:focus img { vertical-align: text-bottom; margin: 2px 0px 0px 0px; } a.docIcon:hover, a.docIcon:hover img, a.archivdateilink:hover { background-color:#6F0; }