/* CSS by M.P.W for www.spur-n.digital (2019) */
body { 
	font: 100%/1.4 Tahoma, Geneva, sans-serif;
	/* font-size: 16px; */
	margin: 0;
	padding: 30px;
	color: #000;
	background-color:antiquewhite;
}
a:link { 
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.container{
	margin: 0px auto;
	width: 1148px;
	background-color: #E8E8E8;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-border-radius:10px 10px 10px 10px; /* Runde Ecken für Mozzila */
	-webkit-border-radius:10px 10px 10px 10px; /* Runde Ecken für Chrom und Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Runde Ecken für Firefox */
	-o-border-radius:10px 10px 10px 10px; /* Runde Ecken für Opera */
	border-radius:10px 10px 10px 10px; /* Runde Ecken für alle anderen Browser ausser IE6 bis IE9 */
}
.header{ /* Kopfzeile der Webseite */
	margin: 0px auto;
	height:120px;
	width:1148px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-border-radius:10px 10px 0px 0px; /* Runde Ecken für Mozzila */
	-webkit-border-radius:10px 10px 0px 0px; /* Runde Ecken für Chrom und Safari */
	-khtml-border-radius:10px 10px 0px 0px; /* Runde Ecken für Firefox */
	-o-border-radius:10px 10px 0px 0px; /* Runde Ecken für Opera */
	border-radius:10px 10px 0px 0px; /* Runde Ecken für alle anderen Browser ausser IE6 bis IE9 */
}
.datum{
	position: relative;
	top: -35px;
	right: 125px;
	text-align:right;
	font-size: 15px;
}
#uhr{
	position: relative;
	top: -56px;
	right: 61px;
	text-align:right;
	font-size: 15px;
}
.flage{
	position: relative;
	top: -76px;
	right: 0px;
	height: auto;
	text-align:right;
}
ul { /* ANFANG DER MENU LEISTE */
	list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    width: 1148px;
	background-image:url(../libs/bgmenu1.png);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}
li { /* MENU */
    float: left;
}
li a, .dropbtn { /* MENU */
    display: inline-block;
    color: #FF0;
	background-image:url(../libs/bgmenu1.png);
	width: 164px;
    text-align: center;
    padding: 4px 0px;
	text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn { /* MENU */
	background-image: url(../libs/bgmenu2.png);
	background-color: red;
}
li.dropdown { /* MENU */
    display: inline-block;
}
.dropdown-content { /* MENU */
    display: none;
	position: absolute;
	background-image: url(../libs/bgmenu1.png);
	background-color: red;
    width: 184px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a { /* MENU */
    padding: 4px 10px;
    text-decoration: none;
    display: block;
    text-align: center;
}
.dropdown-content a:hover { /* MENU */
	background-image:url(../libs/bgmenu2.png);
	background-color: #F00;
}
.dropdown:hover .dropdown-content { /* MENU */
    display: block;
} /* Ende der MENU LEISTE */
.content { /* Position ist Mittig */
	text-align:left;
 	padding: 10px;
	width: 790px;
}
.info{
	position:absolute;
	top: 75px;
	right: 8px;
	widht: 190px;
	height: auto;
	text-align:center;
	border: solid 1px;
	background-color: #999;
	-moz-border-radius:10px 10px 10px 10px; /* Runde Ecken für Mozzila */
	-webkit-border-radius:10px 10px 10px 10px; /* Runde Ecken für Chrom und Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Runde Ecken für Firefox */
	-o-border-radius:10px 10px 10px 10px; /* Runde Ecken für Opera */
	border-radius:10px 10px 10px 10px; /* Runde Ecken für alle anderen Browser ausser IE6 bis IE9 */
}
.main { /* Position ist Mittig */
	text-align:left;
 	padding: 10px;
	width: 915px;
	height:980px;
}
.pic{
	position:absolute;
	top: 263px;
	right:217px;
	widht:921px;
	border: solid 1px;
	background-color: #FFFFFF;
	-moz-border-radius:10px 10px 10px 10px; /* Runde Ecken für Mozzila */
	-webkit-border-radius:10px 10px 10px 10px; /* Runde Ecken für Chrom und Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Runde Ecken für Firefox */
	-o-border-radius:10px 10px 10px 10px; /* Runde Ecken für Opera */
	border-radius:10px 10px 10px 10px; /* Runde Ecken für alle anderen Browser ausser IE6 bis IE9 */
}
.tabelle{
	position:absolute;
	top: 476px;
	right: 217px;
	widht: 917px;
	border: solid 1px;
	background: #7B7B7B;
	-moz-border-radius:10px 10px 10px 10px; /* Runde Ecken für Mozzila */
	-webkit-border-radius:10px 10px 10px 10px; /* Runde Ecken für Chrom und Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Runde Ecken für Firefox */
	-o-border-radius:10px 10px 10px 10px; /* Runde Ecken für Opera */
	border-radius:10px 10px 10px 10px; /* Runde Ecken für alle anderen Browser ausser IE6 bis IE9 */
}
.details{
    position: absolute;
    top: 645px;
    right: 251px;
    widht: 850px;
    height: 315px;
    border: solid 1px;
	-moz-border-radius:10px 10px 10px 10px; /* Runde Ecken für Mozzila */
	-webkit-border-radius:10px 10px 10px 10px; /* Runde Ecken für Chrom und Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Runde Ecken für Firefox */
	-o-border-radius:10px 10px 10px 10px; /* Runde Ecken für Opera */
	border-radius:10px 10px 10px 10px; /* Runde Ecken für alle anderen Browser ausser IE6 bis IE9 */
}
.tools{
	position:absolute;
	top: 976px;
	right:277px;
	widht: 810px;
	background:url("bgmenu2.png");
	border: solid 1px;
	-moz-border-radius:6px 6px 6px 6px; /* Runde Ecken für Mozzila */
	-webkit-border-radius:6px 6px 6px 6px; /* Runde Ecken für Chrom und Safari */
	-khtml-border-radius:6px 6px 6px 6px; /* Runde Ecken für Firefox */
	-o-border-radius:6px 6px 6px 6px; /* Runde Ecken für Opera */
	border-radius:6px 6px 6px 6px; /* Runde Ecken für alle anderen Browser ausser IE6 bis IE9 */
}
#linie{
	position: relative;
	top:-9px;
	border: solid #000 0.5px;
}
.box{
	margin-left:3px;
	margin-right:3px;
	width:190px; 
	background-color:#FFF;
	border: solid 1px;
}
.rahmen {
	border: solid 1px;
	-moz-border-radius:10px 10px 10px 10px; /* Runde Ecken für Mozzila */
	-webkit-border-radius:10px 10px 10px 10px; /* Runde Ecken für Chrom und Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Runde Ecken für Firefox */
	-o-border-radius:10px 10px 10px 10px; /* Runde Ecken für Opera */
	border-radius:10px 10px 10px 10px; /* Runde Ecken für alle anderen Browser ausser IE6 bis IE9 */
}
.footer { /* Fusszeile der Seite */
	padding: 2px 5px;
	font-size:9px; /* Schriftgröße für den footer */
	position: relative;/* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */
	clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
}