html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	min-height: 100%;
	margin-bottom:1px;
	background-color:#000000;
	background-image:url(img/background.gif);
	background-position: bottom center;
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	}

table {
	font-size:1em;
	}

img {
	border:none;
	}
	
p {text-align:left;}

#container{
	position:relative;
	width:800px;
	margin-top:40px;
	margin-left:auto; margin-right:auto;
	background-image:url(img/leftbar.jpg);
	background-repeat:repeat-y;
	background-position: left bottom;
	text-align:left;
	}

#mouseover_display01, #mouseover_display02{
	display:block;
	position:absolute;
	width:224px;
	height:16px;
	top:237px;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	text-align:center;
	}
#mouseover_display01{
	left:216px;
	}
#mouseover_display02{
	left:566px;
	}

#mainmenu a{
	display:block;
	width:70px;	height:55px;
	position:absolute;
	top:176px;
	overflow:hidden;
	cursor:pointer;
	}
#mainmenu span{
	display:none;
	}

#mainmenu #menu_overview {
	left:216px;
	background-image:url(img/btn_overview_up.jpg);
	}
#mainmenu #menu_overview:hover {
	background-image:url(img/btn_overview_over.jpg);
	}
#mainmenu #menu_messages {
	left:292px;
	background-image:url(img/btn_messages_up.jpg);
	}
#mainmenu #menu_messages:hover {
	background-image:url(img/btn_messages_over.jpg);
	}
#mainmenu #menu_messages.new {
	background-image:url(img/btn_messages_new_up.jpg);
	}
#mainmenu #menu_messages.new:hover {
	background-image:url(img/btn_messages_new_over.jpg);
	}
#mainmenu #menu_pitlane {
	left:367px;
	background-image:url(img/btn_pitlane_up.jpg);
	}
#mainmenu #menu_pitlane:hover {
	background-image:url(img/btn_pitlane_over.jpg);
	}
#mainmenu #menu_tuning {
	width:120px; height:24px;
	left:443px;
	background-image:url(img/btn_tuning_up.jpg);
	}
#mainmenu #menu_tuning:hover {
	background-image:url(img/btn_tuning_over.jpg);
	}
#mainmenu #menu_race {
	width:120px; height:53px;
	left:443px; top:201px;
	background-image:url(img/btn_race_up.jpg);
	}
#mainmenu #menu_race:hover {
	background-image:url(img/btn_race_over.jpg);
	}
#mainmenu #menu_highscore {
	left:720px;
	background-image:url(img/btn_highscore_up.jpg);
	}
#mainmenu #menu_highscore:hover {
	background-image:url(img/btn_highscore_over.jpg);
	}
#mainmenu #menu_premium {
	left:644px;
	background-image:url(img/btn_premium_up.jpg);
	}
#mainmenu #menu_premium:hover {
	background-image:url(img/btn_premium_over.jpg);
	}
#mainmenu #menu_ally {
	left:569px;
	background-image:url(img/btn_ally_up.jpg);
	}
#mainmenu #menu_ally:hover {
	background-image:url(img/btn_ally_over.jpg);
	}

#toolsmenu a{
	display:block;
	position:absolute;
	width:110px; height:22px;
	right:0px; 
	overflow:hidden;
	color:#FFFFFF;
	line-height:22px;
	text-decoration:none;
	text-align:left;
	text-transform:uppercase;
	cursor:pointer;
	}
#toolsmenu a span{
	padding-left:20px;
	}
#menu_settings {
	top:29px;
	background-image:url(img/btn_settings_up.jpg);
	}
#menu_settings:hover {
	background-image:url(img/btn_settings_over.jpg);
	}
#menu_forum {
	top:52px;
	background-image:url(img/btn_settings_up.jpg);
	}
#menu_forum:hover {
	background-image:url(img/btn_settings_over.jpg);
	}
#menu_logout {
	top:6px;
	background-image:url(img/btn_logout_up.jpg);
	}
#menu_logout:hover {
	background-image:url(img/btn_logout_over.jpg);
	}
#menu_help {
	top:75px;
	background-image:url(img/btn_settings_up.jpg);
	}
#menu_help:hover {
	background-image:url(img/btn_settings_over.jpg);
	}
#menu_search {
	top:98px;
	background-image:url(img/btn_settings_up.jpg);
	}
