/* CSS Document */
body {
	background:url(images/bg.gif) repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
div {
	text-align: left;
	color: #353535;
}
* {
	margin: 0;
	padding: 0;
}
/* clearfix zum Aufheben der Floatumgebung */

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container {
	position: relative;
	margin: 0 auto;
	width: 920px;
}
	
/* header anfang */
#header {
	width: 100%;
}
	#logo {
		position: absolute;
		float: left;
		left: 10px;
		width: 194px;
	}
	#pseudo-banner {
		position: absolute;
		float: left;
		left: 375px;
		width: 222px;
		margin-top: -1px;
	}
	#flags {
		position: relative;
		top: 10px;
		left: 210px;
		width: 200px;
	}
	#login {
		position: relative;
		top: 5px;
		left: 650px;
		margin-bottom: 10px;
		background: url(images/login.png) no-repeat;
		width: 210px;
		height: 98px;
		color: #FFFFFF;
		font-size: 12px;
		padding-left: 15px;
		padding-top: 10px;
	}
		#login a:link, #login a:visited {
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
		}
		#login a:hover {
			color: #E8E8E8;
		}		
	#navibar {
		clear: both;
		margin: 0;
		width: 100%;
	}
		#topnavi {
			background: #333333;
			border: 2px solid #FFFFFF;
			width: 712px;
			height: 30px;
			padding-left: 208px; 
			padding-top: 6px;
		}
			#topnavi li {
				display: inline;
				list-style: none;
			}
			#topnavi li a:link, #topnavi li a:visited {
				position: relative;
				top: 5px;
				float: left;
				text-decoration: none;
				text-align: center;
				margin: 0 1px;
				width: 93px;
			}
			.inactive a:link, .inactive a:visited {
				color: #FFFFFF;
				font-weight: bold;
				font-size: 12px;
			}
			.active a:link, .active a:visited,  #topnavi li a:hover {
				background: url(images/tab.png) no-repeat;
				width: 93px;
				height: 30px;
				color: #000000;
				font-weight: bold;
				font-size: 12px;
			}
			#topsubnavi {
				position: relative;
				background: url(images/topmenu_bg.gif) repeat-x;
				padding: 0;
				height: 50px;
				right: 5px;
				left: 211px;
				width: 709px;
			}
				#topsubnavi table {
					margin: 0 10px;
				}
				#topsubnavi ul {
					list-style: none;
					display: block;
				}
				#topsubnavi li {
					display: inline;
					margin: 0 auto;
					font-size: 14px;
					font-weight: bold;
					float: left;
				}
				#topsubnavi a:link, #topsubnavi a:visited {
					float: left;
					margin: 8px 0 ;
					text-decoration: none;
					color: #666666;
				}
				#topsubnavi img {
					border: 0;
					margin: 0;
					padding: 0;
				}
/* header ende */

/* effekt anfang*/
#effect_left {
	background: url(images/effect_left.png) no-repeat;
	width: 40px;
	height: 346px;
	position: absolute;
	left: -40px;
	top: 110px;
}
#effect_right {
	background: url(images/effect_right.png) no-repeat;
	width: 40px;
	height: 346px;
	position: absolute;
	left: 924px;
	top: 110px;
}
/* effekt ende */

