@font-face {
font-family: "Oswald";
font-display: swap;
src: url("/font/Oswald-Light.ttf"); 
}
body { margin: 0 auto; font-family: "Myriad Pro", "Trebuchet MS", Arial; font-size:19px; max-width:1100px; border:1px solid #000; background:url(images/verlauf.jpg); background-repeat: repeat-x; background-color: #0ff1e4; }

a { color:#64a520; text-decoration:none;}
a:hover { text-decoration:underline;}
p { padding: 0 10px 5px 10px; }
h1 { 
display:block;
font-size: 23px;
display:inline;

}
#h3 {
    font-weight:normal;
    padding: 0 10px 5px 10px;
    display:inline;
}

h2 {
display:block;
font-size: 12px;
font-weight:normal; 
display:inline;
}
#botscout {
display:block;
font-size: 12px;
display:inline;
}
ipv6 {
display:block;
font-size: 12px;
font-weight:normal; 
display:inline;
}
#who {
padding-left: 170px;
font-weight:normal; 
white-space:pre-line;



}
.borderradius {
 border: 1px solid black;
  border-radius: 12px;
  padding-left: 8px;
 padding-bottom: 18px;
padding-top: 18px;
  max-width: 1070px;
 
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
  
}
#borderpic
 {
position: absolute;
margin-top: -45px;
}
#corner {
  border-radius: 25px;
  background: #cfcfcf;

  width: 170px;
  height: 36px;  
margin-top: -40px;
margin-left: 53px;
margin-bottom: 10px;
}
#corner2 {
  border-radius: 25px;
  background: #cfcfcf;

  width: 245px;
  height: 36px;  
margin-top: -40px;
margin-left: 53px;
margin-bottom: 10px;

}
#cornertext {
padding-top: 4px;
padding-left: 10px;
font-size: 20px;
font-weight: bold;
}
#wiki {
float: right;
}
#agent {
    border: 0px solid;
    border-radius: 25px;
    background: #eeeeee;
    font-size: 19px; 
padding: 20px;

}
img.bottom {
    vertical-align: text-bottom;
} 
#ipv6check {
  
   float: right;
   
}
fieldset
{
    border: 1px solid;
    
}

.altfieldset {
	border: 2px groove ButtonFace;
	border-top-width: 0;
	margin-left: 2px;
	margin-right: 2px;
	padding: .35em .625em .75em;
	margin-top: 1em;
	position: relative;
}

.altlegend {
	margin-top: -2em;
}

.altlegend.test1::before {
	position: absolute;
	top: 0;
	left: -1px;
	border-top: 2px groove ButtonFace;
	content: " ";
	width: 0.5em;
}

.altlegend.test1::after {
	position: absolute;
	top: 0;
	right: -1px;
	border-top: 2px groove ButtonFace;
	content: " ";
	width: 80%;
}

.v4show 	{
   font-size: 19px;
font-weight: bold;
	}	

.centerDiv
 {
 display: table;
 margin: 0 auto; 
}

table.news {
float: left;
margin-left: auto;
margin-right: auto;
border-spacing: 5px;
padding-left: 50px;
width: 430px;
word-break: keep-all;

}
table.news td {
word-break: normal;
word-wrap: break-word;
text-align: left;
}
table.news th {
font-weight: normal;
text-align: center;
}
table.news th[colspan="2"] {
    text-align: center;
}
#extract {
word-break: break-word;
word-wrap: break-word;
}
table.os {
font-size: 19px;
margin-left: auto;
margin-right: auto;
border-spacing: 4px;
word-wrap: break-word;
}
table.news2 {
float: left;
border-spacing: 5px;
word-break: keep-all;
width: 430px;
   
}
table.news2 td {
word-break: normal;
word-wrap: break-word;
}
table.news2 th {
font-weight: normal;
text-align: left;
}
table.news2 th[colspan="2"] {
    text-align: center;
}
#ipinfo {
float: left;

}
#ipinfo2 {
float: left;
 
}
.morenews {
float: left;

}
table.morenews {
float: left;
 border-spacing: 5px;
 word-wrap: break-word;
 padding-left: 40px;
}
table.morenews td{
 
border-bottom: 1px solid #ddd;


}
table.proxy {
margin-left: auto;
margin-right: auto;
word-wrap: break-word;
font-size: 15px; 
border-collapse: collapse;
}

