@media only screen and (max-width:768px)
{                           
 /* Version 25. juli 2022 
    Backup af original css findes på Sommerhus\Css\Back_date_Style2.css */
 /* Tilføjet <meta name="viewport" content="width=device-width, initial-scale=1.0"> i FrameMain.html <head> sektion 
    Dette skal gøres i alle sider */
 
#body{margin-top:0px;}
    // #overskriftbox{position:relative;margin-top:0px;} /*topFrame*/
 #bottomFrame{position:relative;margin-bottom:0px} /*bottomFrame*/
 #topFrame{position:relative;margin-top:0px;} /*topFrame erstatter MÅSKE #overskriftbox */
  /* #helesidebox{width:98%;float:left;padding:0px;margin:0px;top:5px;position:relative;color:yellow;} */
  /* #mainFrame{position:relative;} /*mainFrame */   
  /* #mainFrame{width:98%;float:left;padding:0px;margin:0px;top:5px;position:relative;color:blue;} */
 /* Kolonnerne i body */
 #venstrebox{width:98%;float:left;padding:0px;margin:0px;top:5px;position:relative;text-align:left;} /* 1. kolonne i tabel */   
 #midterbox{width:100%;float:left;padding:0px;margin:0px;margin-top:0px;} /* 2. kolonne i tabel */
 #hoejrebox{width:100%;float:left;padding:0px;margin:0px;margin-top:0px;position:relative;}          /* 3. kolonne i tabel */ 
 
/* Billeder scalerer ned om nødvendigt - men ikke op større end normal størrelse OK
 img {max-width:100%;height:auto;}   */

img {max-width:100%;height:auto;}

 #flash-content{max-width:100%;height:auto;}
}

#overskriftbox  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   width: 100%;
   border-style: none;
   text-align: center;
   background-color:#DDDDDD;
}

#bottombox  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   width: 100%;
   border-style: none;
   text-align: center;
   background-color:#DDDDDD;
}

#counterbox  {
   width: 100%;
   text-align: left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   background-color:#FFFFFF;
}

#helesidebox  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   width: 10%;
   position: relative;
   border-style: none;
   margin-top: 0%;
   margin-right: 90%;
   margin-bottom: auto;
   margin-left: 0%;
   text-align: left;
   top:inherit;
}

#billedebox  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   width: 100%;
   position: center;
   border-style: none;
   text-align: center;
   top:inherit;
}

#bestillingtabel  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   width: 100%;
   text-align: left;
   top:inherit;
}

#pristabel  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   width: 100%;
   text-align: left;
   top:inherit;
}

#pristabel_med_streger  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   width: 100%;
   text-align: left;
   top:inherit;
   border-collapse: collapse;
   border: 1px solid black;
}

td.pristabel_med_streger_venstre  {
  border: 1px solid black;
  text-align: left;
}

td.pristabel_med_streger  {
  border: 1px solid black;
  text-align: center;
}

td.bestilvenstrebox {
 width: 25%;
}

td.bestilmidterbox {
 width: 50%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
}

td.bestilhoejrebox {
 width: 25%;
}

#bestillingtabel_php  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   width: 100%;
   text-align: left;
}

td.bestilphp_foerste {
 width: 25%;
}

td.bestilphp_anden {
 width: 15%;
}

td.bestilphp_tredje {
	width: 35%;
}

td.bestilphp_fjerde {
	 width: 25%;
}

td.venstrebox {
 width: 10%;
 text-align: left;
}

td.midterbox {
	 width: 50%;
	 text-align: center;
}

td.hoejrebox {
	 width: 20%;
	 text-align: left;
}

td.celle_1_plantegning {
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 width: 40%;

}

td.celle_2_plantegning {
 width:20px;
}

td.celle_3_plantegning {
 width:55%;
 text-align: center;
}

td.celle_1_muligheder {
 width: 30%;
}

td.celle_2_muligheder {
 width: 40%;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
}
td.celle_3_muligheder {
 width: 30%;
}

div.plantegning {
    border: 0; 
    height: auto;
    width: auto;
    float: middle;
    display: inline;	
}

div.centrer {
	text-align: center;
	position: relative;
	margin-left: auto;
    margin-right: auto;
}


