/**********************************************
 * Body and HTML Styles - also old browser comliant
 */

body, html
    {
    margin: 0;
    padding: 0;
    text-align: justify;       
    }

body
    {
    font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
    font-size: 100%
    }

.bground
    {
    background-color: #FEC;   /* shines through negative gif*/
    }

/**********************************************
 * Page has format:
 * Banner (currently blank)
 * Horizontal, top navigation bar
 * Vertical side navigation bar
 * Main body text area
 */


/**********************************************
 * Horizontal, top navigation bar
 */

#horizontal-nav
    {
    position: relative;
    width: 100%;
    height: 52px;
    background-color: #fff;
    font: 8pt bolder verdana, arial, helvetica, sans-serif;
    text-align: center;
    }

.hnav-firstelement
    {
    float: left;
    width: 140px;
    }

#hnav-menu-block-left
    {
    float: left;
    width: 500px;
    height: 26px;
    vertical-align: middle;
    }

#hnav-menu-block-right
    {
    float: left;
    width: 500px;
    height: 26px;
    vertical-align: middle;
    }

.hnav-element
    {
    float: left;
    width: 75px;
    height: 13px;
    background-color: #fe8;
    text-align: center;
    }

.hnav-chosen-element
    {
    float: left;
    width: 75px;
    height: 13px;
    background-color: #f90;
    color: black;   
    text-align: center;
    }

.hnav-closing-element
    {
    float: left;
    width: 1px;
    height: 17px;
    background-color: #fff;
    padding: 3px 0px 3px 0px;
    }

.hnav-offset-element 
    {  
    float: left;
    width: 155px;
    }

.hnav-druckv
    {
    float: right;
    width: 100px;
    vertical-align: bottom;
    }
.hnav-druckv-text
    {
    color: #88e;
    font-size: 90%;
    vertical-align: middle;
    }
/**********************************************
 * Vertical Navigation Area Styles
 */
#vertical-nav
    {
    position: relative;
    font: 9pt bolder verdana, arial, helvetica, sans-serif;   
    left: 5px;
    width: 170px;
    height: 350px;           
    background-color: #fff;  
    border: 0px solid #fc6;   
    padding-bottom: 0px;
    }

.vnav-row-level1
    {
    left: 0px;
    width: 129px;
    border-bottom: 0px solid #fc6;  
    font-size: 120%;
    font-weight: bold;
    color: #339;
    padding: 3px 3px 3px 3px;         
    }

.vnav-level1-image
    {
    width: 115;
    height: 128;
    border: 0;
    }

.vnav-level1-para
    {
    margin-top: 10px;
    margin-bottom: 0px;
    background-color: #fc6;
    padding: 0px 0px 2px 10px;
    border-bottom: 2px solid #ccc; 
    border-right:  2px solid #ccc; 
    width: 120px;
    }

.vnav-row-level2
    {
    left: 0px;
    width: 129px;
    border-top: 1px solid #fc6;
    line-height: 110%; 
    font-size: 110%;
    font-weight: bolder;
    color: #339;
    margin: 0px 5px 4px 7px;
    padding: 3px 0px 1px 2px;
    }

.vnav-row-level3
    {
    left: 0px;
    width: 140px;
    line-height: 110%; 
    border-bottom: 0px solid #fc6; 
    font-size: 100%;
    color: #339;
    margin: 0px 5px 3px 23px;
    padding: 0px 0px 3px 3px;
    }

.vnav-row-selected
    {
    font-weight: bold;
    color: black;
    }

.vnav-pointer
    {
    position: relative;   
    left: 0;
    top: 0
    }



/**********************************************
 * Styles for table cell spacing - to be applied
 to a space character
 Uses the padding factor to ensure a minimum space
 */


#navspace
    /*
    For width of the column between menu and content
    */
    {
    position: relative;
    padding: 0 160px 0 0;
    }

#progwidth1
    /*
    For width of the programm table (only some pages)
    */
    {
    position: relative;
    font-size: 10%;
    padding: 0 150px 0 0;

    }

#progwidth2
    /*
    For width of the programm table (only some pages)
    */
    {
    position: relative;
    font-size: 10%;
    padding: 0 450px 0 0;

    }


/**********************************************
 * Link Styles
 */
a:link
    {
    color: #339;
    text-decoration: underline;
    }

a:visited
    {
    color: #339;
    text-decoration: underline;
    }

a:hover
    {
    color: #44e;
    text-decoration: underline;

    }

