body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif; 
    background-color: rgb(80, 80, 78);
}
      
body, p, blockquote, td, th, pre {
    font-size: 0.8em;
    color: rgb(0, 0, 0);
}

    
/* Horizontale Zentrierung */    
#wrapper {
    width: 55em;  /* Gesamte Breite */  
    margin: 0 auto;
    padding: 0;
}    

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */      
/* Formatierung Sprachauswahl */  
#language {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}    
#language li {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 160%;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}    
#language a {
    margin: 0;
    padding: 0;
    color: rgb(255, 255, 255);
    text-decoration: none;
}    
#language a:link {
    text-decoration: none;
}
#language a:visited {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
#language a:hover  {
    color: rgb(230, 0, 0);
    text-decoration: none;
}
/* Aktiver Link Sprachauswahl im Hauptmenue */    
body#index #languageIndexDe a, body#termine #languageIndexDe a, body#aktuelles #languageIndexDe a, body#bio #languageIndexDe a, body#buecher #languageIndexDe a, body#downloads #languageIndexDe a, body#kontakt #languageIndexDe a,body#rezInvasionenDesPrivaten #languageIndexDe a,  body#rezDieGefroreneZeit #languageIndexDe a, body#rezDieBilderspur #languageIndexDe a, body#excDasSinkenEinBueckflug #languageIndexDe a, body#indexEn #languageIndexEn a, body#contact #languageIndexEn a {
    color: rgb(230, 0, 0);
    text-decoration: none;
    cursor: default;
}     
    
    
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */    
/* Formatierung Headline Seite (Anna Kim) */
h1 {
    width: 22em;
    float: left;
    display: inline;
    margin: 0;
    padding: 3em 9em 3.9em 2em;
    font-family: Georgia, Garamond, serif;
    color: rgb(80, 80, 78);  /* Titel im Layout versteckt, ohne CSS sichtbar */
    font-size: 100%;
    font-style: italic;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: left;
    background: transparent url(img/signature.jpg) no-repeat 40% 2em;
}    
 
 
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */      
/* Formatierung Hauptnavigation oben rechts */    
#menuBarTop {
    float: left;
    width: 53em;
    margin: 0;
    padding: 0.6em 1em 0.5em 1em;
    background-color: rgb(108, 108, 106);
}  
#navi {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}    
#navi li {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 80%;
    text-transform: uppercase;
}    
#navi a {
    margin: 0;
    padding: 0 0.5em 0 0.5em;
    color: rgb(255, 255, 255);
    text-decoration: none;
}    
#navi a:link {
    text-decoration: none;
}
#navi a:visited {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
#navi a:hover  {
    color: rgb(230, 0, 0);
    text-decoration: none;
}
/* Aktiver Link im Hauptmenue */    
body#index #naviIndex a, body#termine #naviTermine a, body#bio #naviBio a, body#buecher #naviBuecher a, body#rezDieGefroreneZeit #naviBuecher a, body#rezInvasionenDesPrivaten #naviBuecher a, body#rezDieBilderspur #naviBuecher a, body#excDasSinkenEinBueckflug #naviBuecher a, body#downloads #naviDownloads a, body#kontakt #naviKontakt a, body#indexEn #naviIndex a, body#contact #naviContact a {
    color: rgb(210, 0, 0);
    text-decoration: none;
    cursor: default;
}    


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */      
/* Grosses Bild */
#bigPicture {
    float: left;
    width: 55em;
    min-height: 2em;
    margin: 0;
    padding: 0;
    background-color: rgb(20, 20, 20);
}
#bigPicture img {
    width: 55em;
    height: 27.186em;
}    


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */  
/* Container Rootline */
#rootline {
    float: left;
    position: relative;
    top: -2.3em;
    width: 55em;
    margin: 0;
    padding: 0.6em 0 0.5em 0;
    color: rgb(200, 200, 200);
    background: transparent url(img/rootline_trans.png); 
}
.rootlineNavi {
    display: inline;
    margin: 0;
    padding: 0 0 0 1.9em;
    list-style: none; 
}
.rootlineNavi li {
    display: inline;
    margin: 0;
    padding: 0;
    color: rgb(200, 200, 200);
    font-size: 90%;
}
.rootlineNavi a {
    margin: 0;
    padding: 0 0.5em 0 1.1em;
    color: rgb(200, 200, 200);
    text-decoration: none;
    background: transparent url(img/linkInt.gif) no-repeat 0 50%;
}    
.rootlineNavi a:link {
    text-decoration: none;
}
.rootlineNavi a:visited {
    color: rgb(200, 200, 200);
    text-decoration: none;
}
.rootlineNavi a:hover  {
    color: rgb(230, 0, 0);
    text-decoration: none;
}
/* Schriftgroesse korrigieren, die durch die Verschachtelung der Listen entsteht */
.rootlineNavi li li {
    font-size: 100%;
}   
/* Abstand vor den Menuepunkten, der durch die Verschachtelung der Listen entsteht, auf 0 korrigieren  */
ul.rootlineNavi ul {
padding: 0;
}    
    
