body {
    color:#000;
    background:#771012 url(/img/standard/bg.png);
    background-size: 130px 130px;
}
.logo {
    width: 135px;
    height: 35px;
}
#header {
    background-color: rgba(38, 38, 38, 0.65);
}
.header {
    height: 50px;
}
.navitop {
    margin-top: 0;
}

#ubhead {
   background:#000 url(/img/titlebg.jpg) no-repeat left top;
   color:#C30;
}
#topleft {
    float: left;
    width: 250px;
    padding: 8px 0 0 0;
}
.ubhead #topleft img {
    border: 2px outset #33FF33;
    border-radius: 6px;
}
#navi {
    height: 3em;
    padding: 4px 0.8em 0;
    background: rgba(64, 64, 64, 0.58);
    font-variant: small-caps;
    font-size: 10pt;
    font-weight: bold;
    color: #F0F0F0;
}
#navi a {
    color: #80DFFF;
    border-radius:4px;
    transition: background-color 300ms ease-out;
}
#navi a:hover {
    color: #90EFFF;
    background: #4096ee;
    text-decoration:none;
}
#navi input {
    font:normal 8pt Verdana, Helvetica, sans-serif;
    color:black;
    background-color:white;
}
#navi select {
    border:1px solid #9F9F9F;
    background-color:#F1F1FF;
}
.navnew{
    background: #008000;
    background: -webkit-radial-gradient(center, #00ff00, #008000);
    background: -o-radial-gradient(center, #00ff00, #008000);
    background: -ms-radial-gradient(center, #00ff00, #008000);
    background: radial-gradient(center, #00ff00, #008000);
}
#days {
    margin:1em 0;
}
div.addfav {
         background-color:#000;
}
div.adddelfav {
         background-color:#A4A4A4;
}

#vote {
        border-top:2px solid mediumblue;
}
#vright {
        color:#FFFF80;
}
.sub-navi, .subnavi, .subnavid {
    height: 3.5em;
    white-space: nowrap;
    padding: 0 0 0 10px;
    background: #008000;
    background: -webkit-radial-gradient(center, #00ff00, #008000);
    background: -o-radial-gradient(center, #00ff00, #008000);
    background: -ms-radial-gradient(center, #00ff00, #008000);
    background: radial-gradient(center, #00ff00, #008000);
    border-radius: 24px;
}
.subnavi, .subnavid {
    height:2.4em;
    line-height:2.6em;
    border-radius: 16px;
}
.subnaviright {
    font: bold 0.7em Tahoma, Arial, Helvetica, sans-serif;
    padding-top: 4px;
}
.subtitel h1 {
    margin: 0;
    color: #FFF;
    font-family: "paralucent", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 2.5em;
    font-weight: normal;
    text-overflow: ellipsis;
    padding: 0 0 0 0.5em;
}

#ssubnavi {
    padding:2px;
}
main {
   margin-top:1.5em; /* nach style.css ! */
}
.inhalt {
    background: #F8F8F8 url(/img/new/bgt.gif) repeat-x left top;
    background-image: repeating-linear-gradient(#444, #EEE 25%, #555 100%);
    border-radius: 24px;
}
.content {
    text-align: left;
    width: 100%;
    max-width: 1024px;
    min-width: 360px;
    margin: 0 auto;
}

.inhalt table h4 {
    font: normal 10pt Verdana, Helvetica, sans-serif;
    padding: 4px 12px;
    border-radius: 12px;
}

.areaXXL, .txtM, .txtXL, .txtXXL {
    padding: 10px;
    margin: 10px 0;
    border: none;
    background: #FFF;
    border-radius: 18px;
}
.btnL, .btnM, .btnXL, .btnXXL {
    width: 150px;
    height: 39px;
    border: none;
    background: #60BFEF;
    background-image: linear-gradient(#70CFFF, #409FCF);
    color: #FFF;
    cursor: pointer;
    border-radius: 18px;
    transition: background-color 300ms ease-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btnL {
    width: 134px;
    height: 26px;
}
.txtM {
    width: 200px;
}
.btnXL, .txtXL {
    width: 260px;
}
.btnXXL, .txtXXL {
    width: 330px;
}
.btnL:hover, .btnM:hover, .btnXL:hover, .btnXXL:hover {
    background: #3698CA;
}
#contact textarea {
    padding: 3px;
    border: 0;
}

input, select, textarea {
    font: 14pt Verdana, Helvetica, sans-serif;
    color: #000;
}
select.t7, p button {
    font-size: 10pt;
    color:#000;
    padding:3px;
    border:1px solid #9F9F9F;
    background-color:#F1F1FF;
}

#foot a {
    color: #F0F0F0;
}
#foot a:hover {
        color:orangered;
        background-color:#101010;
}
#foot hr {
         background-color:#E00915;
         color:#5F5F5F;
}
#topfav {
         background:#FFFFFF url(/img/boxbg.gif) repeat-x left top;
}
#news {
        background-color:#F8F8F8;
}
#contact dl {
       color:darkslategray;
}
.ctfg, #tag, ul.newsinfo {
    background-color: rgba(248, 248, 248, 0.8);
    background: -webkit-radial-gradient(center, rgba(255, 255, 255, 0.97), rgba(230, 230, 230, 0.78));
    background: -o-radial-gradient(center, rgba(255, 255, 255, 0.97), rgba(230, 230, 230, 0.78));
    background: -ms-radial-gradient(center, rgba(255, 255, 255, 0.97), rgba(230, 230, 230, 0.78));
    background: radial-gradient(center, rgba(255, 255, 255, 0.97), rgba(230, 230, 230, 0.78));
    border-radius: 6px;
}
h3 {
    color:#FFF;
    font-size: 1.8em;
}
h2 {
   color:#A00000;
}
.box h1, .subtitel h1 {
    margin: 0;
    font-size: 1.8em;
    font-weight: normal;
    color:#7dbaf1;
    text-overflow: ellipsis;
}
.subtitel h1 {
    font-size: 1.9em;
    font-weight: bold;
    color: #ffeb3b;
    -webkit-font-smoothing: auto;
    font-family: Chewy;
    letter-spacing: 0.1em;
    text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}
