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

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

/* Block-Definitionen ----------------------------------------- */
header,  footer,  nav, section, container, inhalt {
   display: block;
}
header_left, header_logo, header_right {
   display: block;
}

inhalt_1, inhalt_2, inhalt_3, inhalt_4, inhalt_5, inhalt_6  {
   display: block;
}
memovito_kachel_links, memovito_kachel_rechts  {
   display: block;
}


inhalt, inhalt_block1, inhalt_spalte_li, inhalt_spalte_re, inhalt_spalte_li_schmal, inhalt_spalte_re_breit, inhalt_spalte_links   {
   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_memovito {
   display: block;
}
inhalt_seite1  {
   display: block;
}

p {
   display:block;  
}
trennleiste {
   display: block;
}
#main_pfeil{    /* nicht mehr genutzt */
   display: block;
}

/* body-Definitionen ----------------------------------------- */
body {

   background-color: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;
}

/* wrapper ----------------------------------------- */

/* 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: 10px 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;
}

/* -------------------------------------------------------------  */
/* Kopfblock OK ---------------------------- */
#main_header {
   
   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: 20px;
   height: 130px;

   background-image:url(bilder/chromis.jpg);  
   background-repeat:no-repeat;               
}

header_left {
   width: 150px;  
   height:115px;
   text-align:left;
   font-weight:bold;
   font-size:18pt;

/* background-color:white;    */   
   }
header_right {
   width: 130px;  
   height:115px;
   text-align: right;
   font-weight:bold;
   font-size:18pt;
 
/* background-color:white;    */   
   }
header_logo {
/*   width: 600px;*/
   width: 300px;
   height: 130px;
   text-align: left; 
/* background-color:white;     */    
   }


/* ----------------------------------------------------------*/
/* Trenn-Leiste OK ----------------------------------------------*/
#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:silver;
/*   color:#ffcc99;              hell */
   width: 100%;  
   height:3px;
}

/* -------------------------------------------------------------  */
/* Fuss-Block  OK ---------------------------------------------------*/
#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:navy;   
   text-align: center;
   padding: 10px;

   font-weight:bold;
   font-size:16pt;
 
/*background:white; */   
}

/*-----------------------------------------------------------------*/
/* 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:normal;
   font-size:16pt;
/*background-color:white; */   

}

inhalt_1 {
   margin: 5px;
   width:311px;
   height:311px;
   border:solid orange 4px;

   background-color:navy;     
   }

inhalt_2 {
   margin: 5px;
   width:311px;
   height:311px;
   border:solid lime 4px;
   background-color:navy;      
   }

inhalt_3 {
   margin: 5px;
   width:311px;
   height:311px;
   border:solid red 4px;
   background-color:navy;     
  }
inhalt_4 {
   margin: 5px;
   width:311px;
   height:311px;
   border:solid yellow 4px;
   background-color:navy;     
   }

inhalt_5 {
   margin: 5px;
   width:311px;
   height:311px;
   border:solid aqua 4px;
   background-color:navy;      
   }

inhalt_6 {
   margin: 5px;
   width:311px;
   height:311px;
   border:solid silver 4px;
   background-color:navy;     
  }

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

inhalt_memovito  {   /* mit Rahmen, aber nicht genutzt */
   margin: 5px;
   width:480px;
   height:100%;
   border:solid orange 4px;

   background-color:navy;     
/*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; */    
}

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

/*-- Links --------------------------------------------------------*/
a.link_navigation_inhalt   {
    display:block;
    text-decoration:none;
    background-color:navy;   
    color:white;
    padding-left:3px;
}
a.link_navigation_inhalt:visited  {
    text-decoration:none;
    background-color:navy;
    color:white;
}
a.link_navigation_inhalt:hover   {
    text-decoration:none;
    background-color:white;
    color:navy;
}
a.link_navigation_inhalt:active   {
    text-decoration:none;
    background-color:white;
    color:navy;
}


a.link_oben   {     /* auch fuer unten */
    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:blue;
    color:white;
}


}
a.link_logo:active   {

}