#header {
  height:142px;
}

#footer {
  
}

#contents
{
  top:142px;
  bottom:0px;
}

#siteHeight
{
    height : 910px;
}

#audioBox
{
    position : absolute;
    top : 0px;
    left : 0px;
}

#kopf
{
    background-color : #000000;
    color : #FFFFFF;
    text-align : center;
    height : 75px;
    width : 666px;
}

#kopfTitel
{
    font-family : "Arial";
    font-weight : bold;
    font-size : 26px;
    font-variant : small-caps;
    padding-top : 18px;
}

#kopfAusgabe
{
    font-family : "Arial";
    font-weight : bold;
    font-size : 16px;
    margin-top : 13px;
}

#leftRow, #middleRow, #rightRow
{
    position : absolute;
    top : 75px;
    
    padding-top : 20px;
        
    background-color : #FFFFFF;
    
    
}

#leftRow, #middleRow
{
    width : 216px;
}

#rightRow
{
    width : 236px;
}

#leftRow
{
    left : 26px;
}

#middleRow
{
    left : 242px;
}

#rightRow
{
    left : 458px;
}

.block
{
    background-color : #F0F0F0;
    margin-left : 20px;
    padding-top : 10px;
    padding-bottom : 10px;
    margin-bottom : 20px;
    width : 196px;
}

.blockAbstandBottom
{
    height : 5px;
}

.blockTitelImg
{
    
    margin-left : 6px; 
    
}

.blockMainImg
{
    width : 184px;
    
    margin-left : 6px;
    margin-top : 10px;
    margin-bottom : 0px;
}

.blockMainImg img
{
    border : 1px solid #999999;
}

.abschnitt
{
    padding-top : 5px;
}

.abschnittTitel, .vorspann, .mp3Text a, .mp3Time, .mp3DownloadLink a
{
    font-family : "Arial";
    font-size : 11px;
    color       : #000000;
}

.essLogo
{
    margin-left : 6px;
    margin-top : 7px;
    margin-right : 5px;
    width : 52px;
            
    float : left;
}

.essLogoEng
{
    margin-left : 5px;
    margin-top : 7px;
    margin-right : 1px;
    width : 52px;
            
    float : left;
}

.abschnittTitel
{
    padding-top : 5px;
    margin-left : 6px;
    font-weight : bold;
}

.vorspann
{
    font-style : italic;
    
    margin-top : 0px;
    padding-left : 6px;
    
    line-height : 1.1em;
}

.mp3Link
{
    margin-left : 6px;
    margin-top : 2px;
}

.pfeilKleinNext
{
    float : left;
    width : 16px;
    /*margin-top : 5px;*/
    margin-left : 56px;
}

.pfeilKlein
{
    float : left;
    width : 16px;
    margin-top : 4px;
}

.mp3Links
{
    margin-top : 1px;
}

.trackNumber
{
    clear : both;
    width : 50px;
    font-family : "Arial";
    font-size : 11px;
    font-weight : bold;
    font-variant : small-caps;
    color       : #000000;
    float : left;
    margin-left : 5px;
}

.mp3AktionBlock
{
    
}

.mp3AktionBlock a
{
    font-family : "Arial";
    font-size : 11px;
    color       : #000000;
}

.mp3Data
{
    margin-left : 1px;
    padding-left : 2px;
    padding-right : 2px;
    border : 1px solid black;
    font-size : 10px;
}

.downloadBlock
{
    clear : both;
    margin-left : 6px;
}

*:not(hr) .pfeilKlein2
{
    float : left;
    width : 16px;
    margin-top : 1px;
}

*:not(hr) .pfeilKleinNext
{
    /*float : left;
    width : 16px;*/
    margin-top : 1px;
}

.mp3DownloadLink
{
    margin-left : 5px;
}

.mp3DownloadLink em
{
    font-weight : bold;
    font-style : normal;
}

*:not(hr) .pfeilKlein
{
    margin-top : 1px;
}

.mp3Text a
{
    padding-left : 4px;
    color : #000000;
}

.mp3Text a em
{
    font-style : normal;
    font-weight : bold;
    color : #000000;
}

