/* CSS Document */
html, body {   background-color: #FFCD97;
         text-align: center;
         color: #002d73;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 12px; 
         
         }
/*Formatierungen aus webEdition*/

a  {  color: #002d73; text-decoration: underline;  font-weight: bold; line-height: 15px;
   }
   

table { margin-left: 50px;
      }


td {  color: #002d73; 
      font-size: 12px; 
      line-height: 150%; 
      padding: 20px;
      vertical-align: top;
    }
/*linksbündiger, normaler Text*/
p   {text-align: left;
      line-height: 120%;
      
      }
      
/*linksbündiger, fetter Text*/      
p.b   { font-weight: bold;
      }
        
/*zentrierter fetter text für Startseite etc.*/      
.main     {text-align: center;
	          line-height: 150%;
	          font-weight: bold;
            font-style: oblique;
            
          }         
    

/*neue Formatierungen*/
h1  { font-size:  150%;
      font-weight: bold;
      text-align: left;
      color: #FE860C;
      }
h2  { font-size:  150%;
      font-weight: bold;
      text-align: left; 
      
    }

h3	{  font-size: 120%;
	     font-style: oblique;
	     font-weight: bold;
       line-height: 150%;
       text-align: center;
	   }
h4	{  font-size: 100%;
	     font-weight: bold;
       text-align: left;
       color: #FE860C;
	   }
/*für normalen Text. Evtl. mit .main etc. formatieren*/

	
#wrap    {  width: 980px;
            margin: 0 auto;
            text-align: left;
            
            
	       } 
#header { margin-top: 0px;
          background-color: #FEA03A;
          height: 120px;
          width: 100%;
          text-align: center;
         }

/*Sidebar - muss jeweils von der Position her angepasst werden*/
#menu {  
         float: left;
         width: 192px;
         padding: 0px;
         margin-top: 15px;
         margin-left: -40px;
         height: 850px;
       }
       
ul#navigation li {  float: left;
                    list-style-type: none;
                    
            }
            
#navigation a { float: left;
                /*display: block;*/
                margin-bottom: 10px;
                text-decoration: none;
                background-color: #FE860C;
                 
          }
          
#navigation a:hover { float: left;
                      
                      
                      background-color: #FFA03A;
}
#navigation a.aktuell { background-color: #FFBB68; 
                                      }
/*Menu unter dem Header*/                                      
#menu2  {float: right;
          width: 800px;
          padding: 0px;
          margin-right: 0px;
          
        }
ul#navi li {float: right;
            list-style-type: none;
            text-align: right;
            Z-index: 30
            }

#navi a {float: left;
         display: block;
         height: 18px;
         width: 136px;
         margin: 1px;
         padding-top: 4px;
         font-size: 95%;
         font-weight: bold;
         text-align: center;
         vertical-align: middle;
         text-decoration: none;
         background-color: #FE860C;
         
         }
#navi a:hover { background-color: #FFA03A;
              }
              
#navi a.aktuell { background-color: #FFBB68;
                }
                                      
                                      
/*Menu für login-Bereich*/
#menu3  {float: left;
          width: 300px;
          
          margin-right: 0px;
          
        }
ul#navi2 li {list-style-type: none;
            text-align: right;
            margin-top: 30px;
            }

#navi2 a {float: left;
         display: block;
         height: 40px;
         width: 200px;
         margin: 1px;
         padding-top: 4px;
         font-size: 95%;
         font-weight: bold;
         text-align: center;
         vertical-align: middle;
         text-decoration: none;
         background-color: #FE860C;
         
         }
#navi2 a:hover { background-color: #FFA03A;
              }

         



/*mittlerer Inhalt*/
#content   {float: left;
            margin-left: 30px;
            width: 548px;
            height: 800px;
                                 
            }
/*Inhalt über die ganze Seite, muss über dem rechten Menu beginnen, sonst fällt der Footer unten raus*/            
#contentganz{ float: left;
              margin-left: 30px;
              width: 790px;
              height: 850px;
	           } 
            
/*Seite Leseclub mit Hintergrundgrafik*/ 
#contentclub  { float: left;
                background: url(../Bilder/BGclub.gif) no-repeat top center;
                width: 840px;
                margin-left: -60px;
                margin-top: 30px;
	              min-height: 740px;
	              Z-index: 20;                      
            }
