/**
#errorCatcher Echo
##    $Revision: 1 $
##    $Author: byteinsight.co.uk $
##    $Date: 2013-12-30 $
##
**/

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 1100px;
}

.clr {
	clear:both;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
}


.container_13 {
	margin-left: auto;
	margin-right: auto;
	width: 1500px;
}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12
.push_13, .pull_13
.push_14, .pull_14
.push_15, .pull_15 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:560px;
}

.container_12 .grid_4 {
	width:299px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:850px;
}

.container_12 .grid_13 {
	width:750px;
}

.container_12 .grid_14 {
	width:330px;
}

.container_12 .grid_15 {
	width:190px;
}

.container_12 .grid_20 {
	width:1100px;
}

.container_12 .grid_21 {
	width:1090px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:25px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:420px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}

.container_12 .prefix_12 {
	padding-left:130px;
}

.container_12 .prefix_13 {
	padding-left:200px;
}

.container_12 .prefix_14 {
	padding-left:100px;
}

.container_12 .prefix_15 {
	padding-left:350px;
}

.container_12 .prefix_20 {
	padding-left:15px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-10px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/*************** Antra dalis   ***************/

.hes table {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
}

.hesbox {
    margin: 1%;
    padding: 1px;
    vertical-align: center;
    text-align: center;
    border-radius: 2px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #fafaff;
}


.hes1_m {
        color: #000000;
}


.hes1_kopf {
        font-size: 80%;
        color: #888888;
        border-bottom: 1px solid #cccccc;
        padding-top: 20px;
}

.hes1_kopfb {
       text-align: right;
       padding-top: 10px;
}

.hes1_kopfc {
       text-align: center;
       padding-top: 10px;
}

.hes1_valhi {
        color: fuchsia;
}

.hes1_vallo {
        color: dodgerblue;
}

.hes1_leer {
     width: 44px;
     background-color: #faebd7;
}

.hes1_trendhi {
       color: fuchsia;
       font-weight: bold;
       font-size: 180%;
}

.hes1_trendlo {
       color: dodgerblue;
       font-weight: bold;
       font-size: 180%;
}

.hes1_wind {
       width: 45px;
}
.hes1_nam {
      background-color: gold;
}
.hes1_mon {
     background-color: darkblue;
     color: white;
}
/*
.hes_lufe,
.hes_reg {
      background-image: url('backgrounds/drops.gif');
}

.hes_temp {
      background-image: url('backgrounds/leaf.jpg');
}

.hes_win {
        background-image: url('backgrounds/butterfly.jpg');
}

.hes_somo {
     background-image: url('backgrounds/night.gif');
}*/


td.hes1_wol {
   width: 33%;
}
td.hes1_wind {
   font-size: 230%;
   font-weight: bold;
}

.hesso {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 30px;
    left: 50px;
    font-weight: bold;
    text-align: center;
}

.hesmo {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 30px;
    right: 80px;
    text-align: center;
}

.tab_datab {
   font-size: large;
   text-align: center;
}

#report{
     font-family: arial;
     color: #000000;
}

#report table {
	width: 100%;
	border-collapse: collapse;
}

/* Temp */


.temphi {
        color: #ed3b58; }

.templo {
        color: #6504ce; }

.tempL1 {
        color: #FF0000; }
.tempL2 {
        color: #FF9900; }
.tempL3 {
        color: #33CC00; }





.hest01 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #0000cc;
    color: #ffffff;
    font-weight: bold;
    font-size: 85%;
}

.hest02 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #0066cc;
    color: #ffffff;
    font-weight: bold;
    font-size: 85%;;
}

.hest03 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #0099cc;
    color: #ffffff;
    font-weight: bold;
    font-size: 85%;
}

.hest04 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00ccff;
    font-weight: bold;
    font-size: 85%;
}

.hest05 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00ffcc;
    font-weight: bold;
    font-size: 85%;;
}

.hest06 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00ff99;
    font-weight: bold;
    font-size: 85%;
}

.hest07 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ccff00;
    font-weight: bold;
    font-size: 85%;
}

.hest08 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ffff66;
    font-weight: bold;
    font-size: 85%;
}

.hest09 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ffcc00;
    font-weight: bold;
    font-size: 85%;
}

.hest10 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff9933;
    font-weight: bold;
    font-size: 85%;
}

.hest11 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff6600;
    font-weight: bold;
    font-size: 85%;
}

.hest12 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff3300;
    font-weight: bold;
    font-size: 85%;
}

.hest13 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #cc3300;
    font-weight: bold;
    font-size: 85%;
}

.hest14 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff6600;
    font-weight: bold;
    font-size: 85%;
}

