/* * * ALLGEMEINE HTML-ELEMENTE * * */

body {
    margin: 0 0 20px 10% ;
    color: #333333 ;
    background-color: #fff ;
    font-family: 'Trebuchet MS', Helvetica, 'Liberation Sans', sans-serif ;
    font-size: 13px ;
}



a {
    color: #2537b4 ;
    text-decoration: none ;
}



a:hover {
    text-decoration: underline ;
}



h1, h2, h3 {
    margin: 0 ;
    padding: 0 ;
    font-weight: normal ;
}



img {
    border: none ;
}



em {
    font-weight: bold ;
    font-style: italic ;
    letter-spacing: 1px ;
    word-spacing: 1px ;
}



strong {
    color: #000 ;
    font-weight: bolder ;
    font-style: italic ;
    letter-spacing: 1px ;
    word-spacing: 1px ;
}



sup, sub /* nur für den Notfall definiert; lieber die Klassen .sup und .sub verwenden */ {
    font-size: 85% ;
    line-height: 60% ;
}



/* * * DOKUMENTENWEITE KLASSEN UND IDS * * */

#wrap /* momentan nicht in Betrieb */ {
}



#content {
    float: left ;
    width: 420px ;
    overflow: hidden ;
    padding: 5px ;
}



.strike /* Ersatz für die als deprecated eingestuften <srike>-Tags */ {
    text-decoration: line-through ;
}



.pale, .note /* Anmerkungen etc. in blasserer Schrift */ {
    color: #999999 ; /* dieselbe Farbe wie Bildunterschriften */
}



.small {
    font-size: 11px ;
}



.u /* Ersatz für die als deprecated eingestuften <u>-Tags */ {
    text-decoration: underline ;
}



.upper /* Text in Großbuchstaben */ {
    word-spacing: 1px ;
    text-transform: uppercase ;
}



.clear-left {
    clear: left ;
}



.clear-right {
    clear: right ;
}



.clear-both {
    clear: both ;
}



ul.documents /* alternatives Aufzählungszeichen */ {
    list-style-image: url(bulldoc.gif) ;
}



.sup, .fn /* Ersatz für den normalen sup-Tag, soll eine Änderung der Zeilenhöhe verhindern; .fn ist ein Fußnoten-Verweis */ {
    position: relative ;
    top: -4px ;
    right: -1px ;
    font-size: 85% ;
}


.sub /* Ersatz für den normalen sub-Tag, soll eine Änderung der Zeilenhöhe verhindern */ {
    position: relative ;
    bottom: -2px ;
    right: -1px ;
    font-size: 85% ;
}



a[id^=fn] /* leerer(!) Anker bzw. Sprungmarke zu Fußnoten im Fließtext um ca. 1-2 Zeilen nach oben versetzt */ {
    position: relative ;
    top: -32px ;
}



a.out /* alternatives Design für unaktuelle Links */ {
    color: #828fd0 ;
    text-decoration: line-through ;
}



.hide /* versteckt beliebige Elemente; nicht ändern, da sonst verborgene Elemente ungewollt sichtbar werden! */ {
    display: none ;
    visibility: hidden ;
}



.halfline /* zum Einfügen von Leerzeilen halber Zeilenhöhe */ {
    display: block ;
    line-height: 50% ;
}



.autor, .quoteauthor /* ausgewiesener Autor eines Zitates */ {
    font-style: italic ;
}



.archyear /* betrifft nur die HTML-Seite mit dem Archiv-Index */ {
    display: block ;
    margin: 16px 260px 0 0 ;
    padding: 0 8px 0 8px ;
    border-bottom: 1px dotted #999999 ;
    color: #999999 ;
    font-weight: bold ;
    letter-spacing: .1em ;
    text-align: left ;    
}



.browse-top, .browse-bottom {
    margin: 0 ;
    font-size: 12px ;
    font-weight: bold ;
    letter-spacing: 2px ;
}



.browse-top {
    display: inline-block ;
    width: 390px ;
    position: relative ;
    left: -6px ;
    color: #fff ;
    text-align: left ;
}



.browse-top .page-title {
    color: #333333 ;
    word-spacing: -2px ;
}



.browse-top a.back {
    padding-left: 14px ;
    color: #fff ;
    background: transparent url(arrow_left_w.gif) no-repeat left center ;
}



.browse-top a.forward {
    padding-right: 14px ;
    color: #fff ;
    background: transparent url(arrow_right_w.gif) no-repeat right center ;
}



.browse-bottom {
    color: #999999 ;
}



.browse-bottom .page-title {
    color: #333333 ;
    word-spacing: -2px ;
}