/* content anfang */
#content {
	margin-top: 10px;
	margin-left: 2px;
	margin-bottom: 10px;
	width: 918px;
	background: url(images/content-bg.gif);
	border: 1px solid #000000;
	font-size: 12px;
}
/*#border {
	position: relative;
	width: 894px;
	background: #F4F3EC;
	border: 1px solid #EAE8DB;
	margin: 0 6px;
}*/
	#left {
		width: 190px;
		float: left;
		margin-top: -25px;
		margin-left: 4px;
		margin-right: 12px;
	}
		.boxes {
			background-color: #FFFFFF;
			border: 1px solid #E9E7DC;
			margin: 0 0 10px 10px;
			width: 178px;
		}
		.boxes h2 {
			background: url(images/box_bg.gif) repeat-x;
			font-size: 14px;
			font-weight: bold;
			color: #5C5C5C;
			height: 23px;
			padding-top: 8px;
			padding-left: 20px;
			border-bottom: 1px dotted #666666;
		}
		.boxes li {
			padding: 0;
			margin-left: 35px;
			list-style-image:url(images/list.gif);
		}
		.boxes ul {
			margin-bottom:5px;
			background: #FFFFFF;
		}
		.boxes a:link, .boxes a:visited {
			color: #5C5C5C;
			margin-left: 0px;
			text-decoration: none;
			text-align: left;
			font-size: 12px;
		}
		.boxes a:hover {
			color: #000000;
			text-decoration: underline;
		}
		#ad-gsc {
			margin: 0 0 10px 10px;
		}
	#right {
		/* width: 122px; */
		width: 0;
		visibility: hidden;
		float: right;
	}
		.ads {
			/* height: 120px; */	
			height: 0px;
			text-align: center;
			margin: 0;
		}
	#contentarea {
		float: left;
		margin-top: 11px;
		margin-left: 2px;
		margin-right: 0;
		width: 696px;
	}
		#contentarea a:link, #contentarea a:visited {
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
		}
		#contentarea a:hover {
			text-decoration: underline;
		}
		.contentbox {
			width: 696px;
			margin: 5px 0 14px 0;
			padding: 4px 0 9px 0;
			background: #FFFFFF;
		}
		.gamebox {
			width: 696px;
			margin: 5px 0 14px 0;
			padding: 4px 0 9px 0;
			background: #FFFFFF;
		}
	
			.contentbox h1 {
				color: #67686b;
				font-size: 16px;
				font-weight: bold;
				height: 36px;
				padding: 7px 20px;
				background: url(images/box-up-arrow.gif) no-repeat
			}
				#bookmarks {
					text-align: right;
					padding-right: 20px;
					padding-bottom: 10px;
				}
			.gamebox h1 {
				color: #67686b;
				font-size: 16px;
				font-weight: bold;
				height: 36px;
				padding: 7px 10px;
				background: url(images/box-up-arrow.gif) no-repeat;
			}
			.contentbox a:link, .gamebox a:link, .contentbox a:visited, .gamebox a:visited {
				color: #68ac75;
			}
			.contentbox a:hover, .gamebox a:hover {
				color: #68ac75;
				text-decoration: underline;
			}
			.contentbox p, .contentbox ul {
				padding: 5px 20px;
			} 
			.contentbox ul, #valid {
				list-style: none;
			}
				.contentbox ul li {
					display: block;
					margin-bottom: 05px;
					/*border-bottom: 1px dotted #666666;*/
					padding-bottom: 10px;
				}
			.contentbox blockquote {
				margin-left: 35px;
			}
				.search_link {
					color: #0099FF;
					font-weight: bold;
				}
				#search_result li{
					text-align: justify;
				}
				.highlight {
					color: #FF0000;
				}
			.contentbox table {
				margin: 0 auto;
			}
			.gamebox-effect {
				position: relative;
				color: #67686b;
				font-size: 16px;
				font-weight: bold;
				width: 612px;
				margin: 10px 22px;
				padding: 7px 20px;
				background: url(images/gamebox.gif) no-repeat;
			}
				.gamebox-effect ul {
					float: left;
					list-style: none;
					margin-left: 10px;
					margin-top: 10px;
					margin-right: 15px;
				}
					.gamebox-effect li {
						font-size: 12px;
						font-weight: normal;
						margin-bottom: 10px;
						display: block;
					}
					.gamebox-effect li img {
						padding-right: 10px;
						border: none;
					}
					.gamebox-effect h2 {
						color: #68ac75;
						font-size: 16px;
						font-weight: bold;
						margin-bottom: 20px;
					}
					#bestellen a {
						margin-top: 25px;
					}
					#server-pic {
						float: left;
						margin-left: 400px;
						margin-top: -250px;
						height: 250px;
						width: 225px;
					}
				#gallery {
					width: 175px;
					float: left
				}	
				.gallery {
					float: left;
				}
					.gamebox-effect ul li ul {
						float: left;
						width: 165px;
					}
						.gamebox-effect ul li ul li {
							float: left;
							margin-bottom: 0px;
							padding-bottom: 0px;
						}
						.serverleft {
							margin-right: 35px;
							text-align: right;
							width: 45px;
						}
						.serverright {
							color: #d86735;
						}
				.gamebox-effect p {
					font-size: 12px;
					font-weight: normal;
				}
				#wi-gallery {
					list-style: none;
				}
					#wi-gallery li {
						padding: 5px;
						margin-right: 5px;
						display: block;
						float: left;
					}
					#wi-gallery li img {
						border: 2px solid #68ac75;
					}

