@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision	$Revision: 443 $
 * @lastmodified    $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 2009) $
 */
@media screen, projection {
/**
 * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
 * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
 *
 * @workaround
 * @affected IE8, FF, Webkit, Opera
 * @css-for all
 * @valid CSS3
 */
body {
	overflow-y: scroll;
}

    /*------------------------------------------------------------------------------------------------------*/
    /**
     * (en) Formatting YAML's  basic layout elements
     * (de) Gestaltung des YAML Basis-Layouts
     */
    /* (en) Marginal areas & page background */
    /* (de) Randbereiche & Seitenhintergrund */
body {
	background: #C8C8CA url(../images/bg_body.jpg) no-repeat center 0 fixed;
}

    /* (en) Centering layout in old IE-versions */
    /* (de) Zentrierung des Layouts in alten IE-versionen */
body {
	text-align: center;
}

.page_margins {
	text-align:left;
	margin: 0 auto;
}

    /* (en) Layout: width, background, borders */
    /* (de) Layout: Breite, Hintergrund, Rahmen */
.page_margins {
	width: 960px;
}

.page { margin: 0 20px; }
#topnav .page { margin: 0 5px; }
#nav .page { margin: 0 0; }

#main .page_margins {
	background: transparent url(../images/bg_main_000_33.png);
	padding-bottom: 13px;
}
#main .page {
	margin: 60px 0pt 0pt;
	background: transparent url(../images/bg_col1.gif) repeat-y right;
	min-height: 470px; /* IE 7 fix */
}
#footer .page { margin: 0 0; }


/* (en) Designing main layout elements */
/* (de) Gestaltung der Hauptelemente des Layouts */

#topnav {
	height: 61px;
    background: #8A8E91 url(../images/bg_header.jpg) no-repeat center top;
	overflow: visible;
  	position: relative;
	z-index: 25;
	position:fixed;
	width:100%;
}

#topnav .page {
	text-align: left;
	padding: 0;
}

#topnav .page_margins {
	position: relative;
}

#topnav span.navlinks {
	float: right;
}

#logo {
}


/**
 * Header-Menü: " Hilfe | Sprache | Registrierern | Login "
 */

#options {
	width: 500px;
	float: right;
	overflow: visible;
}
#options .helplang {
	width: 229px;
	height: 40px;
	float: right;
	margin-right:360px;
/*	border-right: 1px dotted #666;*/
	text-transform: uppercase;
	padding-top: 15px;
}
#options .helplang .help {
	float: right;
	padding: 3px 20px 0 0;
}

/* Language switch */
#options .helplang ul.lang {
	float: right;
	margin: 0 12px 0 0;
	width: 120px;
	height: 23px;
	padding: 2px 0 0 0;
	border-top: 1px solid #838280;
	border-right: 1px solid #838280;
	background: transparent url(../images/lang_arrow_close.png) no-repeat 8px 5px;
}

#options .helplang ul.lang li {
	margin: 0;
}

#options .helplang ul.lang.active {
	background: transparent url(../images/lang_arrow_open.png) no-repeat 8px 5px;
}

#options .helplang .lang .activelang span {
	margin-left: 25px;
	color: #fff;
	cursor: pointer;
}
#options .helplang .lang .activelang,
#options .helplang .lang li {
	height: 22px;
	background-position: 0 7px;
	background-position: right;
	background-repeat: no-repeat;
	background-color: transparent;
	list-style-image: none;
	list-style-type: none;
}

#options .helplang .lang .de { background-image: url(../images/lang_de.png) ; }
#options .helplang .lang .en { background-image: url(../images/lang_en.png) ; }
#options .helplang .lang .es { background-image: url(../images/lang_es.png) ; }
#options .helplang .lang .fr { background-image: url(../images/lang_fr.png) ; }
#options .helplang .lang .nl { background-image: url(../images/lang_nl.png) ; }
#options .helplang .lang .pl { background-image: url(../images/lang_pl.png) ; }
#options .helplang .lang .it { background-image: url(../images/lang_it.png) ; }
#options .helplang .lang .tr { background-image: url(../images/lang_tr.png) ; }
#options .helplang .lang .pt { background-image: url(../images/lang_pt.png) ; }