.browse-bottom a.back {
    padding-left: 14px ;
    color: #999999 ;
    background: transparent url(arrow_left.gif) no-repeat left center ;
}



.browse-bottom a.forward {
    padding-right: 14px ;
    color: #999999 ;
    background: transparent url(arrow_right.gif) no-repeat right center ;
}



/* * * TITELLEISTE * * */

#banner {
    width: 600px ;
    height: 62px ;
    padding: 15px 15px 8px 15px ;
    color: #fff ;
    background: #98b38c url(gras.jpg) no-repeat left bottom ;
    text-align: left ;
}



#banner a {
    color: #fff ;
    text-decoration: none ;
}



#banner h1 /* Titel des Blogs */ {
    font-size: 36px ;
    font-weight: bold ;
    letter-spacing: 1px ;
    cursor: default ;
}



#banner .description /* Untertitel des Blogs */ {
    font-size: 14px ;
    font-weight: bold ;
    letter-spacing: .1em ;
    cursor: default ;
}



/* * * TITEL-NAVIGATION * * */

#navbar /* farbige Navigationsleiste unter dem Titelbild */ {
    width: 600px ;
    /* min-height: 18px ; */
    margin: 0 ;
    padding: 0 15px 0 15px ;
    border-top: 1px solid #c2d1c0 ;
    border-bottom: 1px solid #c2d1c0 ;
    border-collapse: collapse ;
    background-color: #d2ddd0 ;
    font-size: 12px ; /* Übereinstimmung mit Kindelementen verhindert eine zu hohe Navigationsleiste */
    text-align: right ;
    vertical-align: middle ;
}



#navlink-block {
    display: inline-block ;
    width: 200px ;
}



.navlink, .navlink a {
    margin: 0 ;
    padding-left: 4px ;
    padding-right: 4px ;
    border: 1px solid transparent ; /* dieser Rahmen vermeidet Hover-Verschiebungen */
    border-collapse: collapse ;
    color: #fff ;
    background-color: transparent ;
    font-size: 12px ;
    font-weight: bold ;
    letter-spacing: 2px ;
    text-decoration: none ;
    cursor: pointer ;
}



.navlink:hover, .navlink a:hover {
    border: 1px solid #799474 ;
    border-collapse: collapse ;
    background-color: #98ad94 ;
    text-decoration: none ;
}



/* * * BLOGBEITRÄGE * * */

.blog {
    padding: 8px ;
}



.blog .entry {
    margin-bottom: 40px ;
    line-height: 150% ;
    text-align: justify ;
}


.entry h2 /* Beitragsdatum über dem Artikel */ {
    margin: 10px 0 10px 0 ;
    padding: 3px ;
    border-bottom: 1px solid #333333 ;
    color: #4b4b4b /* minimal heller als der Fließtext */ ;
    font-size: medium ;
    font-weight: bold ;
    text-align: left ;
}



.entry h3, .entry h3 a /* Beitrags-Überschrift inklusive Links darin */ {
    margin-bottom: 10px ;
    color: #000 ; /* hier markanteres Schwarz */
    font-size: large ;
    font-weight: bold ;
    text-align: left ;
    text-decoration: none ;
}



.entry h4 /* Absatzüberschrift */ {
    margin: 11px 0 0 0 ;
    padding: 0 ;
    color: #333333 ;
    font-size: 100% ;
    font-weight: bold ;
    font-style: normal ;
    line-height: 150% ;
}



.entrybody a:visited {
    color: #828fd0 ;
}



.entrybody p {
    margin-top: 10px ;
    margin-bottom: 10px ;
    padding: 0 ;
}



.entrybody h4+p /* kleinerer Abstand zwischen Absatzüberschrift und nachfolgendem Absatz */ {
    margin-top: 2px ;
    margin-bottom: 10px ;
}



/*
.entrybody p a[href *="wikipedia.org"] {
    padding-left: 18px ;
    background: transparent url(wikipedia.png) no-repeat left center ;
}
*/



.entrybody p.bild {
    display: block ;
    padding: 2px 15px 0 15px ;
    color: #999999 ;
    font-size: 11px ;
    line-height: 14px ;
    text-align: left ;
}



.entrybody p.bild a, .entrybody .bild a:visited {
    padding: 0 ;
    color: #999999 ;
    background-image: none ; /* um die Bildunterschriften ggf. von automatischen Link-Symbolen auszunehmen */
}



.entrybody div.flashobject {
    padding: 2px 0 0 0 ;
    text-align: center ;
}



.entrybody div.flashobject p /* Alternativtext bei fehlendem/deaktiviertem Flash-Plugin */ {
    border: 1px dotted #2537b4 ;
    margin: 0 9px 0 9px ;
    padding: 12px ;
    font-weight: bold ;
    text-align: justify ;
}



