body {
	margin:0;
	padding:0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 75.00%;
	color:#fff;
	background:#0f0c0f url(../images/header.jpg) center top no-repeat;
}
a:visited {
	color:#FDD53A;
}
a {
	color:#FDD53A;
	text-decoration:none;
}
a:focus, a:hover, a:active {
	color:#84F7FC;
	font-family:Arial,Helvetica,sans-serif;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}
a img {
	border:none;
}
#logoContainer, #content {
	width:960px;
	margin:0 auto;
}
#content {
	display:block;
	clear:both;
}
#footer {
	width:940px;
	text-align:center;	
	margin:20px auto;
	padding:10px;
	clear:both;
}
#logoContainer {
	height:150px;	
}
#right {
	float:right;
	width:310px;
}
#left {
	float:left;
	width:640px;

}
#left2 {
	width:410px;
	float:right;
	display:inline-block;
	padding-left:10px;

}
#left1 {
	width:200px;
	float:left;
	display:inline-block;
	
}
.gameInfoLink {
	width:175px; 
	height:119px; 
	float:left; 
	display:inline-block;
	margin:0 20px 20px 0;
}

/*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#fff;
    margin: 0 0 0.25em 0;
  }

  h1 { font-size: 250%; }                       /* 30px */
  h2 { font-size: 200%; }                       /* 24px */
  h3 { font-size: 170%; }                       /* 18px */
  h4 { font-size: 133.33%; }                    /* 16px */
  h5 { font-size: 90%; }              
  h6 { font-size: 80.67%; }                

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  ul li { list-style-type: disc; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { margin-left: 0.8em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

  strong,b { font-weight: bold; }
  em,i { font-style: italic; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:#fdd53a; text-decoration:none;}
  a:visited  { color: #fdd53a; }

  a:focus,
  a:hover,
  a:active {
	color:#84f7fc;
	text-decoration:none;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
}


 /*--- Navigation ------------------------------------------------------------------------------------ */
 
 #globalnav{
background: transparent url(../images/navbar.png) center top no-repeat;
width:100%;
height:40px;
top:0;
left:0;
margin:0;
padding:0;
}

.nav{
height:37px;
max-width:80em;
min-width: 720px;
margin: 0 auto;
}

.nav ul, .nav li{
list-style:none;
margin:0;
padding:0;
}

.nav ul{
float:right;	
}

.nav li{
float:left;	
width:122px;
height: 37px;
display:block;
background-image:url(../images/navitems.png);
background-repeat:no-repeat;
}

.nav li.home{background-position: 0 0; }.nav li.home:hover{background-position: 0 -37px;}.nav li.home.active{background-position: 0 -37px; cursor:default;}

.nav li.games{background-position: -122px 0; }.nav li.games:hover{background-position: -122px -37px;}.nav li.games.active{background-position: -122px -37px; cursor:default;}

.nav li.community{background-position: -244px 0;}.nav li.community:hover{background-position: -244px -37px;}.nav li.community.active{background-position: -244px -37px; cursor:default;}

.nav li.forums{background-position: -366px 0;}.nav li.forums:hover{background-position: -366px -37px;}.nav li.forums.active{background-position: -366px -37px;}

.nav li.support{background-position: -488px 0; width:123px;}.nav li.support:hover{background-position: -488px -37px;}.nav li.support.active{background-position: -488px -37px;}

.nav li a{
display:block;
height:37px;
text-indent: -9999px;
}

/* Content */

#flash{
margin:5px auto 0;
}

span.login {
float:right;
display:block;
width:77px;
padding: 3px 0 0 0;
height: 20px;
margin: 5px 10px;
text-align:center;
background:url(../images/button.png) no-repeat 0 0;
}

span.button {
display:inline;
width:77px;
height: 20px;
margin: 0 10px 0 0;
text-align:center;
font-size: 11px;
font-weight:bold;
background:#000;
}
span.button a{
color:#84f7fc;
padding:2px;
line-height:120%;
}
span.button a:hover{
color:#fdd53a;	
}
span.button:hover{
background:transparent url(../images/greyblock.png) no-repeat center;
}
.ad{
background-color:#000;
width:300px;
padding: 5px;
margin: 0 0 10px 0;
}

.ad p{
padding:1px;	
margin:0;
font-weight:bold;
font-size: 10px;
line-height: 10px;
color:#fff;
}

h3.news{
	
background:transparent url(../images/new.png) no-repeat -5px -2px;
text-indent: -9999px;
padding-bottom: 6px;

}

h3.newsh{
	background:transparent url(../images/new.png) no-repeat -5px -5px;
	text-indent: -9999px;	
	padding-bottom: 5px;
	border-bottom:#2e2c32 1px solid;
	margin-bottom: 10px;
}

h3.comingsoon{
background:transparent url(../images/coming_soon.png) no-repeat -5px -2px;
text-indent: -9999px;
padding-bottom: 5px;
border-bottom:#2e2c32 1px solid;
margin-bottom: 10px;
}

div.headerlink{
	margin-left: 100px;
}

h3.contactus{
background:transparent url(../images/contactus.png) no-repeat -5px -2px;
text-indent: -9999px;
padding-bottom: 5px;
border-bottom:#2e2c32 1px solid;
margin-bottom: 10px;
}

div.support{
margin:0 auto 100px;
padding: 10px 20px 50px 20px;
width: auto;
}

h3.support{
background:transparent url(../images/support.png) no-repeat -5px -2px;
text-indent: -9999px;
padding-bottom: 5px;
border-bottom:#2e2c32 1px solid;
margin-bottom: 10px;
}

h3.games{
background:transparent url(../images/games.png) no-repeat -5px -2px;
text-indent: -9999px;
padding-bottom: 5px;
border-bottom:#2e2c32 1px solid;
margin-bottom: 10px;
}

h3.latest{
background:transparent url(../images/latestgames.png) no-repeat -5px -2px;
text-indent: -9999px;
padding-bottom: 5px;
border-bottom:#2e2c32 1px solid;
margin-bottom: 10px;
}

h3.playoniphone{
background:transparent url(../images/playoniphone.png) no-repeat -5px -2px;
text-indent: -9999px;
padding-bottom: 5px;
border-bottom:#2e2c32 1px solid;
margin-bottom: 10px;
width:380px;
}


h3.playnow{
background:transparent url(../images/playnow.png) no-repeat -5px -2px;
text-indent: -9999px;
padding-bottom: 10px;
border-bottom:#2e2c32 1px solid;
margin-bottom: 10px;
width:380px;
}

#logo {
height:59px;
width:267px;
float:left;
margin:40px 0 0 0;
background:url(../images/logo.png) no-repeat;
}

h3.prelease{
	font-size: 18px;
	font-weight: 600;
	color: #fdd53a;
	font-family: Arial, Helvetica, sans-serif;
}

h3.prsub{
	font-size: 14px;
	font-weight:600;
	font-style:italic;
	color: #fdd53a;
	font-family: Arial, Helvetica, sans-serif;
}

h3.date{
	font-size: 12px;
	font-style:italic;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}

#pressrelease{
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: dashed 1px #999;
}