/* Language Menu */
#options .helplang .lang ul.selectlang {
	margin: 5px 0 0 0;
	padding: 0;
	background-color: #333;
	width: 120px;
	border-right: 1px solid #838280;
	border-bottom: 1px solid #838280;
	position: absolute;
	z-index: 11;
}
#options .helplang .lang ul.selectlang li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	height: 20px;
	padding: 2px 5px;
}


/* Authentification */
/*
#options .authent {
    float: right;
    position: absolute;
    right: -6px;
    top: 2px;
    white-space: nowrap;
    width: 280px;
}
*/
#options .authent {
	width: 400px;
	float: right;
	white-space:nowrap;
	position: absolute;
	right: 0px;
	top: 2px;
}

#options .register {
	width: auto;
	float: right;
	margin: 0 0 0 19px;
}
#options .login {
	width: auto;
	float: right;
	margin: 0 0 0 19px;
}

#options .welcome {
	text-align:right;
	margin-top: 10px;
	color: #CCC;
	padding-left: 63px;
}
#options .logout {
	text-align:right;
	padding-left: 63px;
}

/* main navigation */
#nav {
	background: transparent url(../images/bg_mainnav_shade.png) repeat-x;
	width: 100%;
	/*position: absolute;*/
	z-index: 12;
	height: 70px;
	left: 0;
	position:fixed;
	top:61px;
}

/* main content, containing columns */
#main {
     padding-top: 38px;
}

/* Columns */
/* Move #col1 to the right | #col1 nach rechts verschieben */
#col1 { float:right; width: 210px; }
#col1_content { padding: 0px; }

/* Hide #col2 | #col2 abschalten */
#col2, #col2_content { display:none }

/* Adjust right margin | Rechten Randabstand anpassen */
#col3 { margin-left:0; margin-right: 225px; }
#col3_content { padding: 0px; min-height: 470px; }

/* Abstand oben */
#col1, #col3 {
	padding-top: 46px;
}

/* Main content */
#col3 {
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	border-bottom: 1px solid #939393;
	background:  #fff url(../images/bg_col3.png) repeat-y center;
}

body.options #col3 {
	background-image: none;
}

/* Standard-Seitenabstände für Content-Elemente, deren Hintergrund nicht bis an den Rand geht. */
#col3 .mainpadding {
	padding: 0 10px 0 20px;
}


/* Right column */
#col1 .mycash,
#col1 .myaccount,
#col1 ul {
	padding: 0 11px 0 15px;
	margin-right: 1px;
}

#col1 .mycash {
	line-height: 22px;
	background: transparent url(../images/col_r_bg_mycash.gif) 0 top repeat-x;
	margin-top: 2px;
	padding-bottom: 2px;
}
#col1 .mycash span {
	color: #336600;
	font-weight: bold;
	font-size: 1.0em;
	padding: 0px;
}


#col1 .mycash span.gaccountnegative {
  color: #884400;
}



#col1 .myaccount {
	margin-top: 14px;
	margin-bottom: 38px;
	padding-right: 7px;
}
#col1 .myaccount .buttonlink {
	line-height: 20px;
}

#col1 .infotext {
  padding: 10px 15px 0 15px;
  margin-right: 1px;
}


#col1 ul {
	margin-left: 8px;
	margin-top: 2px;
	margin-bottom: 35px;
}
#col1 ul li {
	list-style-type: none;
	list-style-image: none;
	background: transparent url(../images/col_r_bullet_ul.gif) no-repeat 0 10px ;
	padding-left: 16px;
	line-height: 1.67em;
}

#col1 .newsitem {
		background: transparent url('../images/col1_newsitem_bg.png') no-repeat top left scroll;
		border-top: 1px solid #CCC;
		border-right: 1px solid #CCC;
		margin: 0 6px 0 17px;
		padding: 0 10px 30px 0;
	}

#col1 .newsitem .date {
		color: #000;
	    border-left: 1px solid #CCCCCC;
	    font-size: 13px;
	    padding-bottom: 1px;
	    padding-left: 8px;
	    padding-top: 2px;
	}

#col1 .newsitem .gametitle {
	    border-left: 1px solid #CCCCCC;
	    font-size: 13px;
	    padding-bottom: 1px;
	    padding-left: 8px;
	    padding-top: 2px;
	}

#col1 .newsitem .user img {
		float: left;
		margin-right: 3px;
		margin-top: 4px;
	}