.entrybody div.audio /* Box zum Einbetten von Audio-Dateien */ {
    padding: 2px 15px 0 15px ;
}



.entrybody div.audio p.download /* Download-Link für eingebettete Audio-Dateien */ {
    margin: 0 ;
    padding: 2px 0 0 10px ;
    font-size: 11px ;
    line-height: 14px ;
}



.entrybody blockquote /* zur Vermeidung von Browser-Eigenmächtigkeiten recht umfassend definiert */ {
    margin: 15px 9px ;
    padding: 0 12px ;
    border: 1px solid #e3ece1 ;
    color: #4b4b4b ; /* minimal heller als sonstiger Fließtext */
    background-color: #edf2ec ;
    font-size: 100% ;
    font-weight: normal ;
    font-style: normal ;
    line-height: 150% ;
    text-align: justify ;
}



.entrybody ul {
    margin-left: 0 ;
    padding-left: 30px ;
    list-style-type: square ;
}



.entrybody ol {
    margin-left: 0 ;
    padding-left: 30px ;
}



.entrybody li {
    padding: 0 20px 5px 0 ;
    line-height: 140% ;
    text-align: justify ;
}



.entrybody ol.fn-text /* Fußnoten am Ende des Textes */ {
    margin: 15px auto auto 0 ;
    padding: 5px 0 0 20px ;
    border-top: 2px solid #f4f4f4 ;
    font-size: 85% ;
} 



.entrybody ol.fn-text li {
    padding: 0 0 5px 0 ;
}



.posted {
    margin: 15px 0 0 0 ;
    padding: 6px 3px 3px 3px ;
    border-top: 1px dotted #999999 ;
    color: #999999 ;
    font-size: 90% ;
    font-weight: bold ;
    letter-spacing: .1em ;
    line-height: 140% ;
    text-align: left ;
}



.posted .authorbox /* beinhaltet die spans author und permalink */ {
    margin-bottom: 5px;
}



.authorbox .author a.mailto /* E-Mail-Link des Autors eines Blogbeitrages */ {
    display: inline-block ;
    min-height: 15px ;
    padding: 0 8px 0 8px ;
    background: transparent url(mailto.gif) no-repeat center center ;
    text-decoration: none ;
}



.authorbox .author a.url /* Homepage-Link des Autors eines Blogbeitrages */ {
    display: inline-block ;
    min-height: 15px ;
    padding: 0 8px 0 8px ;
    background: transparent url(url.gif) no-repeat center center ;
    text-decoration: none ;
}



.authorbox .permalink /* Link zur Beitragsseite */ {
    display: inline-block ;
}



.posted .catbox /* beinhaltet die spans catheader und catcontent */ {
    display: block ;
}



.catbox .catheader, .catcontent /* hier stehen die Kategorien eines Beitrages */ {
    display: table-cell ;
}



.posted .published /* Datum und Uhrzeit der Artikel-Veröffentlichung */ {
    display: block ;
}



.posted .modified /* Datum und Uhrzeit des letzten Artikel-Updates */ {
    display: block ;
    /* font-style: italic ; */
}



.posted .commentlink /* versieht den Kommentarlink mit einem Symbol */ {
    padding-left: 23px ;
    background: transparent url(comments.gif) no-repeat left center ;
}



.posted .toplink /* Pfeilgrafik mit Link zum Seitenanfang */ {
    float: right ;
    position: relative ;
    bottom: 16px ;
    right: 0px ;
    width: 15px ;
    height: 15px ;
    background: transparent url(arrow_up.gif) no-repeat center center ;
}



/* * * TABELLEN IM BLOGBEITRAG * * */

.entrybody table.standard {
    margin-top: 10px ;
    empty-cells: show ;
    border: none ;
    border-collapse: collapse ;
}



.entrybody table.standard caption {
    margin-bottom: 10px ;
    caption-side: bottom ;
    color: #999999 ;
    font-size: 11px ;
    text-align: right ;
}



.entrybody table.standard tr /* normale Tabellenzeilen */ {
    background-color: #f4faf9 ;
}



.entrybody table.standard tr.even /* gerade Tabellenzeilen - also Zeile zwei, vier, sechs... */ {
    background-color: #e8f4f2 ;
}



.entrybody table.standard th /* Spaltenüberschrift(en) */ {
    padding: 3px 8px ;
    border: none ;
    border-collapse: collapse ;
    color: #fff ;
    background-color: #b8cab5 ;
    letter-spacing: 1px ;
    word-spacing: 1px ;
    text-align: center ;
    vertical-align: text-top ;
    font-weight: bold ;
}



