#container{
    position: relative;
    background-color: #fff;
    background-color: transparent;
    margin: 0px auto ;
    padding: 10px 10px 10px 10px;
    width: 95%;
    max-width: 960px;
    font-family: Arial;
    font-size: 14px;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-webkit-box-sizing: padding-box;
	box-sizing: padding-box;
    }

#tabbox{
    margin: 30px auto;
    padding: 20px 10px 10px 10px;
	display: table;
	left:0px;
	top:0px;
	width:94%;
    background-color: #fff;
    border-radius: 20px 0px 20px 0px;
}

.tabrow{
	display:table-row;
	width:100%;
}
	
.tabelleL{
	display: table-cell;
	width:30%;
	min-width:100px;
	padding:10px;
	font-size:13px;
	line-height:16px;
	color:#28166f;
	text-align:right;
	white-space:nowrap;
}

.tabelleR{
	display: table-cell;
	width:70%;
	padding-left:10px;
	margin:0px;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	line-height:16px;
	color:#000;
	text-align:justify;
}

h1{
  font-size: 24px;
  color: #00a;
  text-align: center;
     -webkit-column-span: all; /* Chrome, Safari, Opera */
     column-span: all;
    }


#code{
	z-index:11;
	position:absolute;
    width: 105px;
	right:30px;
	top:100px;
    margin-right: 5px;
    border: 3px #00a solid;
	}

.wwr1 {color: #666666;font-weight: bold; font-size:14px; text-decoration:none}
.wwr2 {color: #b32727; text-decoration:none}
.wwr3 {	font-size: 18px;color: #b32727;	vertical-align: -10%; text-decoration:none}
		
a{ text-decoration:none}

footer{clear: both;}

.tabelleL{
	display: table-cell;
	width:30%;
	min-width:100px;
	padding:10px;
	font-size:13px;
	line-height:16px;
	color:#28166f;
	text-align:right;
	white-space:nowrap;
}
  
@media screen and (max-width: 550px) {
	.tabelleL{display: table-row;line-height:26px;text-align:left; font-weight: bold; }
	.tabelleR{display: table-row;}
	.tabrow{display:table;margin-bottom:10px;}
    #code{right:20px;top:125px; margin-right: 0px; width: 95px;	}
}
