/*=====================================================*\
|	Grundeinstellung: Font, Farbe, Raender		|
\*=====================================================*/

body {
	font-family: Comix, TSCu_Comic, "Comic Sans MS", "Trebuchet MS", Sans-Serif;
	font-size: 12pt;

	max-width: 90ex;

	margin: 0 auto;
	padding: 1ex;
}

/*=====================================================*\
|	Farben						|
\*=====================================================*/

body {
	background-color: #ff8000;
	color: black;
}

a {
	color: #0000ff;
}

a:hover, .content a:visited:hover {
	color: white;
	background: blue;
	text-decoration: none;
}

a[rel=image]:hover {
	background: transparent;
}

.bc a {
	text-decoration: none;
}

.bc span, a[rel=self], a[rel=self]:hover {
	color: black;
	background-color: #ff8000;
}

.content a:visited {
	color: #0000c0;
}

/*=====================================================*\
|	Ueberschrift zentriert				|
\*=====================================================*/

h1 {
	text-align: center;
}

/*=====================================================*\
|	Bild mit Link ohne bunten Rand			|
\*=====================================================*/

a img {
	border: 1px gray solid;
	vertical-align: middle;
}

.b p img {
	margin: 0.5ex;
	max-width: 99%;
}

.b ul {
	padding-left: 3ex;
}

.b td {
	max-width: 45%;
}

.b td img {
	width: 100%;
}

.b .center, .b .center td {
	text-align: center;
}

/*=====================================================*\
|	Weniger tiefe Einrueckung bei Listen		|
\*=====================================================*/

ul {
	padding-left: 2ex;
}

/*=====================================================*\
|	Zusatzheaderzeilen
\*=====================================================*/

.category, .date, .title, .subtitle {
	font-style: italic;
	text-align: center;
}

/*=====================================================*\
*|      .b (body)       Langtext                        |
\*=====================================================*/

.b .fl, .b .fr {
	max-width: 70%;
}

.b .ic {
	max-width: 99%;
}

.b .ic, .b .il, .b .fl, .b .fr {
	text-align: center;
}

.b .ic {
	margin-left:  auto;
	margin-right: auto;
}

.b .ic, .b .clear {
	clear: both;
}

.b .fl {
	float: left;
	margin: 0 1ex 1ex 0;
	position: relative;
}

.b .fr {
	float: right;
	margin: 0 0 1ex 1ex;
	position: relative;
}

.b .ic {
	position: relative;
}

.b .ic img, .b .il img, .b .fl img, .b .fr img {
	width: 100%;
}

.b a[href^="http:"]:before {
	content: url(pfeil.png);
}

.b div img.overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	/*visibility: hidden;*/
	width: 10%;
	border: 1px yellow solid;
}

.b div img.overlay:hover {
	visibility: visible;
	width: 100%;
	height: auto;
	border: none;
}

.b span.error { border: 1ex solid red; color: black; background: yellow; }

/*=====================================================*\
|	Blockquote					|
\*=====================================================*/

blockquote {
	border: 1px solid #404040;
	font-size: smaller;
	padding: 0.5ex;
	margin-right: 2ex;
}

blockquote p {
	margin-top: 0.5ex;
}

p.submit {
	text-align: center;
}

form div {
	margin-top: 2ex;
}

/*=====================================================*\
|	Tabellen					|
\*=====================================================*/

table {
	margin-bottom: 3ex;
	width: auto;
	max-width: 100%;
}

th, td {
	vertical-align: top;
	text-align: left;
	padding: 0.4ex;
}


td ul {
	padding-left: 2ex;
}

/*=====================================================*\
|	Fehlermeldungstext				|
\*=====================================================*/

.fatal {
	font-family: monospace;
	text-align: center;
	color: yellow;
	background: black;
}

.error {
	color: yellow;
	background: black;
}

.warning {
	color: #ffff99;
	font-size: smaller;
}

/*=====================================================*\
|	Seitenfuß					|
\*=====================================================*/

.minibuttons {
	margin-top: 6ex;
	font-size: x-small;
	text-align: right;
}

.footer {
	font-size: x-small;
	text-align: right;
}

.footer * {
	text-decoration: none;
}

/*=====================================================*\
|	Spoiler						|
\*=====================================================*/

.hide table,
.hide span {
	background-image: url(hide.png);
	border: 1px solid gray;
}

.hide table td,
.hide span span {
	visibility: hidden;
}

.hide table:hover,
.hide table:hover td,
.hide span:hover,
.hide span:hover span,
.unhide table,
.unhide table td,
.unhide span,
.unhide span span {
	background-image: none;
	border: 1px solid transparent;
	visibility: visible;
}

/*=====================================================*\
|	Ende						|
\*=====================================================*/