/*Text, Bilder etc.: Container im content mit footer*/
#mitte  { min-height: 740px;
          margin-top: 30px;
          Z-index: 20;
        }
                       
/*liegt unter dem Inhalt mitte*/
#footer { width: 500px;
          height: 800px;
          display: inline;
          font-size: 95%;
          vertical-align: bottom; 
          Z-index: 10;       
         }
/*für Seiten mit waagerechtem Menu*/         
#footer2 { width: 500px;
          height: 780px;
          display: inline;
          font-size: 95%;
          vertical-align: bottom; 
          Z-index: 10;       
         }
#footer p { text-align: center;
            vertical-align: bottom;
            
          }
          
#footer2 p { text-align: center;
            vertical-align: bottom;
            
          }
/*#footer a {font-weight: normal;
          }*/
          


 /*rechte Spalte*/
 #rechts  { float: right;
            width: 220px;
            
            
          }
/*Box mit Hintergrundfarbe gelb*/
.box {   margin: 30px 2px 0px 2px;
         padding: 5px;
         overflow: auto;
         background-color: #FFECAA;
         border-style: solid;
         border-color: #FE860C;
         border-width: thin;
         Z-index: 100;
          }
.boxmitte   {   margin: 15px 0px 0px 0px;
                padding: 5px;
                overflow: auto;
                background-color: #FFECAA;
                border-style: solid;
                border-color: #FE860C;
                border-width: thin;
                
            }
  
/*Box ohne Hintergrundfarbe gelb*/
         
.box0   {margin: 30px 2px 0px 2px; 
	       padding: 5px;
         overflow: auto;
         border-style: solid;
         border-color: #FE860C;
         border-width: thin;
         
          }
/*Grafik über ganze rechte Spalte, z.B. Theater, Volltext*/
.bild	{  float: right;
         width: 200px;
         margin-top: 30px;
         margin-right: 0px;
         margin-bottom: 20px;
          }  
 /*in der Mitte positioniertes Bild, Grafik, Diashow etc.*/         
 .bildcenter  { margin-top: 40px;
                text-align:center;
                
              }
 /*links ausgerichtete  Abbildung, z.b. buchabbildung in Theater*/                    
 .grafik1    {float: left;
           text-align: left;
           margin-right: 0px;
           padding-right:20px;
	  }	 
 /*rechts ausgerichtete Buchhabbildung im content, Autorenfotos in theater*/
.grafik2  {float: right;
           text-align: right;
           margin-right: 10px;
           padding-left:10px;
	  }	 
	  
/*Bild für Kästen*/
.grafik  {   
          text-align: center;
	  	    }
      
 
 /*Titelangabe u.ä. im Kasten*/          
.boxtext { font-size: 90%;
           font-weight: bold;
           text-align: center;
           line-height: 120%;
         }
 /*längerer Text u.ä. im Kasten*/
.boxtext1 { 
            text-align: center;
           line-height: 120%;
         } 
 /*Positionierung von Links in den Boxen*/
 .linkpos { font-size: 90%;
            text-align: right;
            padding-right: 5px;
            font-style: oblique;
          }
 /*Namensangabe unter Gedicht, Personenangabe unter Foto etc*/
.name	{text-align: center;
         font-style:  normal;
         font-size: 95%;
         }


    
  /*Formatierungen für Titelanzeige im volltext*/
    
  .buch  { font-weight: bold;
            font-size:  120%;
          }
  
  .buchtext { padding: 5px;
              font-size: 95%;
              font-style: oblique;
              width: 500px;
              border-style: solid;
              border-color: #FE860C;
              border-width: thin;
            }
            
          
/*Seite Angebot*/

.ang    { float: left;
          width: 360px;
          margin-right: 20px;
          margin-bottom: 20px;
          padding: 5px;
          overflow: auto;
          background-color: #FFECAA;
          border-style: solid;
          border-color: #FE860C;
          border-width: thin; 
          }
.linkposang { font-size: 90%;
            text-align: left;
            padding-left: 30px;
            
            }          
 
.grafikang { float: right;
              padding-right: 5px;
            } 
            
/*Kurztext in den Listen*/

.kurz { font-weight: bold;
        font-style: oblique;
        font-size: 90%;
      }
      
      
/*für Titelauflistungen: liste1 für Übersicht Leseclub, liste2 für Übersicht Bilderbuch, Jugendbuch, Sachbuch, Erwachsenenbuch*/  