#menu_search:hover {
	background-image:url(img/btn_settings_over.jpg);
	}
	

#header {
	width:766px;
	height:265px;
	background-image: url(img/header.jpg);
	margin-left:34px;
	}
	
#header_start {
	width:766px;
	height:321px;
	background-image: url(img/start_header.jpg);
	margin-left:34px;
	}
	
#babe {
	width:256px;
	height:384px;
	position:absolute;
	top:-48px;
	left:-55px;
	background-image:url(img/babe.png);
	z-index:6;
	}

#footer {
	position:relative;
	width:800px;
	margin-left:auto; margin-right:auto;
	margin-bottom:60px;
	}
#foot_keyleft{
	position:absolute;
	left:-57px;
	bottom:-40px;
	width:242px;
	height:397px;
	background-image:url(img/left_key.jpg);
	background-position:left bottom;
	z-index:3;
	}
#foot_keypart{
	position:absolute;
	left:185px;
	bottom:-40px;
	width:37px;
	height:97px;
	background-image:url(img/key_part.png);
	background-position:left bottom;
	z-index:3;
	}
#foot_bar{
	position:absolute;
	right:0px;
	bottom:-40px;
	width:578px;
	height:114px;
	background-image:url(img/footer.jpg);
	background-position:right bottom;
	z-index:3;
	}

#impressum{
	font-size:10px;
	color:#FFFFFF;
	margin-bottom:3px;
	background-color:#660000;
	}
#impressum a{
	font-size:14px;
	color:#FFFFFF;
	}
#impressum .gflink{
	font-size:10px;
	color:#FFFFFF;
	margin-right:20px;
	}


#side_text {
	margin-top:10px;
	width:88px;
	height:420px;
	background-repeat:no-repeat;
	background-position:top right;
	}
div.overview {
	background-image:url(img/text_de_overview.jpg);
	}
div.messages {
	background-image:url(img/text_de_messages.jpg);
	}
div.pitlane {
	background-image:url(img/text_de_pitlane.jpg);
	}
div.shop {
	background-image:url(img/text_de_shop.jpg);
	}
div.work {
	background-image:url(img/text_de_work.jpg);
	}
div.tuning {
	background-image:url(img/text_de_tuning.jpg);
	}
div.race {
	background-image:url(img/text_de_race.jpg);
	}
div.highscore {
	background-image:url(img/text_de_highscore.jpg);
	}
div.premium {
	background-image:url(img/text_de_premium.jpg);
	}
div.help {
	background-image:url(img/text_de_help.jpg);
	}
div.settings {
	background-image:url(img/text_de_settings.jpg);
	}
	
#cont_leftside {
	background-image:url(img/side_bg.jpg); vertical-align:top; padding-bottom:350px;
	}
#deco_left {
	background-image:url(img/side_stripes.jpg);
	}
#content {
	background-image:url(img/content_bg.jpg);
	border:solid 1px #afa035;
	padding-bottom:60px;
	vertical-align:top;
	text-align:center;
	}
#deco_right {
	background-image:url(img/side_bg.jpg); background-position:right;
	}

#start_menu {
	position:absolute;
	z-index:4;
	width:188px;
	height:250px;
	background-image:url(img/start_menu.jpg);
	background-color:red;
	}
#start_menu h1 {
	height:32px;
	margin:0;
	font-size:1em;
	visibility:hidden;
	}
#start_menu a {
	display:block;
	margin:6px 34px 0px 18px;
	height:24px;
	line-height:22px;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	}
#start_menu a:hover {
	text-decoration:underline;
	}
	
#content h1 {
	margin:6px 6px 10px 6px;
	font-size:1.8em;
	font-weight:normal;
	padding-left:36px;
	padding-bottom:8px;
	background-image: url(img/h1.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-align:left;
	}

#content h2 {
	background-image:url(img/h2_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border-left:1px solid #9a8b20;
	border-bottom:1px solid #9a8b20;
	background-color:#000000;
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	text-align:right;
	float:right;
	margin:0px 0px 10px 0px;
	padding:2px;
	padding-left:150px;
	}

#content div {
	margin-left:auto;margin-right:auto; margin-bottom:20px; border:1px solid #9a8b20; background-color:#111111; width:548px; text-align:left; 
	}
#content div div {
	margin:0px;
	}
p { margin:4px 4px 10px 4px;}