table.proxy td {
padding-right: 65px;
}
img.opacity {
opacity: 0.3;
  filter: alpha(opacity=50);
}
#display
{
    display: none;

}
#displayplugin
{   
    font-size:13px;
    display: none;
    width: 120px;

}
.tablemain
 {
width: 10%;
display: block;
float: left;

}
.tablemain2
 {
width: 10%;
display: block;
float: left;

}

#right {
float: right;
}
#flashright {
float: right;
}
hr {
display: none;
}
#linie {
  border-top: 1px solid black;
  margin-left:18px;
margin-right:18px;
}
#meter {
background-image: -moz-radial-gradient(center, ellipse cover, #A4A4A4 0%, #FFFFFF 65%);
background-image: -webkit-radial-gradient(center, ellipse cover, #A4A4A4 0%, #FFFFFF 65%);
background-image: -ms-radial-gradient(center, ellipse cover, #A4A4A4 0%, #FFFFFF 65%);
background-image: -o-radial-gradient(center, ellipse cover, #A4A4A4 0%, #FFFFFF 65%);
}

table.result {

text-align: left;
height: 25px;
width: 740px;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
color: white;
 background: -moz-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -webkit-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -o-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -ms-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
}
result.td {
text-align: left;
font-size: 15px;
font-family: Helvetica, Arial, sans-serif;
}
#prozent { display:none;
white-space: nowrap; 
text-overflow: clip; 
width: 600px;	
}
table.useragent {
width: 740px;
}
table.useragent,td {
height: 24px;
}

#startspeedtest a{display:block;color:transparent;margin-left:auto;margin-right:auto;position: relative;bottom: 110px;right:5px;} 
#startspeedtest a:hover{background-position:left bottom;}a#startspeedtest {display:none}
#top { height:30px; max-width:1114px; background-color:#477b1d;border-bottom:4px solid #000;}
#name { float:left; border-left:20px solid #70c32e; border-right:20px solid #70c32e;}
#name a{ color:#fff; font-weight:bold; font-size:24px; text-transform:uppercase; background-color:#70c32e; text-decoration:none;}
#split { float:left; height:30px; width:20px; border-left:3px solid #000000;}
#slogan { float:left; color:#fff; text-transform:uppercase; padding:0px 0 0 150px;}
#slogan_right { float:left; color:#fff; text-transform:uppercase; padding:13px 0 0 172px;}
#contact_us{ float:right; background-color:#7abb37;height:20px; padding:2px 5px;}
#contact_us a { color:#fff; text-transform:uppercase; text-decoration:none;}
#logo { background:url(images/head_bckg.jpg) no-repeat; height: 220px; width:100%; }
#logo_text { float:right; width:430px; height:50px; background-color:#70c32e; margin:70px 125px 53px 0; font-family: Tahoma, Arial; font-size:11px; color:#fff; padding:10px; font-weight:bold; background:url(images/meine-ip-info.png) no-repeat;

}
#menu { background:#70c32e; height:21px; width:600px; margin: 0 auto; clear:both; border:1px solid #a8f534; text-align:center;  color:#fff; padding-top:4px;}
#menu a { color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:0 20px; margin-top:3px;}
#menu a:hover{ color:#d4ffa1}
.item img { background-color:#fff; padding:6px; border:1px solid #d0d0d0;}
.description { display:block; float:right; width:220px; padding: 10px 20px 20px 0; line-height:12px; font-family:Tahoma, Arial;}
p.additional { margin:0 10px; color:#9c9c9c; font-size:10px; line-height:12px; border-top:1px solid #bdbdbd; padding: 10px 0; font-weight:normal; font-family:Tahoma, Arial;}

#avgthreatlabs_safetybadge_small
{

display:inline;
}
#text { padding:10px; width:974px;}
.textinhalt { font-size:19px; }
#myBox {
text-align: center;
margin-left:auto;
margin-right:auto;
width:720px;
}
#myBox2 {
font-size:15px;
float: left;   
margin-left:auto;
margin-right:auto;
width:720px;
 
}
#pic img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#info {
    text-align: center;
margin-left: auto;
    margin-right: auto;
}
#whois {
width: 580px;   
margin-left:100px;
}
#ipv4 {
 
