@charset "utf-8";
/* CSS Document */

a img { 
	border:0; 
}

body {
	background-color: #333333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	background-image:url(../images/background.png);
	color: #a08357;
}

.container {
	background-image:url(../images/background_lighter.png);
	background-repeat:repeat-y;
	width: 1000px;
	height: auto;
	text-align:left;
	top: 0px;
	margin: auto;
}

#header {
	background-image:url(../images/header.png);
	width:1000px;
	height:147px;
}


/*------------------------------------NAVIGATION LINKS ANFANG-------------------------------------------*/

#navileft {
	width: 145px;
	height: auto;
	float: left;
    font-size:11px;
}

		#navileft a:link {
			color: #976f34;
			text-decoration:none;
			font-weight:bold;  
		}
		
		#navileft a:visited {
			color: #976f34;
			text-decoration:none;
			font-weight:bold;
		}
		
		#navileft a:hover {
			color: #ca9547;
			text-decoration:none;
			font-weight:bold;
		}
		
		#navileft a:active {
			color: #976f34;
			text-decoration:none;
			font-weight:bold;
		}

	#navileft_head {
		background-image:url(../images/navi_head.png);
		height: 31px;
	}
	
	#navileft_body {
		background-image:url(../images/navi_body.png);
		height: auto;
		text-align:center;
		padding-top: 1px;
	}
	
		.button {
			background-image:url(../images/navi_button_spacer.png);
			width: 145px;
			height: 28px;
			padding-top: 5px;
		}			
	
			.button:hover {
				background-image:url(../images/navi_button_hover.png);
				width: 145px;
				height: 28px;
			}
		
	#navileft_foot {
		height: 170px;
		background-image:url(../images/navi_foot_left.png);
	}
	
/*------------------------------------NAVIGATION LINKS ENDE-------------------------------------------*/	
	
/*------------------------------------CONTENT ANFANG-------------------------------------------*/	

