body {margin-bottom: 5em; background: url(images/bg_body.png);} 
body {font-size: 12px; line-height: 1.5em;}

h2 {margin-bottom: 0.3em;}
h3 {margin-bottom: 0.5em; font-weight: normal;}

a {color: #c84a28; text-decoration: none;}

.content {
    width: 990px;
    margin: 0 auto;
} 

#topnavigation {
    position: absolute; 
    left: 430px; 
    top: 112px; 
    font-size: 9px;
    width: 400px;
    text-align: center;
}
    #topnavigation a { color: black; }
    #topnavigation a:hover {color: #c84a28;}

/* #header encloses the complete "body" part, so that the 
 * big top background can span down as far as required
 */
#header {
    background: url(images/bg_header.png) 50% 0 no-repeat;
    /*height: 476px; */
}
    #header #logoAndNavigation {height: 151px;}
    #header #balken {margin-bottom: 20px;}

    #balkennavigation-1 {width: 178px; position: absolute; top: 20px; left: 0;}
    #balkennavigation-1 a {color: black; font-size: 90%;}
        #nav-1 {display: block; background: url(images/nav_1-games.png) no-repeat; line-height: 28px; padding-left: 10px; font-weight: normal;}
        #balkennavigation-1.active #nav-1, 
        #balkennavigation-1:hover  #nav-1 {background-image: url(images/nav_1-games-active.png);}
            #balkennavigation-1-x {display: none;}
            #balkennavigation-1.active #balkennavigation-1-x,
            #balkennavigation-1:hover  #balkennavigation-1-x {display: block;}
            #balkennavigation-1-x-bg {background: url(images/nav_1-x-bg.png) repeat-y 1px 0;} /* no idea, why the bg is 1px off */
	    #balkennavigation-1-x a {display: block; padding-left: 10px; font-weight: normal; line-height: 20px;}
	    #balkennavigation-1-x a:hover {color: white;}
        .nav-1-bottom {background: url(images/nav_bottom.png) no-repeat 1px 0; height: 8px;} /* no idea, why the bg is 1px off */

    #balkennavigation-2 {width: 178px; position: absolute; top: 20px; left: 200px;}
        #nav-2   {display: block; background: url(images/nav_2-news.png) no-repeat; line-height: 28px;}
        #nav-2.active, #nav-2:hover {background-image: url(images/nav_2-news-active.png);}

    #balkennavigation-3 {width: 178px; position: absolute; top: 20px; left: 400px;}
        #nav-3   {display: block; background: url(images/nav_3-headup_games.png) no-repeat; line-height: 28px;}
        #nav-3.active, #nav-3:hover {background-image: url(images/nav_3-headup_games-active.png);}

/*
 * bigbox - centered or on the right
 */
.bigbox {width: 660px;}
.bigbox h1 {
    color: #fff;
    background: url(images/bigbox-h1.png) no-repeat;
    padding: 0 10px;
    line-height: 29px;
}
.bigbox-body {
    background: url(images/bigbox-body.png) repeat-y;
    padding: 5px 10px 0 10px;
}
.bigbox-footer {
    background: url(images/bigbox-footer.png) no-repeat; 
    height: 20px;
}

/*
 * smallbox - left on the homepage
 */
.smallbox {width: 330px;}
.smallbox h1 {
    color: #fff;
    background: url(images/smallbox-h1.png) no-repeat;
    padding: 0 8px;
    line-height: 29px;
}
.smallbox-body {
    background: url(images/smallbox-body.png) repeat-y;
    padding: 5px 8px 0 8px;
}
.smallbox .deko{
    margin: 0 -5px;
    padding: 0 10px;
    background: url(images/smallbox-deko.png) repeat-y;
}
.smallbox-footer {
    background: url(images/smallbox-footer.png) no-repeat; 
    height: 20px;
}

.watermark-dark {
    background: url(images/watermark-dark.png) no-repeat;
    margin: 0 -6px;
    padding: 10px 15px;
    height: 135px; 
    overflow: auto;
}

    
#foot {clear: both; padding-top: 20px; font-size: 75%; text-align: center; color: #585858}
#foot a {color: #585858;}

.imageElement {display: none;}

#subnavi-games a {display: block; height: 26px;}
#subnavi-games .facts       {background: url(images/games-facts.png) no-repeat;}
#subnavi-games .spiele-info {background: url(images/games-spiele-info.png) no-repeat;}
#subnavi-games .screenshots {background: url(images/games-screenshots.png) no-repeat;}
#subnavi-games .trailer     {background: url(images/games-trailer.png) no-repeat;}
#subnavi-games .facts:hover,       #subnavi-games .facts.active       {background: url(images/games-facts-active.png) no-repeat;}
#subnavi-games .spiele-info:hover, #subnavi-games .spiele-info.active {background: url(images/games-spiele-info-active.png) no-repeat;}
#subnavi-games .screenshots:hover, #subnavi-games .screenshots.active {background: url(images/games-screenshots-active.png) no-repeat;}
#subnavi-games .trailer:hover,     #subnavi-games .trailer.active     {background: url(images/games-trailer-active.png) no-repeat;}

#subnavi-download a {display: block; height: 26px;}
#subnavi-download .geargrinder       {background: url(images/download-geargrinder.png) no-repeat;}
#subnavi-download .greed             {background: url(images/download-greed.png) no-repeat;}
#subnavi-download .twin-sector       {background: url(images/download-twin-sector.png) no-repeat;}
#subnavi-download .geargrinder:hover,  #subnavi-download .geargrinder.active  {background: url(images/download-geargrinder-active.png) no-repeat;}
#subnavi-download .greed:hover,        #subnavi-download .greed.active        {background: url(images/download-greed-active.png) no-repeat;}
#subnavi-download .twin-sector:hover,  #subnavi-download .twin-sector.active  {background: url(images/download-twin-sector-active.png) no-repeat;}

.screenshots a {margin: 0 3px;}
.downloads   a {margin: 0 3px;}

ul {list-style-type: disc}
li {margin-left: 2em;}

.download-button2 img {visibility: hidden;}
.download-button2 {background: url(images/download.gif) no-repeat right; display: block; padding-right: 30px; line-height: 27px; width: 30px;}
.download-button2:hover {background-image: url(images/download-active.gif)}

.download-button img {visibility: hidden;}
.download-button {background: url(images/download.gif) no-repeat right; display: block; height: 27px; width: 30px;}
.download-button:hover {background-image: url(images/download-active.gif)}

.bigbox-body {padding-bottom: 1em;}