html
{
/*	font-family:					arial,helvetica,sans-serif;*/
	font-family:					sans-serif;
/*	font-family:					serif;*/
	font-size:						24pt;
}

body
{
	padding:						0px;
	margin:							0px;
	background-color:				#000000;
	color:							#FFFFFF;
}

div.fuckyou
{
	position:fixed;
	right:0%;
	bottom:0%;
}

div.fuckyou > a > img
{
	display:						block;
}

div#hauptmenue
{
	position:						fixed;
	left:							0%;
	top:							0%;
	width:							15%;
	height:							100%;
	background-image:				url(/bilders/layout/sprittwand.jpg);
	border-right:					solid 1px #808080;
	z-index:						30;
	overflow:						auto;
	text-align:						center;
	color:							#FFFFFF;
}

div#untermenue
{
	position:						fixed;
	top:							0%;
	left:							15%;
	width:							85%;
	padding-left:					1px;
/*	left:							0%;
	width:							100%;
	padding-left:					16%;*/
/*	padding-top:					0.1%;
	padding-bottom:					0.3%;*/
	font-size:						0.4em;
/*	background-color:				#F00000;*/
	background-image:				url(/bilders/layout/hintergrund_bier.jpg);
	z-index:						20;
	border-bottom:					solid 1px #808080;

/*	max-height:									10%;*/
}

div#untermenue_allgemein
{
/*background-color:	#FF0000;*/
	background-image:				url(/bilders/layout/hintergrund_schwarz_050.png);
	padding:						0% 0.2% 0.3em 0.2%;
	color:							#FFFFFF;
}

div#untermenue_seite
{
/*background-color:	#0000FF;*/
clear:right;
	padding:						0.3em 0.2% 0.5em 0.2%;
	color:							#000000;
/*	max-height:									inherit;*/
}

div#wichtiger_hinweis
{
	position:						fixed;
	bottom:							0%;
	left:							15%;
	width:							85%;
	font-size:						0.4em;
	background-color:				#FF0000;
	color:							#000000;
	z-index:						20;
	border-top:						solid 1px #808080;
}

div#wichtiger_hinweis > div
{
	padding:						1.0em;
}

a.subMenu
{
/*	color:							#FFFFFF;*/
	text-decoration:				none;
}

a.subMenu:hover
{
	text-decoration:				underline;
}

div#untermenue_allgemein a.subMenu
{
	color:							#FFFFFF;
}

div#untermenue_seite a.subMenu
{
	color:							#000000;
}

div#inhalt
{
	padding-left:					16%;
	padding-top:					5%;
	padding-right:					1%;
	padding-bottom:					1%;
	font-size:						0.5em;
	z-index:						10;
	text-align:						justify;

/*	background-color:				#007000;*/
}

div#hauptmenue > ul
{
	font-size:						0.8em;
/*	font-weight:					bold;*/
	list-style-type:				none;
	margin:							0% 0% 1.0em 0%;
	padding:						0%;
	z-index:						20;
	position:						relative;
	top:							0%;
	left:							0%;
	border-top:						solid 1px #808080;
}

div#hauptmenue > ul > li
{
/*	padding:0%;
	margin:0%;*/
/*	display:inline;*/ /* Krank, aber das würde dem IE gefallen. (?!) */
}

div#hauptmenue > ul a
{
	padding-top:					3%;
	padding-bottom:					3%;
	border-bottom:					solid 1px #808080;
	display:						block;

	/* IE7 Fuck off Special. Macht keinen Sinn, ist aber so. */
	width:							100%;
/*	text-align:						center;*/

	background-image:				url(/bilders/layout/hintergrund_schwarz_050.png);
	color:							#FFFFFF;
	text-decoration:				none;
	font-weight:					normal;

/*	padding-left:					1%;
	padding-right:					1%;*/
}

div#hauptmenue > ul a.aktiv
{
	background-image:				none;
	background-color:				#700000;
}

div#hauptmenue > ul a:hover
{
	background-image:				none;
	background-color:				#A00000;
}

div#hauptmenue > div.menuetitel
{
	font-size:						0.5em;
	background-image:				url(/bilders/layout/hintergrund_blau_verlauf.png);
/*	background-color:				#006000;*/
	border-top:						solid 1px #808080;
	padding:						0.2em 0em 0.2em 0em;
	z-index:						20;
	position:						relative;
	top:							0%;
	left:							0%;
	font-style:						italic;
	font-weight:					bold;
}

