/*------------------------------------------------------------------*/
/* Cascading Style Sheet für Games4Mac.de                           */
/*------------------------------------------------------------------*/
/* Author: Felix Wandler, webmaster@games4mac.de                    */
/* Copyright 2000 - 2010 by Felix Wandler                           */
/* Copyright 2000 - 2010 by Games4Mac.de                            */
/*------------------------------------------------------------------*/
/* Der Inhalt dieses Style Sheets steht unter Copyright von         */
/* Games4Mac.de. Es ist nicht gestattet den Inhalt dieses           */
/* Dokumentes ohne Einverständnis des Webmasters                    */
/* (webmaster@games4mac.de) zu kopieren oder weiterzuverwenden.     */
/*------------------------------------------------------------------*/
/* Erstellt:  10. Okt 2009      202D45                              */
/* Update:    30. Okt 2009                                          */
/*------------------------------------------------------------------*/

/* 
 * ========================================
 * Globale Elemente
 * ========================================
 */


html
	{
	overflow-x: auto; 			/* MSIE Scrollbalken-Fix*/
	}

body
	{ 
	background: #a3a3a3 url(../../media_g4m/refresh/background_schleife.png) no-repeat;
	background-position: top center;
	color: #58585a;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, Arial, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;				/* Opera Fix */
	text-align: center;			/* Zentrierung fuer den MSIE */
	}

#wrapper
	{ 
	margin: 0px auto 0px auto;	/* Zentrierung und x Pixel an den Raendern */
	text-align: left;			/* Re-Justierung für den MSIE */
	width: 876px;
	border: 0px;
	background: transparent;
	padding: 0px 10px 0px 10px;
	}

.header
	{
	background: transparent;
	border: 0px;
	padding: 0px;
	margin: 0;
	}

#logo
	{
	background: url(../../media_g4m/refresh/header_blau.png) no-repeat;
	border: 0px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	}

.content
	{
	background: transparent url(../../media_g4m/refresh/background.png);
	border: 0px;
	padding: 0px;
	margin: 0px;
	}

.content_menubalken
	{
	background: #FFFFFF;
	width: auto;
	padding: 6px 7px 6px 7px;
	margin: 12px 0px 12px 0px;
	text-align: center;
	}
	
#contentbody
	{
	background: transparent;
	width: 468px;
	border: 0px;
	margin: 0px 0px 0px 187px;
	padding: 21px 0px 21px 0px;
	}     

#menu1
	{
	background: url(../../media_g4m/refresh/menu1.png);
	border: 0px;
	height: 23px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}


#menu2
	{
	background: url(../../media_g4m/refresh/menu2.png);
	width: 138px;
	height: auto;
	border: 0px;
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 21px 0px;
	float: left;
	display: inline;			/*MSIE Doppel-Margin Fix*/
	}
	
.menupunkte
	{
	list-style-type: none;
	margin: 0px;
	font-size: 16px;
	padding: 0px 0px 0px 12px;
	float: left;
	}