.liste1 {   width: 320px;
            float: left;
            height: 120px;
            margin: 30px 5px 5px 5px;
            padding: 10px;
            background-color: #FFECAA;
            border-style: solid;
            border-color: #FE860C;
            border-width: thin;           
        }
        
.liste2  {  width: 240px;
            float: left;
            height: 135px;
            margin: 10px 5px 5px 5px;
            padding: 10px;
            background-color: #FFECAA;
            border-style: solid;
            border-color: #FE860C;
            border-width: thin;
        }

.abb {        float: right;
              text-align: right;
          }
      
/*Formatierungen für Formulare*/
/*Formulare mit Text*/
.formular        {  float: left;
                    margin-top: 20px;
                    width:650px;
                 }
 /*Formulare mit Radiobuttons*/
.formular1        {  float: left;
                    margin-top: 20px;
                    width:250px;
                 } 

/*Zeilenformatierung für .feld*/
.zeile1           { clear: both; margin-left: 20px; padding: 10px 5px; font-size: 13px;
                 }

                 
.label           {float: left; width: 100px; text-align: left; font-weight: bold;  padding-top: 3px;  padding-left: 15px;
                 }
/*für Auswahlfelder mit radio-Buttons*/
.label1           {float: left; width: 350px; text-align: left; font-weight: bold; padding-top: 3px;  padding-left: 15px;
                 }

.feld            {float: right;  text-align: left; 
                  }
 /*Zeilenformatierung für .textarea*/
.zeile2        { clear: both; margin-left: 20px; margin-top: 40px; padding: 10px 5px; font-size: 13px;
                 }
                 
.area        {  float: right;
                width: 400px;
                text-align: left;
                background-color: #FFE4AA;  
                  }
                  
/*für die Kommentarseite*/                  
.area2        { width: 650px; 
                text-align: left;
                background-color: #FFE4AA;  
                  }
                  
.button     { margin: 25px;                
              width: 150px; 
              height: 30px;
              background-color: #FFE4AA;
              color: #002d73;
              font-weight: bold;
              }
input      {  background-color: #FFE4AA;
                 }
/*Text-Inputs*/
input#x1    {width: 400px
                 }
/*Radio-Inputs*/
input#x2  {width: 25px;
          }                 

.schaltflaeche   {  clear: both;
                    text-align: right;
                    margin-top: 50px;
                  } 
                  
/*Positionierung der Buchabbildungen und Textboxen auf Seite Leseclub*/

.clubganzlink   { float: right;
                  text-align: right;
                  margin-right: -20px;
                }
.clubbild1  { float: left;
              margin-top: 245px;
              margin-left:315px;
            }
      
.clubbild2  { float: right;
              margin-top: 230px;
              margin-right: 150px;
            }
.clubbild3  { float: left;
              margin-top: 330px;
              margin-left: -180px;
            }

.clubbild4  { float: right;
              margin-top: 10px;
              margin-right: 240px;
              
            }
.clubbox  { float: left;
            display: block;
            width: 600px;
            height: 120px;
            text-align: center;
            margin-top: 150px;
            margin-left: 100px;
            overflow: auto;
            padding: 5px;
            background-color: #FFECAA;
            border-style: solid;
            border-color: #FE860C;
            border-width: thin;
            /*Z-index: 30;*/
          }
.clubbox h4 { margin-top: -1px;
              text-align: left;
            } 
.clubbox li { float: left;
              
              list-style-type: none;
              width: 250px;
              padding-left: 5px;
              
            }
.clubbox a  { float: right;
              text-align: right;
              
              margin-right: 15px;
              
            }    
/*Formatierungen für den Login-Bereich*/

#login table  { float: left;
                margin-left: 0px; 
              }
              
#login th    { border-style: solid;
              border-color: #FE860C;
              border-width: thin;
              } 

#login td    { border-style: solid;
              border-color: #FE860C;
              border-width: thin;
              } 
#login form   { float: left;
                margin-left: 80px;
                margin-top: 25px;
              }         
 
#login.label1   { width: 200px;
                margin-left: 100px;
                }
input#x2        { width: 50px;
                margin-left: 20px;
                }
#login.button1  { float: right;
                  margin-left: 50px;               
                  width: 100px; 
                  height: 30px;
                  background-color: #FFD177;
                  color: #002d73;
                  font-weight: bold;
                }