div#hauptmenue_unten
{
	font-size:						0.4em;
/*	position:						fixed;*/
	position:						absolute;
	bottom:							0%;
	left:							0%;
	width:							100%;
	z-index:						10;
	color:							#C8C8FF;
}

div#hauptmenue_unten > div.liebkosung
{
	padding:						0.3em;
	font-weight:					bold;
	font-size:						1.2em;
	border-top:						1px solid #808080;
	background-color:				#FF0000;
	background-image:				none;
}

div#hauptmenue_unten > div
{
	padding:						0.3em;
/*	font-weight:					bold;*/
	border-top:						1px solid #808080;
	background-image:				url(/bilders/layout/hintergrund_blau_verlauf.png);
}

div#hauptmenue_unten > div > span
{
/*	padding:						0.3em;*/
	font-weight:					bold;
}

div#hauptmenue_unten > div > span + div
{
/*	padding:						0.3em;*/
	font-size:						1.2em;
	font-weight:					bold;
}

div#hauptmenue_unten > div > form
{
/*	padding:						0.3em;*/
	margin:							0em;
/*	background-image:				url(/bilders/layout/hintergrund_blau_060.png);*/
}

div#hauptmenue_unten > div > form > table
{
	border-spacing:					1px;
	width:							100%;
	margin-top:						0.3em;
	margin-bottom:					0.3em;
}

div#hauptmenue_unten > div > form > table > tbody > tr > td
{
	padding:						0px;
}

div#hauptmenue_unten > div > form > table > tbody > tr > td:first-child
{
	padding:						1px;
	text-align:						left;
}

div#hauptmenue_unten > div > form > table > tbody > tr > td > label
{
}

div#hauptmenue_unten > div > form > table > tbody > tr > td:first-child + td
{
	width:60%;
}

div#hauptmenue_unten > div > form > table > tbody > tr > td > input
{
	font-size:						1.0em;
	color:							#FFFFFF;
	background-color:				#000040;
	border:							1px solid #9090FF;
	width:100%;
}

/* Einloggen-Button */
div#hauptmenue_unten > div > form > div > input
{
	width:							48%;
	font-size:						1.0em;
	padding:						0.3em 0.1em 0.3em 0.1em;
/*	font-weight:					bold;*/
}

/* Registrieren-Button */
div#hauptmenue_unten > div > form > div > a
{
	width:							48%;
	padding:						0.3em 0.1em 0.3em 0.1em;
}

div#hauptmenue_unten > div > div + form
{
	margin-top:						0.3em;
}

/* Ausloggen-Button */
div#hauptmenue_unten > div > form > input[type="submit"]
{
	width:							48%;
/*	display:						inline;*/
	font-size:						1.0em;
	padding:						0.3em 0.1em 0.3em 0.1em;
/*	font-weight:					bold;*/
}

img#logo_front
{
	width:							100%;
/*	height:							auto;*/
	max-width:						130px;
/*	position:						absolute;
	bottom:							1%;
	left:							5%;*/
	z-index:						-10;*/
}

div#footer
{
	color:							#FFFFFF;
	margin-top:						5%;
	padding:						5%;
/*	background-image:				url(/bilders/layout/hintergrund_schwarz_050.png);*/
	background-color:				#300050;
	border:							thin dashed #8000A0;
}

div#footer_links
{
/*	float:							left;*/
/*	padding:						5%;*/
}

div#footer_rechts
{
	float:							right;
}




hr
{
	margin:							4%;
}

h1
{
	font-size:						2.0em;
}

h2
{
	font-size:						1.2em;
}

h3
{
	font-size:						1.0em;
}

h4
{
	font-size:						0.8em;
}

h5
{
	font-size:						0.6em;
}

h6
{
	font-size:						0.4em;
}

q
{
	font-style:						italic;
}

/*span.link
{
	font-weight:					bold;
	background-image:				url(/bilders/layout/hintergrund_schwarz_050.png);
	color:							#FFFFFF;
}*/

/*span.link a*/
a
{
	color:							#C0C0FF;
	font-weight:					bold;
}