.hest15 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff3300;
    font-weight: bold;
    font-size: 85%;
}

.hest16 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #cc3300;
    font-weight: bold;
    font-size: 85%;
}

/* wind */

.hesw00 {
    background-color: #ffffff;

}

.hesw01 {
    background-color: #ccffff;
}

.hesw02 {
    background-color: #99ffcc;
}

.hesw03 {
    background-color: #99ff99;
}

.hesw04 {
    background-color: #99ff66;
}

.hesw05 {
    background-color: #99ff00;
}

.hesw06 {
    background-color: #99cc00;
}

.hesw07 {
    background-color: #cccc00;
}

.hesw08 {
    background-color: #ffcc00;
}

.hesw09 {
    background-color: #ff9900;
}

.hesw10 {
    background-color: #ff6600;
}

.hesw11 {
    background-color: #ff3300;
}

.hesw12 {
    background-color: #ff0000;
}

.hesb00 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FFFFFF;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

/* Luftdruck */

.hesb01 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #CCFFFF;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb02 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #99FFCC;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb03 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #99FF99;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb04 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #99FF66;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb05 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #99FF00;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb06 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #99CC00;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb07 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #CCCC00;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb08 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FFCC00;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb09 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FF9900;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb10 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FF6600;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb11 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FF3300;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb12 {
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FF0000;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.hesb13 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #cc3300;
    font-weight: bold;
    font-size: 85%;
}

/* UV */

.hesuv1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: green;
    color: white;
    font-weight: bold;
    font-size: 85%;
}

.hesuv2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: yellow;
    color: black;
    font-weight: bold;
    font-size: 85%;;
}

.hesuv3 {
    border: 1px solid #666666;
    text-align: center;
    background-color: orange;
    color: black;
    font-weight: bold;
    font-size: 85%;
}

.hesuv4 {
    border: 1px solid #666666;
    text-align: center;
    background-color: red;
    font-weight: bold;
    font-size: 85%;
}

.hesuv5 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ee82ee;
    font-weight: bold;
    font-size: 85%;
}

/* Wind Richtung */