#col1 .newsitem .user p {
		line-height: 16px;
		color: #999;
		margin-left: 2px;
		margin-bottom: 0;
		margin-top: 0;
		padding-top: 1px;
	}

.newsitem .message {
		margin-top: 7px;
	}

.newsitem .readmore {
	 	margin-top: 7px;
	}

a.newslink {
		line-height: 16px;
		color: #999;
	}
	
#mygamigo_newsplace {
	margin-top: 10px;
	height: 780px;
}

#mygamigo_newsplace #news {
	/* height: 780px; */
	margin-left: -5px;
}



/**
 * ------------------------------------------------------------------------------------------------- #
 *
 * (en) Styling of layout specific elements
 * (de) Gestaltung layoutabhängiger Elemente
 */


#topnav a {
	color: #fff;
	font-weight: normal;
	background: transparent;
	text-decoration: none;
}

#topnav a:focus, #topnav a:hover, #topnav a:active {
	text-decoration: underline;
	background-color: transparent;
}




#footer .page_margins {

}

#footer .page {
	padding: 12px 20px 8px 20px;
	border: 1px solid #939393;
	background:  #fff url(../images/bg_footer.png) repeat-x top;
	margin-bottom: 90px;
}

#footer .secondary {
	float: right;
}

#footer .copyright {
	color: #333;
	font-size: 12px;
	float: left;
}

#footer .secondary {
	color: #C60;
	word-spacing: 6px;
}

#footer hr {
	clear: both;
	border-color: #c2c2c2;
	margin: 22px 0 7px 0;
}
#footer .secondary a {
	background: transparent;
	color: #333;
	text-transform: uppercase;
	padding: 0 5px;
}

#footer .morelinks {
	color: #C60;
	font-size: 11px;
	text-align: justify;
	line-height: 26px;
}
#footer .morelinks a {
	color: #666;
}
#footer .morelinks .moregames {
	color: #666;
	text-transform: uppercase;
}

#footer a:focus, #footer a:hover, #footer a:active {
	background-color: transparent;
	text-decoration: underline;
}

/**
 * ------------------------------------------------------------------------------------------------- #
 *
 * Skiplinks
 *
 * (en) Visual styling for skiplink navigation
 * (de) Visuelle Gestaltung der Skiplink-Navigation
 *
 * @section content-skiplinks
 */
#skiplinks a.skip:focus, #skiplinks a.skip:active {
	color: #fff;
	background: #333;
	border-bottom: 1px #000 solid;
	padding: 10px 0;
	text-decoration: none;
}
}

/** FACEBOOK **/

.loading_header_img{
	margin-top:200px;
}

.loading_bottom{
	position:absolute;
	margin-top:4000px !important;
}

.loading_img{
	display:block;
	margin:auto;
	height:64px;
	width:64px;
	background: url(../images/facebook_loading.gif) !important;
}

.loading_slogan{
	display:block;
	margin:auto;
	height:20px;
	width:256px;
	background: url(../images/facebook_connecting_slogan.gif) !important;
}

.loading_hide{
	display:none;
}

#facebook_loading{
	z-index:99;
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color: #000326;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.fbconnect_start{
	float:right;
	margin-top:17px;
	margin-left:15px;
	position:relative;
	height:20px;
	width:86px;
	background: url(../images/facebook_connect.png);
}

.facebook_connect_portal{
    right: 0px;
    top: 15px;
}

.fbconnect_share{
	float:right;
	margin-top:17px;
	margin-right:15px;
	position:relative;
	height:33px;
	width:108px;
}

#fbconnect_start_de{
	background: url(../images/facebook_connect/de_facebook_connect.png) !important;
}
#fbconnect_start_en{
	background: url(../images/facebook_connect/en_facebook_connect.png) !important;
}
#fbconnect_start_es{
	background: url(../images/facebook_connect/es_facebook_connect.png) !important;
}
#fbconnect_start_fr{
	background: url(../images/facebook_connect/fr_facebook_connect.png) !important;
}
#fbconnect_start_it{
	background: url(../images/facebook_connect/it_facebook_connect.png) !important;
}
#fbconnect_start_pl{
	background: url(../images/facebook_connect/pl_facebook_connect.png) !important;
}
#fbconnect_start_tr{
	background: url(../images/facebook_connect/tr_facebook_connect.png) !important;
}

