/*Aufhebung der Browser-Regeln*/
* { padding: 0; margin: 0; }
html
{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#100055), color-stop(100%,#0066ff));
background-attachment:fixed; /* Moderne Browser */
height:100%;

}

body									/* HTML-Element Formatvorlage */
{
	overflow:				hidden;
	font-family: 			arial;
	font-size:				14px;
	color: 					#FFFFFF;
	text-shadow: 			2px 2px 3px black;
}

h1										/* HTML-Element Formatvorlage */
{
	font-weight:		bold;
	color:				yellow;
	font-size:			30px;
}

h2										/* HTML-Element Formatvorlage */
{
	font-weight:		bold;
	color:				crimson;
	font-size:			15px;
}

button
{
	width:			180px;
	height:			45px;
	font-size:		20px;
}

button:hover
{
	width:			180px;
	height:			45px;
	font-size:		18px;
	font-weight:	bold;
}

.code {
font-family: Consolas, monaco, monospace;
font-size: 18px;
}

.wichtig								/* Klasse (class=...) */
{
	font-size:		16px;
	font-weight:	bold;
	color:			red;
}

.ueberschrift_klein
{
	font-style:			italic;
	font-size:			16px;
}

.angepasst			/* class - Klasse  */
{
	font-size:			16px;
	color:				#ffffff;
}

.uhr
{
	margin-right: 20px;
}
#kopf									/*  div Container (id=...) */
{
	position:		fixed;
	width:			100%;
	padding:		10px;
	margin-top:		10px;
	background:		rgba(144,238,144, 0.3);
}

#datum									/*  div Container (id=...) */
{
	position:		fixed;
	padding:		10px;
	width:			100%;
	top:			100px;
	margin-top:		10px;
	background:		rgba(144,238,144, 0.3);
}

#links								/*  div Container (id=...) */
{
	position:		fixed;
	top:			160px;
	float:			left;
	width:			270px;
	padding:		10px;
	margin:			0 0 10px 10px;
}

#rechts								/*  div Container (id=...) */
{
	top:			160px;
	right:			10px;
	position:		fixed;
	width:			250px;
	padding:		10px;
	margin-right:	10px;
}

#anzeige								/*  div Container (id=...) */
{
	position:		absolute;
	top:			160px;
	height:			75%;
	overflow-x:		hidden;
	overflow-y:		visible;
	padding:		10px;
	margin-left:	290px;
	margin-right:	290px;
}

#fuss									/*  div Container (id=...) */
{
	position:		fixed;
	clear:			both;
	padding: 		10px; 
	width:			100%;
	bottom:			10px;
	background:		rgba(144,238,144, 0.3);
}



a:link
{
	text-decoration:	none;
	color:				cornsilk;
}

a:visited
{
	text-decoration:	none;
	color:				cornsilk;
}

a:active
{
	text-decoration:	none;
	color:				cornsilk;
}

a:hover
{
	text-decoration:	none;
	color:				gold;
	font-weight:		bold;
}

/* Abstand nach unten */
h2, p, ul, ol 
{
	margin-bottom:  10px;
	margin-left:	10px;
}

/* Verschachtelte Listen ohne Abstand */
ul ul 
{
	margin-left:	10px;
	margin-bottom:	0px; 
}

/* Abstand von links */
li 
{ 
	margin-left: 10px; 
}

	.marquee {
		max-width: 70vw; /* iOS braucht das */
		white-space: nowrap;
		overflow: hidden;
		/* hier evtl. noch font-size, color usw. */
	}

	.marquee span {
		display: inline-block;
		padding-left: 100%;
		animation: marquee 30s linear infinite;
	}

	/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
	.marquee span:hover {
		animation-play-state: paused 
	}

	/* Make it move */
	@keyframes marquee {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}