html {
   margin: 0px;
   padding: 0px;
   font-family:Arial,sans-serif;
   color: white;         /*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;
}
p {
display:block;
}

pfeil{
   display: block;
}


body {

   background:navy;  /*Hintergrund blau */
   font-family:Arial,sans-serif;
   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;
   background-color:rgb(0,0,100);

   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: 350px; */ 
width: 300px;
/*   height:80px;   */
height:40px;
   text-align:center;
   font-weight:bold;
/*   font-size:36pt; */
font-size:30pt; 
/*background-color:blue; */  
   }

/* ----------------------------------------------------------*/
/* 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,0,100);  */
background:navy;   /* HG hinter den Buttons */
   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,0,100);  */
background:navy;    /* HG hinter den Buttons */
  
   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:white;    */

}

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

inhalt_spalte_li  {
   max-width: 980px;
/*     max-width: 450px;    fuer Smartphone */

   text-align:left;
   font-weight:normal;
   font-size:16pt;
   margin: 10px;
/*background-color:white; */   
}

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

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: 10px;
/* background-color:white; */    
}
inhalt_spalte_mitte  {
   width: 600px;
   text-align:left;
   font-weight:normal;
   font-size:16pt;
   margin: 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 */

}

a.link_oben   {
    text-decoration:none;
    background-color:rgb(0,0,100);
/*    color:rgb(0,80,80);  */
color:silver;  
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
}
a.link_oben:visited  {
    text-decoration:none;
    background-color:rgb(0,0,100);
color:silver;
}
a.link_oben:hover   {
    text-decoration:none;
    background-color:blue;
    color:white;
}
a.link_oben:active   {
    text-decoration:none;
/*    background-color:rgb(0,164,164); */
    background-color:blue;
    color:white;
}


a.link_navigation   {
    display:block;
    text-decoration:none;
    background-color:rgb(0,0,100);
/*    color:#ffcc99;  */
color:silver;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:15px;
}
a.link_navigation:visited  {
    text-decoration:none;
    background-color:rgb(0,0,100);
/*    color:#ffcc99;  */
color:silver;
}
a.link_navigation:hover   {
    text-decoration:none;
    background-color:blue; 
/*    color:#cc6633;    */
color:white; 

}
a.link_navigation:active   {
    text-decoration:none;
    background-color:blue;
/*    color:#cc6633;   */
color:white;
}

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   {

}