a {color:#fee219;}
 
#content.faq li {
 font-size:1.1em;
 padding-left:4px; margin-top:6px;
 }
#content.faq h3 {
 font-size:1em;
 padding-left:6px;
 color:#fee219;
 }

#content table {clear:both; text-align:left;}
#content.highscore table {font-size:0.85em;}

#content th {font-weight:normal; padding:0px 6px; text-align:left;}
#content td {border-left:2px solid #111111; }
#content.highscore td {padding-left:8px; }
#content tr{
	background-color:#282828; height:22px;
	}
#content tr.alt{
	background-color:#464545;
	}

#content tr div{
	width:240px;
	float:left;
	background-color:#121212;
	padding:1px;
	border:solid 1px #948624;
	margin-right:4px;
	overflow:hidden;
	}
#content tr.alt div{
	background-color:#1f1f1f;
	}
#content tr div div{
	height:12px;
	background-color:#e7cf1f;
	padding:0;
	}
#content tr div div div{
	border:none;
	float:right;
	margin:0;
	background-color:#00CC00;
	}
#content tr.alt div div{
	height:12px;
	background-color:#e7cf1f;
	padding:0;
	}
#content tr.alt div div div{
	background-color:#00CC00;
	}

#activeItems {
	font-weight:bold;
	color:#00cc00;
	}

#attributes a { color:#FFFFFF; text-decoration:none; display:block; padding-left:20px; background-image:url(img/plus_yellow.gif); background-repeat:no-repeat; background-position:2px center;} }
#attributes span {
	display:block;
	padding-left:20px;
	background-image:url(img/plus_grey.gif);
	background-repeat:no-repeat;
	background-position:2px center;
	}
#attributes a:hover {
	background-color:#666666;
	}
	
#content.oog_main div { width:480px; margin-left:auto;margin-right:auto;}

#content.oog_main ul {
 list-style-image:url(img/bullet.gif);
 margin-left:60px;
 }
#content.oog_main li {
 font-size:1.1em;
 padding-left:20px; margin-top:10px;
 }

#oog_main_welcome {
	margin-top:20px;
	background-image:url(img/signal.jpg);
	background-repeat:no-repeat;
	background-position:10px center;
	}
p#oog_main_welcometext {
	font-size:1.8em;
	}
#oog_main_welcome p {
	padding-left:30px;
	text-align:center;
	}
#oog_main_signup {
	text-align:center;
	font-size:1.6em;
	margin:20px;
	}


.item {
margin-top:10px;
vertical-align:top;
}
#content .premium table div {margin:0;}
 
/*VSpacer - minimalhöher des inhaltsbereichs, damit sich schlüssel und menü nicht überlappen - speziell auf OOG-seiten*/
#vspacer {height:600px;}
 .tabs {
font-size:0.8em; height:20px; text-align:center; vertical-align:middle; text-transform:uppercase; height:32px;
}
.tabs td { background-image:url(img/tab.gif); border:1px solid #FFFFFF; text-align:center;}
.tabs td.active { background-image:none; background-color:#000000; border:1px solid #9a8b20;}
#content .item h2, #content .premium h2, #content #battlerep h2 {
float:none;
width:100%;
padding:2px;
text-align:right;
width:auto;
}

.item a { display:block; border:1px solid #9a8b20; background-color:#111111; text-align:center; font-weight:bold; }

.side_more {background-color:#333333; border:1px solid #9a8b20; text-align:center; line-height:1.2em;}

.itemdesc {text-align:justify; font-size:10px;}

 .leftmenu {
font-size:1.0em; height:20px; text-align:center; vertical-align:middle; text-transform:uppercase; height:32px;
}
.leftmenu td { background-image:url(img/tab.gif); border:1px solid #FFFFFF; text-align:center;}
.leftmenu td.active { background-image:none; background-color:#000000; border:1px solid #9a8b20;}

#left_menu {
	z-index:5;
	position:relative;
	top:40px;
	width:150px;
	height:282px;
	background-image:url(img/left_menu.jpg);
	}
#left_menu a {
	display:block;
	margin:6px 9px 0px 18px;
	height:24px;
	line-height:22px;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	}
#left_menu a:hover {
	text-decoration:underline;
	}
#left_menu h1 {
	height:32px;
	margin:0;
	font-size:1em;
	visibility:hidden;
	}