body   {
	font-family: Verdana;
	background-color: black;
	margin: 0px;
	padding: 0px;
}

h1 { font-size: 1.5em; font-weight: bold; margin: 0.67em 0 }
h2 { font-size: 1.4em; font-weight: bold; margin: 0.67em 0 }
h3 { font-size: 1.3em; font-weight: bold; margin: 0.67em 0 }
h4 { font-size: 1.2em; font-weight: bold; margin: 0.67em 0 }
h5 { font-size: 1.1em; font-weight: bold; margin: 0.67em 0 }
h6 { font-size: 1em; font-weight: bold; margin: 0.67em 0 }

a  { color: #83be42; text-decoration: none }
a:link  { color: #83be42; text-decoration: none }
a:visited  { color: #83be42; text-decoration: none }
a:hover   { color: #dddddd; text-decoration: none }
a:active  { color: #83be42; text-decoration: none }

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
/* Div das das Formular umschließt */
.formgen { font-size: 0.9em;}

/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor : pointer; }
.formgen form { line-height : 100%; text-align: left;}

/*Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann*/
.formgen .formblock { }
.forminfo  { color: #83be42; font-weight: bold; background-color: #dddddd; margin-bottom: 5px; width: 100%; border: dotted 1px #79787c }

/*Verhalten von br-Tags*/
.formgen br {clear : both;}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield  { margin: 2px; width: 300px; height: 100px; float: right; border: solid 1px #83be42 }

/* Textfeld */
.formgen .formtext  { margin: 2px; padding-bottom: 2px; width: 300px; float: right; border: solid 1px #83be42 }
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover { border-bottom-color: #000000;}

/* Label */
.formgen label  { width: 140px; height: 20px; float: left; clear: left }

/* Aussehen der Select-Ausgabe */
.formgen .formselect  { color: #000000; background-color: #dddddd; margin-left: 4px; width: 200px }

/* Sende-Button */
.formgen .formsubmit  { color: #83be42; background-color: #dddddd; text-align: center; margin: 2px; width: 100px; float: right; border: solid 1px #83be42 }

/* Fieldsetbeschriftung */
.formgen legend  { color: #ffffff; background-color: #dddddd; width: 150px }
.formgen .fieldset { margin-bottom: 10px; }

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror  { color: #83be42; border-bottom: 1px }
.formgen .formcaptcha { border: 1px solid #c6da38; vertical-align: top; float: left; margin-right: 10px;}
.formgen .formreq  { color: #00703c }
.formgen .formheadline  { color: #83be42; font-style: italic; background-color: #bdbec0; margin: 5px }

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
	/* Beispiel-CSS für magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}