input, textarea { background-color : #6495ED;
                }


.content_rechner { /*height:880px;*/
                   opacity:0.9;
                   /* height: 800px; */
                 } 

.pos_waehrung   { /* margin-top:0px;
                  margin-left:0px; */
                  display: inline-table;
                  width:280px;
                  height:320px;
                  margin-left: auto;
                  margin-right: auto;
                  background-color:rgb(55,99,200);
                  border-radius: 20px;
                  background-image: -webkit-radial-gradient(30px 30px, circle closest-corner, rgb(55,255,255),rgb(55,99,200));
                  background-image: radial-gradient(circle closest-corner at 90px 90px, rgb(55,255,255),rgb(55,99,200));
                }
                
.pos_laenge     { /* margin-top: -350px;
                  margin-left:310px; */
                  display: inline-table;
                  width:280px;
                  height:275px;
                  margin-left: auto;
                  margin-right: auto;
                  /*opacity:1;*/
                  background-color:#00F0CD;
                  border-radius: 20px;
                  background-image: -webkit-radial-gradient(30px 30px, circle closest-corner, rgb(255,99,255),#efea5f);
                  background-image: radial-gradient(circle closest-corner at 90px 190px, rgb(255,99,255),#efea5f);
                }               

.pos_gewicht    { /* margin-top:50px;
                  margin-left:10px; */
                  display: inline-table;
                  width:280px;
                  height:275px;
                  margin-left: auto;
                  margin-right: Auto;
                  /*opacity:1;*/
                  background-color:#AD97B8;
                  border-radius: 20px;
                  background-image: -webkit-radial-gradient(30px 30px, circle closest-corner, rgb(255,255,0),#cb3608);
                  background-image: radial-gradient(circle closest-corner at 190px 40px, rgb(255,255,0),#cb3608); 
                }

.pos_volumen    { /* margin-top:-260px;
                  margin-left:610px; */
                  display: inline-table;
                  width:280px;
                  height:275px;
                  /*opacity:1;*/
                  background-color:#AD1E9D;
                  border-radius: 20px;
                  background-image: -webkit-radial-gradient(30px 30px, circle closest-corner, #f2c0e1,#AD1E9D);
                  background-image: radial-gradient(#f2c0e1,#AD1E9D); 
                /*float:left;*/
                  /*z-index:8;                  */
                }

.pos_flaeche    { /* margin-top:-20px;
                  margin-left:300px; */
                  display: inline-table;
                  width:280px;
                  height:275px;
                  /*opacity:1.0;*/
                  background-color:#3783E8;
                  border-radius: 20px;
                  background-image: -webkit-linear-gradient(45deg, #bdd4f2,#3783E8);
                  background-image: linear-gradient(45deg,#bdd4f2,#3783E8); 
                  /*z-index:9;                  */
                }
                
.pos_temp       { /* margin-top: 30px;
                  margin-left:590px;
                  margin-bottom: 20px; */
                  display: inline-table;
                  width:280px;
                  height:275px;
                  /*opacity:1.0;*/
                  background-color:#1783A8;
                  border-radius: 20px;
                  background-image: -webkit-linear-gradient(70deg, #bdd4f2,#1783A8, #088b6b);
                  background-image: linear-gradient(70deg,#bdd4f2,#1783A8,#088b6b); 
                  /*z-index:10;                  */
                }
                                               
.tdf            { font-size:12pt; 
                  font-family: Tahoma, Arial, sans-serif;
                  color:rgba(0,0,0,1);
                  text-align: center;
                  /* vertical-align: middle; */
                }      /* Table Data Font */   

.table_rechner  {  border:0;
                   padding:0;
                   margin: auto;
                   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                   color: rgba(0,0,0,1);
                   /* vertical-align: top; */
                }

h2.center       { text-align: center;
                  /*color: rgba(44,44,255,1);*/
                }

input, select   { font-family: Tahoma, Arial, sans-serif;
                }     

.mitte          { text-align: center;
                  color: rgba(200, 200, 50, 1);
                  font-family: Tahoma, Arial, sans-serif;
                  font-size: 10pt;
                }

.glow1          { border: 1px solid #ad9c9c;
                  background-color: rgb(99,00,255);
                  width: 10em;
                  line-height: 1.2;
                  padding: 6px 12px;
                  border-radius: 6px;
                  -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  -webkit-transition: all 0.4s ease-in-out 0s;
                  transition: all 0.4s ease-in-out 0s;
                  }       

.glow1:focus     {  border-color: #993300;
                    -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                    box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                    background-color: rgb(0,150,255);
                  }

.glow2          { border: 1px solid #ad9c9c;
                  background-color: #f5b198;
                  color:#000;
                  width: 10em;
                  line-height: 1.2;
                  padding: 6px 12px;
                  border-radius: 6px;
                  -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  -webkit-transition: all 0.8s ease-in-out 0s;
                  transition: all 0.8s ease-in-out 0s;
                  }       

.glow2:focus     {  border-color: #993300;
                    background-color: #f2d671;
                    -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                    box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                  }

.glow3          { border: 1px solid #ad9c9c;
                  background-color: #d86413;
                  width: 10em;
                  line-height: 1.2;
                  padding: 6px 12px;
                  border-radius: 6px;
                  -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  -webkit-transition: all 0.8s ease-in-out 0s;
                  transition: all 0.8s ease-in-out 0s;
                  }       

.glow3:focus     {  border-color: #993300;
                    background-color: #ecae0e;
                    -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                    box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                  }   

.glow4          { border: 1px solid #ad9c9c;
                  background-color: #d671b2;
                  width: 10em;
                  line-height: 1.2;
                  padding: 6px 12px;
                  border-radius: 6px;
                  -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  -webkit-transition: all 0.8s ease-in-out 0s;
                  transition: all 0.8s ease-in-out 0s;
                  }       

.glow4:focus     {  border-color: #993300;
                    background-color: #e79bc5;
                    -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                    box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                  } 

.glow5          { border: 1px solid #ad9c9c;
                  background-color: #92b1e0;
                  width: 10em;
                  line-height: 1.2;
                  padding: 6px 12px;
                  border-radius: 6px;
                  -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  -webkit-transition: all 0.8s ease-in-out 0s;
                  transition: all 0.8s ease-in-out 0s;
                  }       

.glow5:focus     {  border-color: #993300;
                    background-color: #6291db;
                    -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                    box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                  }

.glow6          { border: 1px solid #ad9c9c;
                  background-color: #298487;
                  width: 10em;
                  line-height: 1.2;
                  padding: 6px 12px;
                  border-radius: 6px;
                  -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px #ffffff;
                  -webkit-transition: all 0.8s ease-in-out 0s;
                  transition: all 0.8s ease-in-out 0s;
                  }       

.glow6:focus     {  border-color: #993300;
                    background-color: #70a3bc;
                    -webkit-box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                    box-shadow: 0 1px rgba(34,25,25,0.15) inset, 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);
                  } 

/*select            {
                    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1);
                    border-radius: 6px;
                  }*/

.selectbox1 select        { background: transparent;
                            width: 190px;
                            padding: 5px;
                            /*font-size: 12px;*/
                            line-height: 1;
                            border: 0;
                            border-radius: 4px;
                            height: 30px;
                          }

.selectbox1               { width: 160px;
                            height: 30px;
                            margin: auto;
                            overflow: hidden;
                            background: url(../images/down.png) no-repeat right #1783A8;
                            border: 1px solid #ccc;
                            border-radius: 4px;
                          }

.selectbox2 select        { background: transparent;
                            width: 90px;
                            padding: 5px;
                            /*font-size: 12px;*/
                            line-height: 1;
                            border: 0;
                            border-radius: 4px;
                            height: 30px;
                          }                          

.selectbox2               { width: 70px;
                            height: 30px;
                            padding: 0px;
                            margin: 0px;
                            overflow: hidden;
                            background: url(../images/down.png) no-repeat right #f5b198;
                            border: 1px solid #ccc;
                            border-radius: 4px;
                            display: inline-block;
                            vertical-align: top;
                          }                                            

.selectbox3 select        { background: transparent;
                            width: 90px;
                            padding: 5px;
                            /*font-size: 12px;*/
                            line-height: 1;
                            border: 0;
                            border-radius: 4px;
                            height: 30px;
                          }                          

.selectbox3               { width: 70px;
                            height: 30px;
                            padding: 0px;
                            margin: 0px;
                            overflow: hidden;
                            background: url(../images/down.png) no-repeat right #e6980f;
                            border: 1px solid #ccc;
                            border-radius: 4px;
                            display: inline-block;
                            vertical-align: top;
                          } 

.selectbox4 select        { background: transparent;
                            width: 90px;
                            padding: 5px;
                            /*font-size: 12px;*/
                            line-height: 1;
                            border: 0;
                            border-radius: 4px;
                            height: 30px;
                          }                          

.selectbox4               { width: 70px;
                            height: 30px;
                            padding: 0px;
                            margin: 0px;
                            overflow: hidden;
                            background: url(../images/down.png) no-repeat right #db7cb6;
                            border: 1px solid #ccc;
                            border-radius: 4px;
                            display: inline-block;
                            vertical-align: top;
                          } 

.selectbox5 select        { background: transparent;
                            width: 90px;
                            padding: 5px;
                            /*font-size: 12px;*/
                            line-height: 1;
                            border: 0;
                            border-radius: 4px;
                            height: 30px;
                          }                          

.selectbox5               { width: 70px;
                            height: 30px;
                            padding: 0px;
                            margin: 0px;
                            overflow: hidden;
                            background: url(../images/down.png) no-repeat right #8daee0;
                            border: 1px solid #ccc;
                            border-radius: 4px;
                            display: inline-block;
                            vertical-align: top;
                          }  

.selectbox6 select        { background: transparent;
                            width: 90px;
                            padding: 5px;
                            /*font-size: 12px;*/
                            line-height: 1;
                            border: 0;
                            border-radius: 4px;
                            height: 30px;
                          }                          

.selectbox6               { width: 70px;
                            height: 30px;
                            padding: 0px;
                            margin: 0px;
                            overflow: hidden;
                            background: url(../images/down.png) no-repeat right #288484;
                            border: 1px solid #ccc;
                            border-radius: 4px;
                            display: inline-block;
                            vertical-align: top;
                          }                                                    

.selectbox1:hover, .selectbox2:hover, .selectbox3:hover, .selectbox4:hover, .selectbox5:hover, .selectbox6:hover {cursor:pointer;}

.calcButton1      { margin: 10px;
                    width: 100px;
                    height: 28px;
                    /*line-height: 14px;*/
                    cursor: pointer;
                    text-align: center;
                    border-radius: 4px;
                    color: black;
                    background: rgb(55,99,200);
                    background-image: -webkit-linear-gradient(rgb(55,99,200), rgb(55,255,255));
                    background-image: linear-gradient(rgb(55,99,200), rgb(55,255,255));
                    background-repeat: repeat-x;
                  }

.calcButton1:hover { background-color: rgb(55,255,255);
                     background-position: 0 -5px;
                     -webkit-transition: background-position 0.2s linear;
                     transition: background-position 0.2s linear;
                   }

.calcButton2      { margin: 10px;
                    width: 100px;
                    height: 28px;
                    /*line-height: 14px;*/
                    cursor: pointer;
                    text-align: center;
                    border-radius: 4px;
                    color: black;
                    background: rgb(255,99,255);
                    background-image: -webkit-linear-gradient(rgb(255,99,255), #efea5f);
                    background-image: linear-gradient(rgb(255,99,255), #efea5f);
                    background-repeat: repeat-x;
                  }

.calcButton2:hover { background-color: #efea5f;
                     background-position: 0 -5px;
                     -webkit-transition: background-position 0.2s linear;
                     transition: background-position 0.2s linear;
                   }

.calcButton3      { margin: 10px;
                    width: 100px;
                    height: 28px;
                    /*line-height: 14px;*/
                    cursor: pointer;
                    text-align: center;
                    border-radius: 4px;
                    color: black;
                    background: #cb3608;
                    background-image: -webkit-linear-gradient(#cb3608, rgb(255,255,0));
                    background-image: linear-gradient(#cb3608, rgb(255,255,0));
                    background-repeat: repeat-x;
                  }

.calcButton3:hover { background-color: rgb(255,255,0);
                     background-position: 0 -5px;
                     -webkit-transition: background-position 0.2s linear;
                     transition: background-position 0.2s linear;
                   }

.calcButton4      { margin: 10px;
                    width: 100px;
                    height: 28px;
                    /*line-height: 14px;*/
                    cursor: pointer;
                    text-align: center;
                    border-radius: 4px;
                    color: black;
                    background: #AD1E9D;
                    background-image: -webkit-linear-gradient(#AD1E9D, #f2c0e1);
                    background-image: linear-gradient(#AD1E9D, #f2c0e1);
                    background-repeat: repeat-x;
                  }

.calcButton4:hover { background-color: #f2c0e1;
                     background-position: 0 -5px;
                     -webkit-transition: background-position 0.2s linear;
                     transition: background-position 0.2s linear;
                   } 

.calcButton5      { margin: 10px;
                    width: 100px;
                    height: 28px;
                    /*line-height: 14px;*/
                    cursor: pointer;
                    text-align: center;
                    border-radius: 4px;
                    color: black;
                    background: #3783E8;
                    background-image: -webkit-linear-gradient(#3783E8, #bdd4f2);
                    background-image: linear-gradient(#3783E8, #bdd4f2);
                    background-repeat: repeat-x;
                  }

.calcButton5:hover { background-color: #bdd4f2;
                     background-position: 0 -5px;
                     -webkit-transition: background-position 0.2s linear;
                     transition: background-position 0.2s linear;
                   }  

.calcButton6      { margin: 10px;
                    width: 100px;
                    height: 28px;
                    /*line-height: 14px;*/
                    cursor: pointer;
                    text-align: center;
                    border-radius: 4px;
                    color: black;
                    background: #088b6b;
                    background-image: -webkit-linear-gradient(#088b6b, #bdd4f2);
                    background-image: linear-gradient(#088b6b, #bdd4f2);
                    background-repeat: repeat-x;
                  }

.calcButton6:hover { background-color: #bdd4f2;
                     background-position: 0 -5px;
                     -webkit-transition: background-position 0.2s linear;
                     transition: background-position 0.2s linear;
                   }
                   
.box-wrapper { margin-left: 15px;
               margin-right: 20px;
             } 
             
.wrapper {  display: inline-table;
            padding: 0.3em;
         }
                   
/* @media screen and (max-width: 1132px) {
.pos_laenge        { margin-top: -320px; }
                    
.pos_gewicht       { margin-left: 0px;
                     margin-top: 30px;
                   }

.pos_flaeche       { margin-left: 300px;
                     margin-top: 100px;
                   }  
                   
.pos_volumen       { margin-top: -340px;
                     margin-left: 600px;
                   } 
                   
.pos_temp          { position: relative;
                     margin-left: 590px;
                     margin-top: -10px;;
                   }                   
} */