/* --- body --- */

@font-face {
	url('NEXT ART_Regular.otf')
format(OpenType)
}

body {
		width:					1000px;
		font-family: "NEXTART-Thin", Arial;
		font-size:				1em;
		color:					#333333;
		background-color:		#111111;
		margin-top:				10px;
		margin-bottom:			10px;
		margin-left:			auto;
		margin-right:			auto;
}

a{color:#888888;
text-decoration: none;
text-align: center;
font-size: 2em}


a:hover {color:#ffffff;
text-decoration: none;
text-align: center;
font-size: 2em}

/* --- Links --- */

/* --- Hervorhebungen --- */
span {
		color: 					#111111;
		background-color: 		#ffffFF;

		letter-spacing: 		2px;
}

span.ST {
		color: 					orange;
		background-color: 		#000000;

}
option.e	{color: 					#ff3399;
		background-color: 		#222222;
		letter-spacing: 		1px;	}
		option.er	{color: 					#ffff00;
		background-color: 		#222222;
		letter-spacing: 		1px;	}
		option.de	{color: 					#00ff00;
		background-color: 		#222222;
		letter-spacing: 		1px	}
		option.d	{color: 					#00ccff;
		background-color: 		#222222;
		letter-spacing: 		1px	}
		option.dr	{color: 					#ff3399;
		background-color: 		#222222;
		letter-spacing: 		1px	}



/* --- Kopfzeile f�r Logo und Titel --- */
#header{
		Padding: 				5px;
		margin-bottom: 				0px;
		Border-top: 				0px solid #222222;
			Border-left: 				0px solid #222222;
				Border-right: 				0px solid #222222;
					Border-bottom: 				0px solid #222222;
		height: 400px;
		background-image: 		url(dbg.png);
	justify-content: center;
}

#headerimpressum{
		Padding: 				5px;
		margin-bottom: 				0px;
		Border-top: 				0px solid #222222;
			Border-left: 				0px solid #222222;
				Border-right: 				0px solid #222222;
					Border-bottom: 				0px solid #222222;
		height: 190px;
		background-image: 		url(dbg2.png);
	justify-content: center;
}

#header h1 {
		font-size:				2.5em;
		text-align:				center;
		color:					#ffffff;
}

#headerimpressum h1 {
		font-size:				2.5em;
		text-align:				center;
		color:					#ffffff;
}

#header h2 {
		font-size:				2.0em;
		text-align:				center;
		color:					#cccccc;
}

#header img {	float:					left;
		border:					1px solid #222222
}

/* --- Navigationsbereich --- */



#nav	 {
		width:					auto;
height:   auto;
Background-color:#111111;

		padding: 				5px;
		margin-LEFT:			8px;
		margin-right:			8px;
		margin-top:				25px;
		margin-bottom:			25px;
		float: left;
		justify-content: center;}

		#nav:hover	 {
				width:					auto;
		height:   auto;
		Background-color:grey;

				padding: 				5px;
				margin-LEFT:			8px;
				margin-right:			8px;
				margin-top:				25px;
				margin-bottom:			25px;
				float: left;
				justify-content: center;}



/* --- Inhaltsbereich --- */
#content {		background-color:#000000;
				padding:		0px;
				margin-left:	0px;
				margin-right:	0px;
				color:			#ffffff;
}

#content-vita {		background-color:#000000;
				padding:		10px;
				margin-left:	0px;
				margin-right:	0px;
				color:			#ffffff;
}

#contentimpressum {		background-color:#000000;
				padding:		10px;
				margin-left:	0px;
				margin-right:	0px;
				color:			#ffffff;
			font-size: 1,5em}

#Navigation {		background-color:#000000;
				padding:		0px;
				margin-left:	0px;
				margin-right:	0px;
				color:			#ffffff;

				Border-bottom: 				8px solid grey;
					justify-content: center;

}

#Navigationimpressum {		background-color:#000000;
				padding:		0px;
				margin-left:	0px;
				margin-right:	0px;
				color:			#ffffff;

				Border-bottom: 				8px solid grey;
					justify-content: center;

}

IMG {
				margin: 	0px;
				}

#content h2 {	color:			#cccccc	}

#content h1 {	color:			#ffffff;
				background-color:#111111;
				width:			auto;text-align: center}

				#Navigation img.its12{	width:		1000px;
								height:			auto;
								float:			left;
								margin:			0px;
								Padding:		0px;
								Background-color:	#111111}

img.its12{
width:		70px;
				height: 40px;
				margin:			0px;
				Padding:		0px;
				Background-color:	black;}



table{	border:	0px;
}

