BODY {
    margin: 0;
    background: #000000 url(/images/background.gif) center repeat-y;
    font-family: arial, sans-serif;
}


#head {
    border: 10px solid #FFFFFF;
    background: url(/images/geistreich.jpg) top left no-repeat;
    width: 725px;
    margin: auto;  
}
.floatfix {
    /* Beendet alle floats und sorgt dafür, dass Inhalte, die vom Text
    umflossen werden nicht über den unteren rand der umgebenden Box
    hinauslaufen. */
    
    clear: both;
    display: block;
} 

/* BEGIN Portalnavigation */
#navigation {
    width: 215px;
    margin-top: 20px;
    float: right;
}
#navigation A {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 80%;
    font-weight: bold;
    line-height: 200%;
    display: block;
    text-transform: uppercase;
}
#navigation A .shadow{
    display: none;
}                    
#navigation A:hover {
    color: #967452;
}
#navigation A:hover .shadow{
    position: absolute;
    display: block;
    color: #FF7F00;
    line-height: 110%;
    margin: 4px 0 0 -4px;
    font-size: 105%;
} 

/* BEGIN Animation */
.animation {
   /* height: 150px; */ /* Entfernt da die Höhe der Animation dynamisch sein muss */
   clear: both;
   border-bottom: 10px solid #FFFFFF;
   width: 745px; 
   margin: 0px auto 0px auto;  
}

/* BEGIN Unternavigation Ebene 2 */
#navarea {
    border: solid #FFFFFF;
    border-width: 0px 10px 0 10px;
    width: 725px;                    
    margin: auto;  
}
#subnav {
    display: block;
}
#subnav A {
    font-size: 75%;
    font-weight: bold;
    padding-top: 5px;
    float: left;
    height: 25px;
    line-height: 25px;
    background: #FF7F00 url(/images/subnav_background.gif) repeat-x;
    text-decoration: none;
    color: #6F614F;
}
#subnav A.highlighted {
    color: #FFFFFF;
}
#subnav a:hover {
    color: #FFFFFF;
}
#subnav .separator {
    background: url(/images/subnav_separator.gif) no-repeat;
    width: 18px;
    height: 30px;
    display: block;
    float: left;
}
#subnav #firstitem {
    padding-left: 24px;
}
#subnav .end {
    background: url(/images/subnav_end.gif) no-repeat;
    display: block;
    width: 23px;
    height: 30px;
    float: left;
}

/* BEGIN Unternavigation Ebene 3 */
#subnav2 {
    clear: both;
    display: block;
    padding-left: 14px;
}
#subnav2 A {
    line-height: 2em;
    padding-left: 10px;
    color: #FF7F00;
    text-decoration: none;
    font-size: 80%;
}
#subnav2 A.highlighted {
    color: #FFFFFF;
}
#subnav2 A:hover {
    text-decoration: underline;
}

/* BEGIN Metanavigation */
#metanavigation {
    float: right;
    margin-top: 5px;
    padding-right: 17px;
}
#metanavigation A {
    font-size: 70%;
    display: block;
    float: left;
    background: url(/images/subnav_bullet.gif) left no-repeat;
    color: #FFFFFF;
    padding-left: 35px;
    height: 25px;
    line-height: 25px;
    text-decoration: none;
}
#metanavigation A:hover {
    color: #FF7F00;
}

/* BEGIN Textinhalt */
.text {
   padding: 0 0 24px 0;
   border: solid #FFFFFF;
   border-width: 0px 10px 0 10px;
   width: 725px;                    
   margin: 0 auto 0 auto;  
   color: #FFFFFF;
}
.text P {
   padding: 0 180px 0 24px;
   font-size: 80%;
   line-height: 170%;
   font-family: georgia, gill-sans, sans-serif;
}
.text P A {
    color: #FF7F00;
    text-decoration: none;
}                    
.text P A:hover {
    text-decoration: underline;
}      
.text H2 {
   margin: 0;
   padding: 24px 24px 0 24px;
   font-size: 100%;
   clear: both;
}

/* BEGIN Galerie */
.gallery {
   border: solid #FFFFFF;
   border-width: 0px 10px 0 10px;
   width: 725px;    
   padding-top: 30px;                
   margin: 0 auto 0 auto;
}   
.gallery H2 {
   margin: 0 0 0 24px;
   padding: 0;
   color: #FFFFFF;
   font-size: 100%;
   line-height: 100%;
}
.gallery IMG {
    border: 10px solid #FFFFFF;
    float: left;
    margin: 24px 0 0 24px;
}

.gallery .morelink {
    color: #FF7F00;
    padding: 10px 24px 0 0;
    clear: both;
    text-align: right;
    display: block;
    font-size: 95%;
    font-weight: bold;
    line-height: 100%;
    text-decoration: none;
}
.gallery .morelink:hover {
    text-decoration: underline;
}
/********************************************************************
   Der normale Text kann auch im Galeriebereich genutzt werden.
   Hierzu werden im Folgenden die Standard Styles der Klasse Text
   überschrieben und für die Darstellung innerhalb des
   Galeriebereiches angepasst.
********************************************************************/
.gallery .reddot {
   width: 210px;   
}
.gallery .text {
   padding: 0;
   float: left;
   width: 210px;
   height:130px;
   border-width: 24px 0 0 24px;
   border-style: solid;
   border-color: #6F614F;
}
.gallery .text H2 {
    margin: 0 0 8px 0;
    padding: 0;
    clear: none;
    font-size: 80%;
}       
.gallery .text P {
    padding: 0;
    font-size: 70%;
    line-height: 150%;
    margin: 0 0 1em 0;
}  

