body
{
  margin: 0;
  padding: 0;
  background:#DEECEC;
  text-align:center;
}

/** Headlines - Start **/
#tiny
{
  text-align:left;  
  font-size: 0.85em;
}

#red { color: rgb(255, 0, 0); }

#alert
{
  font-weight: bold;
  color: rgb(255, 0, 0);
}

#headline h1 { margin-bottom: 0px; }

#headline h2 { margin-bottom: 0px; }

#nospaceafter, #nsa  { margin-bottom: 0px; }

#nospacebefore, #nsb  { margin-top: 0px; }

#nsba
{ 
  margin-top: 0px; 
  margin-bottom: 0px; 
}

div[id=text] > p:last-child
{
  margin-bottom: 0px;
} 

div[id=tiny] > p:last-child
{
  margin-bottom: 0px;
} 

div[id=footnotes] > p
{
  margin-top: 0px; 
  margin-bottom: 0px;
  text-align:left;  
} 

#nsba3px
{ 
  margin-top: 3px; 
  margin-bottom: 3px; 
}

#nsa_center
{
  margin-bottom: 0px;
  text-align:center; 
}

#center { text-align:center; }

#right {  text-align:right; }

#footnotes
{
  font-size: 0.85em;
}
/** Headlines - End **/

#main 
{
                 display:  -ms-flexbox;
                 display: -webkit-flex;
                 display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;      
       -webkit-flex-wrap: nowrap;
           -ms-flex-wrap: nowrap;
               flex-wrap: nowrap;
 -webkit-justify-content: flex-start;
           -ms-flex-pack: start;
         justify-content: flex-start;
   -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
           align-content: stretch;
     -webkit-align-items: flex-start;
          -ms-flex-align: start;
             align-items: flex-start;
 
   margin: 0px;
   padding: 5px;
}
 
#main > flexible_text 
{
       -webkit-order: 2;
      -ms-flex-order: 2;
               order: 2;
        -webkit-flex: 0 60% auto;
            -ms-flex: 0 60% auto;
                flex: 0 60% auto;
  -webkit-align-self: auto0;
 -ms-flex-item-align: auto;
          align-self: auto;

   max-width: 100%;   
 background-position: top center; 
   background-repeat: no-repeat;
}
  
#main > flexible_menue 
{
       -webkit-order: 1;
      -ms-flex-order: 1;
               order: 1;
        -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
  -webkit-align-self: auto;
 -ms-flex-item-align: auto;
          align-self: auto;
           
   font-size: 0.85em;
   min-width: 170px;
   max-width: 100%;   
   background:#D3DDEB;
}
  
#main > flexible_sidebar
{
       -webkit-order: 3;
      -ms-flex-order: 3;
               order: 3;
        -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
  -webkit-align-self: auto;
 -ms-flex-item-align: auto;
          align-self: auto;

   font-size: 0.8em;
   min-width: 170px;
   max-width: 100%;   
   background: #D3DDEB;
}
 
flexible_footer 
{
   display: block;
   margin-top:0px;
   margin-left:5px;
   margin-right:5px;
   margin-bottom: 10px;
   padding: 5px;
   min-height: 0px;
   font-size: 1.0em;
   background:#D3DDEB;
}

#menueButton {display:none;}

img[align=left]  
{ 
   margin-right:5; 
#   max-width: 60%
}

img[align=right] 
{ 
   margin-left:5; 
#   max-width: 60%
}

img
{
   vertical-align:text-top;
}

.IntroHeader
{
  text-align:left;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
}

.Frame
{
  clear: left;
}

.gps_table
{
  text-align:left;
  border: 1px;
  padding: 1px;
  spacing: 1px;
}

table.gps_table tr, table.gps_table td
{
  vertical-align:top;
}

#text
{
  text-align:left;  
}

#right
{
  text-align:right;  
}

#menue
{
  margin-top: 10px;
  text-align:center;
}

#menue_main
{
  margin-top: 5px;
  margin-bottom: 5px;
  text-align:center;
}

img
{
  margin-top: 2px;
  margin-bottom: 2px;
}

#smaller
{
  font-size: 0.85em;
}

#smallcode
{
  display: block;
  font-family: Courier; /* monospace; */
  font-size: 0.65em;
  white-space: pre;
}

code /* nicht als ID sondern als Element */
{
}

#nav
{
  font-size: 0.85em;
  text-align: left;
  margin-left: 5px;
}

#fn
{
  font-size: 0.55em;
  vertical-align: super;
}

#GNavigia, #gina
{
  font-weight: bold;
  color: rgb(255, 0, 0);
}

#img_centered, #menue_bottom
{
  margin-top: 2px;
  margin-bottom: 2px;
  text-align:center;
}

/*** MEDIA ****************************************************************/

@media all and (max-width: 600px) 
{
  #main, #page 
  {
    -webkit-flex-flow: column;
       flex-direction: column;
  }

  #main > flexible_text, #main > flexible_menue, #main > flexible_sidebar 
  {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
  }
  
  #main > flexible_menue 
  {
 	width: 100%;
 	max-width: 100%;
    font-size: 1.0em;
  }
  
  #main > flexible_sidebar 
  {
 	width: 100%;
 	max-width: 100%;
    font-size: 1.0em;
  }

  #lukor_logo
  {
    height:120;
    width:353;
    background-image: url(../Icons/lukorIntro-50p.png);
    background-repeat: no-repeat;
    background-position-x: center;
  }
  
  #menue_bottom img
  {
    margin-left:  0px;
    margin-right: 0px;
  }

  #headline
  {
    font-size: 0.75em;
	margin-bottom: 5px;
	margin-top: 0px;
  }
  
  #menueButton 
  {
    display:  block;
	position: fixed;
	top:      5px;
	right:    5px;
	background-color: #ffffffb0;
  }

  .preview
  {
    margin: auto;
    text-align:center;
  }
  
  .gps_table
  {
    font-size: 0.75em;
  }
}

@media all and (min-width: 600px) and (max-width: 800px) 
{
  #main > flexible_text 
  {
    max-width: 100%;
    min-width: 250px;
  }
  
  #main > flexible_menue, #main > flexible_sidebar 
  {
    min-width: 175px;
  }
  
  body
  {
    font-size:0.95em;
  }
  
  #menue_bottom img
  {
    margin-left:  2px;
    margin-right: 2px;
  }
  
  .preview
  {
    margin: 0;
    text-align:center;
  }
  
  #headline
  {
	  font-size: 0.8em;
	  margin-bottom: 5px;
	  margin-top: 5px;
  }

  #headline
  {
    padding: 5px 5%;
  }

  .container
  {
    margin: auto;
    max-width: 700px;
  }
  
  .preview
  {
    margin: 0;
    padding: 0px;
    max-width: 760px;
    text-align:center;
  }
  
  .gps_table
  {
    font-size: 0.8em;
  }
}

@media all and (min-width: 800px)
{
  #main > flexible_text 
  {
  }
  
  #main > flexible_menue, #main > flexible_sidebar 
  {
    max-width: 200px;
    min-width: 175px;
  }

  flexible_footer
  {
    max-width: 900px;
  }
  
  body
  {
    font-size:13.5pt;
  }

  #headline
  {
    padding: 5px 5%;
  }

  .container
  {
    margin: auto;
    max-width: 700px;
  }
  
  .preview
  {
    margin: 0;
    padding: 0px;
    max-width: 770px;
    text-align:center;
  }
}