@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-color:#080808; background-image:url(/img/standard/dark.gif);
}

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: #000 url(/img/head3.png) repeat left top;
   /* background-color: rgba(38, 38, 38, 0.65);  */
    height: 70px;
    max-height: 75px;
    min-height: inherit;
    width:100%;
}
main {
    margin-top:75px;
}

.ubhead {
    overflow-x: visible;
    text-align:left;
}
.ubhead #topleft img {
    border0;
}

.ubhead a {
    color:#C0C0C0;
    text-decoration:none;
}
.ubhead a:hover {
    color:#CCCCCC;
    text-decoration:underline;
}
#topleft {
    float:left; width:260px;
    padding:12px 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-color:#3D7594;
}
.maincontent {
       background-color:#3D7594;
}

.content {
       width:76em; max-width:100%;
       margin-right:auto; margin-left:auto;
}

.slider {
       width:50em;
       height:30em;
       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: #F8F8FF;
    background: -moz-radial-gradient(center, #aef, #3D7594);
    background: -webkit-radial-gradient(center, #aef, #3D7594);
    background: -o-radial-gradient(center, #aef, #3D7594);
    background: -ms-radial-gradient(center, #aef, #3D7594);
    background: radial-gradient(center, #aef, #3D7594);
    vertical-align:middle;
}
.newmem div {
         text-align:left;
}
.newmem h1 {
   font-family: 'Caveat Brush', sans-serif;
   font-size:1.7em;
   line-height: 1.1em;
}
.newmem h2 {
        font-family: "Architects Daughter",cursive,"google";
        font-weight:bold;
        font-size:1em;
}
.newmem ul {
         font-size:0.8em; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;
         margin-left: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 {
         width:4em; height:0.6em; padding:0.25em 1.3em 0.1em 1.5em;
            background: #101010; color: #FFFFFF;
            border-bottom: solid 2px #999;
            border-right: solid 2px #404040;
            border-top: solid 2px #3a3a3a;
            border-left: solid 2px #404040;
}
.nbot {
    padding: 0.2em;
    background-color: #F8F8FF;
    background: -moz-radial-gradient(center, #aef, #3D7594);
    background: -webkit-radial-gradient(center, #aef, #3D7594);
    background: -o-radial-gradient(center, #aef, #3D7594);
    background: -ms-radial-gradient(center, #aef, #3D7594);
    background: radial-gradient(center, #aef, #3D7594);
    text-align: center;
    vertical-align: middle;
}
.ntop {
    height: 3em;
    padding: 0.3em;
    background-color: #F8F8FF;
    background: -moz-radial-gradient(center, #aef, #3D7594);
    background: -webkit-radial-gradient(center, #aef, #3D7594);
    background: -o-radial-gradient(center, #aef, #3D7594);
    background: -ms-radial-gradient(center, #aef, #3D7594);
    background: radial-gradient(center, #aef, #3D7594);
    text-align: center;
    vertical-align: middle;
}
a.top-bt {
    border-radius: 18px;
}
.ntop a {
        width:2em; height:0.3em; 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: #FFF;
        border-top: solid 1px #999;
        border-right: solid 1px #404040;
        border-bottom: solid 1px #3a3a3a;
        border-left: solid 1px #404040;
        border-radius: 16px;
        cursor: pointer;
 }
.ntop a:hover {
        width:2em; height:0.3em; padding:0.2em 0.5em;
        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: 14;
}
span.red {
        color:#E80000;
}
span.blue, a.blue {
        color:#0000E8;
}
.terms a {
        color:#000;
}
.terms a:hover {
        color:#FF0000;
}

.terms {
        font:italic 0.72em Arial, Helvetica, sans-serif; color:#000000; background-color:#B8B8B8;
        padding:1em; text-align:center;
}
.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: 15;
}
#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;
}