#textBigPicture {
    float: right;
    margin: 0;
    padding: 0 2em 0 0;
    color: rgb(150, 150, 148); 
    font-size: 80%;   
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */  
/* Inhalt */
#content {
    float: left;
    position: relative;
    top: -2.3em;
    width: 55em;
    padding: 0;
    margin: 0;
    background-color: rgb(255, 255, 255);
}
/* Zusaetzlicher Abstand unten */
body#bio #content, body#downloads #content, body#kontakt #content, body#excDasSinkenEinBueckflug #content, body#contact #content {
    padding: 0 0 5em 0;
}


/* Formatierung Seitenheadline */
h3 {
    margin: 0;
    padding: 2.5em 3.2em 1.3em 16.7em;
    color: rgb(150, 0, 0);
    font-size: 120%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: left;
    background-color: rgb(255, 255, 255);
}

#content dl + h3 {
    padding-top: 0;
}

#content dl {
    width: 49em;   /* Breite des Inhalts Bild + Text */
    margin: 0 4em 3em 2em;
    padding: 0;
}

/* Clearen der Floats */
#content dl:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Formatierung der Zwischen-Ueberschrift in der Kolumne rechts  */
#content dt {
    float: right;
    margin: 0;
    padding: 0 0 0.5em 0;
    width: 25.8em;
    color: rgb(70, 70, 68);
    font-size: 120%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: left;
    background-color: rgb(255, 255, 255);
}
    
/* Formatierung des Lauftextes rechte Kolumne*/           
#content dd {
    margin: 0;
    padding: 0;
    color: rgb(80, 80, 80);
    font-size: 90%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.68em;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: left;
    text-indent: 0;
    background-color: rgb(255, 255, 255);
}   
 
/* Formatierung Bildkontainer in der linken Kolumne */   
#content dd.image {
    float: left;
    width: 20em;   /* Breite Bildspalte links */
}
/* Groesse des Bilder in der linken Columne */    
#content dd.image img {
    width: 12em;
    margin: 0.3em 0 0.5em 0;
    padding: 0.6em;
    border: 1px solid rgb(230, 230, 230);
    background: rgb(250, 250, 250);
} 
/* Text ohne Formatierung unter dem Bild in der linken Kolumne */
#content dd.image p {
    margin: 0;
    padding: 0 9em 0.7em 0.4em;
    font-size: 95%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    word-spacing: normal;
    line-height: 1.2em;
    text-indent: 0;
    text-align: left;
    text-decoration: none; 
    background-color: rgb(255, 255, 255);
}

/* Formatierung Ueberschrift LINKS linke Kolumne*/
h4 {
    position: relative;
    width: 10.2em;
    right: 2.4em;   
    margin: 5em 0 0 0;
    padding: 0 0 1.6em 3.8em;
    font-size: 95%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: left;
    color: rgb(100, 100, 100);
    background: rgb(255, 255, 255);
    border-left: 0.7em solid rgb(80, 80, 78) ;    
}
/* Formatierung der Links linke Spalte unter dem Bild */
.linksColumnLeft {
    position: relative;
    right: 2.4em; 
    width: 14em;   
    margin: 0;
    padding: 0;
    font-size: 95%;
    list-style: none;
    border-left: 0.7em solid rgb(80, 80, 78); 
}
.linksColumnLeft li {
    margin: 0;
    padding: 0 0 0.7em 3.8em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    word-spacing: normal;
    line-height: 1.2em;
    text-indent: 0;
    text-align: left;
    text-decoration: none; 
    background: rgb(255, 255, 255) url(img/linkExt.gif) no-repeat 2.4em 0.31em; 
}
.linksColumnLeft li.pdfDownload {
    background: rgb(255, 255, 255) url(img/pdf.gif) no-repeat 2.0em 0;
}
.linksColumnLeft li.mp3Download {
    background: rgb(255, 255, 255) url(img/mp3.gif) no-repeat 2.0em -0.1em;
}
.linksColumnLeft li.imageDownload {
    background: rgb(255, 255, 255) url(img/image.gif) no-repeat 2.1em 0.1em;
}
.linksColumnLeft li.linkInt {
    background: rgb(255, 255, 255) url(img/linkIntLauftext.gif) no-repeat 2.25em 0.3em;
}

.linksColumnLeft a {
    margin: 0;
    padding: 0;
    color: rgb(80, 80, 80);
    font-weight: bold;   
}    
.linksColumnLeft a:link {
    text-decoration: none;
}
.linksColumnLeft a:visited {
    color: rgb(100, 100, 100);
    text-decoration: none;
}
.linksColumnLeft a:hover  {
    color: rgb(0, 102, 153);
    text-decoration: underline;
}
/* Nur Text in der linken Kolumen unter dem Bild */
.linksColumnLeft li.textOnly {
    background: rgb(255, 255, 255) url(img/textOnly.gif) no-repeat 2.0em 0; 
}