.mp3Time
{
    margin-left : 10px;
    padding-left : 2px;
    padding-right : 2px;
    border : 1px solid black;
    font-size : 10px;
}

.mp3Size
{
    margin-left : 5px;
    padding-left : 2px;
    padding-right : 2px;
    border : 1px solid black;
    font-size : 10px;
}

/* ############# MP3 ############# */
#messageMp3Window
{
    background-color : #D8D8D8;
    
    position : fixed;
    top : 200px;
    left : 735px;
    
    width : 240px;
    height : 140px;
    border : 1px solid black;
}

* html #messageMp3Window
{
    background-color : #D8D8D8;
    
    position : absolute;
    top : 400px;
    left : 735px;
}

#popupMp3Close
{
    margin : 0px;
    padding : 0px;
    
    padding-right : 5px;
    padding-top : 3px;
}

#popupMp3Close a
{
    color : #000000;
    text-decoration : none;
}

#closeText
{
    float : left;
    margin-left : 152px;
    padding-top : 0px;
    width : 85px;
    font-size : 10px;
    
}

* html #closeText
{
    margin-left : 148px;
}

#closePic
{
    width : 17px;
}

#closeText, #closePic
{
    cursor : hand;
}

#messageMp3DownloadWindow
{
    background-color : #D8D8D8;
    
    position : fixed;
    top : 300px;
    left : 250px;
    
    width : 240px;
    height : 100px;
    border : 1px solid black;
}

#popupMp3DownloadClose
{
    margin : 0px;
    padding : 0px;
    
    padding-right : 5px;
    padding-top : 3px;
}

#popupMp3DownloadClose a
{
    color : #000000;
    text-decoration : none;
}

#closeDownloadText
{
    clear : both;
    float : left;
    margin-left : 134px;
    padding-top : 0px;
    width : 85px;
    font-size : 10px;
    
}

#closeDownloadPic
{
    width : 17px;
}

#closeDownloadText, #closeDownloadPic
{
    cursor : hand;
}

#downloadMessage
{
    margin-top : 5px;
    margin : 5px 15px 0px 15px;
}

#mp3AnleitungHead
{
    text-align : center;
    margin-top : 10px;
    font-weight : bold;
}

#mp3AnleitungText
{
    margin-top : 5px;
    margin : 5px 15px 0px 15px; 
}

#messageNotAllowed
{
    font-weight : bold;
    margin-left : 20px;
    margin-top : 10px;
}

#mp3SieHoeren, #mp3Stichwort, #mp3VorspannText
{
    margin : 0px;
    padding : 0px;
    
    text-align : left;
    margin-left : 10px;
    
    font-family : "Arial";
}

#mp3SieHoeren
{
    clear : both;
    font-size : 12px;
    font-variant : small-caps;
    margin-top : 10px;
}

#mp3Stichwort
{
    font-weight : bold;
    font-size : 11px;
    margin-top : 5px;
}

#mp3VorspannText
{
    margin-right : 10px;
    margin-top : 2px;
    font-style : italic;
    font-size : 11px;
    line-height : 1.0em;
}

#mp3PlayerBox
{
   margin-top : 15px;
   width : 100%;
   text-align : center;
}

.dummyHeight1px
{
    height : 1px;
}

.dummyHeight2px
{
    height : 2px;
}

.dummyHeight3px
{
    height : 3px;
}

.dummyHeight4px
{
    height : 4px;
}

.dummyHeight5px
{
    height : 5px;
}

.dummyHeight6px
{
    height : 6px;
}

.dummyAbstandMozilla6px, .dummyAbstandMozilla3px
{
    height : 0px;
}

* html .dummyAbstandMozilla6px
{
    height : 0px;
    width : 0px;
    margin-top : -20px;
}

* html .dummyAbstandMozilla3px
{
    height : 0px;
    width : 0px;
    margin-top : -20px;
}

*:not(hr) .dummyAbstandMozilla6px
{
    height : 6px;
}

*:not(hr) .dummyAbstandMozilla3px
{
    height : 3px;
}