.entrybody table.standard th+th /* Überschrift-Zellen, die sich rechts von einer anderen Überschrift-Zelle befinden */ {
    border-left: 2px solid #fff ;
}



.entrybody table.standard td /* normale Zellen generell */ {
    padding: 2px 8px ;
    border: none ;
    border-collapse: collapse ;
    text-align: justify ;
    vertical-align: text-top ;
}



.entrybody table.standard td+td /* Zellen, die sich rechts von einer anderen Zelle befinden */ {
    border-left: 2px solid #fff ;
}



.entrybody table.standard td.number /* Zellen mit Datentyp Zahl */ {
    text-align: right ;
}



.entrybody table.standard td.center /* Zellen, deren Inhalt zentriert werden soll */ {
    text-align: center ;
}



.entrybody table.standard td.noborder /* Zellen, die im Text nicht als separate Zellen auffallen sollen */ {
    padding-left: 0 ;
    border-left: none ;
}



.entrybody table.standard td.noborder+td /* Zellen, die sich rechts von unauffälligen Zellen befinden */ {
    padding-left: 0 ;
    border-left: none ;
}



.entrybody table.standard ul, .entrybody table.standard ol /* Aufzählungen in einer Tabellenzelle */ {
    margin: 0 0 0 15px ;
    padding: 0 ;
}



.entrybody table.standard ul {
    list-style-type: circle ;
}



.entrybody table.standard li {
    padding: 0 2px 3px 0 ;
}



/* * * FIELDSETS IM BLOGBEITRAG * * */

.entrybody fieldset {
    margin: 12px 9px 15px 9px ;
    padding: 0 15px ;
    border: 1px dashed #b8cab5 ; /* selbe Farbe wie Hinterlegung des Tabellenkopfes */
}



.entrybody fieldset legend /* Label bzw. Überschrift von Fieldset-Elementen */ {
    margin: 0 ;
    padding: 1px 4px ;
    color: #333333 ;
    font-size: 110% ;
    font-weight: bold ;
    font-style: normal ;
    background-color: #fff ;
}


.entrybody fieldset p /* Absätze innerhalb von Fieldset-Elementen */ {
    margin: 12px 0 15px 0 ;
}



.entrybody .newsletter-box /* Newsletter-Box */ {
    width: 310px ;
}



.entrybody .newsletter-box p /* Absatz in der Newsletter-Box */ {
    margin: 10px 0 10px 0 ;
    font-size: 90% ;
    line-height: 120% ;
}



.entrybody .newsletter-box form /* E-Mail-Formular in der Newsletter-Box */ {
    margin: 0 ;
    padding: 0 0 6px 0 ;
    text-align: center ;
}



/* * * KOMMENTAR-FUNKTION * * */

#comments {
    line-height: 140% ;
    font-size: 90% ;
    text-align: left ;
}



#comments fieldset {
    margin: 25px 0 0 0 ;
    padding: 4px 15px 4px 15px ;
    border: 1px dashed #b8cab5 ; /* dieselbe Farbe wie Hinterlegung des Tabellenkopfes */
}



#comments fieldset legend /* Label bzw. Überschrift von Fieldset-Elementen im Kommentarbereich */ {
    margin: 0 ;
    padding: 1px 4px ;
    color: #333333 ;
    font-weight: normal ;
    font-style: normal ;
    background-color: #fff ;
}


#comments fieldset legend .authorspan, #comments fieldset legend .authorspan a {
    color: #333333 ;
    font-weight: bold ;
    letter-spacing: 1px ;
}



#comments fieldset p /* Absätze innerhalb von Fieldset-Elementen im Kommentarbereich */ {
    margin: 7px 0 0 0 ;
}



#comments fieldset .zeitspan /* Layout der Zeitangabe */ {
    display: block ;
    margin-top: 3px ;
    color: #999999 ;
    text-align: right ;
    font-size: 11px ;
}



#comments form#comment-input /* Layout des Kommentar-Formulars */ {
    margin: 40px 0 50px 0 ;
}



#comments form label {
    margin-left: 5px ;
    font-size: 11px ;
    text-align: left ;
}



/* * * ÜBERSICHT DER BEITRÄGE * * */

#headlines {
    display: none ;
}



/* * * SEITENLEISTE * * */

#sidebar {
    float: left ;
    width: 200px ;
    margin-top: 15px ;
}



.sidetitle /* Zwischenüberschriften in der Seitenleiste */ {
    margin-top: 10px ;
    padding: 3px ;
    border-bottom: 1px solid #999999 ;
    color: #666666 ;
    font-weight: bold ;
    letter-spacing: .3em ;
    text-transform: uppercase ;
    text-align: left ;
    cursor: default ;
}