font-size:20px;
}
#ip {
 
font-size:20px;
}
#center {
    text-align: center;
margin-left: auto;
    margin-right: auto;
font-size:18px;
}
#w3c {
    text-align: center;
}
table.center {
    margin-left:auto; 
    margin-right:auto;
width:390px;
}
td {
 text-align: left;
}
p.title {
    display: block;
    
    font-weight: bold;
    background-color: #3c404b;
    padding: 8px 30px 8px 30px;
    margin: 0 0 14px 0px;
    color: #f3f2f4;
}
div#container {
    display: block;
    
    width: 600px;
    margin-top: 40px;
    margin-left:auto;
margin-right:auto;
}
span.info {
    font-size: 11px;
    font-style: italic;
    color: #A3A3A3;
}

div#controls {
    width: 580px;
    padding-bottom: 14px;
}

div#map-canvas {
    display: block;
    position: relative;
    width: 580px;
    height: 380px;
    border: 10px solid #fff;
    -moz-box-shadow: 0px 0px 4px #ACACAC;
    -webkit-box-shadow: 0px 0px 4px #ACACAC;
    box-shadow: 0px 0px 4px #ACACAC;
    margin-bottom: 14px;
}

div#geo-details {
    display: block;
    position: relative;
    width: 580px;
    background-color: #F0F0F0;
    padding: 10px;
    margin-bottom: 14px;
}

select {
    height: 30px;
    -webkit-appearance: menulist-button;
    border: 1px solid #DBDBDB;
}

button::-moz-focus-inner {
    border: 0;
}

button {
    background: #F0F0F0;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #3c404b;
    font: bold 14px Calibri, Arial, sans-serif;
    padding: 7px 15px;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
}
button:hover {
    background: #fff;
    -webkit-box-shadow: inset 0 0 1px 1px #fff;
    box-shadow: inset 0 0 1px 1px #fff;
    color: #222;
    cursor: pointer; 
}
button:active {
    background: #fff;
    -webkit-box-shadow: inset 0 0 1px 1px #fff;
    box-shadow: inset 0 0 1px 1px #fff;
    color: #000;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
#cssmenu {
  width: auto;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
  clear: both;
  padding-top:14px;
  

}
#cssmenu.align-right ul li {
  float: right;
  border-right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.22);
}
#cssmenu.align-right ul li a {
  border-right: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
#cssmenu ul {
  background: #222222;
    padding-left: 110px;


  /* Old browsers */

  background: -moz-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -webkit-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -o-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -ms-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);

}
#cssmenu:after,
#cssmenu ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu ul li {
  float: left;
  display: block;
  border-right: 1px solid rgba(0, 0, 0, 0.22);
  z-index: 1;
}
#cssmenu ul li::after {
  content: "";
  width: 100%;
  height: 8px;
  position: absolute;
  border-top-left-radius: 50% 4px;
  border-top-right-radius: 50% 4px;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  z-index: 2;
  bottom: 10px;

}
#cssmenu ul li a {
  display: block;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 3;
}
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
  color: #ffffff;
}
#cssmenu ul li:hover,
#cssmenu ul li.active {
  background: #1275ae;
  /* Old browsers */

  background: -moz-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -webkit-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -o-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -ms-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: linear-gradient(to top, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
}
#cssmenu ul li:hover::after,
#cssmenu ul li.active::after {
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}


.nav-open {
	display: none;	
}

#nav {
       margin:0;
    padding:0;
    list-style:none;
    text-align:center;
	color: #ffffff;
	background: -moz-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -webkit-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -o-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -ms-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
	font-family: Helvetica, Arial, sans-serif;
	
	
	
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	
}

#nav ul li {
	  display:inline;

}

#nav ul li.close {
	display: none;

}


#nav ul li a {
	padding: 10px 20px;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
        
background: -moz-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -webkit-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -o-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -ms-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
}

#nav ul li a:hover {
	background: #1275ae;
	color: #fff;
		background: -moz-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -webkit-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -o-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -ms-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: linear-gradient(to top, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
}

