body, html
{
    background: none repeat scroll 0 0 rgb(99, 99, 99);
    font: normal 1em Verdana, Arial, sans-serif;
    color: #FFF;
    margin: 0 0 5px 0;
    padding: 0;
}
.header {
    position: relative; margin: 0; padding: 0; width: auto; height: 45px; background-image: url(https://static.dark-nights.net/img/start/logo.jpg);
    background-position: top; background-size: calc(100% - 0px) 198px; background-repeat: no-repeat; box-shadow: 0 0 3px black;
    display: flex;
}
.event, .insert
{
    cursor: pointer;
}

input[type="text"], [type="email"], [type="password"] {
    background-color: rgba(12, 12, 12, 0.5); border: 1px inset #FF8700; color: #FFF; font-size: 11px; height: 13px; min-width: 100px; width: auto;
}
textarea { font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 12px; text-align: left; color: #FFF; background-color: #1C1C1C; border-radius: 15px 15px 0; padding: 6px; }
input[type="button"], [type="submit"]{
    margin: 4px 4px 0 0; font-size: 11px; height: 22px;
    background-color: rgba(12, 12, 12, 0.5); border: 1px inset #FF8700;
    color: #FFF; border-radius: 3px; min-width: 100px; width: auto; cursor:pointer;
}
input[type="radio"] { margin: 5px 0 0 0; cursor:pointer; width: 11px; height: 11px; }

#DarkConflictAnmeldeHeader
{
    text-align: center;
}
#Cookies{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 50px;
    text-align: center;
    background-color: black;
    font-size: 1.4em;
}
#CookiesText{
    float: left;
    width: calc(100% - 152px);
}
#CookiesClosed{
    float: right;
    width: 150px;
    background-color: orangered;
    cursor: pointer;
}
#AlertTv{
    display:none;
    height:120px;
    width:300px;
    background-color: #3c3c3ccc;
    z-index: 10201;
    border: 1px solid orange;
    border-radius: 8px;
    color: white;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -160px;
    padding: 10px;
}

#Loading
{
    position: absolute;
    top: 0;left: 0;
    background: #0009;
    z-index: 500;
    right: 0;
    bottom: 0;
    display: none;
}

#news_nav
{
    min-width: 500px;
    width: auto;
    padding: 4px;
    text-align: center;
    margin: 0 auto;
}
.NewsKatlink
{
    width: 140px
}

.menuUnder
{
    position: fixed;
    z-index: 4;
    background-color: #0C0D86;
    width: 100%;
    cursor: default;
    text-align: left;
}

.menuUnder li
{
    width: 250px;
    margin-left: 18px;
}

.menuUnder li span
{
    width: auto;
    cursor: pointer;
}

