/*--********************************************************************************************/
/*--***                                                                                      ***/  
/*--***                                                                                      ***/  
/*--***  Titel:              mobsub.css                                                      ***/  
/*--***  Autor:              Kay Bertram                                                     ***/  
/*--***  Beschreibung:       Dieses Document ist vom Type cascading Style sheet, es wird von ***/
/*--***                      den, html documenten geladen, die einen kleinen Bildschirm      ***/
/*--***                      erkannt haben. Es Beschreibt den Fall kein Navigationsmenü, kein***/
/*--***                      Header nur content. D.h. das div id =menu und haeader sind      ***/
/*--***                      über die Größe = 0 ausgeschaltet. Es ersetzt das allgemeine     ***/
/*--***                      stylesheet.css im Falle der der sub html am Mobil Gerät         ***/
/*--***                                                                                      ***/
/*--********************************************************************************************/



/**********************************************************************************************/
/*  Specific Part different in stylesheet.css and mobsub.csss for standard and mobile screens */
/**********************************************************************************************/

/* very background */


 body  {
    background-image: url("Bilder/Sternenhimmel.jpg" ); 
    height:inherit;  
    width: auto;            
    font-size: medium;
    background-color: #ffffff;
    overflow-x : hidden;
    overflow-y: auto;
/*    margin: - 0px;
    padding: - 0px;  */
    text-size-adjust: none;
       }

/* Ausschalten des Rahmens um die Seite*/
 #generalframe{
     width: inherit;            
     margin-top: -60px;
     border: none; 
     box-shadow: none; 
     font-size: medium;
   }  

/* Formate für die verschiedenen Div Selektoren */
/* Mond und Überschrift hier in mobile aus      */

#header {          
          display: none;        
          
         }


#header2 {          
           display: none;
           }

/* Standard Navigation hier in mobile aus */

#menu {
           display: none;
           
        }

/*  in der mobilen Ansicht kein Subnavigation*/

#submenu {  
           display: none;
         }

/* Navigation hier in mobsub aus, nur in mobile (Eröffnungs Bildschirm) wichtig */ 

#mobmenu {
          display: none;                   
          }
/*  Rahmen um content  */

#rightframe {
       width: 100%;
       height:100%;
      }

/* Informationsteil im Mobile Fall mit Spezial Parametern*/ 


#content {
          background: rgba(52,53,153,0.4);
          width: 95%;
	       height: 100%;          
          margin: 0% 0% 0% 0%;
          padding: 0%  0% 0% 2%;
          color: #fffacd;
          font-family: "Candara","Arial";            
          overflow: auto;
          position: fixed ;
          left:0px;
          font-size: 100%; 
          max-height: 999999px;
          min-height: 1px}

/* Silhouette ausgeschaltet */

#endfield {
          display: none;
          }

/* Mobile Kalender für  mobile Fall: hier ein*/

  #calenmob {
          width: 100%;
	       height: auto;          
          overflow-x: auto;      
             }

/* PC Kalender für  mobile  Fall: hier aus*/

#calenpc {
         display: none;         
         }

/* Return Link im Mobile Fall (Rücksprung am Ende der Content div */

#mobreturn {
          width: inherit;
	       height: auto;          
          overflow-x: auto;
           }

#mobreturn img {    width: 30px;  /* absolute Größe menu icon für kleine Displays */
   
/* Tabelle der fremden Events 4 Bilder */

#events    table      {  width: inherit;   
                         table-layout:fixed;                      
                         margin-left: auto; 
                         margin-right: auto;
                         text-align: center;
                       }
#events    td         {  width: 24%;                         
                         margin-left: auto;
                         margin-right: auto;
                         font-size: 70%;
                         hyphens: auto;   
                         -webkit-hyphens: auto;
                         -ms-hyphens: auto ;
                         -moz-hyphens: auto;
                         text-align: center;
                         vertical-align:top;
                        
                       }

#verteiler {
          display: none;
           }      }      

/*#kontakte  {  overflow-x: auto;}*/

