body     { color: #a2762f; font-size: small; font-family: Arial; background-color: #b78c46; margin: 0; padding: 0 }
#main   { width: 800px; height: 800px }
#logo { background-image: url("logo.jpg"); width: 800px; height: 167px }
#content  { background-image: url("bg.jpg"); background-repeat: no-repeat; width: 800px; height: 633px }
#left     { padding-left: 30px; position: relative; top: 0; width: 280px; height: 500px; float: left }
#right      { text-align: left; margin-right: 20px; padding-right: 25px; position: relative; top: 0; width: 440px; height: 500px; float: right; overflow: auto }
#menue    { color: #fadca3; font-size: 0.9em; background-image: url("menue.png"); background-repeat: no-repeat; text-transform: uppercase; padding-top: 7px; position: relative; top: 10px; right: 153px; width: 493px; height: 35px; float: right }
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: 1.0em; font-weight: bold; margin: 0.67em 0 }
a   { color: #a2762f; text-decoration: none }
a:link    { color: #00703c; text-decoration: none }
a:visited    { color: #00703c; text-decoration: none }
a:hover    { text-decoration: none }
a:active   { color: #00703c }
#menue a   { color: #fadca3; text-decoration: none }
#menue a.current { color: white; font-weight: bold }
#menue a:link  { color: #fadca3; text-decoration: none }
#menue a:visited  { color: #fadca3; text-decoration: none }
#menue a:active { text-decoration: none }
#menue a:hover { color: #00703c; text-decoration: none }
	/* 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;
	}

/* 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: white; font-weight: bold; background-color: #a2762f; margin-bottom: 5px; width: 80%; 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 #a2762f }

/* Textfeld */
.formgen .formtext  { margin: 2px; padding-bottom: 2px; width: 300px; float: right; border: solid 1px #a2762f }
.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: 100px; height: 20px; float: left; clear: left }

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

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

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

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

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */