/* CSS Document */



* {

	margin:0;

	padding:0;

	font-size:100%;

}



body{

	text-align:center;

	background-color: #011b34;

	background-image: url(images/center-tail.gif);

	background-repeat: repeat-y;

	background-position: center;

}

.top-bg{

	background-image: url(images/top-bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	background-color: #011b34;

}

.bot-bg{

	background: url(images/bot-bg.png) bottom center no-repeat;



}



img {vertical-align:top;}

a img { border:0;}

ul { list-style:none;}



.left { float:left;}

.right {float:right;}

.clear  { clear:both;}
.tabelle {

}
.tabelle thead td {
	font-weight: bold;
	color: #000;
	background-color: #CCC;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin: 1px;
}
.tabelle tbody td{
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	background-color: #333;
	margin: 1px;
}






html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.385em; color:#a0a7ae;}

td {

	color: #FFF;

}



input, select { vertical-align:middle; font-weight:normal;}



a {

	outline:none;

	text-decoration: none;

	color: #F00;

}

a:hover{

	text-decoration:underline;

}

p {padding-top:18px;}

h3{ font-size:1.462em; color:#239dd9; font-weight:normal; text-transform:uppercase; letter-spacing:-2px; padding-bottom:11px; word-spacing:2px;}

h5{ color:#ececec; font-size:1.077em; background:url(images/title-bg.gif) no-repeat 0 0; padding-left:24px; line-height:1em;}

strong{ color:#239dd9; display:block; padding-bottom:6px;}

.meldung {

	color: #030;

	background-color: #B9FFB9;

	margin: 5px;

	padding: 10px;

	border: 1px solid #030;

	font-weight: bold;

}

.warnung {

	color: #900;

	background-color: #FFD9D9;

	margin: 5px;

	padding: 10px;

	border: 1px solid #900;

	font-weight: bold;

}





#site {

	background-repeat: repeat-x;

	padding: 20px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: solid;

	border-top-color: #036;

	border-right-color: #036;

	border-bottom-color: #036;

	border-left-color: #036;

	background-image: url(/images/site-bg.png);

}



#site-right {

	float: right;

	width: 300px;

}

.linklist li {

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #2E4459;

	border-bottom-color: #0A2035;

	padding-top: 3px;

	padding-right: 10px;

	padding-bottom: 3px;

	padding-left: 20px;

	background-image: url(/images/link_point.gif);

	background-repeat: no-repeat;

	background-position: 10px 11px;

}

.linklist a {

	color: #9baacb;

	text-decoration: none;

}

.linklist a:hover {

	color: #FFF;

	text-decoration: underline;

}





#site-left  {

	width: 603px;

	float: left;

}

.box-head h2 {

	color: #FFF;

	padding-top: 11px;

	padding-left: 40px;

	background-image: url(/images/title-bg.gif);

	background-repeat: no-repeat;

	font-size: 14px;

	background-position: 17px 13px;

}

#site {

	text-align: left;

}



#site-left .box-head {

	background-image: url(/images/site-left-box.jpg);

	height: 42px;

	width: 588px;

	padding-right: 15px;

}

#site-left .box-head .sort {

	margin-top: 12px;

	float: right;

	font-size: 14px;

	color: #FFF;

}

#site-left .box-head .sort a {

	color: #FFF;

}

#site-left .box-head .sort b {

	font-weight: normal;

	text-decoration: underline;

}







#site-left .entry-box {

	background-color: #0E1B2B;

	margin-bottom: 20px;

}

#site-left .entry-box .steps {

	padding: 10px;

	color: #666;

}

#site-left .entry-box .steps a {

	color: #FFF;

	text-decoration: underline;

}



#site-right .box-head {

	background-image: url(/images/site-right-box.jpg);

	height: 42px;

	width: 300px;

}

#site-right .entry-box{

	background-color: #1C3247;

	margin-bottom: 20px;

}

#site-right .entry-box .special {

	background-color: #081420;

	padding: 10px;

	margin-bottom: 10px;

}

#site-right .entry-box .special b {

	color: #F00;

	font-weight: normal;

}

#site-right .entry-box .special a {

	color: #1680F0;

	font-style: normal;

	font-weight: bold;

}

#site-right .entry-box .special .detail {

	margin-left: 22px;

	margin-top: 1px;

	height: 18px;

	overflow: hidden;

}







#site-right .entry-box .special-steps {

	height: 30px;

}

#site-right .entry-box .special-steps  div{

	background-color: #31506F;

	font-weight: bold;

	color: #FFF;

	text-align: center;

	width: 92px;

	margin-right: 2px;

	float: left;

	padding-top: 5px;

	padding-bottom: 5px;

	cursor: pointer;

}

#site-right .entry-box .special-steps div:hover {

	color: #DB0B21;

	background-color: #DDF0FF;

}

#site .game-top {

	height: 40px;

	width: 200px;

	margin-bottom: 10px;

	margin-top: 30px;

}

#site .game-right {

	float: right;

	height: 670px;

	width: 140px;

}

#site .game {

	margin-top: 10px;

	width: 760px;

}

#site .game .name {

	font-size: 18px;

	color: #10C1FF;

	margin-bottom: 10px;

}

#site .game .vote {

	margin-bottom: 10px;

	font-size: 12px;

	float: right;

}









.swf {

	text-align: center;

	width: 760px;

	border: 1px solid #666;

	background-color: #011425;

	padding: 5px;

}

.game-single {

	background-color: #011425;

}