#news .date, #newsitem .date, #newsitem2 .date{
color: #999;	
}

.new{
border-top:#2e2c32 1px solid;
padding:13px 0;
}
.new .img{
float:left;	
margin-right: 10px;
margin-bottom:0;
}

.new p{
line-height:normal;
margin:0;
}

.new h5{
font-size:90%;	
line-height:90%;
color:#CCC;
}

.new h5 a{
color:#84f7fc;	
}
.img{
	padding:3px;
	background-color:#666;
}

a .img:hover{
	background-color: #CCC;
}
.game{
margin-bottom:15px;
height: 110px;
width:auto;
}

.block{
width:240px;
padding: 5px 30px 10px;
margin: 30px auto 0;
font-size: 96%;
background: transparent url(../images/greyblock.png) no-repeat bottom;
}

.block .link{
	color: #FFF;
	font-weight:bold;
	display:block;
	padding: 15px 0 15px 50px;
}

.block .link:hover{
	color: #0CF;	
}

.block .link.fb{
	background:transparent url(../images/FaceBook_32x32.png) no-repeat left center;
}

.block .link.tw{
	border-top:solid #666 1px;
	background:transparent url(../images/Twitter_32x32.png) no-repeat left center;
}
.block .link.yt{
	border-top:solid #666 1px;
	background:transparent url(../images/Youtube_32x32.png) no-repeat left center;
}
 /* ----------------------- Login --------------------- */
 
div.login{
margin:0 auto 100px;
padding: 10px 20px 50px 20px;
width: 540px;
}

div.login h1{
text-align:center;	
background: transparent url(../images/login.png) no-repeat center;
text-indent: -9999px;
margin: 5px auto 30px;
}

div.login dl{
margin: 10px 0;	
}

