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

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

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

}

#pageContainer {
         min-height:100%;
         position:relative;
         height:auto !important;
         height:100%;

}

.hidden {
        display: none;
}

#header {
        background:url(bilder/header_logo.png) center no-repeat;
        height: 210px;
	width: auto;
	min-width:1100px;
}

#mainNav {
        margin: auto;
        background:url(bilder/mainNavBackground.png);
        background-repeat:repeat-x;

        position:relative;
        left:0px; top:0px; width:850px; height:150px;
        margin: auto;
}

#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 {
        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;
}

#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:url(bilder/footerBackground.png);
        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: 227px;
	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: 330px;
	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;}