html, body {
margin: 0;
padding: 0;
}
body {
background: #000;
color: #fff;
font-family:Arial,Helvetica;
font-size:15px;
overflow-x: hidden;
}
body > * {
background-color:#000;
}
a {
color:#DA181C;
}
.gaimg {position:absolute;top:-10px;}
h1, h2, h3 {
font-family:Georgia,"Times New Roman",Times,serif;
}
.content {
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
}
.btnred {
background-color:#DA181C;
border:1px solid #DA181C;
-webkit-border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,.9) 1px 1px 3px;
color:#FFFFFF;
padding: 2px 10px;
text-align:center;
text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0;
text-decoration:none;
-webkit-tap-highlight-color: rgba(0,0,0,1);
}
.toolbar {
background:#000000 url(gfx/bg-dots.jpg) no-repeat center top;
margin:0 0 10px;
padding: 10px;
position: relative;
text-align:center;
}
.toolbar h1 {
margin:0;
}
.toolbar img {
margin:0 auto;
vertical-align:bottom;
}
.toolbar p {
margin:0;
text-align:left;
}
.back {
display:none;
}
.footer {
background:#222222;
display:block;
overflow:hidden;
padding:12px 0;
width:100%;
z-index:8;
zoom:1;
}
.footer p {
display:inline;
margin:0 10px;
}
.footer p.impressum {
float:left;
}
.footer p.echonet {
float:right;
}
.footer img {
vertical-align:bottom;
}
ul.list, ul.vlist {
border-top: 1px solid #999999;
font-family:Georgia,"Times New Roman",Times,serif;
margin:0 -10px;
padding:0;
}
.list li, .vlist li {
border-bottom: 1px solid #999999;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#373737), to(#000000));
font-size: 20px;
list-style: none;
margin: 0;
position:relative;
}
.list li a, .vlist li a {
color: #FFFFFF;
display: block;
overflow:hidden;
padding: 8px 40px 8px 10px;
text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 3px;
text-decoration:none;
zoom:1;
}
.vlist img {
border:0 none;
display:block;
margin:0 1em 0 0;
vertical-align:middle;
}
.vlist li {
font-size:15px;
}
.vlist small {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}
ul li.arrow {
background: url(gfx/dot-arrow.png) no-repeat right center;
}
ul li small.counter {
background: rgb(218, 24, 28);
color: #fff;
display: block;
-webkit-border-radius: 11px;
-webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0;
font-size: 17px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 13px;
margin-top:-12px;
padding: 4px 10px 5px 10px;
position:absolute;
right:10px;
top:50%;
width: auto;
}
.info {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#aaa), color-stop(.6,#CCCCCC));
border-top: 1px solid rgba(255,255,255,.2);
color: #444;
font-weight: bold;
margin:0 -10px;
padding: 10px;
text-align: center;
text-shadow: rgba(255,255,255,.8) 0 1px 0;
}
body.fullscreen .info {
display: none;
}