/* Text fliesst nicht unter das Bild */
#content dd.text {
    padding: 0;
    margin: 0 0 0 20em;
}
/* Formatierung Lauftext rechte Spalte */
#content dd.text p {
    margin: 0;
    padding: 0 0 0.6em 0;
    font-size: 110%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: left;
    text-indent: 0;
    color: rgb(80, 80, 80);
}    

/* Formatierung Zitat Lauftext rechte Spalte */
#content dd.text blockquote {
    margin: 0;
    padding: 0 0 1em 0;
    font-size: 110%;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.68em;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: left;
    text-indent: 0;
    color: rgb(100, 100, 100);
} 
/* Formatierung Textquelle (Rezensionen)*/
#content dd.text p.source {
    margin: 0;
    padding: 0 0 5em 0;
    font-size: 80%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: left;
    text-indent: 0;
    color: rgb(80, 80, 80);
}

/* Termine */

#content dl.termine {
    margin-bottom: 5em;
    padding-top: 1em
}

#content dd.terminDaten {
    float: left;
    width: 20em;
}

#content dd.terminDaten h2 {
    margin: 0 2em 0 0;
    padding: 1em 0 0 0;
    font-size: 140%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: right;
    color: rgb(130, 130, 130);
    background: rgb(255, 255, 255);
    border-top: 1px solid rgb(180, 180, 178);   
}

#content dd.terminDaten h6 {
    margin: 0;
    padding: 0.2em 3.1em 0 0;
    font-size: 90%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: right;
    color: rgb(150, 0, 0);
    background: rgb(255, 255, 255);
}

#content dd.terminDaten h5 {
    margin: 0;
    padding: 0.8em 2.9em 0 0;
    font-size: 100%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: right;
    color: rgb(80, 80, 80);
    background: rgb(255, 255, 255);
}

#content dl.termine p.descriptonFistP {
    margin-top: 1.4em;
}



/* Formatierung der Links unter dem Lauftext */
.linksColumnRight {   
    margin: 0;
    padding: 2em 0 3em 0;
    font-size: 95%;
    list-style: none;
}
.linksColumnRight li {
    width: 28em;
    margin: 0;
    padding: 0 0 0.7em 3.5em;
    line-height: 1.3em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    word-spacing: normal;
    text-align: left;
    text-decoration: none;  
    background: rgb(255, 255, 255) url(img/linkIntLauftext.gif) no-repeat 1.7em 0.4em;
}
.linksColumnRight li.extLink {
    background: rgb(255, 255, 255) url(img/linkExt.gif) no-repeat 1.7em 0.4em;
}
.linksColumnRight li.pdfDownload {
    background: rgb(255, 255, 255) url(img/pdf.gif) no-repeat 1.5em 0;
    }
.linksColumnRight li.mp3Download {
    background: rgb(255, 255, 255) url(img/mp3.gif) no-repeat 1.5em -0.1em;
    }    
.linksColumnRight li.imageDownload {
    background: rgb(255, 255, 255) url(img/image.gif) no-repeat 1.6em 0.1em;
    }  
       
.linksColumnRight a {
    margin: 0;
    padding: 0; 
    color: rgb(80, 80, 80); 
    font-weight: bold;  
    
}    
.linksColumnRight a:link {
    text-decoration: none;
}
.linksColumnRight a:visited {
    color: rgb(100, 100, 100);
    text-decoration: none;
}
.linksColumnRight a:hover  {
    color: rgb(0, 102, 153);
    text-decoration: underline;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */  
/* Formatierung der Links im Lauftext (innerhalb p und blockquote)*/
#content p a, #content blockquote a {   
    margin: 0 0 0 0.4em;
    padding: 0 0 0 1em; 
    font-weight: bold;
    text-decoration: none; 
    color: rgb(80, 80, 80);   
    background: rgb(255, 255, 255) url(img/linkIntLauftext.gif) no-repeat 0 52%;
}   
#content p a:link, #content blockquote a:link {
    text-decoration: none;
}
#content p a:visited, #content blockquote a:visited {
    color: rgb(100, 100, 100);
    text-decoration: none;
}
#content p a:hover, #content blockquote a:hover {
    color: rgb(0, 102, 153);
    border-bottom: 2px solid rgb(0, 102, 153);
    text-decoration: none;
}
/* Pfeil nach unten fuer externe Links */
#content p a.ext, #content blockquote a.ext {     
    background: rgb(255, 255, 255) url(img/linkExt.gif) no-repeat 0 52%;   
}
#content p a.ext:hover, #content blockquote a.ext:hover {
    color: rgb(0, 102, 153);
    border-bottom: 2px solid rgb(0, 102, 153);
    text-decoration: none;
   }

.linksColumnRight li div.mp3Player {
   margin: 0.8em 0 1.5em 0;
}
   
em {
    font-style: italic;
}


/* Formatierung kein Zeilenumbruck innerhalb dieses Tags */
abbr {
    white-space: nowrap;
}

strong {
    font-weight: bold;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */  
/* Formatierung Copyrightangabe rechts unten */    
#copyright {
    float: right;
    position: relative;
    top: -2em;
    margin: 0;
    padding: 0 2em 5em 0;
    color: rgb(200, 200, 200);
}