/* Tag-Cloud Anfang */			
#tagcloud {
	list-style: none;
	margin: 0 10px;	
}
	#tagcloud li {
		display: inline-block;
		padding: 5px;
	}
/* Tag-Cloud Ende */
			
		#news {
			float: left;
			position: relative;
			width: 696px;
			margin-bottom: 14px;
		}
			.newsbox1 {
				float: left;
				width: 341px;
				background-color: #FFFFFF;
				margin-right: 14px;
			}
			.newsbox2 {
				float: left;
				width: 341px;
				background-color: #FFFFFF;
			}
				#news ul {
					width: 341px;
					list-style: none;
				}
				#news li {
					padding: 0;
					margin-left: 25px;
					margin-right: 10px;
					list-style-image:url(images/list.gif);	
					border-bottom: 1px dotted #000000;
					margin-bottom: 10px;	
				}
				#news h2 {
					background: url(images/box_bg.gif) repeat-x;
					height: 23px;
					color: #656565;
					font-size: 14px;
					padding: 8px 0 0 20px;
					border-top: 2px solid #C1C1C1;
					border-bottom: 1px solid #C1C1C1;
				}
				#news a:link, #news a:visited {
					text-decoration: none;
				}
				.news_date {
					color: #FD590C;	
					font-size: 10px;
				}
				.news_title h1{
					color: #2CAAA0;
					font-weight: bold;
					text-decoration: none;
				}
				td.news_title{
					color: #FD590C;
					font-weight: bold;
					text-decoration: none;
				}
				.news_title{
					color: #2CAAA0;
					font-weight: bold;
					text-decoration: none;
				}
				
				.news_titel h1 {
					color: #2CAAA0;
					font-size: 16px;
					font-weight: bold;
					text-align:center;
				}

/* content ende */

/* footer anfang */
#footer {
	background:url(images/footer_bg.gif) repeat;
	height: 100px;
}
	#foot {
		position: relative;
		left: 2px;
		margin: 0px auto;
		height: 80px;
		width: 899px;
		background: url(images/foot_bg.gif) repeat-x;
		padding: 10px 0 0 25px;
		color:#FFFFFF;
		font-size: 12px;
		font-weight: bold;
	}
		#foot a:link, #foot a:visited {
			color: #FFFFFF;
			text-decoration: none;
			font-weight: normal;
		}
		#foot a:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}
/* footer ende*/