.heswdir1 {  /* North */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #0000FF;
    color:white;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.heswdir2 {	/* NNE */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #003399;
    color:white;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.heswdir3 {	/* NE */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #2A52BE;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:white;
}

.heswdir4 {	/* ENE */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FFF700;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.heswdir5 {	/* East */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FFFF00;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.heswdir6 {	/* ESE */	
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FFEF00;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.heswdir7 {	/* SE */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #F4C2C2;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.heswdir8 {	/* SSE */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FF5C5C;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.heswdir9 {	/* South */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FF0000;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.heswdir10 { /* SSW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #E34234;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.heswdir11 {	/* SW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #CD5C5C;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.heswdir12 {	/* WSW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #D2691E;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.heswdir13 {	/* West */
    border: 1px solid #666666;
    text-align: center;
    background-color: #FF6700;
    font-weight: bold;
    font-size: 85%;
    color:black;
}

.heswdir14 {	/* WNW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #ED872D;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.heswdir15 {	/* NW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #002FA7;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:white;
}

.heswdir16 {	/* NNW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #00009C;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:white;
}

/* neue Seite */


.hes1_kopfa {
  
    color: coral;
    font-weight: bold;
}


.hesr_kopfa {
    font-size: 150%;
    color: #0429f9;
    font-weight: bold;
padding-left:10px;
}





.hesr_kopf {
        font-size: 80%;
        color: #0429f9;
       
       padding-right:20px
padding-left:50px;
}






.hesr1_kopfa {
    font-size: 150%;
    color: coral;
    font-weight: bold;
padding-left:10px;
}





.hes1_bigval {
    font-size: 200%;
    color: chocolate;
    font-weight: bold;
    text-align: right;
}

.hes2_maval {
    font-size: 160%;
    color: chocolate;
    font-weight: bold;
    

   
}



/*#flexbox {
    display: flex;
    align-items: flex-start;
    flex-direction: row ;
    flex-wrap: wrap ;

}
#flexbox div {
      flex-grow: 1 ;
      flex-basis: auto;
}*/


.hes {
    float: left;
    width: 260px;
    margin: 1px;
    padding: 2px;
    border-radius: 12px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    box-shadow: 6px 4px 10px #000000;
    background-color: #f0ffff;
}


.hes1 {
    float: left;
    width: 150px;
    height:35px;
 border-radius: 1px;

 border-top: 5px solid #fafaff;
   
    border-left: 2px solid #fafaff;


padding: 5px 0px 0px 0px;

     
}
.hes2 {
    float: left;
    width: 1050px;
    margin: 8px;
    padding: 6px;
    border-radius: 5px;
    margin-left: 10px;
  
    background-color: #f0ffff;
}

.hes3 {
    float: left;
    width: 1050px;
    margin: 8px;
    padding: 6px;
    border-radius: 5px;
    margin-left: 20px;
    text-align: center;
    background-color: #f0ffff;
    
}

.hes5 {
    float: left;
    width: 338px; 
    margin: 1px;
    padding: 2px;
    border-radius: 12px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    box-shadow: 6px 4px 10px #000000;
    background-color: #f0ffff;
}



#hesdata {
  clear: both;
  background-color: #f0ffff;
  border: 1px solid #000;
  border-radius: 10px 20px;
  margin: 10px;
  padding: 20px;
  box-shadow: 6px 4px 10px #000000;
  text-align: center;
}

.mittetab {                
    width: 95%;
    min-height: 50px;
    margin: 1%;
    padding: 7px;
    border-radius: 12px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #f0ffff;
}

#hesdata table {
    text-align: center;
    width: 100%;
}


#contentcmon {
  clear: both;
  border: 1px solid #000000;
  border-radius: 10px 20px;
  margin: 10px;
  padding: 2px;
  box-shadow: 6px 4px 10px #000000;
  text-align: center;
}

.metrics {
  font-size: 80%;
}

.metrics table {
   width: 100%;
}

.metrics a {
  text-decoration: none;
}

.metric_title {
  text-align: left;
  font-weight: bold;
}

.metric_name {
  text-align: right;
}

.metric_large {
  text-align: left;
  font-weight: bold;
  font-size: 230%;
}

tr.even {
  background-color: #ffffff;
}


.popup {
  color: #1adb20;
}



tr.odd {
  background-color: #B5D3DB;
}

.metric_value {
  text-align: left;
  font-weight: bold;
}

.metric_units {
  text-align: left;
}

.hilo_time {
  text-align: left;
  color: #333333;
  font-size: 85%;
}

/****************** almanach ****************************/

.ametrics {
}

.ametrics table {
   width: 100%;
}

.ametrics a {
  text-decoration: none;
}

.ametric_title {
  text-align: left;
  font-weight: bold;
}

.ametric_name {
  text-align: right;
}

.ametric_sym {
  font-weight: bold;
  font-size: 250%;
}

.ametric_sym1 {
  font-weight: bold;
  font-size: 120%;
}
.ametric_large {
  text-align: left;
  font-weight: bold;
  font-size: 230%;
}

.ametric_value {
  text-align: left;
  color: #007000;
}

.ametric_valuem {
  text-align: left;
  color: #ff0000;
}

.ametric_units {
  text-align: left;
}

.ahilo_time {
  text-align: left;
  font-size: 85%;
}



/************************* footer ******************************/

#footer p {
   text-align: center;
}

#footer  {
    clear: both;
    margin: 1% 1% 2% 1%;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    border-radius: 20px;
    box-shadow: 6px 10px 10px #000000;
    background-color: #fafaff;
}


#fzei {
    width: 95%;
    margin: 1%;
    padding: 7px;
    border-radius: 12px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #f0ffff;
    text-align: center;
}

.rthes {
   float: right;
   clear: right;
   text-align: right;
   font-size: 8pt;
}
    
.lthes {
    float: left;
    clear: left;
    text-align: left;
    font-size: 8pt;
}

/*************** Global Styles ***************/

h2, h3, h4, h5, h6 {
    color: #3d6c87;
}

.header {
    font-size: 14pt;
    font-weight: bolder;
    color: #3d6c87;
    margin-bottom: 10px;
}


li {  list-style-type: none;   }  

/*************** Global Styles ***************/



/*  indexx  */

#links {
  clear: both;
  background-color: #f0ffff;
  border-radius: 15px;
  box-shadow: 6px 4px 9px #000;
  padding: 2px;
  margin: 10px;
  width: 350px;
  float: left;
}

 
#rechts {
     background-color: #f0ffff;
     border-radius: 15px;
     box-shadow: 6px 4px 9px #000;
     padding: 2px;
     margin: 10px;
     width: 310px;
     float: right;
}

#contentx {
         background-color: #f0ffff;
         box-shadow: 6px 4px 10px #000;
         border-radius: 20px;
         width: 640px;
         text-align: center;
         margin: 20px auto;
         padding: 2px;
}

#contentx table {
     width: 100%;
}


.mitte {  
    width: 95%;
    min-height: 500px;
    margin: 1%;
    padding: 7px;
    border-radius: 12px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #f0ffff;
  }