/* Cascading Style Sheet für dgb-chor-frankfurt.de
  Stand: 29. August 2014, erstellt von Lüko Willms
  Der Viewport ist eingeteilt in vier Quadranten:
  NaviKopf - Logo, das gleichzeitig LINK zur Startseite ist
  NaviBody - Navigationsspalte am linken Rand
  InhaltKopf  - Kopf des Inhaltteils
  InhaltBody  - variabler Teil für Inhalte
  */

      body       {
      	         width  :  100%;
      	         height :   838px;
				/*
						position: absolute; 
						  left: 50%;
						margin-left: -500px;
						*/
      	        }

/* Navispalte enthält NaviKopf und NaviBody */

div#NaviSpalte{
           background-color: sandybrown;
           width:  200px;
           height:  100%;
           margin:    0 0 auto 0;
           padding:   0;
           position:  absolute;
             top:    0px;
             left:   0px;
             bottom: 0;
       }
div#InhaltSpalte {
           background-color: #F5BEA2 ;       /* ggf  #F5FFFA ; #F5BED3 ;      */
           width:  980px;
           height:   100%;
           margin:    0;
           padding:   0;
           position:  absolute;
             top:    0px;
             left: 200px;
             bottom: 0;
           }
/* ---------------------------------- */
div#NaviKopf {
           background-color: inherit; /* red;            /* border:  15px solid maroon; */
           width:   100%;
           height:  200px;
           margin:    0;
           padding:   0;
           position:  absolute;
             top:    0px;
             left:   0px;
       }
div#NaviBody {
           background-color: inherit; /* red;    /*  border:  15px dashed red; */
           width:   100%;
			  height:  638px;
           max-height: 100%;
           margin:    0 0 auto 0;
           padding:   0;
           position:  absolute;
             top:  200px;
             left:   0px;
             bottom: 0;
       }
/* ---------------------------------- */
div#InhaltKopf  {
           background-color: sandybrown;            /*  border: 15px solid skyblue;  */
           width:  100%;
           height: 200px;
           margin:    0;
           padding:   0;
           position:  absolute;
             top:    0px;
            }
div#InhaltBody  {
          background-image: url(/Images/Die-Augen-sieht-man-noch_WLK5131px1024.jpg); background-repeat: no-repeat;
 	         background-color: #F5BEA2 ; 
           width:  100%;
           overflow:   auto;
             overflow-x: hidden; 
           height:     638px; /* 100%;  */
           max-height: 100%;
           margin:    0;
           padding:   0;
           position:  absolute;
             top:  200px;
             bottom: 0;
            }
/* ---------------------- text and image styles -------------------------- */

div#NaviBody  p {
           font-family: helvetica, arial, sans-serif;
           /* font-size:   medium; */
           font-weight: bold;
           margin-top:    32px;
           margin-bottom: 12px;
           margin-left:   16px;
           }
			  
/* div#NaviBody */
p.DokInfo {
        	position: absolute; 
    			bottom: 0;
			font-size: x-small;
			margin-left: 16px;
			margin-right: 16px;
			padding: 0 0 0 0;
			text-indent: 0;
}
           			  

div#NaviBody a {
 	        color:  #4D897C;   
 	        /* color:        blue;             /* #191970 ;         midnightblue;                #00BFFF ;  */
           display:      block;
           font-family:  helvetica, arial, sans-serif;
           /* font-size:    medium; */
           font-weight:  bold;
           padding-left: 0.5em;
           text-indent:  -0.5em;
           margin-top:   2px;
           margin-right:  16px;
           margin-bottom: 2px;
           margin-left: 16px;
			     width:        184px;
           height:       auto; /* 36px; */
           border:       4px solid transparent;
           }
div#NaviBody a:link    {text-decoration: none;}  /* color: #00BFFF ;  */
div#NaviSpalte a:hover   {background-color:  #D2B48C  ;  }   /* darkseegreen */
div#NaviBody a:visited {background-color : #F5BEA2; }
div#NaviBody a:active  {border-color: yellow;}

div#InhaltKopf  p {
 	        font-family: helvetica, arial, sans-serif; 
 	        font-size: 8pt; font-weight: bold; 
 	        color: #FFF; 
 	        margin-top: -1px
 	        }
div#InhaltKopf  h1, h2, h3, p {
 	        font-family: helvetica, arial, sans-serif; 
 	        font-size: 32pt; font-weight: bold; 
 	        color:  #4D897C;   
 	        margin-left: 20px
 	        }
div#InhaltBody  p {
           font-family: Georgia, Times, TimesNR, serif;
           color: black; 
           font-size:   small;
           font-weight: normal;
           margin-top:     0;
           margin-bottom:  0.5em;
           margin-left:    20px;
           margin-right: 10px;
           }
div#InhaltBody  p.RedNote {
           font-style:  italic;
           font-size: smaller;
           margin-left:    20px;
           margin-right: 20px;
           }
div#InhaltBody  p.halbeSpalte {
           width: 50%; 
           font-style:  regular;
           font-size:  smaller;
           margin-left:    20px;
           margin-right: 20px;
           }
div#InhaltBody h1, div#InhaltBody h2, div#InhaltBody h3, div#InhaltBody h4 {
           font-family: helvetica, arial, sans-serif; 
           color: black;   
			  /* color: #4D897C;  /* #5CA595;  */
		    	  margin-left: 20px;
           margin-bottom: 0.5em;
           }
*.Anfangsbuchstabe {
           font-weight:  bold;
           font-size: 150%;
           }
               
ol.Fortlaufend    {
           margin-left:    20px;
           margin-right: 10px;
           }       
 *.Fortlaufend li {display: inline ;}
 *.Fortlaufend li:before {content: " " \u2022 " " ;} /* • \0149  ??? */
 *.Fortlaufend li[lang|="OTH"], span[lang|="OTH"] { color: darkred ;}
 
 p.Aufzaehlung  span:before {content: " " \u2022 " " ;} 
 p.Aufzaehlung  span[lang|="OTH"], span[lang|="OTH"] { color: darkred ;}

*.BildLinks   {
                float: left;
                display:  inline-block;
                overflow: visible;
                margin: 4px  4px 4px 10px;
                padding: 0.3em 0.3em 0.3em 0 ;
                background-color: #FFEFD5 ;/* = "papayawhip" */
                  /* aliceblue; */
                font-family:Arial; font-size:xx-small;
              }
*.BildRechts   {
                float: right;
                display:  inline-block;
                overflow: visible;
                margin: 4px 0 4px 4px;
                padding: 0.3em 0 0.3em 0.3em ;
                background-color: #FFEFD5 ;/* = "papayawhip" */
                  /* aliceblue; */
                font-family:Arial; font-size:xx-small;
              }