/* die speziellen Styles fuer das Skript */

/* Uni-Farben
Grün #006666
helles Grün #E5F2F3
Blau #003366
helles Blau #E3EFFA
Orange #FF6600
helles Orange #FBE5D6
 */

/* Allgemeines */
#content p, #content form, #content table {
	margin-bottom: 1em;
}

/* Error */
#content p.error {
	padding: 0.5em 1em;
	background-color: #FBE5D6;
	color: #CC0000;
	margin-bottom: 1em;
}

/* Formular */
#content form {
	background-color: #E5F2F3;
	overflow: auto;
}

#content form fieldset {
	border: none;
	padding: 1em;
	float: left;
}

#content form label {
	padding-right: 1em;
}

#content form input {
	padding: 0.5em;
}

#content form input[type=submit] {
	margin: 1em;
	padding: 0.5em 1em;
	float: left;
}

#content form fieldset br {
	display: none;
}

@media (max-width:600px) {
	#content form input {
		width: 100%;
	}
	#content form input[type=submit] {
		width: 50%;
	}
	#content form fieldset br {
		display: inherit;
	}
	#content form fieldset, #content form input[type=submit] {
		float: none;
	}
}

/* Ausgabe */

#content table {
	border-collapse: collapse;
}

#content table, #content th, #content td {
	border: 1px solid #CCCCCC;
}

#content th, #content td {
	text-align: left;
	vertical-align: top;
	padding: 0.5em 1em;
}

#content th {
	background-color: #E5F2F3;
}

@media (max-width:400px) {
	#content table .mail img {
		display: none;
	}
}