@media screen and (max-width: 900px) {

.centerDiv
 {
display: inline;
 
}
table.news td {
word-break: normal;
word-wrap: break-word;
text-align: center;
}
table.news th {
font-weight: normal;
text-align: right;
}
table.news {
float: none;
margin: auto;
text-align: center;
border-spacing: 3px;
padding-left: 0px;  
font-size: 16px;
padding-left: 0px;
width: auto;

}
table.news2 {
float: none;
margin:auto;
text-align:center;
border-spacing: 3px;
word-wrap: break-word;
font-size: 16px;
padding-left: 0px;
width: auto;
min-width:0px;
}
table.morenews {
float: none;
border-spacing: 5px;
margin:auto;
width: auto;
 padding-left: 0px;
font-size: 16px;
}
table.news2 {
float: none;
margin:auto;
text-align:center;
border-spacing: 3px;
word-wrap: break-word;
font-size: 16px;
padding-left: 0px;  
}

.clearfix::after {
float: none;
margin-left: auto;
margin-right: auto;
}
hr {
display: block;
margin-left:18px;
margin-right:18px;
}
}
@media screen and (max-width: 900px) {
body {
border:0px solid #000;
}
#logo_text {
	display: none;
}
#logo {
	display: none;
}
#top {
display: none;
}
#name {
display: none;
}
#split {
display: none;
}
#content2 {
    display: none;
    padding: 30px 6px 6px;
    background: #fff;
    color: #333;
    
}
table.news {
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
border-spacing: 3px;

font-size: 16px;
padding-left: 0px;  
max-width: 430px;
}
table.os {
font-size: 17px;
margin-left: auto;
margin-right: auto;
border-spacing: 4px;
word-wrap: break-word;
}
.clearfix::after {
float: none;
margin-left: auto;
margin-right: auto;
}

#corner {
  border-radius: 25px;
  background: #cfcfcf;

  width: 150px;
  height: 36px;  
margin-top: -40px;
margin-left: 53px;
margin-bottom: 10px;
}
#corner2 {
  border-radius: 25px;
  background: #cfcfcf;

  width: 220px;
  height: 36px;  
margin-top: -40px;
margin-left: 53px;
margin-bottom: 10px;
}
#cornertext {
padding-top: 7px;
padding-left: 10px;
font-size: 17px;
font-weight: bold;
}
img.download {
width: 20px;
height: 20px;
}
img.upload {
width: 20px;
height: 20px;
}
#top2 { height:47px; background-color:#477b1d;border-bottom:3px solid #000; z-index: 9;}
#name2 { float: left; border-left:4px solid #70c32e; border-right:30px solid #70c32e; background-color:#70c32e; font-size:21px; height: 46px;}
#name2 a{ color:#fff; font-weight:bold; font-size:24px; background-color:#70c32e; text-align:right; position: fixed;}
#split2 { border-left:3px solid #000000; height:47px; }
#main { clear: left; margin-top: 45px; background:url(images/sidebar_bckg.gif) no-repeat top right #fff; }

.nav-open {
       position: fixed;
    
	top: 0px;
	left: 0px;
	background-color:#477b1d;
	font-family: "Myriad Pro", "Trebuchet MS", Arial;
	display: block;
	width: 100%;
       z-index: 9;
    
	
}

.nav-open a {
         
	line-height: 2.5;
	color: #fff;
	text-decoration: none;
        float: right;
        padding-right: 30px;
	
}
	
#nav {
	position: fixed;
	top: -200%;
	left: 0;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
        z-index: 10;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;

}

#nav:target {
	top: 0;
      
}

#nav ul li {
display: block;
	float: none;
	text-align: center;
	border-bottom: 1px solid #555;
	
}


#nav ul li.close {
	display: block;
}

#nav ul li:last-child {
	border-bottom: none;
}
#nav ul li a:hover {
	background: #1275ae;
	color: #aaa;
}
#nav ul li a {

	padding: 10px 15px;
	display: block;
	color: #fff;
	text-decoration: none;
	background: #333;
}

.anch {

}
}