/* pinboard für mobile Version unter events : Ein */

#pinboard {/*background: rgba(92,92,92,0.4);*/
          width: auto;
	       height: auto;          
          overflow-x: auto;}


#verteiler {
          display: none;
         } 

#events  table { 
                
                font-size: 12px;

              }
/* Tabelle der Geburtstage */

  #calenmob table  {width: 90%;
                  height: auto;
                  white-space: nowrap;
                  text-align: left;
                  border: 2px solid rgba(25,25,112);


box-shadow: inset -5px -5px 18px -10px #1E90FF,-10px -5px 9px 1px #141212;
-webkit-box-shadow: inset -5px -5px 18px -10px #1E90FF,-4px -2px 9px 1px #141212;
-moz-box-shadow: inset -5px -5px 18px -10px #1E90FF,-4px -2px 9px 1px #141212;
-o-box-shadow: inset -5px -5px 18px -10px #1E90FF,-4px -2px 9px 1px #141212;
  
                  marging-left:auto;
                  marging-right:auto;
              }

  #calenmob  td { white-space: nowrap;
                padding: 0px  0% 0px 10% 
                text-align: left;
                font-size: 100%;

              }

  #calenmob tbody tr:nth-child(1) { 
                   background-color: rgba(25,25,112,0.3); 
                   color: #ffec8b; }

/
/* Tabelle der Demos */

#demos {     width : 100%;
             overflow : auto; }

#demos table  {   width : auto;
                  white-space: nowrap;
                  padding-left: 1px;
                  margin-right: 1px;
                  text-align: left;
                  font-size: 70%;
                  border: 2px solid rgba(25,25,112,0.5);


box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-webkit-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-moz-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-o-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
                  padding: 0.8em 0.5em;

              }


#demos  td { 
             white-space: nowrap;
             text-align: left;
             padding-left: 18px  ;
               }

#demos tbody tr:nth-child(1) { 
                   background-color: rgba(25,25,112,0.3); 
                   color: #ffec8b; 
                  }


/* Tabelle der Mitglieder */
#memberlist      {width: 100%;
                 font-size: 100%;   }

#memberlist table{
                  width : 80%;
                  white-space: nowrap;
                  padding-left: 1px;
                  margin-right: 5%;
                  text-align: left;
                  font-size: 90%;
                  border: 2px solid rgba(25,25,112,0.5);


box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-webkit-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-moz-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-o-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
                  padding: 0.8em 0.5em;
                    }

#memberlist  td { 
             white-space: nowrap;
             text-align: left;
             padding-left: 1px  ;
                }

#memberlist tbody tr:nth-child(1) { 
                   background-color: rgba(25,25,112,0.3); 
                   color: #ffec8b; 
                  }
                   

/* Tabelle der Kontaktadressen */

#kontakte        {
                 width : 100%;
                 overflow : auto;

                   }

#kontakte table  {
                  width : auto;
                  white-space: nowrap;
                  padding-left: 1px;
                  margin-right: 0px;
                  text-align: left;
                  font-size: 68%;
                  border: 2px solid rgba(25,25,112,0.5);


box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-webkit-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-moz-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-o-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
                  padding: 0.8em 0.5em;
                  }

#kontakte  td { white-space: nowrap;
                text-align: left;
                padding-left: 0px  ;

              }

#kontakte tbody tr:nth-child(8n+1) { 
                   background-color: rgba(25,25,112,0.3); 
                   color: #ffec8b; 
                  }

#hinweise       {
                 margin: 0px 0px 0px 0px;
                 padding: 0px 0px 0px 0px;
                 width : 100%;
                 overflow : auto;

                   } 


/* Tabelle der Bannerstealings */

#abannerdiv {     width : 100%;
                  overflow : auto;
                   }

#abannerdiv table  {  
                 width : auto;
                  white-space: nowrap;
                  padding-left: 1px;
                  margin-right: 1px;
                  text-align: left;
                  font-size: 70%;
                  border: 2px solid rgba(25,25,112,0.5);