div.login dl dt {
float:left;
margin:0;
padding:10px 0 0;
text-align:right;
width:100px;
}


div.login dd {
margin-left:180px;
margin-bottom: 0;
padding-bottom:10px;
}


div.login span.input{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#151d1a;
display:block;
margin:0 0 15px;
padding:5px;
}


div.login input.text {
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size: 190%;
	font-weight:bold;
	line-height:normal;
	vertical-align:bottom;
	width:349px;
}

div.login dl dd.password {
position:relative;
text-align:right;
}

div.login input#login_password {
left:5px;
position:absolute;
top:5px;
width:215px;
}

div.login .forgot{
line-height: 280%;	
font-size:90%;
margin-right: 5px;
}

span.fblogin{
padding: 8px 4px 8px 42px;
font-size:110%;
font-weight:bold;
display:block;
background:url(../images/FaceBook_32x32.png) no-repeat left center;
}

.signin{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	padding: 7px 0;
	font-weight:bold;
	margin: 0 0 5px 0;
	width:136px;
	border:none;
	cursor: pointer;
	background:transparent url(../images/login_button.png) no-repeat center;
}
.checkbox{
	vertical-align:middle;
	margin: 0 5px;
}
  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .info { color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

  .float_left { float: left; display:inline; margin-right: 10px;  }
  .float_right { float: right; display:inline; margin-left: 10px;  }

  /* tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td { border-bottom: 1px solid #eee; } */

  /* tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
  tbody tr:hover td { background: #fff8f8; }
  */
  
   /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; } /* LTR */
  select { padding: 1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
 
  fieldset, img { border: 0 solid; }

  ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
  li {
    margin-left: 0.8em; /* LTR */
    line-height: 1.5em;
  }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content: ""; }

 /*------------------------------------------------------------------------------------------------------*/

  #header { position:relative; }
  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }
  #col1 { float: left;}
  #col2 { float:right; }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content, #col4_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print, dfn {
    position: absolute;
    left: -1000em; /* LTR */
    top: -1000em;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
  }

/*------------------------------------------------------------------------------------------------------*/

/** Product pages */

.projecttable{
margin: 30px auto;	
width: 625px;
padding: 5px;
}

.projectinfo td{
padding:2px;	
}

.projectinfo .label{
text-align:right;
padding-right: 12px;
}

.projectimages{
	border-top: 1px #ccc dashed;
	margin: 80px auto 10px auto;
	padding: 0;
	font-size:10px;
	width: auto;
}

.overview{
	text-align: left;
	padding: 0 5px;
	margin: 5px 0  5px 0px;
	width: 40%;
	font-size:14px;
	float:left;
}
.ssfeatures{
	text-align: left;
	padding: 0;
	margin: 5px 10px;
	width: 35%;
	float:left;
}

.ssfeatures ul{
    list-style: url(images/ministar.png);
}

.ssfeatures ul li{
    padding: 0 0 10px 0;	
    font-size: 14px;
    font-weight: bold;
    color: #FC6;
}

.label {
color: #999;	
}

/*------------------------------------------------------------------------------------------------------*/

/** Support Page */

.supportinfo{
padding:5px 10px;
border-bottom: 1px dashed #fff;
margin: 0 0 10px 0;
line-height: 16px;
font-size: 13px;
	
}

#support input, #support textarea{
	font-size: 16px;
	width:300px;
	padding:2px;
	margin: 10px 5px;
	font-family:Arial, Helvetica, sans-serif;
}

#support select{
font-size: 16px;
width: 300px;
padding: 2px;
margin: 10px 5px;
font-family:Arial, Helvetica, sans-serif;
}

#support .date{
width:143px;	
}

#support p{
margin:0;
padding:5px 15px 5px 0;
text-align:right;
font-size: 16px;
font-weight: bold;
}

#support p.span{
	font-size: 11px;
	margin: 10px 0 0 10px;
	padding: 5px 6px;
	font-weight: normal;
	background-color:#09C;
	color: #000;
	text-align:left;
	border: 1px #fff solid;
}

.button{
width:100px;
font-size: 16px;
background-color:#09C;
color: #fff;
font-weight:bold;
border: 1px solid #fff;
}

/* Game Table */

#ListTable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	text-align: center;
	border-collapse: collapse;
}

#ListTable thead th
		{
		background-image:url(../../../images/header_blank.png);
		height: 30px;
		padding-top: 4px;
		font-size: 16px;
		}
#ListTable tbody 
		{
			background-image:url(../../../images/table_bg.png);
		}