a:hover.hnav, a:hover.vnav
    {
    color: #f90;
    text-decoration: underline;
    }
        
/* Links for an image - though maybe not used*/
a:link.img, a:visited.img
    {
    color: #fff;
    text-decoration: none;
    }

a:hover.img
    {
    color: #44e;
    text-decoration: underline;
    }

/* Faded out / dim links */
a:link.dim, a:visited.dim, a:hover.dim, a:active.dim
    {
    color: #77e;
    text-decoration: none;
    }

/* Currently selected page */
a:link.current, a:visited.current, a:hover.current, a:active.current
    {
    color: black;
    text-decoration: none;
    }

#not-available
    {
    text-decoration: none;
    }


/**********************************************
 * Main content
 */

#content
    {
    position: relative;
    right: 50px;
    left:10px;
    color: #216; 
    font: 80%/120% indic times, verdana, arial, sans-serif;  /*was 100%/166%*/
    letter-spacing: .02em;
    line-height: 140%;  
    width: 600px;
    text-align: left;
    padding-bottom: 10px;
    }

ul
    {
    list-style-type: circle;
    }

li
    {
    margin-bottom: 7px;
    }
    
h1
    {
    font-family: arial, helvetica, sans-serif;
    font-size: 150%;
    text-align: center;
    letter-spacing: .1em;
    font-weight: bold;
    color: #339;
    margin-top: 20px;
    }
/*
h2
    {
    font-size: 120%;
    letter-spacing: .1em;
    font-family: arial, helvetica, sans-serif;

    color: #339;
    font-weight: bold;
    }
*/
h2
    {
    font-size: 100%;
    letter-spacing: .1em;
    font-family: arial, helvetica, sans-serif;
    color: #339;
    font-weight: bold;
    }

h3
    {
    font-size: 100%;
    letter-spacing: .1em;
    font-family: arial, helvetica, sans-serif;
    color: #216;
    font-weight: bold;
    }


.firstpara:firstletter
    {
    font-size: 300%; 
    font-style: italic; 
    font-weight: bolder; 
    margin: -0.3em 5px -0.3em 0px; 
    float: left; 
    }

    
.levelone
    {
    }

.betont
    {
     font-weight: bold;
     font-style: italic;
     }

.zitaten-frame
    {
    margin-left: 25px;
    margin-right:15px;
    border: 2px outset #339;
    background-color: #ffa;
    }
.zitaten
    {
    font-family: arial, helvetica, sans-serif;
    font-size: 120%;
    font-style: italic;
    margin-left: 25px;
    margin-right:15px;
    }

.zitat
    {
    padding-bottom: 15px;
    }

#footer
    {
    position: relative;
    width: 100%;
    height: 20px;
    z-index: 10;
    font-family: arial, helvetica, sans-serif;
    font-size: 9pt;
    border-top: 1px solid #339;
    margin-top: 25px;
    }

.footer-element
    {
    float: left;
    padding: 5px 25px 5px 25px;
    }

.footer-klein
    {
    float: left;
    margin-left: 25px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family:  "times new roman", times, serif;
    font-size: 70%;
    color: #339;
    }

.footer-browser
    {
    float: left;
    margin-left: 25px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: arial, helvetica, sans-serif;
    color: #339;
    font-size: 9pt;
    }

.address-list  
    {
    width: 128px; 
    vertical-align: top;
    margin-left: 5px; 
    font-size: 70%; 
    font-family: arial, helvetica, sans-serif;
    color: #339; 
    }

.legal-note
    {
    font-size: 80%;
    font-style: italic;
    color: #339;
    }
/**********************************************
 * Other main Content Styles
 */

.bodylink
    {
    color: #339;
    }

.small
    {
    font-size: 80%;
    }

.pic-creditRight
    {
    margin-top: 10px;
    margin-bottom: 5px;
    float: right;
    text-align: center;
    }

.pic-creditLeft
    {
    margin-top: 10px;
    margin-bottom: 5px;
    float: left;
    text-align: center;
    }
.pic-creditText
    {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 105%;
    font-family: "Times New Roman", "Times", serif;
    font-size:90%;
    }

.pic-caption
    {
    margin-top: 1px;
    margin-bottom: 0px;
    line-height: 105%;
    font-family: Vedana, arial, helvetica, sans-serif;
    font-size:90%;
    font-style: italic;
    }
    
.refs-heading
    {
    font-style: italic;
    font-weight: bolder;
    color: #f90;
    }
.refs-item
    {
    
    }
.refs-hidden
    {
    visibility: hidden;
    }