/*

        Projekt : GoldRush

        Modul   : main.css

        Version : 0.43

        Autor   : David [Snake] Matthias

        Mail    : dave@fuelpipe.de

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

img {

    border:0;

}

a, a:visited{

    text-decoration: underline;

	color: #ffee9f;

}

a:hover, a:active  {

	color: #fff;

}

:focus {

    outline: 0;

}





.center {

    margin: auto;

}

.clear {

    clear: both;

}

.hidden {

	display: none;

}







body {

    font-family: Verdana, Arial, sans-serif;

    font-size: 11px;

    color: #fff5c7;

    line-height: 1;

    background: #211d1b url(../images/img_background.jpg) no-repeat fixed center center;

   -webkit-background-size: cover;

   -moz-background-size: cover;

   -o-background-size: cover;

    background-size: cover;

}







#Page {

    width: 986px;

	height: 765px;

    background: url(../images/img_gui-frame.png) center top no-repeat scroll;

    margin: auto;

    position: relative;

}



.left-content {

    width: 340px;

    height: 613px;

    position: absolute;

	left: 0;

}



.right-content {

    width: 646px;

    height: 640px;

    position: absolute;

	right: 0;

}







/* Bereiche */

.logo {

	margin-top: 28px;

	height: 114px;

	position: relative;

}

.logo > a {

	display: block;

	width: 55px;

	height: 45px;

    background: url(../images/btn_flags.png) 0px 0px no-repeat scroll transparent;

	position: absolute;

	bottom: 9px;

	left: 125px;

}

.logo > a.en:hover, .logo > a.en.active  {

	background-position: 0px -45px;

}

.logo > a.de {

	background-position: -55px 0px;

	left: 174px;

}

.logo > a.de:hover, .logo > a.de.active {

	background-position: -55px -45px;

}





.bord-news,

.bord-classic,

.bord-remake,

.bord-new {

    background: url(../images/btn_gamenav.png) 0px 0px no-repeat scroll transparent;

	display: block;

	margin-left: 78px;

}



.bord-news {

	margin-top: 9px;

	height: 55px;

	width: 105px;

}

.bord-news:hover, .bord-news.active {

	background-position: 0px -300px;

}

.bord-classic {

	margin-top: 13px;

	height: 83px;

	background-position: 0px -67px;

	width: 209px;

}

.bord-classic:hover, .bord-classic.active {

	background-position: 0px -367px;

}

.bord-remake {

	margin-top: -12px;

	height: 75px;

	background-position: 0px -140px;

	width: 200px;

}

.bord-remake:hover, .bord-remake.active {

	background-position: 0px -440px;

}

.bord-new {

	margin-top: 7px;

	height: 80px;

	background-position: 0px -222px;

	width: 200px;

}

.bord-new:hover, .bord-new.active {

	background-position: 0px -522px;

}


#sunlogo {

    padding: 20px 0px 0px 230px;

}





/* Newsletter */

.bord-newsletter {

	height: 50px;

	margin-top: 15px;

	padding-left: 91px;

}

.newsletter-wrapper {

    background: url(../images/Eingabefeld.jpg) 0px 0px no-repeat scroll transparent;

	width: 173px;

	height: 17px;

}

.newsletter-wrapper > input {

	background: transparent;

	border: none;

	font-size: 12px;

	line-height: 12px;

	height: 12px;

	margin: 2px 8px 2px;

}

.bord-newsletter button {

	width: 86px;

	height: 19px;

    background: url(../images/Button1.jpg) 0px 0px no-repeat scroll transparent;

	border: none;

	color: #fff;

	font-size: 12px;

	margin: 2px 0 0 -1px;

}

.bord-newsletter button.out {

    background-image: url(../images/Button2.jpg);

}











/* Menü */

.menu {

	margin-top: 95px;

	height: 50px;

	

}

.menu-social {

	float: left;

	margin: 0 0 0 30px;

}



.menu-social > a {

	float: left;

    background: url(../images/btn_social.png) 0 0 no-repeat scroll;

	height: 44px;

	width: 43px;

	margin-right: 10px;

}

.menu-social > .tw {

	background-position: -0px -0px;

}

.menu-social > .tw:hover {

	background-position: -0px -44px;

}