a:hover
{
	color:							#D0D0FF;
}

.clear
{
	clear:							both;
}

.clearLeft
{
	clear:							left;
}

.clearRight
{
	clear:							right;
}

.hcenter
{
	text-align:						center;
}






div.autor_kuerzel
{
	font-size:						0.9em;
	text-align:						right;
}



div#untermenue_allgemein > div
{
	padding:						0.5ex 1ex 0% 1ex;
	float:							right;
}

div#untermenue_seite a.button
{
	padding:						0.2em 0em 0.2em 0em;
}

.button
{
	display:						block;
	text-decoration:				none;
	font-weight:					normal;
	color:							#FFFFFF;
	width:							2.5ex;
	background-color:				#305090;
	border:							1px solid #5070B0;
	text-align:						center;
}

.inlinebutton
{
	display:						inline;
	text-decoration:				none;
	font-size:						1.5em;
	font-weight:					normal;
	color:							#FFFFFF;
	background-color:				#305090;
	border:							1px solid #5070B0;
	padding:						0.5em;
}

.button:hover, .inlinebutton:hover
{
	background-color:				#5070A0;
}

div#untermenue_allgemein > a.button
{
	float:							right;
	margin:							1px;
}

div.pageSelector
{
	color:							#000000;
	font-weight:					bold;
}

div.pageSelector > div
{
	float:							right;
}

div.pageSelector > div > span
{
	background-color:				#000000;
	color:							#FFFFFF;
}

div.pageSelector > br
{
	clear:							right;
}

div.pageSelector > a.button
{
	/* 48% wär schön, fuck IE7... */
	width:							46%;
	font-size:						1.5em;
}

.left
{
	float:							left;
}

.right
{
	float:							right;
}

.center
{
	margin-left:					auto;
	margin-right:					auto;
}

/* LinkSelectBox */

div.linkSelectBox
{
	color:								#000000;
	font-weight:						bold;
}

div.linkSelectBox > div
{
	color:									#FFFFFF;
	font-weight:						normal;
	text-align:							center;
	font-size:							1.5em;

	position:								relative;
/*	max-height:									inherit;*/
}

div.linkSelectBox > div > a.button
{
/*	display:						block;
	text-decoration:				none;
	font-weight:					normal;
	color:							#FFFFFF;
	background-color:				#305090;
	border:							1px solid #5070B0;*/

	position:						absolute;
	top:							auto;
	right:							0%;
	width:							3ex;

/*	float:							right;
	width:							5%;

	position:relative;
	z-index:						1;*/
}

div.linkSelectBox > div > div
{
	background-color:				#000000;
	border:							1px solid #707070;
	margin-right:					3ex;
	padding:						0.2em 0em 0.2em 0em;

	position:						relative;
/*	height:							100%;*/

/*	max-height:						inherit;*/
}

div.linkSelectBox > div > div > ul
{
	position:								absolute;
/*	top:										auto;*/
/*	top:										1em;*/
	left:										0%;
	right:									0%;
/*	width:									100%;*/

/*	border:									medium ridge #0000FF;*/
	border:									medium ridge #90C0FF;
	display:								none;
	list-style-type:				none;
	margin:									0%;
	padding:								0%;
	overflow:								auto;

/*	max-height:							inherit;*/
/*	max-height:							100%;*/
	max-height:							25em;
}

div.linkSelectBox > div > div:hover > ul
{
	display:								block;
}

div.linkSelectBox > div > div > ul > li
{
/*	background-image:				url(/bilders/layout/hintergrund_103070_090.png);*/
	background-color:				#003070;
/*	background-color:				#006000;*/
}

div.linkSelectBox > div > div > ul > li.linkSelectBoxCategory
{
	background-image:					none;
	background-color:					#205090;
/*	background-color:					#00A000;*/
	color:								#A0C0FF;
	font-size:							0.8em;
	font-weight:						bold;
}

div.linkSelectBox > div > div > ul > li.linkSelectBoxSelectedItem
{
	background-image:				none;
	background-color:				#700000;
}

div.linkSelectBox > div > div > ul > li > a
{
	width:									100%;
	display:								block;
	color:									#FFFFFF;
	font-size:							1.2em;
	font-weight:						normal;
	text-decoration:				none;
}

