/* Hompage Style-Sheet */

div.block {
	width: 60%;
	color: #BB0000;
	}

div.block a:link {
	color: #BB0000;
	}

div.block a:visited {
	color: #BB0000;
	}

div.block a:hover {
	color: #BB0000;
	}

div.block a:active {
	color: #BB0000;
	}

#mainindex > div {
	margin: auto;
	text-align: center;
	margin-top: 6px;
	padding-bottom: 6px;
	border-bottom-style: solid;
	border-width: 1px;
	border-bottom-color: black;
	}

#mainindex > div:nth-of-type(odd) {
	margin-right: 50%;
	text-align: right;
	}

#mainindex > div:nth-of-type(even) { 
	margin-left: 50%;
	text-align: left;
	}


/* Info Box */

div.info {
	margin: auto;
	width: 60%;
	margin-top: 30px;
	margin-bottom: 30px;
	}

div.info hr {
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 25%;
	}

div.info hr.oben {
	margin-top:-1.2em;
	}

div.info div {
	margin: auto;
	padding: 3px;
	text-align: center;
	font-size: 80%;
	}

div.info div.greenbox {
	min-width: 16em;
	border: 4px ridge #000000;
	background: #00EE00;
	color: #FF0000;
	font-size: 100%;
	}

div.info div.redbox {
	min-width: 16em;
	border: 4px ridge #000000;
	background: #DD0000;
	color: #000000;
	font-size: 100%;
	}

div.info div.box {
	width: 60%;
	min-width: 16em;
	border: 4px ridge #DD0000;
	background: #FFEEEE;
	color: #000000;
	font-size: 100%;
	}

div.info div.box b {
	font-size: 100%;
	}

div.info p {
	margin: auto;
	margin-top: 1.2ex;
	margin-bottom: 2ex;
	text-align: center;
	font-size: 80%;
	}

div.info a {
	text-decoration: none;
	color: #000060;
	}

div.info b {
	font-size: x-large;
	}

div.info p.heft {
	width: 250px; 
	margin: auto; 
	margin-top: 1.2ex;
	margin-bottom: 1.2ex;
	font-size: 80%;
	}

div.info p.heft2 {
	margin-top: 2em;
	width: 250px; 
	margin: auto; 
	margin-top: -3.5px; 
	margin-bottom: 1ex;
	font-size: 80%;
	}

div.info p.heft img {
	margin: auto;
	margin-top: -3.5ex;
	padding-bottom: .5ex;
	display: block;
	}

div.info p.heft-unten {
	width: 250px; 
	margin: auto; 
	margin-top: 15px; 
	margin-bottom: -20px; 
	font-size: 80%;
	}

div.info div.heute {
	margin: auto;
	margin-top: 1.2ex;
	margin-top: -1ex;
	text-align: center;
	font-size: 70%;
	width: 20em;
	}

div.info div.heute em {
	font-weight: bold;
	font-style: italic;
	}

div.info div.heute > span {
	display: list-item;
	list-style-type: none;
	line-height: 1em;
	}

span.min {
	vertical-align: super;
	font-size: 66%;
	text-decoration: underline;
	}

span.min-alt {
	display: none;
	}


/* Mobile */
@media only screen and (max-width: 1000px) {

	div.block {
		width: 99%;
		}

	#mainindex {
		font-size: 120%;
		}
		
	div.info {
		width: 99%;
		}
	
	}