/* standard style my-usenet.com 04/2020 */
body {
    color:#000;
    background-color:#080808;
    background-image:url(/img/standard/dark.gif);
}
#ubhead {
    background:#000 url(/img/head3.png) repeat left top; color:#FFF;
}
.logo {
    width:256px;
    height:40px;
    margin-top: 3px;
}
#header {
    background: #000 url(/img/head3.png) repeat left top;
    background-color: rgba(38, 38, 38, 0.65);
}
.header {
    height: 52px;
}
.navitop {
    margin-top: 0;
}
#navi {
    height: 3em;
    padding: 4px 0.8em 0;
    background: rgba(38, 38, 38, 0.65);
    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:#000;
    background-color:#FFF;
}
#navi select {
    border:1px solid #7F7F7F;
    background-color:aliceblue;
}
#days {
    margin:1em 0;
}
div.addfav {
    background-color:#000;
}
div.adddelfav {
    background-color:rgba(153, 153, 153, 0.41);
}

#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: #60BFEF;
    background-image: linear-gradient(#70CFFF, #409FCF);
    border-radius: 24px;
}
.subnavi, .subnavid {
    height: 3.5em;
    white-space: nowrap;
    padding: 0 0 0 10px;
    background: #60BFEF;
    background-image: linear-gradient(#70CFFF, #409FCF);
    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;
}
.subnavileft {
    float:left; width:7em;
    white-space:nowrap;
}
.subtitel {
    text-align:left;
}
.subtitel h1 {
    color: #FFF;
    padding: 0 0 0 0.5em;
}
.subnaviright {
    float:right; width:23em;
    text-align:center; font:bold 0.6em Tahoma, Arial, Helvetica, sans-serif;
}

#ssubnavi {
    padding:2px;
}
.navnew {
    background: #60BFEF;
    background-image: linear-gradient(#70CFFF, #409FCF);
}
main {
   margin-top:1.5em; /* nach style.css ! */
}
.inhalt {
    background-color: rgba(200, 218, 255, 0.38);
    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:black;
    padding:3px;
    border:1px solid mediumblue;
    border-radius: 6px;
    background-color:#E6E6F8;
}
#tag {
  background-color:#F0F0F0;
}
#foot a {
        color:#FFF;
}
#foot a:hover {
        color:orangered; background-color:#2F2F2F;
}
#foot hr {
        color:#5F5F5F;
}
#topleft {
        margin-top:3px;
}
#topfav {
        background:#FFF;
}
#news {
    background-color:#F8F8F8;
}
#contact dl {
     color:darkslategray;
}
#contact ul {
        list-style-type:none;
        padding:0; margin:0;
        line-height:1.4em;
}
#contact textarea {
        background:#FBFAF4;
}
.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;
    box-shadow: none;
}
h3 {
    color:#FFFF33;
    font-size: 1.8em;
}
h2 {
   color:#fd68ae;
   padding-left: 20px;
}
h1, h1 a {
    color:#FFF;
}
.box h1, .subtitel h1 {
    margin: 0;
    font-size: 2em;
    font-weight: normal;
    text-overflow: ellipsis;
}
#ssubnavi h1 small{
    font-variant:small-caps;
    font-weight: normal;
}
.greyinfo, #ssubnavi h1, h3 {
    letter-spacing: .1em;
    background-color:#901010;
    color:#FFFF33;
    padding: 2px 5px;
    border-radius: 5px;
}
.greyinfo a {
    color:#FFFFFF;
}
.greyinfo a:hover {
    color:#FFFF20; background-color:#000000;
}
h3 {
    font-family: 'Caveat Brush', sans-serif;
    font-size: 18pt;
}
.frm a, .add a {
    color: #fe722d;
}
.frm a:hover, .add a:hover {
    color:#fed;
}
.red {color:#CC0000;}
.dred {color:#de2121;}
.green{color:#008000;}
.dpink{color:#00AFFF;font-size: 14pt;}
.silver{color:silver;}
.rt {
        font:normal 8pt Tahoma, Helvetica, sans-serif; color:#000000;
        margin:3px auto; padding:2px;
}
p.pnm {
        color:gray;
         margin:0 auto; padding:1px;
}
p.pnm:first-line {color:#000000;}

tr#Titel td{
  color:black;
  background: #CCCCCC url(/img/menu-1px.gif) repeat-x left bottom;
  background: -webkit-linear-gradient(top, #C0C0C0, #FFF 70%);
  background: -moz-linear-gradient(top, #C0C0C0, #FFF 70%);
  background: -o-linear-gradient(top, #C0C0C0, #FFF 70%);
  background: -ms-linear-gradient(top, #C0C0C0, #FFF 70%);
  background: linear-gradient(top, #C0C0C0, #FFF 70%);
  border-bottom:1px solid lightgrey;
}
tr#Titel a{
    color:darkblue; text-decoration:underline;
    display:block;
    padding:3px 10px;
}
tr#Titel a:hover{
    text-decoration:none;
    color:#FFFFFF;
    background-color: darkred;
}

nav.topnews {
  background-color:midnightblue;
}
nav.tags {
  background-color: rgba(204, 204, 204, 0.83);
}
nav.topnews ul a, #vote a {
        color:#8080FF;
}
.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;}

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;
  border-radius: 3px;
  -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;
}

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

a.top {color:#000000;}
a.top:hover {color:blue; 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: #666;
}
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;
}