body {
	margin: 0;
	padding: 20px 0px 0px 0px;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
	background-color: #0F306F;
	text-align: center;
}
textarea, input, button {
	background-color: #7B8DD6;
}
p {
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

#PseudoButton {
	position: absolute;
	height: 25px;
	width: 120px;
	background: url(../images/css/opacity_lightblue.png);
	visibility: hidden;
	text-align: left;
}
#PseudoButton span {display:block; float:left; min-width:124px; width:auto; color: #7B8DD6; background: url(../images/all/path_bg.png) -15px 0px;text-decoration:none; height:25px; line-height:24px; text-indent:15px; padding: 0px 0px;}
#PseudoButton span.clicked { background: url(../images/all/path_bg.png) 0px 0px; color:#fff;}
#PseudoButton span.double { width:170px; color:#fff;}

#PageBackground {
	width: 998px;
	height: 668px;
	background: #0F306F url(../images/css/shadow3.gif) bottom right no-repeat;
	margin: auto auto;
	text-align: left;
}
#Page {
	width: 980px;
	height: 650px;
	background-color: #042565;
	text-align: left;
}
	#HeadContainer {
		width: 980px;
		height: 125px;
	}
		#Logo {
			float: left;
			border: none;
			margin: 20px 0px 20px 30px;
		}
		#PageTitle {
			float: right;
			font-size: 20px;
			margin: 60px 80px 20px 0px;
		}
		
	#ImageField {
		width: 980px;
		height: 390px;
		background: url(../images/css/Gruppenbild.jpg) no-repeat;
	}
		#ImageOpacity {
			width: 980px;
			height: 390px;
			background: url(../images/css/opacity_blue.png);
		}
			#PersonsContainer {
				position:absolute;
				float: left;
				clip: rect(0px, 0px, 0px, 0px);
			}
			#PlayField {
				position: relative;
				float: left;
				width: 790px;
				height: 390px;
			}
				.textMask {
					position: absolute;
					top: 10px;
					left: 10px;
					padding: 0;
					overflow: auto;
					overflow-x: hidden;
					background: url(../images/css/opacity_lightblue.png);
					visibility: visible;
				}
				
					#Scroller {
						float:right;
						width: 17px;
						margin-right: 1px;
						display: none;
						
					}

						#ScrollUpBtn {
							position:relative;
							margin-bottom: 5px;
						}

						#ScrollDownBtn {
							position:relative;
							margin-top: 5px;
						}

						#ScrollTrack {
							width: 17px;
							background: url(../images/css/slider_bg.png) 0px 0px repeat-y;
						}

						#ScrollKnob {
							position: relative;
							width: 17px;
							height: auto;
							font-size: 1px;
							line-height: 1px;
							
						}
							#ScrollKnobTop {
								height: 2px; 
								width: 17px;
								background: url(../images/css/knob_top.png) left bottom repeat;
							}
							#ScrollKnobCenter {
								width: 17px;
								min-height: 5px;
								height: auto;
								background: url(../images/css/knob_bg.png) 0px 0px repeat-y;
							}
							#ScrollKnobBottom {
								height: 2px; 
								width: 17px;
								background: url(../images/css/knob_bottom.png);
							}
				.textContainer {
					float: left;
					padding: 10px 30px 10px 10px;
					overflow: hidden;
				}
				#TextContainer input {
					float: left;
					width: 200px;
					margin: 0px 0px 10px 0px;
				}
				#TextContainer label {
					float: left;
					width: 130px;
				}
				#TextContainer textarea {
					float: left;
					width: 300px;
					height: 100px;
				}
				#TextContainer button {
					float: right;
					margin: 10px 5px 0px 0px;
				}
				#TextContainer ul.noListStyle {
					list-style: none;
					margin: 8px 0px 8px 0px;
					padding: 0px;
				}
				#TextContainer a { 
					color: #99f;
					text-decoration: none;
					padding: 0px;
				}
				#TextContainer a:hover {
					color: #fff;
				}
				#TextContainer a:after { 
					content: "\00A0" url(../images/css/link.png);
				}
			#NaviContainer {
				position: relative;
				float: right; 
				width: 130px; 
				height: 390px; 
			}
		
	#FooterContainer {
		width: 980px;
		height: 135px;
	}
	#FooterContainer div {
		
	}
	#FooterContainer div div {
		position: absolute;
		float: left;
		margin-top: 10px;
		color: #7B8DD6;
		font-weight: bold;
		visibility: hidden;
		text-align: center;
	}
	#FooterContainer div div#AS {
		margin-left: 70px;
		width: 160px;
	}
	#FooterContainer div div#DM {
		margin-left: 220px;
		width: 150px;
	}
	#FooterContainer div div#SH {
		margin-left: 360px;
		width: 170px;
	}
	#FooterContainer div div#HS {
		margin-left: 550px;
		width: 170px;
	}
	#FooterContainer div div#GB {
		margin-left: 720px;
		width: 130px;
		
	}
	#FooterContainer div p {
		padding-left: 20px;
		margin-top: 5px;
		font-weight: normal;
	}
	#FooterContainer div div ul {
		position: relative;
		margin: 5px 0px 0px 20px;
		color: #fff;
		text-align: left;
		font-weight: normal;
		list-style: disc;
	}