.game-single .name {

	font-size: 18px;

	font-weight: bold;

	color: #10C1FF;

	padding-top: 12px;

	padding-bottom: 10px;

}

.game-single .detail {

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}



.game-single .values {

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #263039;

	border-bottom-color: #263039;

	clear: both;

	text-align: center;

	padding-top: 3px;

	padding-right: 6px;

	padding-bottom: 3px;

	padding-left: 6px;

}

.game-single .jetzt-spielen {

	margin: 20px;

	text-align: center;

}











.gameboxwide {

	padding: 10px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #242e39;

	border-bottom-color: #101418;

	height: 100px;

}

.gameboxwide .name {

	margin-bottom: 5px;

}

.gameboxwide .name a {

	font-size: 15px;

	font-weight: bold;

	color: #10C1FF;

}





.gameboxwide .bild {

	float: left;

	margin-right: 10px;

}

.gamebox-single {

	width: 200px;

	margin-right: 20px;

	float: left;

	background-color: #000;

	margin-bottom: 10px;

}















.gamebox200 {

	width: 200px;

	margin-right: 1px;

	float: left;

	height: 300px;

	background-color: #000;

	margin-bottom: 15px;

}

.gamebox200 .bild , .gamebox-single .bild{

	float: left;

	margin-bottom: 10px;

	z-index: 1;

}

.gamebox200 .vote , .gamebox-single .vote{

	color: #A2AFC0;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	background-image: url(/images/bg80.png);

	float: left;

	margin-left: -200px;

	z-index: 2;

	width: 190px;

	margin-top: 174px;

}

.gamebox200 .name {

	line-height: 1;

	font-size: 20px;

	margin-bottom: 4px;

	height: 22px;

	width: 190px;

	float: left;

	overflow: hidden;

}

.gamebox200 .name a {

	color: #0C9BF9;

}



.gamebox200 .details {

	color: #9baacb;

	margin-top: 8px;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

}

.gamebox100 {

	width: 100px;

	text-align: center;

	font-size: 11px;

	float: left;

	margin-right: 10px;

	height: 140px;

	margin-left: 10px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.gamebox100 .name {

	height: 16px;

	overflow: hidden;

}



.gamebox100 a {

	color: #9baacb;

	text-decoration: underline;

}



.gamebox100 .vote {

	background-color: #000;

	margin-top: 2px;

	margin-bottom: 2px;

}















/* ============================= header ====================== */

#header .top{ width:100%; overflow:hidden; height:104px;}

#header .suche {

	margin: 7px;

	float: right;

}

#header .suche b{

	color: #4F94BD;

	vertical-align: bottom;

	font-size: 15px;

}

#header .suche .textfield {

	padding: 2px;

	border: 1px solid #666;

	width: 150px;

}







#header .logo{ padding-top:29px;}

#header .menu{ width:100%; overflow:hidden; height:61px; background:url(images/menu-bg.jpg) no-repeat 0 0;}

#header .menu .name {
	color: #0093EB;
	font-size: 28px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;

}



#header .menu ul{ padding:18px 0 0 10px;}

#header .menu li{

	float:left;

	font-size:1.077em;

	padding:2px 24px 4px 24px;

	background-image: url(/images/trennstrich.jpg);

	background-repeat: no-repeat;

	background-position: right 0;

}

#header .menu a{ color:#fff; text-decoration:none;}

#header .menu a:hover, #header .menu .active{ color:#ea0200;}

#header .lists{ background:url(images/header-list-bg.gif) top repeat-x; height:37px; margin-right:1px;}

#header .list1{ float:right; padding:9px 19px 0 0;}

#header .list1 li{ float:left; padding:0 14px;}

#header .list1 a{ color:#0175b1; text-decoration:none;}

#header .list1 a:hover{ color:#ea0200;}



#header .list2{ padding-left:10px; white-space:nowrap;}



#header .list2 li{ float:left; background:url(images/header-list2-border.gif) right top no-repeat; padding:9px 10px 9px 10px;}

#header .list2 a{ color:#000000; text-decoration:none; text-transform:uppercase;}

#header .list2 a:hover{ color:#0175b1;}



/* ============================= content ====================== */

#content{

	border-left:solid 1px #003662;

	border-right:solid 1px #003662;

	padding:21px 19px 31px 20px;

	background-color: #000;

	background-image: url(images/content-bg.jpg);

	background-repeat: no-repeat;

	background-position: 0 0;

}



.list li{ background:url(images/unline2.gif) bottom repeat-x; padding:0 35px 6px 19px; margin-bottom:3px;}



.list .last{ padding-bottom:0; margin-bottom:0; background:none;}



.list a{ text-decoration:none; color:#000000; background:url(images/list-marker.gif) no-repeat 0 5px; padding-left:20px; display:inline-block;}

.list a:hover{ color:#ea0200;}



/* ============================= footer ====================== */

#footer{

	text-align:center;

	clear: both;

	padding-top: 0;

	padding-right: 1px;

	padding-bottom: 0;

	padding-left: 1px;

	width: 962px;

}

#footer .menu{ background:url(images/footer-menu-tail.gif) top repeat-x; height:50px; width:100%; overflow:hidden;}

#footer .menu ul{ padding:16px 0 0 15px;}

#footer .menu li{ float:left; color:#c70100; padding-left:24px;}

#footer .menu a{ color:#000; display:inline-block; margin-right:24px; text-decoration:none;}

#footer .menu a:hover{ color:#c70100;}

#footer .text{ padding:19px 0 0 1px;}

#footer .text a{ color:#a0a7ae;}