@CHARSET "UTF-8" ; 

@media screen , projection {
	body {
		width: 98%;
		font-family: Monospace;
		font-size: 25px;
		font-weight: normal;
	}
	#form {
		margin: auto;
		min-width: 400px;
		max-width: 800px;
		width: 100%;
		clear: both;
	}
	legend {
		font-family: Verdana;
		font-weight: bold;
	}
	#vonDesc,#bisDesc,#dayDesc {
		padding-right: 10px;
	}
	#vonStd,#vonMin,#bisStd,#bisMin,#day,#submit {
		font-size: 100%;
	}
	#result {
		border: 1px #000000 solid;
		margin: auto;
		min-width: 400px;
		max-width: 800px;
		width: 98%;
		padding: 1%;
		display:none;
	}
	#footer {
		border-top: 1px #000000 solid;
		width : 100%;
		padding: 5px;
		font-size: 35%; 
		margin-top:10px;
	}
	#navi
	{
		margin: auto;
		min-width: 400px;
		max-width: 800px;
		width: 98%;
		padding: 1%;
	}
	#navi input
	{
		color:#333333;
		text-decoration:none;
		font-family:Arial;
		display: block;
		float: left;
		max-width: 300px;
		border:1px #333333 solid;
		border-radius:15px;
			-moz-border-radius:15px;
		margin-left:6%;
		padding-left:6%;
		padding-right:5%;
		background-color:#D3D3D3;
		background-image:url(pics/clock.png);
		background-image:url(pics/clock.svg);
		background-repeat:no-repeat;
		background-position:left;		
		background-size:10% 100%;
	}
	#until
	{
		display:none;
	}
}