#content {
	width:710px;
	height:auto;
	float: left;
	color: #a08357; 
}

	#content_head {
		background-image:url(../images/content_head.png);
		height:31px;
	}
	
	#content_body {
		background-image:url(../images/content_body.png);
		height:auto;
		padding-left: 10px;
	}
	
		.site_caption {
			color:#976f34;
			text-decoration:underline;
			text-align:center;			
			padding-top: 10px;
			margin-bottom: 40px;
		}
		
		.text_headline {
			color: #976f34;
			font-size:15px;
			font-weight: bold;
			margin-bottom: 20px;
			text-align: center;	
			padding-left: 30px;
			padding-right: 40px;
		}
		
		.text_underline {
			text-decoration:underline;
		}
				
		.text_content {
			margin-bottom: 70px;
		}
		
		.seperater {
			background-image:url(../images/seperater.png);
			width: 693px;
			height: 37px;
			margin-top: 30px;
			margin-bottom: 40px;
			clear:both;
		}
		
		/* ----------------------Teamseite Anfang---------------------- */
		
			.team_short_info {
				margin-left: 30px;
				margin-right: 40px;
			}
		
			.sticky {
				margin-left: 30px;
				padding-bottom: 50px;
				margin-right: 30px;
				border: 0px;							
			}
			
			.sticky_pic_td {
				width: 250px;
			} 
			
				.sticky_pic {
					border: 1px solid #000;
				}
			
			.sticky_content_td {
				width: 340px;
			} 			
		
			.sticky_caption {
				color: #976f34;
				font-weight: bold;
				text-decoration: none;
				padding-top: 10px;
				padding-left: 5px;
			}
			
			.sticky_data {
				padding-left: 5px;
			}
			
			
			.member_name {
				font-size: 14px;
				font-weight:bold;
				color: #976f34; 
				text-decoration: underline;
				margin-bottom: 20px;
			}
	
			.team_pic_border {
				background-image:url(../images/team_pic_border.png);
				height: 280px;
				width: 236px;
				text-align:center;
				padding-top: 11px;
			}
		
		/* ----------------------Teamseite Ende---------------------- */	
			
		/* ----------------------News Anfang---------------------- */	
		
		
			.news_post {
			}
			
			
			.news_head {
				background-image: url(../images/news_head.png);
				width: 666px;
				height: 90px;
				margin-left: 12px;	
			}
		
				.news_headline {
					padding-top: 20px;
					padding-left: 20px;
					color: #976f34;
					font-weight: bold;
					font-size:14px;
					float:left;
				}
				
					.news_headline a:link {
						color: #976f34;
						text-decoration:none;
						font-weight:bold;  
					}
					
					.news_headline a:visited {
						color: #976f34;
						text-decoration:none;
						font-weight:bold;
					}
					
					.news_headline a:hover {
						color: #ca9547;
						text-decoration:none;
						font-weight:bold;
					}
					
					.news_headline a:active {
						color: #976f34;
						text-decoration:none;
						font-weight:bold;
					}
				
				.news_date {
					padding-top: 20px;
					padding-right: 20px;
					color: #976f34;
					font-weight: bold;
					font-size:14px;
					float:right;
				}
				
				.news_author {
					clear: both;
					padding-top: 4px;
					padding-right: 20px;
					color: #976f34;
					float:right;
				}				
			
			.news_content {
				width: 630px;
				margin-top: 10px;
				margin-left: 30px;
			}		
				
				a:link {
					color: #976f34;
				}
			
				a:visited {
					color: #976f34;
				}
				
				a:hover {
					color: #ca9547;
				}
				
				a:active {
					color: #976f34;
				}
				
			.news_foot {
				background-image:url(../images/news_foot.png);
				width: 664px;
				height: 39px;
				margin-top: 40px;
				margin-left:12px;
				margin-bottom: 40px;					
			}	
	
				.news_comment {					
					float:right;
					padding-right: 50px;
					margin-top: 20px;
				}
									
			.news_older_newer {
				text-align: center;
			}
			
			img.center {
				display: block;
				margin-left: auto;
				margin-right: auto 
			}
			
		/* ----------------------News Ende---------------------- */	
			
		/* ------------------Story Seite Anfang -------------------*/	
		
			.story_text {
				padding-bottom: 50px;
				text-align:center;
			}
			
			.story_link {
				padding-top: 10px;
			}
		
		
		/* ------------------Story Seite Ende -------------------*/
		
		/* ------------------Introduction Seite Anfang -------------------*/
		
			.introduction_text {
				margin-left: 30px;
				margin-right: 40px;
				padding-bottom: 40px;	
				padding-top: 30px;			
			}
		
		/* ------------------Introduction Seite Ende -------------------*/
		
		/* ------------------Background Story Seite Anfang -------------------*/
		
			.background_story_text {
				margin-left: 30px;
				margin-right: 40px;
				padding-bottom: 40px;
				padding-top: 30px;					
			}
		
		/* ------------------Background Story Seite Ende -------------------*/
		
		/* ------------------Novel Seite Anfang -------------------*/
		
			.novel_text {
				margin-left: 30px;
				margin-right: 40px;
				padding-bottom: 40px;	
				padding-top: 30px;				
			}
		
		/* ------------------Novel Seite Ende -------------------*/
		
		/* ------------------Download Seite Anfang -------------------*/
		
			.download_headline {
				color: #976f34;
				font-size:15px;
				font-weight: bold;
				margin-top: 40px;
				margin-bottom: 20px;
				text-align: center;
				text-decoration:underline;
			}
		
			.download_text {				
				text-align: center;				
			}
				
			.download_text_bottom {
				margin-top: 20px;
			}	
			
			.download_text_bottom2 {
				margin-top: 20px;
				padding-bottom: 40px;
			}					
		
		/* ------------------Download Seite Ende -------------------*/
		
		/* ------------------Changelog Seite Anfang -------------------*/
		
			.changelog_text {
				margin-top: 20px;
				margin-left: 30px;
				padding-bottom: 40px;
				padding-right: 40px;
			}
		
		/* ------------------Changelog Seite Ende -------------------*/
		
		/* ------------------Key-Mapping Seite Anfang -------------------*/
		
			.key_mapping_text {
				margin-top: 20px;
				margin-left: 60px;
				padding-bottom: 70px;
				padding-right: 40px;
			}
		
		/* ------------------Key-Mapping Seite Ende -------------------*/
		
		/* ------------------Kompex-Jobs Seite Anfang -------------------*/
		
			.kompex_jobs_text {
				margin-top: 30px;
				margin-left: 30px;
				padding-bottom: 40px;
				padding-right: 40px;
			}
			
			.kompex_jobs_job {
				padding-bottom: 30px;
			}
			
			.job_table {
				width: 636px; 
				border: 0px;
			}
			
				.job_table_td1 {
					width: 141px;
					height: auto;					
				}
				
				.job_table_td2 {
					width: 126px;
				}
				
				.job_table_td3 {
					width: 360px;
				}
			


			.job_formular {			
				padding-bottom: 60px;
				padding-left: 52px;
				width: 583px;
				height: auto;
			}
			
				.job_formular_header{
					background-image: url(../images/formular_head.png);
					width: 583px;
					height: 45px;
					padding-top: 5px;
				}				
			
				.job_formular_content{
					padding-left: 40px;	
					padding-top: 15px;
					background-image: url(../images/formular_body.png);
					width: 543px;
					height: 250px;;			
				}
				
					.job_formular_content_labels{
						float:left;
						width: 165px;
					}
						
						.job_formular_content_label{
							margin-bottom: 5px;						
						}					
					
					
					.job_formular_content_inputs{
						float:left;
						width: 310px;				
					}
					
						.job_formular_input {
							background-color: #b2a596;
							border: solid #000 1px;
							margin-bottom: 3px;
						}	
						
						.job_formular_select {
							background-color: #b2a596;
							border: solid #000 1px;
							margin-bottom: 3px;
						}	
						
						.job_formular_textarea {
							background-color: #b2a596;
							border: solid #000 1px;
							margin-bottom: 3px;
						}	
						
						.job_formular_button {
							margin-top: 10px;
							padding-bottom: 1px;						
							background-image: url(../images/formular_button.png);
							width: 99px;
							height: 27px;
							border: none;
							background-color:transparent;
							text-align: center;
							vertical-align: middle;												
							color: #976f34;			
						}						
												
						
				.job_formular_foot{
					clear:both;
					background-image: url(../images/formular_foot.png);
					width: 583px;
					height: 34px;
				}
				
				.text_warning {
					text-align:center;
					color: #F00;
					font-weight:bold;
				}
				
			/* ------------------Kompex-Jobs Seite Ende -------------------*/	
				
			/* ------------- Rassen Seite Anfang --------------*/
		
				.races_text {
					padding-left: 30px;
					padding-right: 40px;
				}
				
				.races_pics {
					text-align:center;
					padding-top: 30px;
					padding-bottom: 40px;
				}
		
			/* ------------- Rassen Seite Ende --------------*/
			
			/* ------------- Sponsors Seite Anfang --------------*/
			
				.sponsors_text {
					text-align:center;
					padding-bottom: 40px;
				}
			
			/* ------------- Sponsors Seite Ende --------------*/
			
			/* ------------- Impressum Seite Anfang --------------*/
			
				.impressum_text {
					padding-left: 30px;
					padding-right: 40px;
					padding-bottom: 40px;
				}
				
				.impressum_pic {
					text-align:center;
				}
			
			/* ------------- Impressum Seite Ende --------------*/
			
			/* ------------- Eula & Co. Seite Anfang --------------*/
			
				.terms_text {
					padding-left: 30px;
					padding-right: 40px;
					padding-bottom: 40px;
				}
			
			/* ------------- Eula & Co. Seite Ende --------------*/
			
			/* ------------- Kompex Seite Anfang --------------*/
			
				.kompex_text {
					padding-left: 30px;
					padding-right: 40px;
					padding-bottom: 40px;
				}
			
			/* ------------- Kompex Seite Ende --------------*/
			
			/* ------------- Comments Seite Anfang --------------*/
			
				.comment_notext {
					text-align:center;
					margin-bottom: 30px;
				}
			
				.news_content_comments {
					width: 630px;
					margin-top: 10px;
					margin-left: 30px;
					margin-bottom: 10px;
				}		
					
					a:link {
						color: #976f34;
					}
				
					a:visited {
						color: #976f34;
					}
					
					a:hover {
						color: #ca9547;
					}
					
					a:active {
						color: #976f34;
					}
				
				.news_foot_comments {
					background-image:url(../images/news_foot.png);
					width: 664px;
					height: 39px;
					margin-left:12px;
					margin-bottom: 40px;					
				}		
					
				.comment {
					width: 583px;
					height: auto;	
					margin-left: auto;
					margin-right: auto;	
					padding-bottom: 30px;							
				}
				
					.comment_head {
						clear:both;
						background-image: url(../images/formular_head.png);
						height: 50px;
						width: 583px;
					}
					
						.comment_head_author {
							float:left;
							padding-left: 20px;
							padding-top: 6px;
						}
						
						.comment_head_date {
							float:right;
							padding-right: 20px;
							padding-top: 6px;
						}
						
					.comment_content {
						background-image: url(../images/formular_body.png);
						width: 538px;
						height: auto;
						padding-left: 25px;
						padding-right: 20px;
					}	
					
					.comment_foot {						
						background-image:url(../images/formular_foot.png);
						width: 583px;
						height: 34px;
					}
					
				
				.comment_formular {
					margin-left: 55px;
				}
					
					.comment_formular_content_label{
						margin-top: 85px;
						margin-bottom: 12px;						
					}			
					
					.comment_formular_content{
						padding-left: 40px;	
						padding-top: 15px;
						background-image: url(../images/formular_body.png);
						width: 543px;
						height: 220px;;			
					}	
					
			
			/* ------------- Comments Seite Ende --------------*/	
				
			/* ------------- Guestbook Seite Anfang --------------*/		
				
				.guestbook_formular {
					margin-left: 55px;
					margin-bottom: 20px;
					
				}
				
				.guestbook_formular_content_label {
					margin-top: 25px;
					margin-bottom: 85px;	
				}	
				
				.guestbook_formular_content{
						padding-left: 40px;	
						padding-top: 15px;
						background-image: url(../images/formular_body.png);
						width: 543px;
						height: 230px;;			
				}		

			/* ------------- Guestbook Seite Ende --------------*/	
			
			/* ------------- Screenshots Seite Anfang --------------*/		
				
						
					.screens a:link {
						text-decoration: none;
						color: #505050;
					}
					
					.screens a:visited {
						text-decoration: none;
						color: #505050;
					}
					
					.screens a:hover	{
						text-decoration: none;
						color: #505050;
					}
					
					.screens a:active {
						text-decoration: none;
						color: #505050;
					}
				
				.screengroup {
					text-align: center;
					clear: both;												
				}
				
					.screengroup img {
						margin: 5px;
						border: 1px solid #6e4b18;
					}

			/* ------------- Screenshots Seite Ende --------------*/	
			
		
		
	
	#content_foot {
		background-image:url(../images/content_foot.png);
		height: 40px;
	}
	
