@charset "utf-8";
/* CSS Document */

body {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    background-color: #000000;
    color:#FFFFFF;
}

html, body {
    margin: 0;
    padding: 0;
    height:100%;
    
}

.left-align {
  text-align: left;
}

.left-align-bullets {
  text-align: left;
  line-height: 0.1;
}

#space {
    margin-top: 20px;
}

#pageContainer {
    min-height:100%;
    max-width:960px;
    position:relative;
    height:auto !important;
    height:100%;
    margin: 0 auto;
}

.hidden {
    display: none;
}

#header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: url(bilder/header_logo.png) left center no-repeat;
  height: 150px;
  width: auto;
  min-width: 300px;
}

#mainNav {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 80px;
  margin-bottom: 50px; /* Adjust the value as needed */
  
}


#twitterButton {
    width: 150px;
    height: 0px;
    position: relative;
    top:-30px;
    left:200px;
    float:right;
}

#facebookButton {
    width: 150px;
    height: 0px;
    position: relative;
    left:200px;
    top:20px;
    float:right;
}

#mainContent_contact {
    width: 850px;
    margin: auto;
    height:auto;
    padding-bottom:128px;
    position:relative;
    top:20px;
}

#mainContent_games {
    width: 850px;
    margin: auto;
    height:auto;
    padding-bottom:128px;
    position:relative;
    top:20px;
}

#impressum {
    width: 850px;
    margin: auto;
    height:auto;
}

#mainContentRightCollum {
    width: 520px;
    margin: auto;
    float:left;
    height:auto;
}

#mainContentCenterCollum {
  width: 520px;
  margin: auto;
  text-align: left;
  height: auto;
}

#mainContentLeftCollum {
    width: 330px;
    margin: auto;
    float:left;
    height:auto;
}

#footer {
    
    position: relative;
    margin-top: -178px; /* negative value of footer height */
    height: 178px;
    clear: both;
    text-align: center;
    width: 100%;
    /*
     clear: both;
     bottom:0;
     width:100%;
     height:128px;   /* Height of the footer */
    background-repeat:repeat-x;
    background-position:bottom;
}

#center {
    display: inline-block;
}


#mainNav dl {
    margin: 0;
    position:relative;
    top:30px;
}

#mainNav dt { float: left; }

#mainNav dt a {
    display: block;
    height: 43px;
    padding: 0 0 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
}

#mainNav dt a:hover {
    background-position: 0 -86px;
}

#mainNav dt#games,
#mainNav dt#games a {
    width: 300px;
    height: 43px;
    background-image: url(bilder/mainMenuGames.png);
    overflow: hidden;
    background-repeat: no-repeat;
}

#mainNav dt#about,
#mainNav dt#about a {
    width: 273px;
    height: 43px;
    background-image: url(bilder/mainMenuAbout.png);
    overflow: hidden;
    background-repeat: no-repeat;
}

#mainNav dt#contact,
#mainNav dt#contact a {
    width: 300px;
    height: 43px;
    background-image: url(bilder/mainMenuContact.png);
    overflow: hidden;
    background-repeat: no-repeat;
}


body.games dt#games,
body.games dt#games a,
body.about dt#about,
body.about dt#about a,
body.contact dt#contact,
body.contact dt#contact a {
    background-position: 0 -43px;
}

#space {
    height: 17px;
}

.antispam { display:none;}

a{text-decoration:none;font-weight:normal;}
a:link { text-decoration:underline; font-weight:normal; color:#AAAAAA; }
a:visited { text-decoration:underline; font-weight:normal; color:#AAAAAA; }
a:hover { text-decoration:underline; font-weight:normal; color:#ef9090;}
a:active { text-decoration:underline; font-weight:normal; color:#e71818;}