/* --- body --- */
body {
		width:					1000px;
		font-family:			Arial, Helvetica;
		font-size:				1em;
		color:					#333333;
		background:		linear-gradient(to bottom, #000000, #222222);
		margin-top:				10px;
		margin-bottom:			10px;
		margin-left:			auto;
		margin-right:			auto;
}

/* --- Links --- */
a { 	color:					#ffffff;
		text-decoration:		none
}
a:hover {
		color:					#00ffff;
		text-decoration:		underline
}
#a:visited {color: green}
#a:active { color:red}

/* --- Hervorhebungen --- */
span {
		color: 					#000080; 
		background-color: 		#ffffFF;
		font-weight: 			BOLD;
		letter-spacing: 		2px
}

select	{color: 					#000080; 
		background-color: 		#ffffFF;
		font-weight: 			BOLD;
		letter-spacing: 		2px	}

	

/* --- Kopfzeile f�r Logo und Titel --- */
#header{l
		Padding: 				5px; 
		Margin: 				0px;
		Border: 				1px solid black;
		border-bottom: 4px solid red;
		Min-height:				50px;
		background-color: 		#000000
}

#header h1 {
		font-size:				2em;
		color:					#ffffff;
}

#header img {	float:					left;
		border:					1px solid black;
		Margin-right:					50px;
		Margin-left:					50px;
		Margin-top:						20px
}

/* --- Navigationsbereich --- */


#nav	 {
		width:					227.9px;
		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;
}


#hex {
		width:					200px;
		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;
}


#bell	 {
		width:					200px;
		padding:				5px;
		border:					1px solid white;
		background-color:		red;
		margin-LEFT:			5px;
		margin-right:			5px;
		margin-top:				2.5px;
		margin-bottom:			2.5px;
		Float:					left;
}

/* --- Inhaltsbereich --- */
#content {		background:		linear-gradient(to bottom, #000000, #2f4f4f);
				padding:		20px;
				margin-left:	0px;
				margin-right:	0px;
				color:			white
}
#content p.zitat {		font-size:2em;
				color:			white
				
}

#content h2 {	color:			#ffffff	}	
#content h1 {	color:			#ffffff;
					background-color:#000000;
					width:			auto}
#content img.its{	width:		500px;
					height:			auto;
					vertical-align:			justify;
					margin-left:			225px;}
#content img.its2{	width:		auto;
					height:			50px;
					vertical-align:			justify;
					margin-left:			310px;
					background-color:		#111111}
					
#content img.its3{	width:		auto;
					height:			90px;
					vertical-align:			justify;
					margin-left:			8px;
					background-color:		#111111}

#content img.vs{width:210px;
height:400px;
margin-LEFT:			4px;
margin-right:			4px;
margin-top:				1px;
margin-bottom:			1px;
}

	
/* --- Fu�zeile --- */
#footer {Padding: 				5px; 
		Margin: 				0px;
		Border: 				1px solid black;
		Min-height:				50px;
		background-color: 		#000080;
		text-align:				center;
		color:					#ffffff;
	
}
HR		{border: 				2px solid #ffffff;
			width:				500px
}