.menupunkte a:link, .menupunkte a:visited { text-decoration: none; color: #58585a; }
.menupunkte a:hover, .menupunkte a:active { text-decoration: none; color: #000000; }


.menupunkte_head
	{
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	}
	
#sidekick
	{
	background: transparent;
	width: 160px;
	height: auto;
	border: 0px;
	margin: 21px 30px 21px 0px;
	padding: 0px;
	float: right;
	display: inline; 			/*MSIE Doppel-Margin Fix*/
	}

.footer
	{
	background: url(../../media_g4m/refresh/footer.png) no-repeat;
	background-position: bottom;
	border: 0px;
	height: auto;
	padding: 15px 0px 15px 186px;
	margin: 0;
	clear: both;
	}

html>body .clearer
	{
	height: 1px;
	overflow: auto;
	clear: both;
	margin: -1px 0px 0px 0px;
	}

img
	{
	border: 0px;
	}
	
td
	{
	vertical-align: top;
	}
	
table
	{
	border-collapse: collapse;
	}

.datum
	{
	font-size: 11px;
	color: #ffffff;
	margin: 74px 30px 0px 0px;
	float: right;
	text-transform: uppercase;
	}

blockquote
	{
	border-left: 2px solid #58585a;
	padding: 0px 0px 0px 10px;
	margin: 15px 20px 15px 12px;
	font-size: 14px;
	line-height: 120%;
	text-align: justify;
	}

.bild_links
	{
	margin: 0px 10px 10px 0px;
	border: 1px solid #58585a;
	float: left;
	}

.bild_rechts
	{
	margin:	0px 0px 10px 10px;
	border: 1px solid #58585a;
	float: right;
	}

.werbebanner
	{
	margin: 0px 0px 12px 0px;
	}

.werbebanner2
	{
	margin: 12px 0px 12px 0px;
	}

textarea
	{
	background: #FFFFFF;
	border: 1px solid #58585a;
	padding: 3px;
	margin: 3px 0px 5px 0px;
	color: #58585a;
	font-size: 14px;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, Arial, sans-serif;
	}


/* 
 * ========================================
 * Basis Elemente
 * ========================================
 */

.artikel_bilderzeile
	{
	width: auto;
	padding: 3px 7px 3px 7px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}
	
.artikel_bilderzeile_bild_links
	{
	float: left;
	}

.artikel_bilderzeile_bild_rechts
	{
	float: right;
	}

.artikel_bilderzeile img
	{
	margin: 0px 0px 0px 0px;
	border: 1px solid #58585a;
	}

.startseite_spielderwoche
	{
	margin: -5px -7px 10px 10px;
	border-left: 1px solid #377eab;
	border-bottom: 1px solid #377eab;
	float: right;
	}

.teaser
	{
	margin: 0px 10px 0px 0px;
	float: left;
	}
	
.teaser_trailer
	{
	margin: -5px -7px -7px -7px;
	}

.benchmark_diagramm
	{
	margin: 0px 0px -4px 0px;
	}

.feature_kasten
	{
	height: 196px;
	width: 468px;
	padding-top: 4px;
	}
	
.feature_kasten_headline,
.feature_kasten_headline a:link,
.feature_kasten_headline a:visited,
.feature_kasten_headline a:hover,
.feature_kasten_headline a:active
	{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background: #377eab;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
.feature_kasten_subline
	{
	font-size: 11px;
	color: #646567;
	background: #FFFFFF;
	padding: 4px 7px 4px 7px;
	}

/* Workarround für Span-Abstände padding-höhe+padding-höhe=x ja, böse ;-) */
.feature_kasten_abstandhalter
	{
	height: 8px
	}

.headline_kasten
	{
	width: 458px;
	background: #ffffff;
	border-bottom: 1px solid #377eab;
	padding:5px 5px 5px 5px;
	}
	
.headline_kasten_font_normal
	{
	font-size: 14px;
	}
	
.headline_kasten_font_klein
	{
	font-size: 11px;
	}


#livesearch
	{
	width: 186px;
	max-height: 450px;
	padding: 7px;
	background: #FFFFFF;
	z-index: 50;
	position: absolute;
	display: none;
	overflow: auto;
	border: 1px solid #377eab;
	-webkit-box-shadow: 5px 5px 8px #707070; /*horizontal-vertical-blur*/
	-moz-box-shadow: 5px 5px 8px #707070;
	box-shadow: 5px 5px 8px #707070;
	}

#livesearch ul
	{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

#livesearch li
	{
	margin: 0px;
	padding: 0px 0px 7px 0px;
	}

#txt1
	{
	margin: 0px;
	width: 186px;
	border: 1px solid #377eab;
	padding: 1px 5px 1px 5px;
	}
	
/* 
 * ========================================
 * Basis-Elemente: Sliderbar
 * ========================================
 */

#container
	{
	width: 580px;
	margin: 15px auto;
	padding: 50px;
	}

.sliderGallery
	{
	overflow: hidden;
	position: relative;
	padding: 0px;
	height: 200px;
	width: 468px;
	}
        
.sliderGallery ul
	{
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	}
        
.sliderGallery ul li
	{
	display: inline;
	}
        
.slider
	{
	width: 468px;
	height: 20px;
	margin-top: 180px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	position: relative;
	background: url(http://games4mac.de/media_g4m/site/slider/scrollbar.png) no-repeat;
	}
        
.handle
	{
	position: absolute;
	cursor: move;
	height: 20px;
	width: 120px;
	top: 0;
	background: url(http://games4mac.de/media_g4m/site/slider/scroller.png) no-repeat;
	z-index: 100;
	}
        
.slider span
	{
	color: #bbb;
	font-size: 80%;
	cursor: pointer;
	position: absolute;
	z-index: 110;
	top: 3px;
	}
 
/* 
 * ========================================
 * Typografie
 * ========================================
 */	
 
h1
	{
	font-weight: bold;
	font-size: 16px;
	color: #3d3d3f;
	margin: 0px 0px 0px 0px;
	background: url(../../media_g4m/refresh/punkt_blau.gif) no-repeat;
	background-position: left center;
	padding-left: 12px;
	}

h2
	{
	font-weight: bold;
	font-size: 14px;
	color: #3d3d3f;
	margin: 0px 0px 0px 0px;        
	}

h2 a:link { text-decoration: none; color: #3d3d3f; }
h2 a:visited { text-decoration: none; color: #3d3d3f; }
h2 a:hover { text-decoration: none; color: #3d3d3f; }

h3	
	{
	font-size: 11px;
	font-weight: lighter;
	color: #3d3d3f;
	margin: 0px 0px 8px 0px;
	}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { text-decoration: underline; color: #3d3d3f; }

 .memberbar
	{
	font-size: 11px;
	color: #58585a;
	padding: 21px 0px 0px 12px;
	float: left;
	}

.memberbar a:link, .memberbar a:visited { text-decoration: none; color: #58585a; }
.memberbar a:hover, .memberbar a:active { text-decoration: none; color: #000000; }

.menu1font1
	{
	font-size: 14px;
	margin: 3px 0px 0px 30px;
	color: #ffffff;
	float: left;
	text-transform: uppercase;
	}
        
.menu1font1 a:link, .menu1font1 a:visited, .menu1font1 a:active { text-decoration: none; color: #ffffff; }

.menu1font2
	{
	font-size: 14px;
	margin: 3px 30px 0px 0px;
	color: #ffffff;
	float: right;
	text-transform: uppercase;
	}
.menu1font2 a:link, .menu1font2 a:visited, .menu1font2 a:active { text-decoration: none; color: #ffffff; }

#klein
	{
	font-size: 11px;
	color: #646567;
	}

#klein a:link, #klein a:visited, #klein a:active { text-decoration: none; color: #646567; }

.klein2
	{
	font-size: 11px;
	color: #646567;
	}

.klein2 a:link, .klein2 a:visited, .klein2 a:active { text-decoration: none; color: #646567; }

.normal,
.normal_terminal
	{
	line-height: 135%;
	}
	
.normal a:link, .normal_terminal a:link { text-decoration: none; color: #377eab; }
.normal a:visited, .normal_terminal a:visited { text-decoration: none; color: #5f98bc; }
.normal a:hover, .normal_terminal a:hover, .normal a:active, .normal_terminal a:active { text-decoration: underline; color: #377eab; }

.normal_terminal blockquote
	{
	border-left: 2px solid #58585a;
	padding: 0px 0px 0px 10px;
	margin: 15px 20px 15px 12px;
	font-size: 12px;
	font-family: Monaco, Geneva, Arial, sans-serif;
	line-height: 120%;
	text-align: left;
	}

.mittel
	{
	font-size: 12px;
	line-height: 135%;
	}

.mittel a:link { text-decoration: none; color: #377eab; }
.mittel a:visited { text-decoration: none; color: #5f98bc; }
.mittel a:hover, .mittel a:active { text-decoration: underline; color: #377eab; }

#inaktiv
	{
	color: #C1C1C1;
	}
	
#inaktiv2
	{
	color: #C1C1C1;
	}

/* 
 * ========================================
 * Startseite, News, Sidekick
 * ========================================
 */	
 
 .meldungen
	{
	line-height: 135%;
	}

.meldungen a:link { text-decoration: none; color: #377eab; }
.meldungen a:visited { text-decoration: none; color: #5f98bc; }
.meldungen a:hover, .meldungen a:active { text-decoration: underline; color: #377eab; }

.meldungen img
	{
	margin: 0px 0px 10px 10px;
	border: 1px solid #58585a;
	}

.meldungen_headlines a:link { text-decoration: none; color: #58585a; }
.meldungen_headlines a:visited { text-decoration: none; color: #868889; }
.meldungen_headlines a:hover, .meldungen_headlines a:active { text-decoration: underline; color: #377eab; }

.sidekickheader
	{
	font-size: 13px;
	background: #377eab;
	color: #FFFFFF;
	width: auto;
	padding: 2px 0px 1px 7px;
	}
	
.sidekickheader_blau
	{
	font-size: 13px;
	background: #377eab;
	color: #FFFFFF;
	width: auto;
	padding: 2px 0px 1px 7px;
	}

.sidekickheader_violett
	{
	font-size: 13px;
	background: #ba2b58;
	color: #FFFFFF;
	width: auto;
	padding: 2px 0px 1px 7px;
	}
	
.sidekickheader_gelbgruen
	{
	font-size: 13px;
	background: #b7b71a;
	color: #FFFFFF;
	width: auto;
	padding: 2px 0px 1px 7px;
	}

.sidekicktext
	{
	font-size: 14px;
	background: #FFFFFF url(../../media_g4m/site/blau/sidekick_grauweiss.gif) no-repeat;
	background-position: bottom;
	color: #58585a;
	padding: 5px 7px 7px 7px;
	line-height: 110%;
	}

.sidekicktext a:link { text-decoration: none; color: #58585a; }
.sidekicktext a:visited { text-decoration: none; color: #58585a; }
.sidekicktext a:hover, .sidekicktext a:active { text-decoration: none; color: #58585a; }

.header_startseite
	{
	font-size: 13px;
	background: #377eab;
	background-position: top;
	color: #FFFFFF;
	width: auto;
	padding: 2px 0px 1px 7px;
	}
	
.header_startseite_2
	{
	font-size: 12px;
	background: #FFFFFF url(../../media_g4m/site/blau/header_startseite_228_weiss.gif) no-repeat;
	background-position: bottom;
	border-bottom: solid 1px #377eab;
	border-top: solid 1px #377eab;
	width: auto;
	padding: 3px 7px 3px 7px;
	text-align: right;
	}

.header_startseite_text
	{
	font-size: 14px;
	background: #FFFFFF url(../../media_g4m/site/blau/header_startseite_228_text.gif) no-repeat;
	background-position: bottom;
	padding: 5px 7px 7px 7px;
	}

.header_startseite_text a:link { text-decoration: none; }
.header_startseite_text a:visited { text-decoration: none; color: #5f98bc; }
.header_startseite_text a:hover, .header_startseite_text a:active { text-decoration: none; color: #377eab; }

/* 
 * ========================================
 * Testbericht / Erste Einblicke
 * ========================================
 */

.test_infokasten
	{
	background: #FFFFFF;
	width: auto;
	padding: 6px 7px 6px 7px;
	margin: 12px 0px 12px 0px;
	}
	
.test_info_rechts
	{
	float: right;
	width: 210px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.test_wertung
	{
	background: #FFFFFF;
	width: auto;
	}

.test_wertung_text
	{
	background: #FFFFFF;
	float: left;
	padding: 5px 7px 3px 7px;
	margin: 0px 0px 0px 0px;
	}

.test_wertung_details
	{
	width: auto;
	padding: 6px 14px 3px 14px;
	margin: 0px 0px 0px 117px;
	}

.ersteinschaetzung_bild
	{
	float: right;
	width: auto;
	margin: 10px 10px 10px 0px;
	}

.test_wertung_prozent
	{
	float: right;
	width: auto;
	font-size: 45px;
	margin: 10px 10px 10px 0px;
	}

.test_cover
	{
	background: url(../../media_g4m/site/blau/test_cover.gif) no-repeat;
	background-position: right;
	float: right;
	width: 103px;
	height: 117px;
	margin: 9px 0px 0px 0px;
	}

.test_positiv
	{
	background: #64B230;
	width: auto;
	}

.test_positiv_text
	{
	color: #FFFFFF;
	float: left;
	padding: 5px 7px 0px 7px;
	margin: 0px 0px 0px 0px;
	}

.test_positiv_details
	{
	background: #C4E5AD;
	width: auto;
	padding: 5px 14px 5px 14px;
	margin: 12px 0px 0px 117px;
	}

.test_negativ
	{
	background: #A00E0E;
	width: auto;
	}

.test_negativ_text
	{
	color: #FFFFFF;
	float: left;
	padding: 2px 7px 0px 7px;
	margin: 3px 0px 0px 0px;
	}

.test_negativ_details
	{
	background: #FFBBBB;
	width: auto;
	padding: 5px 14px 5px 14px;
	margin: 0px 0px 0px 117px;
	}

.test_wertung_tabelle
	{
	width: 100%;
	margin: 0px;
	}
	
.test_minimum
	{
	width: 25%;
	height: 18px;
	background: #a00e0e;
	padding: 2px 0px 1px 7px;
	font-size: 14px;
	color: #FFFFFF;
	}

.test_minimum_details
	{
	width: 25%;
	background: #ffbbbb;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	line-height: 135%;
	}

.test_standard
	{
	width: 25%;
	height: 18px;
	background: #ffb400;
	padding: 2px 0px 1px 7px;
	font-size: 14px;
	color: #FFFFFF;
	}

.test_standard_details
	{
	width: 25%;
	background: #ffdb7d;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	line-height: 135%;
	}

.test_optimum
	{
	width: 25%;
	height: 18px;
	background: #64b230;
	padding: 2px 0px 1px 7px;
	font-size: 14px;
	color: #FFFFFF;
	}

.test_optimum_details
	{
	width: 25%;
	background: #c4e5ad;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	line-height: 135%;
	}

.test_testrechner
	{
	width: 25%;
	height: 18px;
	background: #377eab;
	padding: 2px 0px 1px 7px;
	font-size: 14px;
	color: #FFFFFF;
	}

.test_testrechner_details
	{
	width: 25%;
	background: #d7e5ee;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	line-height: 135%;
	}
	
.test_standard_hardware
	{
	width: 50%;
	height: 18px;
	background: #ffb400;
	padding: 2px 0px 1px 7px;
	font-size: 14px;
	color: #FFFFFF;
	}
	
.test_standard_details_hardware
	{
	width: 50%;
	background: #ffdb7d;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	line-height: 135%;
	}
	
.test_testrechner_hardware
	{
	width: 50%;
	height: 18px;
	background: #377eab;
	padding: 2px 0px 1px 7px;
	font-size: 14px;
	color: #FFFFFF;
	}

.test_testrechner_details_hardware
	{
	width: 50%;
	background: #d7e5ee;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	line-height: 135%;
	}

/* 
 * ========================================
 * Releaseliste
 * ========================================
 */

.release_tabelle
	{
	width: 100%;
	margin: 0px;
	}

.release_spiel
	{
	width: 165px;
	height: auto;
	border-bottom: solid 1px #377eab;
	background: #ffffff;
	padding: 2px 0px 2px 7px;
	font-size: 14px;
	color: #377eab;
	text-transform: uppercase;
	}

.release_spiel2
	{
	width: 165px;
	height: auto;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	color: #58585a;
	line-height: 135%;
	}

.release_genre
	{
	width: 158px;
	height: auto;
	border-bottom: solid 1px #377eab;
	background: #ffffff;
	padding: 2px 0px 2px 7px;
	font-size: 14px;
	color: #377eab;
	text-transform: uppercase;
	}

.release_genre2
	{
	width: 158px;
	height: auto;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	color: #58585a;
	line-height: 135%;
	}
	
.release_publisher
	{
	width: 95px;
	height: auto;
	border-bottom: solid 1px #377eab;
	background: #ffffff;
	padding: 2px 0px 2px 7px;
	font-size: 14px;
	color: #377eab;
	text-transform: uppercase;
	}

.release_publisher2
	{
	width: 95px;
	height: auto;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	color: #58585a;
	line-height: 135%;
	}

.release_status
	{
	width: 80px;
	height: auto;
	border-bottom: solid 1px #377eab;
	background: #ffffff;
	padding: 2px 0px 2px 7px;
	font-size: 14px;
	color: #377eab;
	text-transform: uppercase;
	}

.release_status2
	{
	width: 80px;
	height: auto;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	color: #58585a;
	line-height: 135%;
	}

.release_datum
	{
	width: 65px;
	height: auto;
	border-bottom: solid 1px #377eab;
	background: #ffffff;
	padding: 2px 0px 2px 7px;
	font-size: 14px;
	color: #377eab;
	text-transform: uppercase;
	}

.release_datum2
	{
	width: 65px;
	height: auto;
	padding: 4px 7px 4px 7px;
	font-size: 12px;
	color: #58585a;
	line-height: 135%;
	}

.tabellenersatz1
	{
	float: left;
	width: 150px;
	}

/* 
 * ========================================
 * QuickTime Player Plugin (from QT Player)
 * ========================================
 */

.title
	{
	padding-left: 120px;
	min-height: 120px;
	background-image: url(http://images.apple.com/downloads/images/essentials_quicktime20070611.png);
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: middle;
	}

.playButton
	{
	background-color: #58585a;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.25em;
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	position: relative;
	top: 50%;
	zoom: 100%;
	padding: .5em 1em;
	color: white;
	}

.playBackground
	{
	background-color: #000000;
	opacity: 0.0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0px; left: 0px;
	}