#S1{
		width:				495px;
		height:					273px;
		padding:				0px;

		background-image: 	url(S1.png);
		margin-LEFT:			0px;
		margin-right:			0px;
		margin-top:				0px;
		margin-bottom:			0px;
			justify-content: center;
			color:#ffffff;
			text-decoration: none;
			text-align: center;

	}

#S2{
	width:				495px;
	height:					273px;
			padding:				0px;

			background-image: 	url(S2.png);
			margin-LEFT:			0px;
			margin-right:			0px;
			margin-top:				0px;
			margin-bottom:			0px;
				justify-content: center;
				justify-content: center;
				color:#ffffff;
				text-decoration: none;
				text-align: center;
		}
#S3{
	width:				495px;
	height:					273px;
				padding:				0px;

				background-image: 	url(S3.png);
				margin-LEFT:			0px;
				margin-right:			0px;
				margin-top:				0px;
				margin-bottom:			0px;
					justify-content: center;
					color:#ffffff;
					text-decoration: none;
					text-align: center;
			}
#S4{
	width:				495px;
	height:					273px;
					padding:				0px;

					background-image: 	url(S4.png);
					margin-LEFT:			0px;
					margin-right:			0px;
					margin-top:				0px;
					margin-bottom:			0px;
						justify-content: center;
						color:#ffffff;
						text-decoration: none;
						text-align: center;
				}
	#S5{
		width:				495px;
		height:					273px;
						padding:				0px;

						background-image: 	url(S5.png);
						margin-LEFT:			0px;
						margin-right:			0px;
						margin-top:				0px;
						margin-bottom:			0px;
							justify-content: center;
							color:#ffffff;
							text-decoration: none;
							text-align: center;}
	#S6{
		width:				495px;
		height:					273px;
							padding:				0px;

							background-image: 	url(S6.png);
							margin-LEFT:			0px;
							margin-right:			0px;
							margin-top:				0px;
							margin-bottom:			0px;
								justify-content: center;
								color:#ffffff;
								text-decoration: none;
								text-align: center;

						}

						#S1:hover{
								width:				495px;
								height:					273px;
								padding:				0px;

								background-image: 	url(S1d.png);
								margin-LEFT:			0px;
								margin-right:			0px;
								margin-top:				0px;
								margin-bottom:			0px;
									justify-content: center;
									color:#ffffff;
									text-decoration: none;
									text-align: center;

							}

						#S2:hover{
							width:				495px;
							height:					273px;
									padding:				0px;

									background-image: 	url(S2d.png);
									margin-LEFT:			0px;
									margin-right:			0px;
									margin-top:				0px;
									margin-bottom:			0px;
										justify-content: center;
										color:#ffffff;
										text-decoration: none;
										text-align: center;

								}
						#S3:hover{
							width:				495px;
							height:					273px;
										padding:				0px;

										background-image: 	url(S3d.png);
										margin-LEFT:			0px;
										margin-right:			0px;
										margin-top:				0px;
										margin-bottom:			0px;
											justify-content: center;
											color:#ffffff;
											text-decoration: none;
											text-align: center;

									}
						#S4:hover{
							width:				495px;
							height:					273px;
											padding:				0px;

											background-image: 	url(S4d.png);
											margin-LEFT:			0px;
											margin-right:			0px;
											margin-top:				0px;
											margin-bottom:			0px;
												justify-content: center;
												color:#ffffff;
												text-decoration: none;
												text-align: center;

										}
							#S5:hover{
								width:				495px;
								height:					273px;
												padding:				0px;

												background-image: 	url(S5d.png);
												margin-LEFT:			0px;
												margin-right:			0px;
												margin-top:				0px;
												margin-bottom:			0px;
													justify-content: center;
													color:#ffffff;
													text-decoration: none;
													text-align: center;

											}
							#S6:hover{
								width:				495px;
								height:					273px;
													padding:				0px;

													background-image: 	url(S6d.png);
													margin-LEFT:			0px;
													margin-right:			0px;
													margin-top:				0px;
													margin-bottom:			0px;
														justify-content: center;
														color:#ffffff;
														text-decoration: none;
														text-align: center;


												}

/* --- Fu�zeile --- */
#footer{
		Padding: 				5px;
		margin-bottom: 				0px;
		Border-top: 					8px solid grey;
			Border-left: 				0px solid #222222;
				Border-right: 				0px solid #222222;
					Border-bottom: 			0px solid #22222;
		height: 100px;
		background-color: #222222;
	justify-content: center;
	font-size:				1.5em;
	text-align:				center;
	color:					#ffffff
}

HR		{border: 				5px double #222222;
}