div.linkSelectBox > div > div > ul > li > a:hover
{
	background-image:				none;
	background-color:				#A00000;
}


div#vote
{
	border:							solid 1px #00A000;
	color:							#FFFFFF;
	background-color:				#006000;
	/*padding:0%;*/
}

/* Frage */
div#vote > div
{
	padding:						0.5em;
}

div#vote > form
{
	margin:							0%;
	padding:						0%;
}

div#vote > form > table
{
	width:							100%;
	margin:							0%;
	padding:						0%;
	border-collapse:				collapse;
}

div#vote > form > table > tbody > tr > td
{
	border-top:						solid 1px #00A000;
	border-bottom:					solid 1px #00A000;
	padding:						0.25em;
}

/* linker Tabellenrand nicht nötig wegen Vote-Div */
/*div#vote > form > table > tbody > tr > td:first-child
{
	border-left:					none;
}*/

/* Antworten */
div#vote > form > table > tbody > tr > td:first-child + td
{
	text-align:						left;
}

/* Stimmenbalkenbreite */
div#vote > form > table > tbody > tr > td:first-child + td + td
{
	width:							15%;
}

/* Stimmenbalkengrafik */
div#vote > form > table > tbody > tr > td:first-child + td + td > img
{
	height:							0.5em;
	border:							1px outset #3F873F;
/*	border:							1px inset #00A000*/
}

/* Stimmenanzahl einer Antwort + rechten Tabellenrand entfernen */
div#vote > form > table > tbody > tr > td:first-child + td + td + td
{
	text-align:						right;
	border-right:					none;
}

/* "bisher abgegebene Stimmen" */
div#vote > form > table > tbody > tr > td:first-child[colspan="3"]
{
	text-align:						right;
	font-style:						italic;
}

/* Gesamtstimmenanzahl + rechten Tabellenrand entfernen */
div#vote > form > table > tbody > tr > td:first-child[colspan="3"] + td
{
	text-align:						right;
/*	border-right:					none;*/
}

/* Buttons unter dem Vote */
div#vote > form > div
{
	padding:						0.5em;
}

/* liebevoller "Du hast schon abgestimmt"-Hinweis */
div.voteGehKacken
{
	text-align:						left;
	font-size:						0.8em;
	color:							#20C020;
	border-bottom:					1px solid #00A000;
/*	margin-bottom:					0.5em;*/
}

/* Abschicken-Button */
div#vote > form > div > input[type="submit"]
{
	font-size:						1.0em;
	width:							30%;
/*	height:							1.1em;*/
	padding:						0.3em 0.1em 0.3em 0.1em;
/*	margin-top:						0.1em;
	margin-bottom:					0.1em;*/
	font-weight:					bold;
}

/* Alte Votes- / Details-Button */
div#vote > form > div > a
{
	width:							30%;
	padding:						0.3em 0.1em 0.3em 0.1em;
/*	margin-top:						0.1em;
	margin-bottom:					0.1em;*/
/*	height:							1.1em;*/
/*	font-size:							1.5em;*/
}



table.standard
{
	border-spacing:					0px;
	border-collapse:				collapse;
}

table.standard td
{
	padding:						0.0em 1.0em 0.0em 0.0em;
	vertical-align:					top;
}




div.seitenbeschreibung
{
	margin:							0% 10% 5% 10%;
	text-align:						center;
	font-size:						1.1em;
	font-style:						italic;
}

div.eingabeFehler
{
	font-weight:					bold;
	border:							solid 5px #FF0000;
	padding:						0.5em;
	color:							#FF0000;
	background-color:				#000000;
}




/* allgemeine Angaben für "größere" Formulare */

/* ja, ich bin mir der Tatsache bewusst, dass "form.formular" eigentlich ziemlich bescheuert ist */
div#inhalt form.formular
{
	width:							80%;
	margin-left:					auto;
	margin-right:					auto;
	text-align:						left;
}

div#inhalt form.formular > fieldset
{
	margin-bottom:					1.5em;
}

div#inhalt form.formular > fieldset > legend
{
	font-weight:					bold;
	font-style:						italic;
}

div#inhalt div.buttonreihe
{
	margin:							2.5em 0.0em 1.0em 0.0em;
	text-align:						center;
}