box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-webkit-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-moz-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
-o-box-shadow: inset -9px -9px 18px -10px #1E90FF,-3px -2px 9px 1px #141212;
                  padding: 0.8em 0.5em;

              }
#abannerdiv tbody tr:nth-child(1) { 
                   background-color: rgba(25,25,112,0.3); 
                   color: #ffec8b; 
                  }

#abannerdiv  td { white-space: nowrap;
             text-align: left;
             padding-left 5px;
              }




#ipad2l {
          width: 0;
	       height: 0;          
          overflow-x: hidden;}
        
#ipad2p {
          width: 0;
	       height: 0;          
          overflow-x: hidden;}

#smart {
          margin: 1% 1% 0% 31%;
          width: 600px;
	       height: 50px;} 
#pc {
          width: 0;
	       height: 0;          
          overflow-x: hidden;}


/* Automatische Trennung für mobilen  Navigations Teil */

#mobmenu li { font-size: 12.8px;
               list-style-type: none;
               line-height: 4.8px;
               -webkit-hyphens: auto;
               -moz-hyphens: auto;
               -ms-hyphens: auto;
               hyphens: auto;
           }

#standdisclaim {  width: 0;
	          height: 0;
                  overflow-x: hidden; } 

#mobdisclaim   { width: auto;
	              height: auto;          
                 overflow-x: auto;
                }


/* plein text  % von body font-size */

#content p  { font-size: 100%;
              -webkit-hyphens: auto;
              -moz-hyphens: auto;
              -ms-hyphens: auto;
              hyphens: auto; }

#content  p.icon { font-size: 70%; }
     

/* Table tex % von body font-size */


#content td { font-size: 100%; }
       
/* Tabelle der Caller 4 Bilder nebeneinander */

#caller    table      {  width: 100%;        
                         table-layout:fixed;                    
                         margin-left: auto; 
                         margin-right: auto;
                         text-align: center;
                       }
#caller    td         {  width: 23%;                         
                         margin-left: auto;
                         margin-right: auto;
                         text-align: center;
                         font-size: 70%;
                       }

/* Tabelle der Gallrie 4 Bilder nebeneinander */

#icoimg    table      {  width: 100%;        
                         table-layout:fixed;                    
                         margin-left: auto; 
                         margin-right: auto;
                         text-align: center;
                          
                       }

#icoimg     td         { width: 23%;                         
                         margin-left: auto;
                         margin-right: auto;
                         font-size: 70%;
                         -webkit-hyphens: auto;
                         -moz-hyphens: auto;
                         -ms-hyphens: auto;
                         hyphens: auto;
                         text-align: center;
                         vertical-align:top;
                       }

#icoimg img {      width: 80%;
                }


/* Tabelle der Boardmitglieder 4 Bilder */

#board    table      {  width: 100%;       
                         table-layout:fixed;                     
                         margin-left: auto; 
                         margin-right: auto;
                         text-align: center;
                       }
#board    td         {   width: 23%;                         
                         margin-left: auto;
                         margin-right: auto;
                         text-align: center;
                         font-size: 70%;
                       }
#unterschrift         {width: 100%; }

/* Überschrift 1. Ordnung % von body font-size   */

#content h1 { font-size: 130%; }

/* Überschrift 2. Ordnung % von body font-size   */

#content h2 {font-size: 120%; }

/* Überschrift 3. Ordnung % von body font-size  */

#content  h3 {font-size: 110%  ; }

/* Überschrift 4. Ordnung % von body font-size  */

#content  h4 {font-size: 100% ; }

/* vorwärts Rückwärts Icon*/

#content  img.vorrueck {width: 9vw;
               height: auto; 
              }

 img.minivorrueck {width: 1vw;
              }
 img.threequart {width:80% ;
                display: block;
                margin-left: auto;
                margin-right: auto;
             }

#fullimg img {   width: 100%;
                 display: block;
                 margin-left: auto;
                 margin-right: auto;
                 
                }

#halfimg img {   width: 50%;
                 display: block;
                 margin-left: auto;
                 margin-right: auto;
                 
                }