.menu-social > .yt {

	background-position: -43px -0px;

}

.menu-social > .yt:hover {

	background-position: -43px -44px;

}

.menu-social > .fb {

	background-position: -86px -0px;

}

.menu-social > .fb:hover {

	background-position: -86px -44px;

}









.menu-bar {

	float: right;

    margin: 4px 45px 0 0;

/*	min-width: 410px;*/

}



.menu-bar > a {

	float: left;

    background: url(../images/btn_menu.png) 0 0 no-repeat scroll;

	height: 21px;

}



.menu-bar > .News {

	width: 44px;

	background-position: -16px 0;

}

.menu-bar > .News:hover {

	background-position: -16px -21px;

}



.menu-bar > .Archive {

	width: 59px;

	background-position: -60px 0;

}

.menu-bar > .Spielinfos:hover {

	background-position: -60px -21px;

}



.menu-bar > .Spielinfos {

	width: 68px;

	background-position: -119px 0;

}

.menu-bar > .Spielinfos:hover {

	background-position: -119px -21px;

}



.menu-bar > .Media {

	width: 48px;

	background-position: -186px 0;

}

.menu-bar > .Media:hover {

	background-position: -186px -21px;

}



.menu-bar > .Blog {

	width: 41px;

	background-position: -233px 0;

}

.menu-bar > .Blog:hover {

	background-position: -233px -21px;

}



.menu-bar > .FAQ {

	width: 41px;

	background-position: -273px 0;

}

.menu-bar > .FAQ:hover {

	width: 41px;

	background-position: -273px -21px;

}



.menu-bar > .PR {

	width: 31px;

	background-position: -313px 0;

}

.menu-bar > .PR:hover {

	width: 31px;

	background-position: -313px -21px;

}



.menu-bar > .Downloads {

	width: 75px;

	background-position: -343px 0;

}

.menu-bar > .Downloads:hover {

	width: 75px;

	background-position: -343px -21px;

}



.menu-bar > .Shop {

	width: 42px;

	background-position: -417px 0;

}

.menu-bar > .Shop:hover {

	width: 42px;

	background-position: -417px -21px;

}



.menu-bar > .Forum {

	width: 62px;

	background-position: -458px 0;

}

.menu-bar > .Forum:hover {

	width: 62px;

	background-position: -458px -21px;

}





/* EN Menü */

.menu-bar > .Info,

.menu-bar > .Bord {

	background-image:  url(../images/btn_menu_en.png);

}

	

.menu-bar > .Info {

	width: 37px;

	background-position: -103px 0;

}

.menu-bar > .Info:hover {

	width: 37px;

	background-position: -103px -21px;

}



.menu-bar > .Bord {

	width: 51px;

	background-position: -429px 0;

}

.menu-bar > .Bord:hover {

	width: 51px;

	background-position: -429px -21px;

}















/* Content */

.content-box {

    height: 445px;

    margin: 10px 0 0 58px;

    overflow: auto;

    width: 510px;

}



.news-wrapper, .media-wrapper {

	margin-bottom: 30px;

	border-bottom: 1px solid #fff;

	padding: 0 5px 10px 0;

}



.news-wrapper > img {

	float: left;

	margin: 0 5px 5px 0;

}

.news-wrapper > h3 {

	font-size: 18px;

	margin-bottom: 10px;

}



.media-wrapper {

	text-align: center;

}

.media-wrapper .thumb {

	margin: 5px;

}

.media-wrapper a {

	text-decoration: none;

}







/* Footer */

.footer-copy {

	position: absolute;

	bottom: 7px;

	right: 60px;

	font-size: 10px;

	color: #250300;

	font-weight: bold;

}

.footer-imprint {

	position: absolute;

	bottom: 4px;

	left: 42px;

}

.footer-imprint > a {

	color: #250300;

	text-decoration: none;

	text-shadow: 0 0 5px #f7e78a;

	font-weight: bold;

}

.footer-imprint > a:hover {

	color: #fff;

}

/* === Fix für Cookie-Bar === */
.cc-window {
  z-index: 9999 !important;
  text-align: center !important;
}

.cc-btn {
  position: relative;
  z-index: 10000 !important;
  cursor: pointer !important;
}