/********************************************************************
   Der normale Text kann auch im Galeriebereich genutzt werden.
   Hierzu werden im Folgenden die Standard Styles der Klasse Text
   überschrieben und für die Darstellung innerhalb des
   Galeriebereiches angepasst.
********************************************************************/

.gallery .downloadliste {
   padding: 0;
   float: left;
   width: 210px;
   height:130px;
   font-size: 90%;

   border-width: 24px 0 0 24px;
   border-style: solid;
   border-color: #6F614F;
}
.gallery .downloadliste H2 {
    margin: 0 0 8px 0;
    padding: 0;
    clear: none;
}
.gallery .downloadliste P {
    padding: 0;
    font-size: 80%;
    line-height: 170%;
    margin: 0 0 1em 0;
}
.gallery .download {
    /* Ein Download kann auch ohne Liste in
    der Galerie verwendet werden */
   color: #FFFFFF;
   padding: 0;
   float: left;
   width: 210px;
   border-width: 24px 0 0 24px;
   border-style: solid;
   border-color: #6F614F;
}
.subtext {
   padding: 24px 0 48px 0;
   border: solid #FFFFFF;
   border-width: 0px 10px 0 10px;
   width: 725px;                    
   margin: auto;  
   color: #FFFFFF;
}
.subtext P {
   padding: 0 180px 0 24px;
   font-size: 80%;
   font-weight: bold;
   line-height: 190%;
   font-family: verdana;
}
.subtext P A {
    color: #FF7F00;
    text-decoration: none;
}                    
.subtext P A:hover {
    text-decoration: underline;
}      
.subtext H3 {
   color: #FFFFFF;
   padding: 0 24px 0 18px;
   font-size: 100%;
}

/* BEGIN Abstandhalter im Content-Bereich */
.spacer {
   display: block;
   height: 45px;
   border: solid #FFFFFF;
   border-width: 0px 10px 0 10px;
   width: 725px;                    
   margin: auto;
   color: #6F614F; 
} 

/* BEGIN Footer */
#footer {
   height: 33px;
   border-top: 10px solid #FFFFFF;
   border-bottom: 1px solid #000000;                       
   width: 745px;                    
   margin: auto;  
}
#copyright {
    height: 33px;
    padding-left: 33px;
    font-size: 80%;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
    float: left;
}
#footnavigation {
    height: 33px;
    font-weight: bold;
    font-size: 80%;
    padding-right: 29px;
    line-height: 30px;
    float: right;
}
#footnavigation A {
   padding-left: 10px;
   color: #FF7F00;
   text-decoration: none;
}

/* BEGIN Downloadliste */
.downloadliste {
    padding: 0 0 24px 0;
    border: solid #FFFFFF;
    border-width: 0px 10px 0 10px;
    width: 725px;                    
    margin: 0 auto 0 auto;  
    color: #FFFFFF;
}
.downloadliste H2 {
    margin: 0;
    padding: 24px 24px 0 24px;
    font-size: 100%;
    clear: both;
}
.downloadliste P, .download {
    padding: 0 180px 0 24px;
    font-size: 80%;
    line-height: 170%;
    font-family: georgia, gill-sans, sans-serif;
}
.downloadliste A, .download A {
    color: #FF7F00;
    text-decoration: none;
}                    
.downloadliste A:hover, .download A:hover {
    text-decoration: underline;
}

/* BEGIN download mimetype icons */
.type_pdf {
    background: url(/images/icon_pdf.gif) no-repeat;
    padding-left: 20px;
}
.type_doc {
    background: url(/images/icon_doc.gif) no-repeat;
    padding-left: 20px;
}
.type_zip {
    background: url(/images/icon_zip.gif) no-repeat;
    padding-left: 20px;
}
.type_xls {
    background: url(/images/icon_xls.gif) no-repeat;
    padding-left: 20px;
}
.type_unknown {
    background: url(/images/icon_file.gif) no-repeat;
    padding-left: 20px;
}
.type_wmv {
    background: url(/images/icon_wmv.gif) no-repeat;
    padding-left: 20px;
}
/* BEGIN Zweispalter
    Alle Inhaltsmodule können auch im zweispalter vorkommen.
    Hierzu werden im folgenden die jeweiligen Styles der Module
    überschrieben und auf die zweispaltige Darstellung angepasst.
    
*/
.zweispalter {
   padding: 0 0 24px 0;
   border: solid #FFFFFF;
   border-width: 0px 10px 0 10px;
   width: 725px;                    
   margin: 0 auto 0 auto;  
   color: #FFFFFF;
}
.zweispalter .text {
   padding: 0;
   border: none;
   float: left;
   width: 425px;                 
   margin: 0;  
}
.zweispalter .gallery {
   border: none;
   width: 250px;
   padding: 30px 0 0 18px;
   float: left;               
} 
.zweispalter .gallery .text {
   width: 250px;
   margin-top: 24px;            
}
.zweispalter .gallery H2 {
   margin: 0;
}
.zweispalter .gallery IMG {
    margin: 24px 0 0 0;
}