html 
    { background: #ebebeb; width: 100%; height: 100%; }
  body 
  { /*---width, min-width+max-width--verhindernRWD@media ausserkraft;_---max-width:1900px; max-height:1200px;*/ 
  margin-right: 8%; margin-left: 8%; padding-left:0%; padding-right:0%;
   font: 1em PerpetuaTI Helvetica;
   background: #ebebeb;/*#999999*/
   color:#660000;
  }
   header {max-width:1400px; border: 0px solid lime; border-bottom: 1px solid maroon; margin-bottom:5px;
   display: block;
   margin: 0px;
   padding-bottom: 0px;
   min-height: 10px;
  /* border: 1px solid #eebb55;*/ border-bottom:2 black solid;
   border-radius: 3pt;
   background: ;/*#ffeebb*/
   }
#top { display: flex; justify-content: center;  /*space-between*/  margin-top:1em; display: -ms-flexbox; -ms-flex-direction: row; }
  header #top img { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; -ms-flex-direction: row;}
  
  #menue   {display: none/*inline*/; justify-content: center; justify-content: space-around;  /* Distribute items evenly
                                   Items have a half-size space
                                   on either end */}

  
	#main h1  { text-align: center; font-size:1.3em; font-weight:lighter;margin:0px;   padding: 0px;}
	#main h2  { text-align: center; font-size:1.1em; font-weight:lighter; margin:0px;   padding-top:5px;}
	#main p   {text-align: justify;     }
	#main h4  {text-align: center;    font-size:1em; font-weight:lighter;   }

  #main { display: -ms-flexbox; -ms-flex-direction: row;  

  	max-width:1300px;  margin-left: 0em; margin-right:0em;  margin-top:0.5em;  
    min-height: 800px;
    padding: 0px;
   	display: -webkit-flex;
   	display:         flex;
   -webkit-flex-flow: row ;
           flex-flow: row;/*wrap schert rechtsaussen nach unten*/  }
           
 #edelholz   { margin:0 4.5em;   /*ausrichtung bild*/ border: 0px solid /*#cccc33;*/lime;
  }
#main article { -ms-flex: 3 1 43%;  
   margin: 0px;
   padding:0 7px;
   border: 0px solid #cccc33;
   border-radius: 2pt;
   background: #ebebeb;/*#dddd88*/
   -webkit-flex: 3 1 43%;
           flex: 3 1 43%;
   -webkit-order: 0;/*2*/
           order: 0;   }
  
 #main #leftside {-ms-flex: 0 0 12%;
 	/*GMs//rechteseiteGMs*/ background: #ebebeb; border: 0px solid blue;/*#8888bb*/
    margin-left:0em; 
   	padding-left: 20px; padding-top: 5px; 
    justify-content: center;     
   	background: #ebebeb;;/*#ccccff;*/
   -webkit-flex: 0 0 12%;/*14*/
           flex: 0 0 12%;/* 1 6 14%//1ter wert-grow-shrink-basic */
   -webkit-order: 3;/*1*//*reihenfolge der boxen*/
           order: 3; 
          
           font-size:0.8em;   }
          #rightside {padding-right: 0em;} 

  
 #rightside {-ms-flex: 1 3 43%;

 /*linksHauptbild*/ border: 0px solid lime; 
   margin: 0;/*4*/ margin-right:0em;
   padding: 0;/*5*/

   border: 0px solid #8888bb;
   
   background: #ebebeb;;/*#ccccff;*/
   -webkit-flex: 1 3 43%;/*1 6 43*/

           flex: 1 3 43%;/* 1 6 43*/
   -webkit-order:0;/*3*/
           order: 0;
 }

 
   footer {
   display: block;
   margin: 1px;
   padding: 1px;
   min-height: 1px;
   border: 1px solid red;
 
   background: #ffeebb;
   }
   /*____________________________________________________________________________________________________________________*/
   /*____________________________________________________________________________________________________________________*
   /*____________________________________________________________________________________________________________________*/
   /*________________________________________640 original____________________________________________________________________________*/
    @media all and (max-width: 640px) 
    {
  body  {
	margin-left:0%; margin-right: 0%;
}
#menue {
	 display: inline;
}
h2, #top, #leftside, #rightside, #edelholz {
	display:none;
}

   #main { -ms-flex-direction: row;
    -webkit-flex-flow: column;
            flex-direction: column;
   }

   #main > article/*, #main > #leftside #main > #rightsideaside*/ { justify-content: center;
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }
  
   #main > #leftside, #main > #rightside, header {
   }}
    /*-------------------------------ende original-------------------------------------------------------------------*/
      /*----------------------------------queer kleine bis 800----------------------------------------------------------------*/ 
   @media screen and (min-width : 800px) and (max-width : 900px)
     {
 body  { border: 0px solid red;}                                
    #top,
    #rightside {  display:none; }
	#menue  {display:inline;  }
	         }
	  /*------------------------------------ende 800 queer-------------------------------------------------------*/
      /*------------------------------------768er hochformat----------------------------------------------------------*/  
 @media screen and (min-width : 767px) and (max-width : 899px)
     {
 body  { border: 0px dotted blue;}                                
    #top,
    #rightside {  display:none;            }
	#menue  {display:inline;            }
	#leftside {margin-left: 2.5em;} 
	
	}

    
    
    /*--------------------------------------------------------------------------------------------------*/
      /*--------------------------------------------------------------------------------------------------*/  
      /*----------------------------------tablets768--hoch--------------------------------------------------------------*/


     @media screen and (min-width: 901px) and (max-width: 1024px) 
     {
 body  {
	margin-left:0%; margin-right: 0%;border:0px solid red;/*am28.05.2017..10px solid reda beim neovo.sichtbar*/
}
#menue {
	 display: none;
}
 #rightside {
	display:inline;
}

   #main {
    -webkit-flex-flow: row;
            flex-direction: row;
   }

   #main > article/*, #main > #leftside #main > #rightsideaside*/ { justify-content: center;
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }
  
   #main > #leftside, #main > #rightside, header {
   }}