.side {
    margin: 0 ;
    padding: 3px 15px 10px 15px ;
    text-align: left ;
}



.side a {
    color: #2537b4 ;
    text-decoration: none ;
}



.side a:hover {
    text-decoration: underline ;
}



.side ul {
    margin: 10px 0 0 0 ;
    padding: 0 ;
    list-style-type: none ;
}



.side ol {
    margin: 10px 0 0 0 ;
    padding: 0 ;
}



.side li {
    margin: 0 ;
    padding: 0 ;
    text-align: left ;
}



.side p {
    margin: 10px 0 0 0 ;
    padding: 0 ;
}



.side form {
    margin: 0 ;
    padding: 0 ;
}



.side form label /* Formatierung der Labels - beispielsweise von Radiobuttons */ {
    font-size: 90% ;
    padding-right: 5px ;
}



.side form #choice-site-web /* das entsprechende Element enthält die Radiobuttons des Suchformulars samt Labels */ {
    padding-left: 8px ;
}



#calendar {
    margin-bottom: 20px ;
    padding: 4px ;
    text-align: center ;
    cursor: default ;
}



#calendar table {
    width: 100% ;
    border: none ;
    border-collapse: collapse ;
}



#calendar th, #calendar td {
    font-weight: normal ;
    line-height: 140% ;
    text-align: center ;
}



#calendar a {
    color: #ce112e ;
    text-decoration: none ;
}



#calendar a:hover {
    text-decoration: underline ;
}



#rsslink {
    display: inline-block ;
    min-height: 16px ;
    padding-left: 23px ;
    background: transparent url(rss.gif) no-repeat left center ; 
}



#printpdf {
    display: inline-block ;
    min-height: 16px ;
    padding-left: 23px ;
    background: transparent url(pdf.gif) no-repeat left center ; 
}



#newsletter {
    display: inline-block ;
    min-height: 16px ;
    padding-left: 23px ;
    background: transparent url(letter.gif) no-repeat left center ; 
}



/* * * FUSSLEISTE * * */

#footer /* momentan inhaltslos */ {
    margin: 0 ;
    padding: 0 ;
    height: 0 ;
}



/* * * DRUCK-LAYOUT * * */

@media print {


body, #content, #banner, #banner a, #banner h1, #navbar {
    float: none ;
    border: none ;
    color: #000 ;
    background-color: #fff ;
    background-image: none ;
    overflow: visible ;
}



.browse-top {
    color: #999999 ;
}



.browse-top .page-title {
    color: #333333 ;
    word-spacing: -2px ;
}



.browse-top a.back {
    padding-left: 14px ;
    color: #999999 ;
    background: transparent url(arrow_left.gif) no-repeat left center ;
}



.browse-top a.forward {
    padding-right: 14px ;
    color: #999999 ;
    background: transparent url(arrow_right.gif) no-repeat right center ;
}



.navlink {
    visibility: hidden ;
}



#sidebar, .toplink, .author a.mailto, .author a.url, div.flashobject object, div.audio *, #comments form {
    display: none ;
    float: none ;
}



.entrybody table.standard {
    border: 1px solid #000 ;
    color: #000 ;
    background-color: #fff ;
}



.entrybody table.standard td {
    border-top: 1px solid #000 ;
    border-top: 1px solid #000 ;
}



.entrybody table.standard th {
    border-top: 1px solid #000 ;
    border-top: 1px solid #000 ;
    text-transform: uppercase ;
}



.entrybody table.standard td+td, .entrybody table.standard th+th {
    border-left: 1px solid #000 ;
}



.entrybody div.flashobject {
    height: 42px ;
    padding-top: 14px ;
}



.entrybody div.flashobject:before {
    content: "eingebetteter Film" ;
    padding: 8px ;
    border-color: #2537b4 ;
    border-style: double ;
    color: #2537b4 ;
    font-weight: bold ;
}



.entrybody div.audio {
    height: 42px ;
    padding-top: 14px ;
}



.entrybody div.audio:before {
    content: "eingebettete Audio-Datei" ;
    padding: 8px ;
    border-color: #2537b4 ;
    border-style: double ;
    color: #2537b4 ;
    font-weight: bold ;
}



.entrybody blockquote {
    border: 1px dashed #333333 ;
    color: #000 ;
    background-image: none ;
}



.posted .comments /* im Drucklayout kein Symbol neben dem Kommentarlink */ {
    padding-left: 0 ;
    background-image: none ;
}


} /* Ende Druck-Layout */