body {margin-bottom: 0; background: #fff url(images/bg_body.png) repeat-x 0 400px;} 
body {font-size: 12px; line-height: 1.5em;}

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

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

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

#topnavigation {
    position: absolute; 
    left: 350px; 
    top: 105px; 
    font-size: 12px;
    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/v2-bg_header.png) 50% 0 no-repeat;
    /*height: 476px; */
}
    #header #logoAndNavigation {height: 151px;}
    #header #balken {margin-bottom: 20px;}

    #balkennavigation-1 {width: 169px; position: absolute; top: 20px; left: 0;}
    #balkennavigation-1 a {color: black; font-size: 90%;}
        #nav-1 {display: block; background: url(images/v2-nav_1-games.gif) no-repeat; line-height: 30px; padding-left: 10px; font-weight: normal;}
            #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/v2-nav_1-x-bg.gif) repeat-y;} 
	    #balkennavigation-1-x a {display: block; padding-left: 10px; font-weight: normal; line-height: 20px;}
	    #balkennavigation-1-x a:hover {color: #c84a28;}
        .nav-1-bottom {background: url(images/v2-nav_bottom.gif) no-repeat; height: 8px;} 

    #balkennavigation-2 {width: 169px; position: absolute; top: 20px; left: 200px;}
        #nav-2   {display: block; background: url(images/v2-nav_2-news.gif) no-repeat; line-height: 30px;}

    #balkennavigation-3 {width: 169px; position: absolute; top: 20px; left: 400px;}
        #nav-3   {display: block; background: url(images/v2-nav_3-headup_games.gif) no-repeat; line-height: 30px;}

    #balkennavigation-4 {width: 169px; position: absolute; top: 20px; left: 600px;}
        #nav-4   {display: block; background: url(images/newsletter.png) no-repeat; line-height: 30px;}

.content h1 {
    color: #000;
    background: none;
    padding: 15px 15px;
    font-size: 2em;
    font-weight: normal;
    margin-left: 260px;
}

/*
 * bigbox - centered or on the right
 */
#bigboxes {width: 600px; margin-right: 9px; float: left; background: #fff url(images/v2-content.gif) no-repeat;}
#bigboxes .body {
    padding: 5px 20px;
}

#smallboxes {width: 250px; float: left; margin-right: 10px;}
#smallboxes h1 {
    font-size: 100%;
    color: #fff;
    padding: 0 8px;
    margin: 0;
    line-height: 30px;
    background: url(images/v2-smallbox-header.gif) no-repeat;
}
#smallboxes .body {
    background: #fff;
    padding: 8px;
    background: url(images/v2-smallbox-body.gif) repeat-y;
}
#smallboxes .header {
    background: #fff;
    height: 7px;
    background: url(images/v2-smallbox-header0.gif) no-repeat 0 bottom;
}
#smallboxes .footer {
    background: #fff;
    height: 7px;
    background: url(images/v2-smallbox-footer.gif) no-repeat 0 bottom;
    margin-bottom: 10px;
}
#smallboxes hr {
    margin: 10px -5px !important;
}

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

    
#foot {background: url(images/v2-bg_footer.png) no-repeat 50% bottom; clear: both; font-size: 75%; text-align: center; color: #585858; padding-bottom: 20px; padding-top: 60px;}
#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;}

#skyscraper {float: left; width: 59px; }

/* carousel test */
.sprite_icon {background: url(moocarousel/images/sprite_carousel_icons.gif) no-repeat;}
.carousel_container_l, .carousel_container_r {display: block; margin-top: 28px; position: relative; width: 23px; height: 20px; float: left; cursor: pointer;}
.carousel_container_r {background-position: 0 -38px; } 
.carousel_container_l {background-position: 0 -58px; } 

/* carousal*/
#carousel_container{} /* 600px */
#carousel_wrapper{overflow: hidden; margin: 0 2px; width: 548px; position: relative; float:left;} /*600 - 2*23*/
#carousel_items_container {margin: 0px; width: 5000px; position: relative;}
/*.carousel_items {width: 137px; height: 90px; margin: 0; position: relative; float:left; text-align: center; overflow: hidden;}*/
.videoOrScreen  {width: 137px; height: 90px; margin: 0; position: relative; float:left; text-align: center; overflow: hidden;}
/*.carousel_items img{margin:2px;}*/

.screenOrVideo {display: none;}
#carousel_container .screenOrVideo {display: block;}
#carousel_container .screenOrVideoBig {display: none;}
#showCarouselItem .screenOrVideoBig {display: block; width: 100%; height: 375px;}
#showCarouselItem .screenOrVideoBig embed {display: block; width: 100%; height: 375px;}
#showCarouselItem .screenOrVideoBig object {display: block; width: 100%; height: 375px;}

p {margin: 0.5em 0;}

#bigboxes .bodytop {margin-top: 20px; height: 3px; background: url(images/v2-bigboxes-top.gif) no-repeat;}
#bigboxes .bodymiddle {background: url(images/v2-bigboxes-body.gif) repeat-y; padding: 15px 20px;}
#bigboxes .bodybottom {height: 3px; background: url(images/v2-bigboxes-bottom.gif) no-repeat;}

.pager {text-align: center;}

.usk- {display: none;}