/* ***** ein schickes stylesheet fuer HORNHEIDE ********** ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** */ /* ***** die farben: ***************************************************** weiss #FFFFFF; schwarz #000000; */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; }*/ .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ html { } body { padding: 0; margin: 0; background: white; font-family: Arial,Helvetica,sans-serif; font-size: 101%; text-align: left; line-height: 120%; /* line-height: hack gg. IE peek-a-boo bug => dracos.co.uk */ } * { padding: 0; margin: 0; } #mantel { margin: 0 0 0 0px; padding: 0; width: 985px; overflow: hidden; text-align: left; background: white url(../images/linkeSpalte-allgemeinrot-bg.gif) 1px 0 repeat-x; } #mantelPad { margin: 0px 0; padding: 0; border: 1px solid #CCC; border-right: 0; border-bottom: 0; background: url(../images/rechteSpalte-bg.gif) 100% 0 repeat-y; } /* ***** global positioning ********************************************** */ #oben { background: white url(../images/oben-bg.jpg) 100% 0px no-repeat; } #links { float: left; clear: left; width: 256px; overflow: hidden; } #mitte { float: left; width: 465px; overflow: hidden; } #rechts { float: right; width: 255px; margin: 0px 0 0 0; overflow: hidden; } #unten { clear: both; } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } /* ***** global padding ************************************************** */ /* mb, 2008-01-28, 11:20, text-align nun left */ #obenPad { margin: 0; padding: 0; height: 166px; text-align: left; background: white; /* border-bottom: 1px solid #CCC; */ } #linksPad { margin: 0; padding: 0 0 200px 0; text-align: left; color: white; border-top: 1px solid #CCC; background: url(../images/linkeSpalte-allgemeinrot-verlauf.gif) repeat-x; } #mittePad { margin: 0; padding: 0 15px; text-align: left; background: white; } #rechtsPad { margin: 0; padding: 0; text-align: left; /* background: #C8161D; */ } #untenPad { margin: 0; padding: 5px 7px 5px 5px; text-align: right; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; background: white; } /* ***** navigationsliste vertikal ( => css.maxdesign.com.au ) *********** */ #navigation { width: 205px; margin: 0 0 0 20px; padding: 25px 0 0 0; } #navigation h3 { display: none; } #navigation ul { list-style-type: none; font-weight: bold; font-size: 86%; line-height: 110%; margin: 0; padding: 0 0 2px 0; } #navigation a { border-top: 1px solid white; width: 99%; display: block; padding: 1px 5px 1px 1px; margin: 1px 0 0 0; color: white; text-decoration: none; } #navigation ul ul { font-size: 93%; font-weight: normal; } #navigation ul ul ul { font-size: 101%; } #navigation ul ul ul ul { font-size: 101%; } #navigation ul ul ul ul ul { font-size: 101%; } #navigation ul ul a { padding: 0px 10px 0px 20px; border: 0; } #navigation ul ul ul a { padding: 0px 10px 0px 30px; } #navigation ul ul ul ul a { padding: 0px 10px 0px 40px; } #navigation ul ul ul ul ul a { padding: 0px 10px 0px 50px; } #navigation a:hover, #navigation a:focus { color: white; } /* navi ausgewaehlt: */ #navigation a.navAktiv { color: white; } a.navAktiv:hover { } /* ***** diverses ******************************************************** */ /* logo-subtext ... wird nicht mehr benoetigt. #links #logoSub { background: white; padding: 15px 10px 25px 25px; } #links #logoSub p { font-size: 12px; line-height: 115%; color: #999; } */ #oben .tx-rlmpflashdetection-pi1 { margin-left: 0; } #obenLinks { background: white; float: left; width: 256px; height: 166px; } #obenLinks img { padding: 0; } #obenRechts { float: right; width: 727px; height: 166px; } #content { } #content h1 { color: #5F696B; font-weight: bold; font-size: 111%; font-family: Arial,Helvetica,sans-serif; line-height: 130%; padding: 7px 0 0 0; margin: 0; } #content h2 { color: #5F696B; font-weight: bold; font-size: 86%; font-family: Arial,Helvetica,sans-serif; line-height: 130%; padding: 7px 0 0 0; margin: 0; } #content h3 { color: #5F696B; font-weight: normal; font-size: 86%; font-family: Arial,Helvetica,sans-serif; line-height: 130%; padding: 7px 0 0 0; margin: 0; } #content h4 { color: #5F696B; font-weight: normal; font-size: 81%; font-family: Arial,Helvetica,sans-serif; line-height: 130%; padding: 7px 0 0 0; margin: 0; } #content h5 { color: #5F696B; font-weight: normal; font-size: 76%; font-family: Arial,Helvetica,sans-serif; line-height: 130%; padding: 7px 0 0 0; margin: 0; } #content p { color: #5F696B; font-size: 76%; line-height: 130%; padding: 6px 0; margin: 0; } #content ul, #content ol { color: #5F696B; font-size: 76%; line-height: 130%; padding: 0 0 4px 25px; margin: 0; list-style: circle; } #content td { color: #5F696B; font-size: 76%; line-height: 130%; padding: 0 3px 3px 0; margin: 0; vertical-align: top; } /* vs. tabellenbreiten-probleme durch RTE: #content td { width: 200px; } #content table { width: 400px; } #content tbody { width: 400px; display: block; }*/ #content a, #content p a, #content td a, #content ul a { text-decoration: underline; color: #AAA; } #content p a:hover, #content p a:focus, #content td a:hover, #content td a:focus, #content ol.comments a:hover, #content ol.comments a:focus { text-decoration: none; } #content ul a:hover, #content ul a:focus, #content ol a:hover, #content ol a:focus { } #content img { padding: 0; /* border: 2px solid #CCC; */ margin: 3px 0; } #content img.noborder { border: 0; } /* div.csc-textpic img { padding: 1px; margin: 10px 0; border: 1px solid #BBB; } */ dd.csc-textpic-caption { color: #5F696B; font-size: 69%; line-height: 115%; font-style: italic; } #navBox { background: #C8C4C4; /* height: 70px; */ } #navBox p { font-size: 86%; font-weight: bold; padding: 10px 0 7px 20px; margin: 0; } #navBox form { padding-bottom: 12px; } #rootline { color: #848484; font-size: 69%; border-bottom: 1px solid #CCC; padding: 2px 0 0 0; margin-bottom: 7px; /* height: 14px; */ } #content #rootline a { padding: 0 2px; color: #848484; text-decoration: none; } #rechts { color: white; /* font-size: 86%; */} #rechtsSuchbox { background: #C8161D; padding: 5px 0px 5px 10px; } #rechtsSuchbox input, #rechtsSuchbox select { margin: 4px 0; } #rechtsSuchbox select { width: 177px; padding: 0; margin-right: 4px; } #rechtsSuchbox input { cursor: pointer; padding: 0 4px; } #rechtsSuchbox input.text { cursor: text; width: 167px; padding: 2px 4px; } #rechtsSuchbox a { font-size: 86%; } #rechts h3 { color: white; font-size: 86%; line-height: 130%; padding: 4px 0; } #rechts p { margin: 0; padding: 4px 0; } #rechts a { color: white; text-decoration: none; } /* #rechtsAlleKrankheitsbilder { padding: 8px 0; } #rechtsInhalt { display: none; } */ #rechtsUnterInhalt { display: none; padding: 5px 0; } #unten { color: #999; font-size: 76%; } #unten a { color: #999; text-decoration: none; padding: 0 3px; } /* ***** news ************************************************************ */ /* div mit bis zu 5 News-teasern */ .news-latest-container { color: #5F696B; font-size: 76%; line-height: 130%; padding: 10px; } .news-latest-container h2 { font-weight: normal; font-size: 111%; color: #C8161D; /* <= rot aus der suchbox */ padding: 0; margin: 1em 0; } /* einzelner news-teaser */ .news-latest-item { border: 1px dotted #CCC; border-left: 0; border-right: 0; margin: 0pt; padding: 6px 0; } #rechts .news-latest-item h3, #rechts .news-latest-item h3 a { color: #5F696B; font-size: 111%; font-weight: bold; } #rechts .news-latest-item p { } #rechts .news-latest-morelink, #rechts .news-latest-morelink a { color: #C8161D; } #content .news-single-item { } #content .news-single-timedata { color: #5F696B; font-size: 93%; } #content .news-single-backlink, #content .news-single-backlink a { color: #C8161D; } p.news-single-author { display: none; } /* ***** #rechtsToolbar **************************************************** */ /* = wie #rootline, damit ich einen Container habe */ #rechtsToolbar { background: white; color: #848484; text-transform: uppercase; font-weight: bold; font-size: 76%; border-bottom: 1px solid #CCC; padding: 1px 5px 0 0; margin-bottom: 0; text-align: right; } #rechtsToolbar a { background: #949795; color: white; font-weight: bold; padding: 0 2px; margin: 0 2px; text-decoration: none; } #rechtsToolbar a#styleSwitchKlein { font-size: 76%; background: white; color: #888; font-weight: bold; padding: 0 1px; margin: 0; border: 1px solid white; } #rechtsToolbar a#styleSwitchMittel { font-size: 86%; background: white; color: #666; font-weight: bold; padding: 0 1px; margin: 0; border: 1px solid white; } #rechtsToolbar a#styleSwitchGross { font-size: 101%; background: white; color: #222; font-weight: bold; padding: 0 1px; margin: 0 10px 0 0; border: 1px solid white; } #rechtsToolbar a:hover { border: 1px solid #666; } /* Sprachmenue: Es gibt 4 Faelle */ /* 1: normal. Sprache ist: verfuegbar, aber noch nicht aktiv */ div#langMenu a.passiv { background: #AAA; color: white; } /* 2: aktiv. Sprache ist: verfuegbar, und aktiv */ div#langMenu span.aktiv { background: white; color: #666; padding: 0 2px; } /* 3: passiv. Sprache ist: nicht aktiv, also passiv, und nicht verfuegbar */ div#langMenu span.passiv-fehlt { background: #DDD; color: white; padding: 0 2px; } /* 4: aktiv. Sprache ist: aktiv, aber nicht verfuegbar (?) */ div#langMenu span.aktiv-fehlt { background: white; color: #DDD; padding: 0 2px; } /* ***** standards ******************************************************* */ small { font-size: 76%; } a { color: #777; } /* ***** formulare ******************************************************* */ form { /* fuer IE, um umbruch zu vermeiden display: inline; */ padding: 0; margin: 0; } fieldset { border: 0; padding: 4px 0 8px 0; } legend { font-weight: bold; } legend,label { color: #5F696B; font-size: 86%; line-height: 130%; } input, textarea { padding: 1px 4px; color: #5F696B; font-style: normal; font-family: Arial,Helvetica,sans-serif; font-size: 76%; } textarea { width: 270px; height: 120px; } select { border: 1px solid #DDD; font-size: 81%; color: #333; font-family: Arial,Helvetica,sans-serif; } select:hover { border: 1px solid #333; color: #333; } select:focus { border: 1px solid #333; color: #333; } input { border: 1px solid #DDD; font-size: 81%; color: #333; font-family: Arial,Helvetica,sans-serif; } input:hover { border: 1px solid #333; color: #333; } input:focus { border: 1px solid #333; color: #333; } #navBox select { margin: 0 4px 0 20px; width: 170px; padding: 0; } #navBox input { padding: 0 4px; cursor: pointer; } #rechts select { } #content label { width: 120px; display: block; float: left; clear: both; } #content .csc-mailform-radio label{ width: auto; display: inline; float: none; clear: none; } #content input { border: 1px solid #CCC; color: #5F696B; background: #F4F4F4; margin: 1px 5px 2px 0; font-size: 76px; } #content input.csc-mailform-submit{ border: 2px solid #CCC; color: #5F696B; background: #F4F4F4; margin: 12px 5px 2px 120px; font-size: 81%; padding: 1px 8px; } #content input:hover { border-color: #333; color: #333; } #content input:focus { border-color: #333; background: white; color: #333; } #content textarea { border: 1px solid #CCC; color: #5F696B; background: #F4F4F4; margin: 1px 0 2px 0; font-size: 76%; } #content textarea:hover { border-color: #333; color: #333; } #content textarea:focus { border-color: #333; background: white; color: #333; } #content select { border: 1px solid #CCC; color: #5F696B; background: #F4F4F4; margin: 1px 0 2px 0; font-size: 76%; } #content select:hover { border-color: #333; color: #333; } #content select:focus { border-color: #333; background: white; color: #333; } /* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de ) 69%, 76%, 86%, 93%, 101% */ /* ***** 06-06-2008 martin niggemann, www.weltrettung.org **************** */