html {
   margin: 0px;
   padding: 0px;
   font-family:TimesNewRoman;
   color: rgb(0,80,80);        /* Schrift- und Rahmenfarbe */
}

h1, h2{
   text-align: center;
}
h3 {
   text-align: left;
   margin: 10px 10px 70px 140px;
}
h4 {
   margin: 0px 10px 10px 10px;
}
p {
padding: 4px;
}

header,  footer,  nav, navi_text {
   display: block;
}
header_left, header_logo, header_right {
   display: block;
}

inhalt, inhalt_block1, inhalt_spalte_li, inhalt_spalte_re, inhalt_spalte_li_schmal, inhalt_spalte_re_breit   {
   display: block;
}
inhalt_spalte_1, inhalt_spalte_2, inhalt_spalte_3, Inhalt_spalte_4   {
   display: block;
}
inhalt_spalte_ganz_schmal, inhalt_spalte_mitte  {
   display: block;
}
inhalt_seite1  {
   display: block;
}

p {
   display:block;  
}
trennleiste {
   display: block;
}
#main_pfeil{
   display: block;
}


body {

   background:rgb(0,198,198);  /*Hintergrund tuerkis */

   width: 100%;
   height: 100%;    /* passt sich an, je nach aktueller Hoehe */

   display: -moz-box;
   display: -webkit-box;

   -moz-box-pack: center;
   -webkit-box-pack: center;
}

/* Aufteiler fuer die gesamte Seite */
#wrapper{
   max-width: 980px;
/*     max-width: 330px;    fuer Smartphone, ist aber nicht erforderlich */

/* seiten sind jetzt unterschiedlich lang, je nach Bedarf   */
/*   max-height: 769px;  */
/*   height: 769px;      */
   margin: 15px 0px;

   display: -moz-box;
   display: -webkit-box;

   -moz-box-orient: vertical;
   -webkit-box-orient: vertical;

   -moz-box-flex: 1;
   -webkit-box-flex: 1;

   -moz-box-pack: justify;
   -webkit-box-pack: justify;

/*   border: 4px solid silver;  kein Rahmen bei Smartphone */ 
}

/*------------------------------------------------------------*/
/* Kopfblock -------------------------------------------------*/
#main_header {
   padding: 20px;

   display: -moz-box;
   display: -webkit-box;
   -moz-box-flex: 1;
   -webkit-box-flex: 1;

   -moz-box-orient: horizontal;      
   -webkit-box-orient: horizontal;   

   -moz-box-pack: justify;
   -webkit-box-pack: justify;

   margin: 10px;
   padding: 10px;

}

header_left {
   width: 200px;  
   height:80px;
   text-align:left;
   font-weight:bold;
   font-size:18pt;
/*background-color:white;*/  
   }
header_right {
   width: 300px;  
   height:80px;
   text-align: right;
   font-weight:bold;
   font-size:18pt;
 /*background-color:yellow;*/   
   }
header_logo { 
width: 200px;
height:40px;
   text-align:center;
   font-weight:bold;
/*   font-size:36pt; */
font-size:30pt; 
/*background-color:blue; */  
   }


/* ----------------------------------------------------------*/
/* Trenn-Leiste ----------------------------------------------*/
#main_trennleiste {
   max-width: 980px;

   display: -moz-box;
   display: -webkit-box;
   -moz-box-flex: 1;
   -webkit-box-flex: 1;

   -moz-box-pack: justify;
   -webkit-box-pack: justify;

   background:rgb(0,164,164);
/*   color:#ffcc99;              hell */
   width: 100%;  
   height:6px;
}

/* ----------------------------------------------------------*/
/* Navi-Leiste ----------------------------------------------*/
#main_menu {
   max-width: 980px;

   display: -moz-box;
   display: -webkit-box;
   -moz-box-flex: 1;
   -webkit-box-flex: 1;

/*   -moz-box-orient: horizontal;     */
/*   -webkit-box-orient: horizontal;  */
   -moz-box-orient: vertical;       
   -webkit-box-orient: vertical;  

   -moz-box-pack: justify;
   -webkit-box-pack: justify;

   background:rgb(0,164,164);

   padding: 10px 15px;
/*   text-align: center;   */
   text-align: left;
   font-weight:bold;
   font-size:14pt;

/*width: 800px;*/
/*margin-left:50px;*/

 }
navi_text {
   width: 200px;  
   height:80px;
   text-align:left;
   font-weight:bold;
   font-size:16pt;
/* background-color:white;  */  
}

/*----------------------------------------------------------------*/
/* Fuss-Block  ---------------------------------------------------*/
#main_footer {
   display: -moz-box;
   display: -webkit-box;
   -moz-box-flex: 1;
   -webkit-box-flex: 1;

/*   -moz-box-orient: horizontal;     */   
/*   -webkit-box-orient: horizontal;   */ 
    -moz-box-orient: vertical;    
    -webkit-box-orient: vertical; 
  
   -moz-box-pack: justify;  
   -webkit-box-pack: justify;

   background:rgb(0,164,164);
  
   padding: 10px 15px;
