@import url('https://fonts.googleapis.com/css?family=Roboto:300,700|Open+Sans+Condensed:300,700|Caveat+Brush:400,400italic,700');
@charset "utf-8";

html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
}

body {
    padding:0; margin: 0;
    text-align:center;
    color:#000; font-family: Verdana, Arial, Helvetica, sans-serif;
    background:#771012 url(/img/standard/bg.png);
    background-size: 130px 130px;
}

img {
         border:0;
}

header {
   position: fixed;
   top:0;
   right:0;
   left:0;
   transition: transform .25s .1s ease-in-out;
   z-index:999;
}

.down header {
   transform: translate3d(0, -100px, 0); // um 100px nach oben verschieben
}
.hide-text {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#header {
    background-color: rgba(38, 38, 38, 0.65);
    max-height: 75px;
    min-height: inherit;
}
main {
    margin-top:75px;
}
.ubhead {
    overflow-x: visible;
    text-align:left;
}
.ubhead #topleft img {
    border: 2px outset #33FF33;
    border-radius: 6px;
    width: 135px;
    height: 35px;
    margin: 10px 0 10px;
}

.ubhead a {
    color:#C0C0C0;
    text-decoration:none;
}
.ubhead a:hover {
    color:#CCCCCC;
    text-decoration:underline;
}
#topleft {
    float:left; width:250px;
    padding:8px 0 0 0;
    white-space:nowrap; overflow:hidden;
}
#topright {
        line-height:28px; text-align:right;
        float:right; width:60%; white-space: nowrap; margin-right:5px;
        display:block;
}
#toplogin {
        font-size:10pt; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:right;
        float:right; margin-right:15px;
}
#topright input#send {
  height:32px; background-color:#C0FFC0;
  font-size: 18px;
  padding: 2px 12px;
  border-radius: 8px;
    cursor: pointer;
    transition: .2s;
}
#topright input#send:hover {
    background: #00FF00;
}
#topright select {
  height:30px; background-color:#F0F0F0;
  padding: 2px 6px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
    cursor: pointer;
    transition: .2s;
}
#topright select:hover {
    background: #FFF;
    border: 1px solid #000;
}
.clear {
        clear: both;
}

.main {
       padding: 1em;
       background:#101010 url(/img/bgt.gif);
}
.content {
    width:76em; max-width:100%;
    margin-right:auto; margin-left:auto;
}

.maincontent {
    background-image: repeating-linear-gradient(#333, #EEE 25%, #333 100%);
}

.slider {
       width:48em;
       height:32em;
       overflow:hidden;
}
div.table {
       display: table;
       border: 0;
}
div.spalte {
       display: table-cell;
       border: 0;
}
div.reihe {
       display: table-row;
}
.sy-caption-wrap .sy-caption {
        font-family: 'source-sans-pro', Helvetica, Arial, sans-serif;
        font-size: 14px;
}
#explore {
        font:italic 8pt Tohama, Helvetica, sans-serif; color:#CCCCCC;
         padding:0.3em; text-align:right; vertical-align:middle;
}
#explore a {
        font-weight:bold; text-decoration:none; color:#CCCCCC;
 }
#explore a:hover {
            background-color: #CCCCCC; color:#000000;
}

.shared {
        background-color:#000000;
        vertical-align:middle;
}
.newmem {
        background-color:#A0A0A0;
        background:-moz-radial-gradient(center, #fff, #999); /* Firefox */
        background:-webkit-radial-gradient(center, #fff, #999); /* Safari, Chrome */
        background:-o-radial-gradient(center, #fff, #999); /* Opera */
        background:-ms-radial-gradient(center, #fff, #999); /* IE */
        background:radial-gradient(center, #fff, #999); /* W3C Standard */
        vertical-align:middle;
}
.newmem div {
         text-align:left; margin-top:1.4em;
}
.newmem h1 {
        font-family: 'Caveat Brush', sans-serif;
        font-size:12pt; color: #888;
}
.newmem h2 {
        font-family: "Architects Daughter",cursive,"google";
        font-weight:bold; white-space:nowrap;
        font-size:1.8em;
}
.newmem ul {
         font-size:0.8em; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;
         margin: 2em 0 2em 1.35em;
         padding-left:1.35em;
         line-height:1.2em;
}
.newmem a {
        width:4em; height:0.6em; padding:0.2em 1.4em;
        font-weight:bold; font-size:1.4em;
        text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
        text-decoration:none; white-space:nowrap;
        background: #666 url('/img/titlebg.jpg') no-repeat; color: #FFF;
        border-top: solid 2px #999;
        border-right: solid 2px #404040;
        border-bottom: solid 2px #3a3a3a;
        border-left: solid 2px #404040;
        border-radius: 22px;
        cursor: pointer;
}
.newmem a:hover {
        background: #101010; color: #FFFFFF;
        border-bottom: solid 2px #999;
        border-right: solid 2px #404040;
        border-top: solid 2px #3a3a3a;
        border-left: solid 2px #404040;
}
#y17 {
        text-align:center;
}
.ntop {
        padding: 1em 0.3em;
        background-color:#A0A0A0;
        background:-moz-radial-gradient(center, #fff, #888); /* Firefox */
        background:-webkit-radial-gradient(center, #fff, #888); /* Safari, Chrome */
        background:-o-radial-gradient(center, #fff, #888); /* Opera */
        background:-ms-radial-gradient(center, #fff, #888); /* IE */
        background:radial-gradient(center, #fff, #888); /* W3C Standard */
        text-align:center; vertical-align:middle;
}
.ntop a {
        padding:0.2em 0.5em;
        font-size:1em; text-decoration:none; white-space:nowrap;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
        background: #666 url('/img/titlebg.jpg') no-repeat; color: #FFFFFF;
        border-top: solid 1px #999;
        border-right: solid 1px #404040;
        border-bottom: solid 1px #3a3a3a;
        border-left: solid 1px #404040;
        border-radius: 20px;
        cursor: pointer;
 }
a.top-bt {
    border-radius: 18px;
}
.ntop a:hover {
        background: #101010; color: #FFFFFF;
        border-bottom: solid 1px #999;
        border-right: solid 1px #404040;
        border-top: solid 1px #3a3a3a;
        border-left: solid 1px #404040;
}
#fb-banner {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: .9em;
    z-index: 102;
}
span.red {
        color:#E80000;
}
span.blue {
        color:#0000E8;
}
.terms {
        font:italic 0.72em Arial, Helvetica, sans-serif; color:#000000; background-color:#B8B8B8;
         padding:1em; text-align:center;
}
.terms a {
        color:#000000;
}
.terms a:hover {
        color:#FF0000;
}
.foot {
        font:normal 0.8em Verdana, Helvetica, sans-serif; color:#000000; background-color:#F8F8F8;
         padding:1em; text-align:center;
}
.foot a {
        text-decoration:none;
}
.foot a:hover {
         text-decoration:underline;
}

#back-to-top {
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    position: fixed;
    bottom:1em;
    right:1em;
    background: rgba(102, 102, 102, 0.8);
    border-radius: 8px;
    box-shadow: inset 2px 0 3px rgba(0,0,0,0.3);
    z-index: 150;
}
#back-to-top span {
    display: block;
    border-radius: 0;
    box-shadow: none;
    background: rgba(0,0,0,.7) url(/img/svg/scroll-to-top.svg) no-repeat 50% 25%;
    min-width: 45px;
    height: 20px;
    padding: 35px 5px 0 5px;
    font: normal 10pt Tahoma, sans-serif;
    color: #FFF;
    text-align: center;
}
#back-to-top:hover {
    background-color: #003311;
}