.fbconnect_inactiv{
	float:right;
	margin-top:17px;
	margin-right:34px;
	position:relative;
	height:20px;
	width:86px;
	background: url(../images/fbconnect_gray.png) !important;
}

.fbconnect_login{
	float:left;
	z-index:1;
	position:relative;
	height:20px;
	width:86px;
	background: url(../images/facebook_connect.png);
}


#fbconnect_login_de{
	background: url(../images/facebook_connect/de_facebook_connect.png) !important;
}
#fbconnect_login_en{
	background: url(../images/facebook_connect/en_facebook_connect.png) !important;
}
#fbconnect_login_es{
	background: url(../images/facebook_connect/es_facebook_connect.png) !important;
}
#fbconnect_login_fr{
	background: url(../images/facebook_connect/fr_facebook_connect.png) !important;
}
#fbconnect_login_it{
	background: url(../images/facebook_connect/it_facebook_connect.png) !important;
}
#fbconnect_login_pl{
	background: url(../images/facebook_connect/pl_facebook_connect.png) !important;
}
#fbconnect_login_tr{
	background: url(../images/facebook_connect/tr_facebook_connect.png) !important;
}

.fbconnect_share_de{
	background: url(../images/facebook_connect/de_facebook_share.png) !important;
}
.fbconnect_share_en{
	background: url(../images/facebook_connect/en_facebook_share.png) !important;
}
.fbconnect_share_es{
	background: url(../images/facebook_connect/es_facebook_share.png) !important;
}
.fbconnect_share_fr{
	background: url(../images/facebook_connect/fr_facebook_share.png) !important;
}
.fbconnect_share_it{
	background: url(../images/facebook_connect/it_facebook_share.png) !important;
}
.fbconnect_share_pl{
	background: url(../images/facebook_connect/pl_facebook_share.png) !important;
}
.fbconnect_share_tr{
	background: url(../images/facebook_connect/tr_facebook_share.png) !important;
}

.fbconnect_register{
	float:left;
	z-index:1;
	position:relative;
	height:20px;
	width:86px;
	background: url(../images/facebook_connect.png);
}

#fbconnect_register_de{
	background: url(../images/facebook_connect/de_facebook_connect.png) !important;
}
#fbconnect_register_en{
	background: url(../images/facebook_connect/en_facebook_connect.png) !important;
}
#fbconnect_register_es{
	background: url(../images/facebook_connect/es_facebook_connect.png) !important;
}
#fbconnect_register_fr{
	background: url(../images/facebook_connect/fr_facebook_connect.png) !important;
}
#fbconnect_register_it{
	background: url(../images/facebook_connect/it_facebook_connect.png) !important;
}
#fbconnect_register_po{
	background: url(../images/facebook_connect/pl_facebook_connect.png) !important;
}
#fbconnect_register_tr{
	background: url(../images/facebook_connect/tr_facebook_connect.png) !important;
}


/** GOOGLE **/

.google_loading_header_img{
    margin-top:300px;
}

.google_loading_bottom{
    position:absolute;
    margin-top:4000px !important;
}

.google_loading_img{
    display:block;
    margin:auto;
    height:64px;
    width:64px;
    background: url(../images/google_loading.gif) !important;
}

.google_loading_hide{
    display:none;
}

#google_loading{
    z-index:99;
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color: #380800;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#googleSignInWrapper{
    margin-top: 2px;
}

.googleconnect_start{
    margin-top:2px;
    margin-left:10px;
    position:absolute;
    height:20px;
    width:86px;
    background: url(../images/google_connect/de_google_connect.jpg);
}

.google_connect_portal{
    right: 0px;
    top: 5px;
}

.googleconnect_share{
    margin-top:5px;
    margin-right:10px;
    position:absolute;
    height:33px;
    width:108px;
}

#googleBtn {
}
#googleBtn:hover {
}
div.googlelabel {
}
div.googleicon {
}
div.googlebuttonText {
}