.menuUnder li span:hover { color: #ffcc00; text-decoration: underline; }
#MainMenu
{
    width: 100%;
    height: 100%;
}
#MainMenu svg {
    display: none;
}
.sitemap { margin: 0 0 0 5px; padding: 0; height: 45px; }
.sitemap img { height: 45px; }
.login { margin: 2px 0 0 0; padding: 0; width: 120px; text-align:center; float: right; }
.login span { border-bottom: 1px solid black; cursor: pointer; }
.login span:hover { color: #00A000 }
.LoggedBoxLink
{
    font-size: 0.8em;
    margin: 0 4px !important;
}
.login input
{
    width: 100px !important;
    margin: 0 4px !important;
}
.LoginContent
{
    width: 540px;
    text-align: center;
    height: 310px;
    border: 1px solid silver;
    border-radius: 35px;
    position: absolute;
    left: calc(50% - 270px);
    top: calc(50% - 200px);
}
.LoginContent input
{
    width: 450px;
    height: unset;
    font-size: 1.5em;
    margin: 5px;
}
.LoginContent a { line-height: 50px; }
.LoginContent a:hover { color: #00A000; }
#lpd{ border: unset;background-color: #1d461d;height: 46px !important; }
#lpd:hover{ background-color: #ab5021; }
#al { display: unset !important; width: 18px !important; height: 18px !important;    margin-right: 20px !important; }
#pwForgot{ margin: 0 auto 0 10px !important; }
#requare {position: absolute;top: 45px;right: 0;left: 0;bottom: 0;background: #4b4b4c;}
.Profilbild_klein { float: right; margin: -7px 1px 0 0; padding: 0; border: 1px solid #000000; width: 40px; height: 40px; }
.Profilbild_normal { float: left; margin: 0; padding: 0; border: 1px solid #000000;  width: 40px; height: 40px; }
.Profilbild_gros { border: 2px solid #000000; width: 225px; height: 225px; }
.Registrieren{ width: 80%; margin: 0 auto;   border-radius: 25px; border: solid 1px silver; min-height: 130px; padding: 4px; line-height: 20px; }
.Registrieren input[type="text"], .Registrieren [type="email"], .Registrieren [type="password"] { width: 180px !important; height: 20px !important; line-height: 20px !important; font-size: 1em !important; }
.menue{ margin: 0 auto 0 15px; width: auto; height: auto; padding: 0; }
#menue_links div{ float: left; font-weight: bold; min-width: 90px; margin: 10px 0; }
#menue_links ul { margin: 0; padding: 0; list-style: none; }
#menue_links span{ cursor: pointer; font-size: 0.9em; }
#menue_links span:hover { color: #ffcc00; }
.main { width:auto; border-collapse: collapse; border-spacing: 0; border: 0; padding: 4px;
    top: 50px;
    bottom: 30px;
    left: 0;
    right: 0;
    position: fixed;
}
.main h1 { width: 50%; display: inline-block; color: #f4dda6; font-size: 0.9em; border-bottom: 1px solid #cc6600; margin: 5px 5px 5px 0; padding: 3px 3px 3px 3px; }
.main p { color: #fcf3d8; font-size: 0.75em; margin: 5px 5px 5px 0; padding: 3px 3px 3px 3px; line-height: 1.5em; }
.comments{ text-align: center; margin: 5px; }
.comments span
{
    font-size: 0.8em;
    border-bottom: 2px solid black;
    border-radius: 10px;
}
.comments p
{
    text-align: left;
}
#newsCommiTable
{
    width: 100%;
}
.navigation{ margin: 0 auto; padding: 0; width: 760px; }
.faq{ border-collapse:collapse; border-spacing:0;border:0; text-align:center; background:#86817C none repeat scroll 0 0; border-radius:8px 8px 0; padding-bottom: 3px; }
.Rassenlist{ width: 100%; margin: 0; padding: 0; text-align: center; }
.Rassenlist img{ border: 1px solid #000; width: 40px; height: 40px; float: right; }
.Rassen{ width: 50%; float: left; }
.Rassen img{ border: 1px solid #000; width: 80px; height: 80px; float: right; }
.Rassenwerte{ width: 50%; margin: 0; padding: 0; text-align: left; float: right; }
.Rassenwerte td{ border-bottom: 2px solid #48FA3D; }
.Trader{ background: rgba(15, 255, 0, 0.5) none repeat scroll 0 0; font-weight: bold; }
.Freelancer{ background: rgba(0, 3, 255, 0.5) none repeat scroll 0 0; font-weight: bold; }
.Warlord{ background: rgba(254, 0, 0, 0.5) none repeat scroll 0 0; font-weight: bold; }
.freundesliste{ text-align: left; }
.user_links{ margin: -25px 0 0 0; padding: 0; }
.user_links ul { margin: 0; padding: 10px; text-align: center; border: 1px solid black; background-color: silver; }
.user_links li { list-style: none; display: inline-block; margin: 0; padding: 0; }
.user_links a { display: block; color: #000; margin: 0; padding: 4px 25px; text-decoration: none; background: none repeat scroll 0 0 #C60; border-left: 1px solid #FA923D; border-right: 1px solid #FA923D; border-bottom: 2px solid #FA923D;  border-radius: 4px; }
.Geschichten { margin: 2px auto; background: rgb(246, 246, 246) none repeat scroll 0 0;  min-height: 75px; max-width: 1250px; }
.Geschichten a{ color: black; }
.bild { float: left; margin: 5px; }
.footerline { background: #592c0c; border-top: 3px solid rgb(0, 0, 0); border-bottom: 3px solid rgb(0, 0, 0); font-weight: bold; text-align: center; width: 100%; margin: 0; padding: 0; position: absolute; bottom: 0; }
.footerline a { color: gold; text-decoration: none; }
.footerline a:hover { color: #ffffff; }
.pages{ border: 1px solid #E0E0E0; padding: 2px 7px; float: right; margin: 3px 0 0; }
.video { width:100%; border-collapse: collapse;  border-spacing: 0; border: 0; }
.user { width:60%; border-collapse: collapse;  border-spacing: 0; border: 0; }
.admin { width:60%; border-collapse: collapse;  border-spacing: 0; border: 0; }
.pmsicht { width:100%; border-collapse: collapse;  border-spacing: 0;  border:0; font-style:italic; font-size:12px; }
.pmtr {  border-spacing: 0; border-bottom-width:1px; border-bottom-style:solid; border-color: #402009; }
.userdetail { width:60%; border-spacing: 0; border-top-width:1px; border-top-style:solid; border-color: #402009; }
.unterstützen { width:100%; border-spacing: 0; border-top-width:1px; border-top-style:solid; border-color: #402009; font-size:14px; }
.Datenschutzerklärung{ display: none; z-index:2; max-height: 350px; width: 650px; overflow:auto; position: absolute; left: 50%; margin-left: -260px; background-color: rgba(75, 44, 13, 0.9); }
.faqtable { width:100%;  text-align:left; }
.faqtable tr:nth-child(2n+1) {  background-color: rgba(60, 60, 60, 0.8); }
.middlefont{ text-align: center; font-size: 15px; }
/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; }
}

/* SHOP */
.Shop{
    background-image: url(https://static.dark-nights.net/img/start/board/table_cell_bg2.gif); background-repeat: repeat-x;
}
.Shop ul{
    list-style: none; height: 25px; margin: 0; padding: 0; font-size: 16px;
}
.Shop ul li{
    display: block;
    float: left !important;
    margin: 6px 0 0 0;
}
.Shop ul li a{
    padding: 0 15px; cursor: pointer;
}
.Shop ul li a:hover{
    background-color: #d5d2d233;
}
#subNav{
    background-color: #2f2fc3bf;
    width: calc(100% - 10px);
    margin: 0 auto;
}
#ShopContent
{
    position: absolute;
    left: 10px;
    right: 10px;
    top: 80px;
    bottom: 0;
}
.aktiv{
    background-color: #d5d2d233;
}
.artikel{
    width: 30%; text-align: center; padding: 0 1%; margin: 0 0 1em 0; float: left; cursor: pointer;
}
.artikel img{
    width: 100%; max-width: 160px; height: 100%; max-height: 160px;
}
.ShowArtikel{ text-align: center; }
.artikel_detail img{
    width: 100%; max-width: 320px; height: 100%; max-height: 320px;
}
.KorbArtikel{
    width: 100%; text-align: left;
}
.KorbArtikel img{
    width: 100%; max-width: 60px; height: 100%; max-height: 60px;
}
.ShopEndSumm{
    font-size:18px; font-weight:bold;
}
.KassenButton{
    background-color: #0014AB !important;
    border: 1px inset #FF8700 !important;
    font-size: 15px !important;
    height: 36px !important;
    width: 140px !important;
    position: absolute;
    margin: -18px 0 0 0 !important;
    right: 30px;
    font-weight: bold;
    cursor: pointer;
}

.headButton
{
    height: 2em !important;
    width: 80% !important;
    background-color: rgba(76, 74, 74, 0.54) !important;
    font-size: 1em !important;
    border: unset !important;
}
.headButton:hover
{
    background-color: rgba(76, 74, 74, 0.85) !important;
}
table{ table-layout: fixed; margin:0 auto; }
.ts-page{
    min-width: unset !important;
}
.Loaderunsichbar { position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: transparent;z-index: 2; }
.Loader {
    font-size: 11px;clear: both;position: absolute;top: 50%;left: 50%;width: 115px;z-index: 10000;padding: 5px;border: 1px solid #999;text-align: center;margin-top: -50px;
    background: url(https://static.dark-nights.net/img/games/dc/loader.gif) no-repeat;height: 115px;margin-left: -57.5px;
}
.Profile {
    position: absolute;
    left: 15px;
    right: 15px;
    width: auto;
    margin: 0 auto;
    border-radius: 25px;
    border: solid 1px silver;
    bottom: 15px;
    top: 15px;
}
#profileNav
{
    width: auto; margin:0 auto; text-align: center;
}
#profilefenster nav {
    border-bottom: 3px solid darkred;width: 95%;margin: 0 auto;border-radius: 15px;
}
#profilefenster p {
    font-size: 18px;
    text-align: start;
    border-bottom: 1px solid #cc6600;
    margin: 5px 5px 5px -30px;
}
#TableTransaktionen
{
    width: 100%; margin:0 auto;text-align: left;border-spacing: 0 3px;border-collapse: separate;float: left;
}
#pflicht {
    margin: 3px 3px 3px 80px;
}
#frei {
    margin: 3px 3px 3px 80px;
}
#fileupload_span {
    background-color: rgba(12, 12, 12, 0.5);
    border: 1px inset #FF8700;
    color: #FFF;
    border-radius: 3px;
    width: 150px;
}
#avatar {
    margin: 3px 3px 3px 80px;
}
#anwerben {
    margin: 3px 3px 3px 80px;
}
#pass {
    margin: 3px 3px 3px 80px;
}
#fragen {
    margin: 3px 3px 3px 80px;
}
#abbo {
    margin: 3px 3px 3px 80px;
    border-spacing: 0;
    width: 100%;
}
.unsichbar { display: none; position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: transparent; }
.minifenster {
    font-size: 11px;
    clear: both;
    position: absolute;
    top: 15px;
    left: 15px;
    width: auto;
    z-index: 4;
    padding: 5px;
    background: #023e64 none repeat scroll 0 0;
    border: 1px solid #999;
    text-align: center;
    right: 15px;
}
.closed { background: url(https://static.dark-nights.net/img/start/16x16/close.gif) no-repeat; cursor: pointer; height: 16px; float: right; width: 16px; }
.tablesorter-filter{ background-color: rgba(12, 12, 12, 0.5); border: 1px inset #FF8700; color: #FFF; font-size: 11px; height: 18px; width: 100px; }
.tablesorter .filtered { display: none; }
.tablesorter .tablesorter-errorRow td { text-align: center; cursor: pointer; background-color: #e6bf99; }
.tablesorter-filter:disabled{ display: none; }
#ui-datepicker-div{ display: none; }
.ui-timepicker-div .ui-widget-header{  margin-bottom: 8px;  }
.ui-timepicker-div dl{ text-align: left; margin-top: 10px;  }
.ui-timepicker-div dl dt{  float: left; clear: left; padding: 0 0 0 5px;  }
.ui-timepicker-div dl dd{ margin: 0 10px 10px 45%;  }
.ui-timepicker-div td {  font-size: 90%;  }
.ui_tpicker_second_label, .ui_tpicker_millisec_label, .ui_tpicker_microsec_label, .ui_tpicker_timezone_label, 
.ui_tpicker_second, .ui_tpicker_millisec, .ui_tpicker_microsec, .ui_tpicker_timezone, .ui_tpicker_timezone{ display:none; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; background-color: rgb(98, 41, 0); opacity: 0.95; border: 1px solid rgb(0, 0, 0); color: #FFFFFF; }
.ui-widget-content { background-color: rgba(114, 68, 9, 0.95); opacity: 0.95; border: 1px solid rgb(0, 0, 0); color: #FFFFFF; position: relative; }
.ui-datepicker-buttonpane{ border-top: 0; border-right: 0; border-left: 0; margin: 10px; }
.ui-datepicker a{  color: #ffffff; text-decoration: none; padding: 2px; }
.ui-datepicker td{ width: 24px; border: 1px solid rgb(0, 0, 0); background: rgb(98, 41, 0); }
.ui-datepicker span{ color: #2c2929; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-next{ display:none; }
.ui-datepicker-close{ margin: 8px 3px 8px 3px; font-size: 11px; height: 22px; background-color: rgba(12, 12, 12, 0.5); border: 1px inset #FF8700; color: #FFF; border-radius: 3px; width: 80px; cursor: pointer; float: right; }
.ui-state-disabled{ background-color: rgba(12, 12, 12, 0.0) !important; border: 0 !important; }
.ui-datepicker-header{ height: 22px; background-color: rgb(255, 135, 0); border: 1px inset rgba(12, 12, 12, 0.5); color: #FFF !important; }
.hidden {  display: none;  }
.content{ position: absolute; top: 45px; right:0; bottom: 0; left:0; }
.tablesorter-filter{ background-color: rgba(12, 12, 12, 0.5); border: 1px inset #FF8700; color: #FFF; font-size: 11px; height: 18px; width: 100px; }
.tablesorter .filtered { display: none; }
.tablesorter .tablesorter-errorRow td { text-align: center; cursor: pointer; background-color: #e6bf99; }
.tablesorter-filter:disabled{ display: none; }
.first{ background-image: url(https://static.dark-nights.net/img/start/16x16.png); background-repeat: no-repeat; cursor: pointer; height: 16px; position: absolute; width: 16px; vertical-align: middle; background-position: -1px -103px; margin-left: -34px; }
.prev{ background-image: url(https://static.dark-nights.net/img/start/16x16.png); background-repeat: no-repeat; cursor: pointer; height: 16px; position: absolute; width: 16px; vertical-align: middle; background-position: -18px -103px; margin-left: -17px; }
.next{ background-image: url(https://static.dark-nights.net/img/start/16x16.png); background-repeat: no-repeat; cursor: pointer; height: 16px; position: absolute; width: 16px; vertical-align: middle; background-position: -18px -120px; margin-left: 1px; }
.last{ background-image: url(https://static.dark-nights.net/img/start/16x16.png); background-repeat: no-repeat; cursor: pointer; height: 16px; position: absolute; width: 16px; vertical-align: middle; background-position: -1px -120px; margin-left: 18px; }
.fileinput-button { position: relative; overflow: hidden; display: inline-block; }
.fileinput-button input { width: 150px;position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer; }
.progress-bar {
    height: 18px;
    background: green;
    color: black;
}
#umfrageNav table
{
    margin: 0 auto;
    width: auto;
}
#umfrageNav table td
{
    padding: 0 4px;
    border-bottom: #0C0C0C 2px solid;
    cursor: pointer;
}
#umfragenList
{
    min-width: 750px;
}
#umfrageContent
{
    text-align: center;
}
#umfrageContent table
{
    min-width: 750px;
}
.textipnut
{
    border: 1px solid rgba(255, 69, 0, 0.5);
    border-radius: 14px;
    background-color: rgba(0,0,0,0.3);
}

.racedata tr:hover
{
    color: #0a0b89;
}

.section_dc div
{
    background-image: url(https://static.dark-nights.net/img/games/dc/background.jpg); background-repeat: no-repeat; background-size: 100% 100%;
}

.newsdate{
    display: inline-block;
    line-height: 29px;
    vertical-align: baseline;
    font-size: 0.7em;
    width: auto;
    float: right;
    text-align: right;
}
.newsdate span{
    border: unset;
}
.News{ top:0;width: auto; margin: 0 auto; border-radius: 25px; border: solid 1px silver; padding: 14px; background-color: #363636; }
.News p{ margin: 4px 4px 4px 14px; }
.News input[type="button"]{ width: 80px; }

#Newspage
{
    position: absolute;
    top: 0;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 6px;
}

.Newspage p{ margin: 4px 4px 4px 14px; }
.Newspage input[type="button"]{ width: 80px; }

#NewspageContent h1
{
    width: 100%;
}

#contact
{
    width: 700px;
    margin: auto;
}
#contact p
{
    margin-left: 25px;
}

#InfoImage {
    width: 250px;
    height: 250px;
    float: left;
    margin: auto 25px;
}

.gameMissleContent
{
    background-image: url(https://static.dark-nights.net/img/games/dc/background.jpg); background-repeat: no-repeat; background-size: 100% 100%;
}

.dcRassen {
    position: absolute;
    top: 50px;
    bottom: 40px;
    left: 0;
    right: 0;
}
#DC_RACE table{
    width: 48%;
    float: right;
}
#DC_RACE .racedata{
    float: left;
}

/* Fixes for IE < 8 */
@media screen\9 { .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } }


@media only screen and (max-width: 700px) {
    .main {
        bottom: 50px;
    }
    #MainMenu
    {
        background-color: transparent;
        margin: auto 0 auto auto;
        width: auto;
    }
    #MainMenu div
    {
        float: unset !important;
    }
    #MainMenu svg {
        display: block;
        float: right;
        width: auto;
        height: 100%;
    }
    #MainMenu .menue, #MainMenu .login{
        display: none;
        width: auto;
    }
    #MainMenu.active .menue, #MainMenu.active .login{
        display: block;
    }
    #MainMenu.active {
        z-index: 999;
        background-color: #2b2b29;
        display: block;
        height: min-content;
    }
    #InfoImage{
        display: none;
    }
    .News
    {
        float: unset !important;
        width: auto !important;
        margin: 0 !important;
    }
    #contact{ width: auto;}
    #contact_mail{
        margin: 25px 0 0 0 !important;
    }
    #contact_mess{
        width: 80% !important;
        height: 6em;
    }
    .LoginContent{
        width: auto;
        height: auto;
        left: 0;
        top: auto;
    }
    #con_regen{
        display: none;
    }
    #Fenster .News
    {
        top: 70px !important;
    }
    #Fenster #Newspage
    {
        top: 70px !important;
    }
    #DC_RACE table{
        width: 100%;
        float: unset;
    }
    #Game_Nav { width: auto; }
    #Game_Nav .button{ min-width: 80px; }
    .dcRassen { top: 70px; }
    #DarkConflictAnmeldeBox {
        font-size: 0.8em;
    }
    .DcRegPlain {
        padding: 0 !important;
    }
    .DcRegPlain input[type="text"] {
        min-width: unset;
    }
}