/*------------------------------------CONTENT ENDE-------------------------------------------*/	
/*------------------------------------NAVIGATION RECHTS ANFANG-------------------------------------------*/

.naviright {
	width: 145px;
	height:auto;
	float:right;
	color:#976f34; 
}

	.naviright_head {
		background-image:url(../images/naviright_head.png);
		height:31px;
	}
	
		.naviright_language {
			background-image:url(../images/naviright_language.png);
			height:50px;
			margin-bottom: 6px;
		}
		
		.naviright_head_jobs {
			background-image:url(../images/naviright_head_jobs.png);
			height:31px;
		}
	
		.naviright_head_sideprojects {
			background-image:url(../images/naviright_head_sideprojects.png);
			height:31px;
		}
	
	.naviright_body {
		background-image:url(../images/navi_body.png);
		height:auto;
		text-align: left;
		padding-left: 20px;	
	}
	
		/* ------------- Login Box Anfang --------------*/
		
		.naviright_body input {
			width: 100px;
			height: 15px;
			background-color: #b2a596;
			border: solid #000 1px;			
		}
		
		.naviright_body .label_login {
			padding-top: 10px;
		}
		
		/* ------------- Login Box Ende --------------*/
		
		/* ------------- Job Box Anfang --------------*/
		
			.job_button {
				width: 105px;
				height: 125px; 
				padding-left: 1px;
				padding-top: 10px;			
			}
		
		/* ------------- Job Box Ende --------------*/
		
		/* ------------- Sprachen Box Anfang --------------*/
		
			.flags {
				clear:both;
				padding-left: 35px;
				padding-top: 14px;			
			}
			
				.flag {
					float:left;
					margin-right: 10px;
				}
		
		/* ------------- Sprachen Box Ende --------------*/
		
		/* ------------- SQLite Wrapper Box Anfang --------------*/
		
			.sqlite_wrapper_button {
				width: 105px;
				height: 24px; 
				padding-left: 1px;
				padding-top: 10px;			
			}
		
		/* -------------SQLite Wrapper Box Ende --------------*/
		
		
		

	.naviright_foot {
		height: 28px;
		background-image:url(../images/navi_foot.png);
		margin-bottom: 6px;
	}
	
	.naviright_foot_right {
		height: 170px;
		background-image:url(../images/navi_foot_right.png);
	}

/*------------------------------------NAVIGATION RECHTS ENDE-------------------------------------------*/
/*------------------------------------FOOTER ANFANG-------------------------------------------*/

#footer {
	clear:both;	
	width:1000px;
	height:auto;
	color:#976f34;
	text-align:center;
	font-size:9px;
	padding: 0.2em;
}

	#footer_head {
		background-image:url(../images/footer_head.png);
		height:22px;
	}
	
	#footer_body {
		background-image:url(../images/footer_body.png);
		height:auto;
		text-align:center;
	}
	
		#footer a:link {
			color: #976f34;
		}
		
		#footer a:visited {
			color: #976f34;
		}
		
		#footer a:hover {
			color: #ca9547;
		}
		
		#footer a:active {
			color: #976f34;
		}
	
	#footer_foot {
		background-image:url(../images/footer_foot.png);
		height: 22px;
	}

/*------------------------------------FOOTER ENDE-------------------------------------------*/