.headline {

display: table;
   border-spacing: 10px;
font-size: 19px;
white-space: nowrap;
 padding: 0 4px 18px;
}
.line {
height: 1px;
        background: #E8E8E8;
width:100%;
margin-left: 10px;
display:table-cell;
}
#content {
    
    padding: 30px 6px 6px;
    background: #fff;
    color: #333;
    
}
#content2 {
    
    padding: 30px 6px 6px;
    background: #fff;
    color: #333;
    
}
#more {display: none;}
#text li { list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0px 4px;line-height:18px;}
#sidebar { float:right; width:215px; height:1938px; font-size:10px; text-align: center;}
#sidebar a{ font-weight:bold; }
#sidebar h2 { margin:0; padding:0 0 20px 0; text-transform:uppercase; color:#000; font-size:18px;}

#main { padding-top: 8px; background:url(images/sidebar_bckg.gif) no-repeat top right #fff; font-family: 'Oswald', sans-serif;}
#footer { margin-left: auto; margin-right: auto; background:url(images/footer_bckg.gif) repeat-x #000; height:55px; clear:both; }
#left_footer { float:left; padding:20px 0 0 0px; color:#fff; font-size:12px;}
#left_footer a { color:#fff;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right; padding:20px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}
#right_footer a { color:#fff;}

#speedtest {
text-align:center;
font-family: 'Oswald', sans-serif;

}
#tacho {

margin-left: auto;
margin-right: auto;
}
#startStopBtn{
		display:inline-block;
		margin:0 auto;
		color:#6060AA;
		background-color:rgba(0,0,0,0);
		border:0.15em solid #6060FF;
		border-radius:0.3em;
		transition:all 0.3s;
		box-sizing:border-box;
		width:8em; height:3em;
		line-height:2.7em;
		cursor:pointer;
		box-shadow: 0 0 0 rgba(0,0,0,0.1), inset 0 0 0 rgba(0,0,0,0.1);
	}
	#startStopBtn:hover{
		box-shadow: 0 0 2em rgba(0,0,0,0.1), inset 0 0 1em rgba(0,0,0,0.1);
	}
	#startStopBtn.running{
		background-color:#FF3030;
		border-color:#FF6060;
		color:#FFFFFF;
	}
	#startStopBtn:before{
		content:"Start";
	}
	#startStopBtn.running:before{
		content:"Abbrechen";
	}
	#test{
		

margin-left: auto;
margin-right: auto;

		
	}
	div.testArea{
		display:inline-block;
		width:16em;
		height:12.5em;
		position:relative;
		box-sizing:border-box;
               
	}
	div.testName{
		position:absolute;
		top:0.1em; left:0;
		width:100%;
		font-size:1.3em;
		z-index:1;
	}
	div.meterText{
		position:absolute;
		bottom:1.55em; left:0;
		width:100%;
		font-size:2.5em;
		z-index:1;
	}
	div.meterText:empty:before{
		content:"0.00";
	}
	div.unit{
		position:absolute;
		bottom:2em; left:0;
		width:100%;
		z-index:1;
	}
	div.testArea canvas{
		position:absolute;
		top:0; left:0; width:100%; height:100%;
		z-index:1;
	}
	div.testGroup{
		display:inline-block;
font-size:1.3em;
	}
	
	@media all and (max-width:60em){
		#speedtest {
			font-size:0.7em;
                        z-index:1;
		}
                 #result {
                     
                       display:block;
		       margin: 0 auto;
                       z-index:1;
                         }
                 #responsive {
                  width: 100%;
                  max-width: 20px;
                          }
		div.testGroup{
			display:block;
			margin: 0 auto;
		}
	}
#progressBar{
		width:70%;
		height:1.1em;
		background-color:#EEEEEE;
		position:relative;
		display:block;
		margin:0 auto;
		margin-bottom:2em;
box-shadow: 1px 1px 2px black, 0 0 12px blue, 0 0 5px darkblue;
	}
	#progress{
		position:absolute;
		top:0; left:0;
		height:100%;
		width:0%;
		transition: width 2s;
		background-color:#90BBFF;
font-family:"Roboto",sans-serif;
	}
.bar {
float: left;
width:65%;
}
#done {
font-size: 1.25em;
}
#blink, .blink {
font-size: 1.15em;
              animation: blinker 1.1s linear infinite;
         }

         @keyframes blinker {  
              50% { opacity: 0; }
        }

#result {
          font-size:18px;          
          text-align: center;
          margin-left: auto;
          margin-right: auto;
}