/*   text-align: center;   */
   text-align: left;
   font-weight:bold;
   font-size:14pt;

width: 200px;
margin-left:50px;
 
}

/*-----------------------------------------------------------------*/
/* Inhalts-Block  -------------------------------------------------*/
#main_inhalt {
   display: -moz-box;
   display: -webkit-box;
   -moz-box-flex: 1;
   -webkit-box-flex: 1;

/*   -moz-box-orient: horizontal;    */   
/*   -webkit-box-orient: horizontal; */
   -moz-box-orient: vertical;      
   -webkit-box-orient: vertical;  
 
   -moz-box-pack: justify;
   -webkit-box-pack: justify;
     
   padding-bottom: 40px;    
   font-weight:bold;
   font-size:16pt;
/*background-color:white; */   

}

inhalt_block1  {
   text-align:center;   
   font-weight:normal;
   font-size:16pt;   
   margin-left: 20px;   
/*background-color:yellow;   */   
}

inhalt_spalte_li  {
   max-width: 980px;
   text-align:left;
   font-weight:normal;
   font-size:16pt;
   margin: 10px;
/*background-color:silver;*/   
}

inhalt_spalte_re  {
   max-width: 980px;
   text-align:left;
   font-weight:normal;
   font-size:16pt;
   margin: 10px;
/*background-color:silver;*/     
}

inhalt_spalte_mitte  {
   max-width: 980px;
   text-align:center;
   font-weight:normal;
   font-size:16pt;
   margin: 10px; 
/*background-color:silver;  */   
}



inhalt_spalte_li_schmal  {
   max-width: 250px;
   text-align:left;
   font-weight:normal;
   font-size:16pt;
   margin: 10px;
/* background-color:white;   */  
}
inhalt_spalte_re_breit  {
   width: 700px;
   text-align:left;
   font-weight:normal;
   font-size:16pt;
   margin: 10px;
/* background-color:white;   */  
}

inhalt_spalte_1  {
   max-width: 980px;
/*     max-width: 450px;    fuer Smartphone */
   text-align:left;
   font-weight:normal;
   font-size:16pt;
   margin: 0px;
/* background-color:white;   */     
}
inhalt_spalte_2  {
   max-width: 980px;
/*     max-width: 450px;    fuer Smartphone */
   text-align:left;
   font-weight:normal;
   font-size:16pt;
   margin: 0px;
/* background-color:white;   */   
}
inhalt_spalte_3  {
   max-width: 980px;
/*     max-width: 280px;    fuer Smartphone */
   text-align:left;
   font-weight:normal;
   font-size:16pt;
   margin: 0px;
/* background-color:white;   */     
}
inhalt_spalte_4  {
   max-width: 980px;
/*     max-width: 280px;    fuer Smartphone */
   text-align:left;
   font-weight:normal;
   font-size:16pt;
   margin: 0px;
/* background-color:white;   */    
}

inhalt_spalte_ganz_schmal  {
   max-width: 980px;
/*     max-width: 150px;    fuer Smartphone */
   text-align:center;
   font-weight:normal;
   font-size:16pt;
   margin-top: 10px;

/* background-color:white; */    
}



/* Pfeil-Block  ---------------------------- auf Smartphone-Version nicht erforderlich*/
#main_pfeil {
   display: -moz-box;
   display: -webkit-box;
   -moz-box-flex: 1;
   -webkit-box-flex: 1;

   -moz-box-orient: horizontal;      
   -webkit-box-orient: horizontal;   

   -moz-box-pack: justify;
   -webkit-box-pack: justify;

padding: 10px 10px 0px 10px;  /*oben, rechts, unten, links */
 background-color:white;    
}

a.link_oben   {     /* auch fuer unten */
    text-decoration:none;
    background-color:rgb(0,164,164);
    color:rgb(0,80,80);
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
}
a.link_oben:visited  {
    text-decoration:none;
    background-color:rgb(0,164,164);
    color:rgb(0,80,80);
}
a.link_oben:hover   {
    text-decoration:none;
    background-color:rgb(0,198,198);
    color:rgb(0,80,80);
}
a.link_oben:active   {
    text-decoration:none;
    background-color:rgb(0,164,164);
    color:rgb(0,80,80);
}




a.link_navigation   {   /* nicht genutzt */
    display:block;
    text-decoration:none;
    background-color:rgb(0,164,164);
    color:rgb(0,80,80);
    padding-left:3px;
    padding-right:3px;
    padding-bottom:15px;
}
a.link_navigation:visited  {
    text-decoration:none;
    background-color:rgb(0,164,164);
    color:rgb(0,80,80);
}
a.link_navigation:hover   {
    text-decoration:none;
    background-color:rgb(0,198,198);
    color:rgb(0,80,80);
}
a.link_navigation:active   {
    text-decoration:none;
    background-color:rgb(0,164,164);
    color:rgb(0,80,80);
}

a.link_formular   {
    display:block;
    text-decoration:none;
    background-color:#cc6633;
    color:#ffcc99;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:15px;
}
a.link_logo   {

}
a.link_logo:visited  {

}
a.link_logo:hover   {

}
a.link_logo:active   {

}