/* --- 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;
}



/* --- Links --- */
a { 	color:					green;
		text-decoration:		none;
		border:			#aaaaaa, ;
}
a:hover {
		color:					orange;
		text-decoration:		underline;
}
a:visited {
color: blue;}
a:active {  color: red;}

/* --- 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: 				8px solid grey;
		height: 200px;
		background-image: 		url(dbg.png);
		display: flex;
	align-items: center;
	justify-content: center;
}

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

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

/* --- Navigationsbereich --- */
#contdown	 {
		width:					880px;
height: 250px;
		padding:				5px;
		margin-LEFT:			0px;
		margin-right:			0px;
		margin-top:				0px;
		margin-bottom:			0px;
		Float:					CENTER;

}

#p.demo {margin-top: 0;
margin-bottom:0;
	font-weight: 500;
	font-size: 2em;
	color: white
}

#nav	 {
		width:					72px;
height:   auto;
		padding:				5px;
		border:					1px solid white;
		background-color:		#000000;
		margin-LEFT:			8px;
		margin-right:			8px;
		margin-top:				2.5px;
		margin-bottom:			2.5px;
		Float:					left;

}
#nav2	 {
		width:					210px;
		padding:				5px;
		border:					1px solid white;
		background-color:		#111111;
		margin-LEFT:			5px;
		margin-right:			5px;
		margin-top:				2.5px;
		margin-bottom:			2.5px;
		Float:					left;
		border-radius: 15px;
		text-align: center}

#nav3	 {
		width:					210px;
		padding:				5px;
		border:					1px solid white;
		background-color:		Black;
		margin-LEFT:			5px;
		margin-right:			5px;
		margin-top:				2.5px;
		margin-bottom:			2.5px;
		Float:					left;
		text-align: center
}
#bell	 {
		width:					227.9px;
		padding:				5px;
		border:					1px solid red;
		background-color:		#ffc700;
		margin-LEFT:			5px;
		margin-right:			5px;
		margin-top:				2.5px;
		margin-bottom:			2.5px;
		Float:					left;
}

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

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

}

#contdown_iso {		width:					990px;
height: 250px;
	padding:				5px;

	background-image: url(isolation_insta2.png)		;
	margin-LEFT:			0px;
	margin-right:			0px;
	margin-top:				0px;
	margin-bottom:			0px;
	Float:					CENTER;
	font-size: 2em;
	color: white;

}

IMG {
				margin: 	0px;
				}

#content h2 {	color:			orange	}

#content h1 {	color:			#ffffff;
				background-color:#111111;
				width:			auto;text-align: center}
#content img.its{	width:		150px;
				height:			200px;
				float:			left;
				margin:			17px;
				Padding:		0px;
				Background-color:	#ff3399}
#content img.its2{	width:		370px;
				height:			200px;
				float:			left;
				margin:			17px;
				Padding:		0px;
				Background-color:	#ff3399}

#content img.its4{	width:		480px;
				height:			300px;
				float:			left;
				margin:			0px;
				Padding:		3.2px;
				Background-color:	red;}
#content img.its5{	width:		731px;
				height:			200px;
				float:			left;
				margin:			17px;
				Padding:		0px;
				Background-color:	#ff3399}
#content img.its3{	width:		922px;
				height:			390px;
				float:			left;
				margin:			17px;
				Padding:		0px;
				Background-color:	#ff3399}

#content img.its7{	width:		405px;
				height:			880px;
				float:			left;
				margin:			17px;
				Padding:		0px;
				Background-color:	#ff3399}
#content img.its6{	width:		221px;
				height:			420px;
				float:			left;
				margin:			17px;
				Padding:		0px;
				Background-color:	#ff3399}
#content img.its8{	width:		922px;
				height:			auto;
				float:			left;
				margin:			17px;
				Padding:		0px;
				Background-color:	#ff3399}
#content img.its9{	width:		922px;
				height:			auto;
				float:			left;
				margin:			17px;
				Padding:		0px;
				Background-color:	#ff3399}
#content img.its10{	width:		300px;
				height:			auto;
				float:			left;
				margin:			10px;
				Padding:		0px;
				Background-color:	#ff3399}
#content img.its11{	width:		125px;
				height:			auto;
				float:			left;
				margin:			2px;
				Padding:		0px;
				Background-color:	#ffffff}
				#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;}

tr.htt{		background-color:	#222222;
color: white}

td.htt{		background-color:	#111111;
color: white}

td.O{		background-color:	#334499;
text-align: center;
color: Black}

td.name{		background-color:	#111111;
color: white}

td.A{		background-color:	#339999;
	text-align: center;
color: Black}
td.I{		background-color:	#dbb515;
	text-align: center;
color: Black}

td.I{		background-color:	#dbb515;
	text-align: center;
color: Black}

td.R{		background-color:	#008784;
	text-align: center;
color: Black}
td.P{		background-color:	#D100CD;
	text-align: center;
color: Black}

td.K{		background-color:	#D1C400;
	text-align: center;
color: Black}

td.C{		background-color:	#0C7500;
	text-align: center;
color: Black}




td.band1{		background-color:	#ffffff;
	text-align: center;
color: Black}

td.RN{		background-color:	#111111;
	text-align: center;
color: Black}

td.band{		background-color:	#050505;
color:white}

table.car{		background-color:	#050505;
color: white}

#content img.HOME{
		width:					auto;
		height:					332px;
		padding:				1px;
		border:					1px solid black;
		background-color:		black;
		margin-LEFT:			0px;
		margin-right:			0px;
		margin-top:				0px;
		margin-bottom:			0px;
	}

#content img.HOME3{
		width:					215px;
		height:					300px;
		padding:				5px;
		border:					1px solid black;
		background-color:		#222222;
		margin-LEFT:			2,5px;
		margin-right:			2,5px;
		margin-top:				0px;
		margin-bottom:			0px;
		Float:					CENTER;
}

#content img.HOME2{
		width:					227.9px;
		height:					300px;
		padding:				3.2px;
		border:					1px solid red;
		background-color:		#ff3399;
		margin-LEFT:			0px;
		margin-right:			0px;
		margin-top:				0px;
		margin-bottom:			0px;
		Float:					CENTER;}


#content img.L{
		width:					950px;
		height:					auto;
		padding:				3.2px;
		border:					1px solid black;
		background-color:		blue;
		margin-LEFT:			0px;
		margin-right:			0px;
		margin-top:				0px;
		margin-bottom:			0px;
		Float:					CENTER;}

/* --- Fu�zeile --- */
#footer {Padding: 				5px;
		Margin: 				0px;
		Border-bottom: 				1px solid #222222;
		Min-height:				50px;
		background-color: 		#222222;
			Border-left: 				1px solid #222222;
				Border-right: 				1px solid #222222;
				Border-top: 				3px solid green;
		text-align:				center;
		color:					#ffffff;

}
HR		{border: 				5px double #222222;
}