#googleconnect_start_de{
    background: url(../images/google_connect/de_google_connect.jpg) !important;
}
#googleconnect_start_en{
    background: url(../images/google_connect/en_google_connect.jpg) !important;
}
#googleconnect_start_es{
    background: url(../images/google_connect/es_google_connect.jpg) !important;
}
#googleconnect_start_fr{
    background: url(../images/google_connect/fr_google_connect.jpg) !important;
}
#googleconnect_start_it{
    background: url(../images/google_connect/it_google_connect.jpg) !important;
}
#googleconnect_start_pl{
    background: url(../images/google_connect/pl_google_connect.jpg) !important;
}
#googleconnect_start_tr{
    background: url(../images/google_connect/tr_google_connect.jpg) !important;
}

.googleconnect_inactiv{
    float:right;
    margin-top:17px;
    margin-right:34px;
    position:relative;
    height:20px;
    width:86px;
    background: url(../images/fbconnect_gray.png) !important;
}

.googleconnect_login{
    float:right;
    z-index:1;
    position:relative;
    height:20px;
    width:86px;
    background: url(../images/google_connect/de_google_connect.jpg);
    margin-right: 40px;
}


#googleconnect_login_de{
    background: url(../images/google_connect/de_google_connect.jpg) !important;
}
#googleconnect_login_en{
    background: url(../images/google_connect/en_google_connect.jpg) !important;
}
#googleconnect_login_es{
    background: url(../images/google_connect/es_google_connect.jpg) !important;
}
#googleconnect_login_fr{
    background: url(../images/google_connect/fr_google_connect.jpg) !important;
}
#googleconnect_login_it{
    background: url(../images/google_connect/it_google_connect.jpg) !important;
}
#googleconnect_login_pl{
    background: url(../images/google_connect/pl_google_connect.jpg) !important;
}
#googleconnect_login_tr{
    background: url(../images/google_connect/tr_google_connect.jpg) !important;
}

.googleconnect_share_de{
    background: url(../images/google_connect/de_facebook_share.png) !important;
}
.googleconnect_share_en{
    background: url(../images/google_connect/en_facebook_share.png) !important;
}
.googleconnect_share_es{
    background: url(../images/google_connect/es_facebook_share.png) !important;
}
.googleconnect_share_fr{
    background: url(../images/google_connect/fr_facebook_share.png) !important;
}
.googleconnect_share_it{
    background: url(../images/google_connect/it_facebook_share.png) !important;
}
.googleconnect_share_pl{
    background: url(../images/google_connect/pl_facebook_share.png) !important;
}
.googleconnect_share_tr{
    background: url(../images/google_connect/tr_facebook_share.png) !important;
}

.googleconnect_register{
    float:left;
    z-index:1;
    position:relative;
    height:20px;
    width:86px;
    background: url(../images/google_connect/de_google_connect.jpg);
}

#googleconnect_register_de{
    background: url(../images/google_connect/de_google_connect.jpg) !important;
}
#googleconnect_register_en{
    background: url(../images/google_connect/en_google_connect.jpg) !important;
}
#googleconnect_register_es{
    background: url(../images/google_connect/es_google_connect.jpg) !important;
}
#googleconnect_register_fr{
    background: url(../images/google_connect/fr_google_connect.jpg) !important;
}
#googleconnect_register_it{
    background: url(../images/google_connect/it_google_connect.jpg) !important;
}
#googleconnect_register_po{
    background: url(../images/google_connect/pl_google_connect.jpg) !important;
}
#googleconnect_register_tr{
    background: url(../images/google_connect/tr_google_connect.jpg) !important;
}

/** AJAX **/

.ajax_loading_header_img{
	margin-top:355px;
}

.ajax_loading_bottom{
	position:absolute;
	margin-top:4000px !important;
}

.ajax_loading_img{
	display:block;
	margin:auto;
	height:64px;
	width:64px;
	background: url(../images/ajax_loading.gif) !important;
}

#ajax_loading{
	/*display:none;*/
	z-index:99;
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color: #2b2b2b;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.echeckname_loading_img{
	display:block;
	float:left;
	height:20px;
	width:20px;
	background: url(../images/checkname_ajax.gif) !important;	
}

/** MGM **/
.select200{
	width:200px;
}

.margin15{
	margin-top:15px;
	margin-right:15px;
}

/** ScrollToTop **/
#scrollToTop {
	position: fixed;
	display: none;
	width: 18px;
	height: 19px;
	cursor: pointer;
	background: url(../images/btnBackToTop.jpg) no-repeat !important;
}

.ellipsis180 {
	overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 180px;
}