/* ---------------betrifft das ganze Dokument---------------------------*/

      body            { font-family:Arial,sans-serif; }
                  


/*-----------------Kopfbereich------------------------------------------*/

       div.kopf       { background-color:#D0FFD0; width:985px; height:100px; border:2px solid #000000; 
                        position:absolute; left:8px; top:8px; z-index:0; }
       h1             { font-size:xx-large; }


/*----------------Container----------------------------------------------*/
    
       div.container  { width:985px; }
      

/*-----------------Navigationsmenü---------------------------------------*/

    

       div#navigesamt { width:160px; position:absolute; left:8px; top:222px; z-index:0; }

       div.navi       { background-color:#D0FFD0; width:160px; font-weight:bold;
                        border-left:1px solid #000000; 
                        border-bottom:1px solid #000000; 
                        border-right:1px solid #000000; }

       div#ambulant   { width:160px; background-color:#E8FFE8; font-size:smaller; font-weight:normal; }
       div#stationaer { width:160px; background-color:#E8FFE8; font-size:smaller; font-weight:normal; }
       div#faq        { width:160px; background-color:#E8FFE8; font-size:smaller; font-weight:normal; }
       
       span.haupt     { width:160px; line-height:47px; padding-left:5px; }  
       span.haupt2    { width:160px; line-height:23px; padding-left:5px; }  
       span.haupt3    { width:160px; line-height:29px; padding-left:5px; }  
       span.haupt4    { width:160px; line-height:41px; padding-left:5px; }
       span.hauptge   { width:160px; line-height:23px; padding-left:5px; }  
       span.unter     { width:160px; line-height:20px; padding-left:15px; }
       span.unterge   { width:160px; line-height:16px; padding-left:8px; }
       
       a.navilink     { display:block; border-top:1px solid #000000; }
       a.navilink:link          { color:#000000; text-decoration:none; }
       a.navilink:visited       { color:#000000; text-decoration:none; }
       a.navilink:hover         { color:#000000; text-decoration:none; background-color:yellow; }
       a.navilink:active        { color:#000000; text-decoration:none; }
       a.navilink:focus         { color:#000000; text-decoration:none; }

/*-----------------Navigationsmenü für Geschichten----------------------*/


       #verstecken    { display:none; }
       #javas   { position:absolute; left:7px; top:122px; z-index:2; }
       #javascr { margin:0; padding:0; border-collapse:collapse; }
       #javascr a:link, #javascr a:visited { border:1px solid #000000; display:block; padding-top:2px; padding-left:3px; 
                    height:74px; width:157px; text-decoration:none; background-color:white; overflow:hidden; }
       #javascr a:hover { display:block; width:550px; }
       
       div#navioben   { font-weight:bold; position:absolute; left:170px; top:122px; z-index:4; background-color:#E8FFE8; }

       div#navigeschichte       { font-weight:bold; background-color:#D0FFD0; width:160px;   
                                  position:absolute; left:8px; top:122px; z-index:3; border-left:1px solid #000000; 
                                  border-bottom:1px solid #000000; border-right:1px solid #000000; }
       
       #navioben tr   { height:68px; }
       #navioben td   { height:68px; font-weight:bold; }
       #zwei          { width:110px; border-top:1px solid #000000; border-right:1px solid #000000;
                        border-bottom:1px solid #000000; }
       #drei          { width:110px; border-top:1px solid #000000; border-right:1px solid #000000;
                        border-bottom:1px solid #000000; }
       #vier          { width:110px; border-top:1px solid #000000; border-right:1px solid #000000;
                        border-bottom:1px solid #000000; }
       #fuenf         { width:110px; border-top:1px solid #000000; border-right:1px solid #000000;
                        border-bottom:1px solid #000000; }
       #sechs         { width:110px; border-top:1px solid #000000; border-right:1px solid #000000;
                        border-bottom:1px solid #000000; }
       #sieben        { width:110px; border-top:1px solid #000000; border-right:1px solid #000000;
                        border-bottom:1px solid #000000; background-color:#FFFFAA; }
       #acht          { width:40px; border-top:1px solid #000000; border-right:1px solid #000000;
                        border-bottom:1px solid #000000; }
       
       #erster        { width:160px; line-height:22px; }
       #zweiter       { line-height:66px; }
       #dritter       { line-height:33px; }
       #vierter       { line-height:33px; }
       #fuenfter      { line-height:22px; }
       #sechster      { line-height:22px; }
       #siebter       { line-height:33px; }
       #achter        { line-height:66px; padding-left:13px; }

       div#gesch      { width:160px; background-color:#E8FFE8; font-size:smaller; font-weight:normal; }
       div#ciudad     { width:160px; background-color:#F8FFF8; font-size:10px; font-weight:normal; border-left:1px solid #000000; 
                       border-bottom:1px solid #000000; border-right:1px solid #000000; position:absolute; left:280px; top:189px; z-index:5; }
       div#krh        { width:160px; background-color:#F8FFF8; font-size:10px; font-weight:normal; border-left:1px solid #000000;
                       border-bottom:1px solid #000000; border-right:1px solid #000000; position:absolute; left:502px; top:189px; z-index:7; }
       div#land       { width:160px; background-color:#F8FFF8; font-size:10px; font-weight:normal; border-left:1px solid #000000;
                       border-bottom:1px solid #000000; border-right:1px solid #000000; position:absolute; left:391px; top:189px; z-index:6; }
       div#person     { width:160px; background-color:#F8FFF8; font-size:10px; font-weight:normal; border-left:1px solid #000000;
                       border-bottom:1px solid #000000; border-right:1px solid #000000; position:absolute; left:613px; top:189px; z-index:8; }
       div#geschmit   { width:160px; background-color:#FFFFAA; font-size:smaller; font-weight:normal; }

       a.geschlink    { text-decoration:none; color:#000000; display:block; width:110px; height:66px; }
       a.geschlink:hover   { background-color:yellow; width:160px; }

       a.geschlink1   { text-decoration:none; color:#000000; display:block; width:100%; }
       a.geschlink1:hover  { background-color:yellow; width:100%; }

           

/*------------------Mittlerer Bereich-----------------------------------*/

       div#mitte      { background-color:#FFFFFF; width:689px;font-size:smaller; margin-left:4px; padding:5px; 
                        margin-top:10px; text-align:justify; 
                        position:absolute; left:170px; top:112px; z-index:1; }
       td.story       { font-size:13px; width:430px; height:40px; }
       textarea.story { font-family:Arial,sans-serif; width:680px; }
       
       td.faq         { font-size:13px; width:200px; }



/*------------------rechter Bereich--------------------------------------*/

       div#rechts     { background-color:#FFFFFF; width:122px; margin-top:10px; font-size:smaller; 
                        position:absolute; left:871px; top:112px; z-index:2; display:none; }


/*-------------------Tabelle--------------------------------------------*/


       *.tabelle      { border-top:1px solid #000000; border-left:1px solid #000000; 
                        font-family:Arial,sans-serif; font-size:smaller; }
       *.tabellere    { border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; 
                        font-family:Arial,sans-serif; font-size:smaller; }
       *.tabelleun    { border-top:1px solid #000000; border-left:1px solid #000000; border-bottom:1px solid #000000; 
                        font-family:Arial,sans-serif; font-size:smaller; }
       *.tabelleunre  { border:1px solid #000000; 
                        font-family:Arial,sans-serif; font-size:smaller; }