.subtitel h1::first-letter {
    color: lime;
}
.greyinfo, #ssubnavi h1, h3 {
    background-color: #bff705;
    background: -webkit-radial-gradient(center, #bff705, rgba(0, 255, 0, 0.87));
    background: -o-radial-gradient(center, #bff705, rgba(0, 255, 0, 0.87));
    background: -ms-radial-gradient(center, #bff705, rgba(0, 255, 0, 0.87));
    background: radial-gradient(center, #bff705, rgba(0, 255, 0, 0.87));
    color: #bf0808;
    border: 1px solid #2bcd2b;
    border-radius: 12px;
    padding: 0.2em 0.5em;
    font-size: 16pt;
    text-shadow: none;
    letter-spacing: .045em;
}
.greyinfo a {
   color:#00FF00;
}
.greyinfo a:hover {
    color:#220022; background-color:#44FF44;
}
h3 {
    font-family: 'Caveat Brush', sans-serif;
    font-size: 18pt;
    margin: 6px 0 6px;
}
h5 {
    text-shadow: 0 0 1px #000;
}
.topinfo {color:#FF4040;}
.red {color:#C00;}
.dred {color:#800;}
.green{color:#080;}
.dpink{color:#bc1e73;font-size: 14pt;}
.silver{color:#de2121;}
.errorbn {
    border:1px solid #DE2121;
    font:bold 10pt Verdana, Helvetica, sans-serif;
    margin:12px;
}
.rt {
    font:normal 7.5pt Arial,sans-serif; color:#000080;
    margin:2px auto; padding:2px;
}
div.tooltip {
    font-size:0.625em; color:#757575; text-align:center;
    width:22em; position:absolute; border:1px solid black; padding:0.4em;
    background-color:#FFFFEE;
    visibility:hidden; z-index:100;
}

tr#Titel td{
    font-size: 12pt;
    height: 2em;
    color: #0f3c0f;
    text-shadow: 0 1px 0 #CCC;
    background: -webkit-linear-gradient(top, #FFF, rgb(125, 186, 241) 99%);
    background: -moz-linear-gradient(top, #FFF, rgb(125, 186, 241) 99%);
    background: -o-linear-gradient(top, #FFF, rgb(125, 186, 241) 99%);
    background: -ms-linear-gradient(top, #FFF, rgb(125, 186, 241) 99%);
    background: linear-gradient(top, #FFF, rgb(125, 186, 241) 99%);
}
tr#Titel a {
    font-size: 12pt;
    padding: 4px 15px;
    color: #000080;
    text-shadow: 0 1px 0 #CCC;
    text-decoration:none;
    border-radius:12px;
    transition: background-color 300ms ease-out;
}
tr#Titel a:hover {
    color:blue;
    background-color:yellow;
    padding:4px 14px;
    border:1px solid darkblue;
}

nav.topnews {
    background-color: rgba(232, 232, 232, 0.5);
}
nav.topnews ul a, #vote a {
    color: navy;
    border-radius: 4px;
    transition: background-color 200ms ease-out;
    padding:2px 10px;
}
nav.topnews ul a:hover, #vote a:hover {
    background:yellow;
    text-decoration:none;
    padding:2px 9px;
    border:1px solid darkblue;
 }

.today{background-color:#D8FFD8; }
.twoday {background-color:#EFFFE8;}
.week {background-color:#FFFFE8;}
.freeinfo {
    background-color:#3F3;
    line-height: 2.6em;
    border-radius: 16px;
    text-align:center;
}
.nofreeinfo {
    background-color:#F33;
    line-height: 2.6em;
    border-radius: 16px;
    text-align:center;
}
.free { background-color:#3F3;}
.nofree { background-color:#F33;}
.norm {background-color:#F8F8F8;}
.todaya{ background-color:#D0F7D0;}
.twodaya {background-color:#E7F7E0;}
.weeka {background-color:#F8F8E0;}
.nofreea {background-color:#EACFC3;}
.norma {background-color:#F0F0F0;}
.video {color:#800080;}
.new {color:#CC0000;}
.date {color:#606060;}
.cmm {color: #008000;}

tr.norm a,tr.today a,tr.twoday a,tr.week a,tr.free a,tr.nofree a,
tr.norma a,tr.todaya a,tr.twodaya a,tr.weeka a,tr.nofreea a{
  font:normal 11pt Verdana,sans-serif;
  line-height:16pt;
  text-shadow: 0 1px 0 rgba(0,0,0,0.5);
  padding:0 10px;
  text-decoration:none;
  width:60%;
  min-width: fit-content;
  border-radius: 10px;
  -moz-transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
tr.norm a:hover,tr.today a:hover,tr.twoday a:hover,tr.week a:hover,tr.free a:hover,tr.nofree a:hover,
tr.norma a:hover,tr.todaya a:hover,tr.twodaya a:hover,tr.weeka a:hover,tr.nofreea a:hover{
  color:#FFF;
  text-decoration:none;
  background-color: #090;
  background-image: none;
  box-shadow: 0 2px 2px -1px rgba(0,0,0,0.5) inset;
}

p.pnm {
        width:90%;
        color:gray;
        margin:2px auto;
        padding:2px;
}
p.pnm:first-line {color:#000000;}

a.mn {color:blue;}
a.mn:hover {color:orangered;}

a.top {color:#000000;}
a.top:hover {color:blue; text-decoration:underline; background-color:yellow;}

span.sg, span.pg, a.fg, a.vg, a.vgf, a.pg, a.pgf {
    font: 10pt Verdana,sans-serif;
    padding: 0.3em;
    border-radius: 10px;
}
span.sg {
    background: #f0f0f0;
    font-weight:bold;
    color:#000;
}
span.pg {
    background: rgb(125, 186, 241);
    font-weight:bold;
}
a.head {
    color: #ccc;
}
a.fg {
    background: #de2121;
    text-decoration: none;
    transition: background-color 300ms ease-out;
}
a.vg, a.vgf {
    background:#888;
    text-decoration:none;
    transition: background-color 300ms ease-out;
}
a.pg, a.pgf {
    background:#666;
    text-decoration: none;
    transition: background-color 300ms ease-out;
}
a.pg:hover,a.pgf:hover,a.fg:hover,a.vg:hover,a.vgf:hover {
    color:#000;
    text-decoration:none;
    background-color:#f0f0f0;
    border: solid 1px darkblue;
}
a.pgf,a.vgf,a.pgf:hover,a.vgf:hover {
   border:2px solid #FF0000;
}

a.pg,a.pgf,a.fg,a.vg,a.vgf {
    color:#FFF;
    border-top: solid 1px #999;
    border-right: solid 1px #404040;
    border-bottom: solid 1px #3a3a3a;
    border-left: solid 1px #404040;
}
a.pg:hover,a.pgf:hover,a.fg:hover,a.vg:hover,a.vgf:hover {
    background:#f0f0f0;
    border-top: solid 1px #999;
    border-right: solid 1px #404040;
    border-bottom: solid 1px #3a3a3a;
    border-left: solid 1px #404040;
}
a.pgf,a.vgf,a.pgf:hover,a.vgf:hover {
  border:2px solid #f0f0f0;
}

a.ill {font:normal 7pt Arial,sans-serif; color:#B6705A; text-decoration:none;}
a.ill:hover {color:#CC0000;}

.errorbn {
    min-height: 65px;
    border-radius: 12px;
    font: normal 12pt Arial, Helvetica, sans-serif;
    padding-left:72px;
}
.errorbn:first-line {font-weight:bold;letter-spacing:0.1em;}