* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

@-ms-viewport {width: device-width; zoom:1;}
@-o-viewport {width: device-width; zoom:1;}
@viewport {width: device-width; zoom:1;}

body {
	background-color:#0a4803
	
	
}
			article {
			high:600px;
			min-width: 200px;
			max-width: 1000px;
			padding: 10px;
			margin: 0px 5px 5px 0px;
			border: 1px dotted gray;
			background-color: white;
			}
			main {
			width: 70%;
			padding: 10px;
			margin: 0 auto;
			background-color: white;
			display: -webkit-flex;
			display: -ms-flexbox;
			flex-wrap: wrap;
			display: flex;
			flex-flow: row wrap;
			flex-direction: -webkit-row;
			flex-direction: -ms-row;
			flex-direction: row;
			justify-content:center;
			}
			header {
			width: 70%;
			background-color: #CCFFCC;			
			margin: 0 auto;
			padding: 2px 10px;
			}
			footer {
			width: 70%;
			background-color: #da2601;			
			margin: 0 auto;
			padding: 2px 10px;
			}
			FORM {
			float:left;
			margin-left:20%;
			}
			a {color: red;}
			.no_bullet {list-style: none;
			}
			.link_zeitskala {float:left; padding-left:1px; border:2px solid white;}
			.link_seite1 {float:right; padding-right:1px; border:2px solid white;}



.Zeittafel {
	width:90%;
	text-align: center;
	vertical-align:middle;
	border:	solid black 1px;
	padding: 0;
}
td {
	border:	solid black 1px;
	padding:0px;
	
}
.Zeit {
	font-size: 0.65em;
	vertical-align: bottom;
	text-align: left;
	border: none;
}
#kaeno {background-color:#FFFF6D}
#meso {background-color:#50AEE5}
#paleo {background-color:#A87155}


table a {
	color:black;
}
table a:hover {color: blue; font-weight: bold; text-decoration:underline; }
table a:link {color:black;}

@media only screen and (min-width: 65em)/*46.85em*/
{
	.Zeittafel {
		font-size: 1.5em;
	}
}