/* WI-Modul anfang */
	 .button {
		background: url(http://wi.gameserver-europe.com/images/plesk/button.gif);
		border: none;
		padding: 3px 5px;
		height: 21px;
		width: 91px;		
		font-size: 12px;
	}
	.button_save {
		background: url(http://wi.gameserver-europe.com/images/plesk/btn_ok_bg.gif);
		border: none;
		padding: 3px 5px;
		height: 21px;
		width: 91px;		
		font-size: 12px; 
	} 

	.button_del {
		background: url(http://wi.gameserver-europe.com/images/plesk/btn_remove_bg.gif);
		border: none;
		padding: 3px 5px;
		height: 21px;
		width: 91px;		
		font-size: 12px;
		
	} 
	.button_restart {
		background: url(http://wi.gameserver-europe.com/images/plesk/btn_restart_bg.gif);
		border: none;
		padding: 3px 5px;
		height: 21px;
		width: 91px;		
		font-size: 12px;
		 
	} 
	.button_cancel {
		background: url(http://wi.gameserver-europe.com/images/plesk/btn_cancel_bg.gif);
		border: none;
		padding: 3px 5px;
		height: 21px;
		width: 91px;		
		font-size: 12px;
		 
	} 
	.button_add {
		background: url(http://wi.gameserver-europe.com/images/plesk/btn_add-to_bg.gif);
		border: none;
		padding: 3px 5px;
		height: 21px;
		width: 91px;		
		font-size: 12px;
		 
	} 
/* WI-Modul ende */

/* SContent anfang */
#scontent h2 {
	margin: 10px 0;
	color: #2CAAA0;
	text-align: center;
	font-size: 16px;
}
#scontent hr {
	background: none;
	border: 1px dashed  #333333;
}
#scontent blockquote {
	padding-left: 40px;
}
#scontent img {
		margin: 0 auto;
}
/* SContent ende */

/* News Archiv Anfang */
.content-text li {
	padding: 0;
	margin-left: 15px;
	margin-right: 10px;
	list-style-image: url(images/list.gif);	
	border-bottom: 1px dotted #000000;
	margin-bottom: 10px;
}
.no-class {
	border-bottom: none;
	list-style-image:url(images/list.gif);
	margin:0;
	margin-left: 30px;
}
.content-text td {
	padding-left: 5px;
}
/* News Archiv Ende */

/* Content Uniques Anfang */
#gameslist {
	list-style: none;
	border: none;
}
#gameslist li {
	display: inline-table;
    padding: 5px;
    margin-left: 5px;
	border-bottom: none;
	list-style: none;
	text-align: center;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	width: 135px;
}

*+html #gameslist li {
	float: left;
    padding: 5px;
    margin-left: 5px;
	height: 170px;
	border-bottom: none;
	list-style: none;
	text-align: center;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	width: 135px;
}

#gameslist li img {
	width: 135px;
	height: 145px;
	margin-bottom: 5px;
}
#serverlist {
	list-style: none;
	border: none;
}
#serverlist li {
	float: left;
	width: 135px;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: none;
	list-style: none;
	text-align: center;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
}

/* Content Uniques Ende */

/* Produktliste */
#hostpack {
	margin-bottom: 35px;
}
	#hostpack h3 {
	color: #9B9B9B;
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0px -20px 0px;
	line-height: 70px;
	}
	#hostpack ul {
		width: 100%;
		list-style: none;
		margin-left: 10px;
		height: 10px;
	}
		#hostpack li {
			display: block;
			float: left;
			padding: 2px 5px;
			margin-left: 0px;
		}
		.gray {
			background-color: #e7eaea;
		}
		.leftside {
			width: 30%;
		}
		.rightside {
			width: 66%;
		}
/* Fileserver Liste 
#file-title {
	list-style: none;
}
	#file-title li {
		width: 120px;
		display: inline-block;
		float: left;
		background-color: #e7eaea;
		padding: 2px 5px;
		margin: 0px;
	}*/
#fileserver ul {
	list-style: none;
	height: 10px;
}
	#fileserver li {
		width: 115px;
		display: block;
		float: left;
		padding: 2px 5px;
		margin: 0px 2px 0px 0px;
	}
	
/* Sitemap */
#sitemap ul {
	list-style: square;
	margin-left: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

	#sitemap ul li ul {
		list-style: disc;
		margin-left: 20px;
		margin-bottom: 20px;
		text-transform: lowercase;
	}
	
		#sitemap ul li ul {
			list-style: circle;
			margin-right: 20px;
			font-style: italic;
		}
		
/* BB Code */

.bb-html {
	font-family: monospace;
	padding: 5px 5px 5px 5px;
	border: 1px solid #928E75;
	background: #F9FAF5;
	width: 646px;
	text-align: left;
	margin-top: 3px;
	margin-left: 20px;
}

.bb-php {
	font-family: monospace;
	padding: 5px 5px 5px 5px;
	border: 1px solid #928E75;
	background: #F9FAF5;
	width: 646px;
	text-align: left;
	margin-top: 3px;
	margin-left: 20px;
}