/* ***** ein schickes stylesheet fuer OSSI + SIGI ********** ***** hier die styles fuer die normale ansicht ********** */ /* ***** die farben: ***************************************************** rot #EE1C24; blau #185067; */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ html { border: 15px solid #E5EBED; border-top: 0; border-bottom: 0; background: white url(../images/bg-html.gif) 100% 100% no-repeat; } body { padding: 0; margin: 0; background: /*white*/ url(../images/bg-body.gif) no-repeat; font-family: Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; line-height: 120%; text-align: left; } #mantel { margin: 0; padding: 0; width: 904px; text-align: left; } #mantelPad { margin: 0; padding: 0; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #oben { width: 904px; /* position: relative; top: -15px; */ } #links { float: left; width: 241px; overflow: hidden; } #mitte { float: left; width: 415px; overflow: hidden; position: relative; top: -19px; } #rechts { float: right; width: 213px; overflow: hidden; position: relative; top: -15px; } #unten { clear: both; } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } #cache { position: absolute; width: 10px; height: 10px; top: -100px; left: -100px; z-index: 100; } /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 0 0 0 1px; height: 387px; background: url(../images/header-ossi-nodither.gif) right no-repeat; } /* .ossiu #obenPad { background: url(../images/header-ossi-nodither.gif) right no-repeat; } */ .ossiu #obenPad { background: url(../images/header-ossi.jpg) right no-repeat; } .sigi #obenPad { background: url(../images/header-sigi-pattern.gif) right no-repeat; } .system #obenPad { background: url(../images/header-fft.gif) right no-repeat; } .fft #obenPad { background: url(../images/header-fft.gif) right no-repeat; } #linksPad { margin: 0; padding: 3px; color: #CCC; } #mittePad { margin: 0; padding: 0; } #rechtsPad { margin: 0; padding: 0; } #untenPad { margin: 0; padding: 0; text-align: left; background: url(../images/bg-footerBorder.gif) bottom repeat-x; } /* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au ) */ #navigation { position: relative; width: 238px; margin: 66px 0 0 0; padding: 0 0 0 0; z-index: 10; } #navigation ul { list-style-type: none; font-weight: normal; font-size: 11px; line-height: 90%; text-align: right; letter-spacing: 0px; margin: 0; padding: 0; } #navigation li { padding: 0 68px 0 0; margin: 0; } #navigation a { width: 118px; display: block; padding: 4px 53px 4px 0; margin: 0; color: #EE1C24; text-decoration: none; background: white url(../images/icon-PfeilNavi.gif) 100% 4px no-repeat; } #navigation a:hover, #navigation a:focus { color: #7F9CA7; background-image: url(../images/icon-PfeilNaviHover.gif); } #navigation .navHome a { margin: 0 0 9px 0; background: url(../images/icon-PfeilNaviUp.gif) 100% 4px no-repeat; } #navigation .navHome a:hover, #navigation .navHome a:focus { background-image: url(../images/icon-PfeilNaviUpHover.gif); } #navigation .navOssiBlog a, #navigation .navSigiBlog a { margin: 9px 0 0 0; } /* navi ausgewaehlt: */ #navigation li.navAktiv { } #navigation li.navAktiv a { font-weight: bold; color: #7F9CA7; background-image: url(../images/icon-PfeilNaviHover.gif); } #navigation li.navAktiv a:hover { cursor: default; } /* fuer home */ .start #navigation .navHome a { font-weight: bold; color: #7F9CA7; background-image: url(../images/icon-PfeilNaviUpHover.gif); } /* ... fuer ossis blog */ .seite226 #navigation .navOssiFoto a, .archivMonat #navigation .navOssiArchiv a, .ossiEinzel #navigation .navOssiArchiv a, .ossiArchiv #navigation .navOssiArchiv a, .ossiBlog #navigation .navOssiBlog a{ font-weight: bold; color: #7F9CA7; background-image: url(../images/icon-PfeilNaviHover.gif); } /* ... fuer sigis blog */ .seite227 #navigation .navSigiFoto a, .archivMonat #navigation .navSigiArchiv a, .sigiEinzel #navigation .navSigiArchiv a, .seite210 #navigation .navSigiKontakt a, .sigiArchiv #navigation .navSigiArchiv a, .sigiBlog #navigation .navSigiBlog a{ font-weight: bold; color: #7F9CA7; background-image: url(../images/icon-PfeilNaviHover.gif); } /* ... fuer fft */ .downloads #navigation .navFftDownloads a, .seite212 #navigation .navFftDownloads a, .seite211 #navigation .navFftVortraege a, .fftArchiv #navigation .navFftVortraege a, .Freunde #navigation .navFftBio a, .seite225 #navigation .navFftBio a, .seite162 #navigation .navFftKontakt a{ font-weight: bold; color: #7F9CA7; background-image: url(../images/icon-PfeilNaviHover.gif); } /* ***** diverses ******************************************************** */ #obenLinks { float: left; width: 240px; height: 387px; background: url(../images/bg-label-fft.gif) 126px 0px no-repeat; } #logo-fftOben img { padding: 47px 8px 0 0; } #label-fftOben img { padding: 0; } #adresse { padding: 0 0 0 30px; } #adresse p { padding: 22px 0 0 1px; margin: 0; font-size: 10px; line-height: 120%; color: #7F9CA7; } #obenRechts { float: left; width: 470px; height: 387px; } #label-ossiOben img { padding: 0; margin: 0 0 0 36px; } #label-sigiOben img { padding: 0; margin: 0 0 0 8px; } #obenSuche { float: left; width: 170px; padding: 350px 0 0 0; margin: 0 0 0 0; } #obenTermin { position: absolute; top: 332px; left: 295px; width: 411px; overflow: hidden; z-index: 10; } #obenTermin p { font-size: 10px; color: white; margin: 0; padding: 0; font-weight: bold; } #obenTermin a { color: white; text-decoration: none; } #obenTermin a:hover, #obenTermin a:focus { color: white; text-decoration: underline; } .sigi #obenTermin, .fft #obenTermin, .system #obenTermin { display: none; } #content { } #content h2 { color: #555; font-weight: normal; font-size: 21px; font-family: Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 135%; letter-spacing: 1px; padding: 0; margin: 0; } #content h2 a { color: #555; text-decoration: none; } #content h2 a:hover, #content h2 a:focus { color: #EE1C24; text-decoration: none; } #content h2 a span { color: #7F9CA7; font-weight: bold; } #content h2 a:hover span { } #content h3 { color: #555; font-weight: normal; font-size: 18px; font-family: Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 135%; padding: 20px 0 0 0; margin: 0; letter-spacing: 1px; } #content h4, .sigiArchiv #content h2, .ossiArchiv #content h2, .archivMonat #content #eintragMeta h2, .sigiEinzel #content h2, .ossiEinzel #content h2 { color: #555; font-weight: normal; font-size: 20px; font-family: Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 135%; padding: 0; margin: 0; letter-spacing: 1px; text-transform: uppercase; } .suchergebnis #content h2, .archivMonat #content h2 { font-size: 18px; } #content h4 span.lower { text-transform: none; } #content h5 { color: #555; font-weight: normal; font-size: 14px; font-family: Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 135%; padding: 4px 0; margin: 0; letter-spacing: 1px; } #content p { color: #444; font-size: 12px; line-height: 140%; padding: 4px 0; margin: 0; } .archivMonat #content p { line-height: 140%; padding: 3px 0; } #content p.linkWeiter { } #content p.linkKommentar { } #content p.linkVorZurueck { color: #AAA; } #content .artikelListe p { margin: 3px 0; } #content ul, #content ol { padding: 0 0 4px 35px; margin: 0; } #content p a { text-decoration: underline; color: #EE1C24; } #content p.linkWeiter a { padding: 0 0 0 23px; background: url(../images/icon-pfeilRechts.gif) no-repeat 2px 1px; } #content p.linkTrackbackURL a { padding: 0 0 15px 23px; background: url(../images/icon-trackback.gif) no-repeat 0px 1px; } #content p a#vorher { padding: 0 2px 0 23px; background: url(../images/icon-pfeilLinks.gif) no-repeat 2px 1px; } #content p a#ueber { padding: 0 2px; } #content p a#nachher { padding: 0 21px 0 2px; background: url(../images/icon-pfeilRechts.gif) no-repeat right; } #content ul a, #content ol a { } .linkKommentar { float: left; width: 110px; color: #444; font-size: 12px; line-height: 150%; padding: 3px 0; margin: 0; } .linkKommentar a { text-decoration: underline; color: #EE1C24; padding: 0 0 15px 23px; background: url(../images/icon-kommentar.gif) no-repeat 0px 1px; } .linkTrackback { float: left; width: 128px; color: #444; font-size: 12px; line-height: 150%; padding: 3px 0; margin: 0; } .linkTrackback a { text-decoration: underline; color: #EE1C24; padding: 0 0 15px 0; } #content p a:hover, #content p a:focus { color: #EE1C24; text-decoration: none; } #content .linkKommentar a:hover, #content .linkKommentar a:focus, #content .linkTrackback a:hover, #content .linkTrackback a:focus { text-decoration: none; } #content ul a:hover, #content ul a:focus, #content ol a:hover, #content ol a:focus { } a:active, a:focus { outline: none; } #content img { padding: 0; border: 2px solid #E5EBED; background-color: #E5EBED; margin: 2px 5px 3px 0; max-width: 400px; } #content img.i { padding: 0; border: 0; background-color: transparent; margin: 0 -1px; max-width: none; } #content img.noborder { border: 0; } #content object, #content embed { padding: 0px; margin: 2px 5px 3px 0; max-width: 400px; } /* einzelner artikel */ .artikel { margin: 0 0 40px 0; } .suchergebnis .artikel, .archivMonat .artikel { margin: 0 0 25px 0; } .artikelMeta { padding: 6px 0 1px 0; font-size: 10px; line-height: 180%; } .artikelTags { float: left; width: 205px; color: white; padding: 0px 5px 0 20px; height: 20px; background: url(../images/bg-artikelTags.gif) no-repeat; overflow: hidden; } .fftArchiv .artikelTags, .suchergebnis .artikelTags, .archivMonat .artikelTags, .ossiEinzel .artikelTags, .sigiEinzel .artikelTags, .fftEinzel .artikelTags { width: 300px; } .artikelTags a { color: white; text-decoration: none; } .artikelTags a:hover { color: white; text-decoration: underline; } .artikelPosted { float: right; width: 160px; color: #7F9CA7; padding: 0px 3px 0 0; text-align: right; font-weight: bold; } .fftArchiv .artikelPosted, .suchergebnis .artikelPosted, .archivMonat .artikelPosted, .ossiEinzel .artikelPosted, .sigiEinzel .artikelPosted, .fftEinzel .artikelPosted { width: 65px; } .artikelPosted a { color: #7F9CA7; text-decoration: underline; } .artikelPosted a:hover { color: #7F9CA7; text-decoration: none; } /* trackbacks */ .trackbackBox { padding: 30px 0 15px 0; } .trackbackMeta { background: #E5EBED; padding: 0 5px; border-top: 1px solid #8BA7B2; } .trackbackEinzel { padding: 4px 0 5px 0; } #content .trackbackMeta a { color: #7F9CA7; text-decoration: underline; } #content .trackbackMeta a.anker { color: #7F9CA7; text-decoration: none; } #content .trackbackMeta a:hover { color: #7F9CA7; text-decoration: none; } #content .trackbackExzerpt { padding: 4px 5px 0 5px; } /* kommentare */ .kommentareBox { padding: 15px 0 15px 0; } .kommentareMeta { background: #E5EBED; padding: 0 5px; border-top: 1px solid #8BA7B2; } .kommentareEinzel { padding: 4px 0 5px 0; } #content .kommentareMeta a { color: #7F9CA7; text-decoration: underline; } #content .kommentareMeta a.anker{ color: #7F9CA7; text-decoration: none; } #content .kommentareMeta a:hover{ color: #7F9CA7; text-decoration: none; } #content .kommentareExzerpt { } #content .kommentareExzerpt p { padding: 4px 5px 2px 5px; } #content .kommentareMeta strong { color: #777; } .kommentierenBox { padding: 15px 0 30px 0; } /* maps */ #map_canvas { width: 400px; height: 380px; border: 2px solid #E5EBED; margin: 20px 0 5px 0; } #content #map_canvas img { background-color: transparent; padding: 0; margin: 0; border: 0; max-width: none; } /* downloads */ .downloads #content img { background-color: transparent; padding: 0; margin: 0; border: 0; max-width: none; } #content pre a { text-decoration: underline; color: #EE1C24; } #content pre a:hover, #content pre a:focus { color: #EE1C24; text-decoration: none; } pre { margin: 4px 0 30px 0; padding: 0; font-family: 'Andale Mono','Monotype.com',Monaco,Courier,'Courier New',monospace; font-size: 11px; color: #444; } hr { border-top: 1px solid white; border-bottom: 1px solid #CCC; } #rechts h4 { color: white; background: #185067; font-weight: bold; font-size: 11px; text-transform: uppercase; border-left: 5px solid #698C99; padding: 4px 5px 4px 14px; margin: 1px 0 0 0; height: 1%; } #rechts h4 a { color: white; text-transform: none; text-decoration: none; border-bottom: 1px solid #7F9CA7; } .rechtsLink { color: white; background: #2F586D; padding: 0; margin: 1px 0 0 0; } .rechtsLink a { color: white; background: #2F586D url(../images/icon-pfeilMarginal.gif) 13px 8px no-repeat; padding: 4px 30px; display: block; width: 100%; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; } .rechtsListe { color: #444; padding: 0; margin: 15px 0 0 0; font-size: 11px; line-height: 130%; } .rechtsListe ul { list-style-type: none; padding: 0; margin: 1px 0 0 0; height: 1%; } .illuTweets ul { background: url(../images/rechts-illuTweets.gif) no-repeat; padding: 59px 0 0 0; } .illuRoll ul { background: url(../images/rechts-illuRoll.gif) no-repeat; padding: 59px 0 0 0; } .illuPosts ul { background: url(../images/rechts-illuPosts.gif) no-repeat; padding: 59px 0 0 0; } .illuComments ul { background: url(../images/rechts-illuComments.gif) no-repeat; padding: 59px 0 0 0; } .illuArchives ul { background: url(../images/rechts-illuArchives.gif) no-repeat; padding: 59px 0 0 0; } .illuSans ul { background: url(../images/rechts-illuSans.gif) no-repeat; padding: 59px 0 0 0; } .illuSans2 ul { background: url(../images/rechts-illuSans2.gif) no-repeat; padding: 59px 0 0 0; } .rechtsListe ul a { color: #444; display: block; width: 196px; text-decoration: none; padding: 3px 2px 4px 14px; margin: 0 0 1px 0; border-bottom: 1px dashed #DDE5E8; border-left: 5px solid #E5EBED; } .rechtsListe ul a:hover, .rechtsListe ul a:focus { background: #E2E8EB; border-left-color: #8BA7B2; border-bottom: 1px solid #CFDADE; text-decoration: none; } .rechtsListe ul#twitter_update_list a { color: #444; display: inline; width: auto; text-decoration: underline; padding: 0; margin: 0; border: 0; } .rechtsListe ul#twitter_update_list a.tweetZeit { color: #7F9CA7; font-size: 10px; text-decoration: none; } .rechtsListe ul#twitter_update_list a:hover, .rechtsListe ul#twitter_update_list a:focus { background: transparent; border: 0; text-decoration: underline; } .rechtsListe ul#twitter_update_list li { color: #444; display: block; width: 193px; padding: 3px 1px 4px 14px; margin: 0 0 1px 0; border-bottom: 1px dashed #DDE5E8; border-left: 5px solid #E5EBED; } .rechtsListe ul a span { color: #7F9CA7; font-size: 10px; text-decoration: none; } #untenBox { width: 930px; height: 370px; background: url(../images/bg-footer-noise.gif) 225px 0px no-repeat; } #untenLinks { float: left; width: 225px; height: 370px; } #logo-fftUnten img { margin: 315px 8px 0 32px; } #label-fftUnten { display: none; padding: 0; } #label-fftUnten img:hover { background: #A0AFB8; } #untenRechts { float: left; width: 180px; height: 370px; } #label-ossiUnten img { padding: 0; margin: 17px 0 0 53px; } #label-sigiUnten img { padding: 0; margin: 17px 0 0 8px; } #untenCopy { float: left; color: #DAE2E5; width: 287px; padding: 25px 0; font-size: 10px; text-align: right; } #untenCopy a { color: #DAE2E5; text-decoration: none; } #untenCopy a:hover, #untenCopy a:focus { color: white; text-decoration: underline; } #untenUp { float: left; color: white; width: 167px; padding: 15px 0; font-size: 10px; font-weight: bold; text-align: right; } #untenUp a { color: white; text-decoration: underline; padding: 3px 25px; } #untenUp a:hover, #untenUp a:focus { color: white; text-decoration: none; } #unten .clear { padding: 0; } /* ***** tag cloud ******************************************************* */ .widget-tag-cloud { position: fixed; bottom: 0; z-index: 5; width: 205px; height: auto; margin: 15px 15px 15px 15px; } .widget-tag-cloud a { text-decoration: none; color: #999; /* white-space: nowrap; */ } .widget-tag-cloud ul { margin: 0; padding: 0; } .widget-tag-cloud li { display: inline; margin: 0 5px 0 8px; padding: 0; line-height: 210%; background: none; } .widget-tag-cloud .rank-1 a { font-size: 18px; letter-spacing: 1px; } .widget-tag-cloud .rank-2 a { font-size: 17px; } .widget-tag-cloud .rank-3 a { font-size: 16px; } .widget-tag-cloud .rank-4 a { font-size: 15px; } .widget-tag-cloud .rank-5 a { font-size: 14px; } .widget-tag-cloud .rank-6 a { font-size: 13px; } .widget-tag-cloud .rank-7 a { font-size: 12px; } .widget-tag-cloud .rank-8 a { font-size: 11px; } .widget-tag-cloud .rank-9 a { font-size: 11px; } .widget-tag-cloud .rank-10 a { font-size: 10px; } .widget-tag-cloud a:hover { text-decoration: underline; } /* ***** standards ******************************************************* */ small { font-size: 10px; } a:active { outline: none; } /* keine linkumrandung im firefox */ #content p.error { font-weight: bold; color: #EE1C24; } /* ***** formulare ******************************************************* */ form { display: inline; } /* fuer IE, um umbruch zu vermeiden */ input, textarea { width: 190px; border: 1px solid #F6F8F9; border-bottom: 1px solid #CDD9DD; background: #F6F8F9; padding: 2px 3px; margin: 2px 0; color: #444; font-style: normal; font-family: Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; line-height: 120%; } input:hover, textarea:hover { background: #EFF3F5; } input:focus, textarea:focus { background: #EFF3F5; border-bottom-color: #B0C2C9; } textarea { width: 400px; height: 150px; } label { color: #444; font-size: 11px; line-height: 150%; padding: 0 5px; margin: 0; } #comments-open-footer input { width: 97px; font-weight: bold; color: white; background: #426073; font-size: 11px; } #comments-open-footer input:hover { background: #EE1C24; cursor: pointer; } input#comment-cancel { background: #999; } input.suchText { width: 115px; border: 0; background: transparent; padding: 0px 8px 0px 8px; margin: 0 0 0 8px; height: 16px; color: white; font-size: 11px; } input.suchSubmit { width: 20px; border: 0; background: transparent; padding: 0px 3px 0px 3px; margin: 0 0 0 4px; height: 16px; color: white; font-size: 10px; text-transform: uppercase; cursor: pointer; } /* ***** 06-08-2009 martin niggemann, www.weltrettung.org **************** */