* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}


body
{
	width: 920px;
	background: #0B3F79;
	background-image: url(images_hp/shadow_1px.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
}

#page 
{
	background: black;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #cccccc;
	position: absolute;
	width: 900px;
	height: 100%;
	left: 50%;
	top: 0px;
	margin-left: -450px;
}

#footer 
{
	width: 900px;
	height: 100px;
	background-image: url(images_hp/footer.jpg);
	font-size: 0.8em;
	vertical-align: top;
	background-repeat: no-repeat;
}

.footer-link
{
	color: #CCCCCC;
}

/* das zwichen header und footer */
.content {
width: 900px;
height: 100%;
background-image:url(images_hp/box_line.gif);
background-repeat:repeat-y;
}


/* Content nochmal unterteil in linke und rechte spalte */
.content_right {
float: right;
}

.content_left {
float: left;
}


/* Hintergrund fuer die linke inhaltsbox */
.content_left_middle {
background-image: url(images_hp/box_left_middle.gif);
background-repeat: repeat-y;
padding-left: 15px;
padding-right: 15px;
}

.content_left_middle > ul {
padding-left: 25px;
}

/* Hintergrund fuer die linke inhaltsbox ... NUR BEI DER GAMES SECTION !!!! */
.content_left_middle_games {
background-image: url(images_hp/box_left_middle.gif);
background-repeat: repeat-y;
padding-left: 11px;
padding-right: 1px;
}

/* Hintergrund fuer die rechte inhaltsbox */
.content_right_middle {
background-image: url(images_hp/box_right_middle.gif);
background-repeat: repeat-y;
padding-left: 10px;
padding-right: 5px;
}


/* 
Die Texte sind eingerueckt damit die nicht am rand pappen.
Aber die bilder (trennlinie) sind genauso breit wie die sichtbare box,
also muessen die ein wenig nach links korregiert werden.
*/
.content_right_middle > img {
position: relative;
left: -5px;
}


/* 
Die Texte sind eingerueckt damit die nicht am rand pappen.
Aber die banner sind genauso breit wie die sichtbare box,
also muessen die ein wenig nach links korregiert werden.
Dies hier ist notwendig fuer bilder die in einem link
eingepackt sind.
*/
.content_right_middle > a > img {
position: relative;
padding-top: 5px;
left: -5px;
}


/* Ueberschrift */
h1 {
font-size: 10pt;
color: #31B5F2;
}

/* Jahreszahlen in "Games" */
h2 {
font-size: 25px;
font-weight: bolder;
letter-spacing: 5px;
}

/* Hellere Tabellenzeile bei GAMES */
.heller {
background-color: #282828;
}

/* links */
a {
color: #FFCC00;
/*font-weight: bold;*/
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* Linkfarbe fuer Latest News in der rechten Spalte */
h1 > a {
font-size: 10pt;
color: #31B5F2;
}

/* Datum bei den News */
.newsdate {
font-size: 7pt;
}


/* Abstand zwischen den Zeilen bei GAMES */
.gamespadding {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
text-align: left;
vertical-align: top;
}

/* Abstand zwischen den Zeilen bei GAMES .... IE7 HACK !!!*/
.gamespadding* {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
vertical-align: middle;
}

.halbgross {
font-size: 0.5em;
}

.text {
	text-align: justify;
}

/* Buttons: OnMouseOver ohne JS */
.btn_home {
	background-image: url("images_hp/btn_home.png");
}
.btn_home:hover, .btn_home_on {
	background-image: url("images_hp/btn_home_on.png");
}

.btn_news {
	background-image: url("images_hp/btn_news.png");
}
.btn_news:hover, .btn_news_on {
	background-image: url("images_hp/btn_news_on.png");
}

.btn_profile {
	background-image: url("images_hp/btn_profile.png");
}
.btn_profile:hover, .btn_profile_on {
	background-image: url("images_hp/btn_profile_on.png");
}

.btn_games {
	background-image: url("images_hp/btn_games.png");
}
.btn_games:hover, .btn_games_on {
	background-image: url("images_hp/btn_games_on.png");
}

.btn_jobs {
	background-image: url("images_hp/btn_jobs.png");
}
.btn_jobs:hover, .btn_jobs_on {
	background-image: url("images_hp/btn_jobs_on.png");
}