/* Seitenvoreinstellungen */

body {
	background-color : #EEEEEE;
	background-attachment : fixed;
	color : Black;
	margin : 0px;
	padding : 0px;
}

#seite {
	left: 10%;
	right: 10%;
	position : absolute;	
	margin : 0px;
	padding : 0px;	
}
#kopf {
	background-color: transparent;
	position : absolute;
	left: 0px;
	top : 15px;
}
#inhalt {
	margin-top: 100px;
	margin-left: 180px;
	width: auto;
	background-color: transparent;
	background-image: url(logos/hintergr.jpg);
	background-repeat : repeat-y;
	min-height : 500px;
	background-position : top;
}
#menu {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 160px;
	background-color: transparent;
}

/*Formular*/
form, fieldset {
	background: transparent;
	border: 1px solid #3333CA;
	margin: 2px 10px 2px 10px;
	padding:10px;
}
fieldset {
	margin: 2px 0px 2px 0px;
}

INPUT, select, textarea {
	border: 1px solid #3333CA;
	margin : 2px;
}
label.li
{
float : left;
text-align : right;
/* die naechsten zwei sind beliebig anpassbar,
um in das jeweilige Gestaltungsraster (Sie
verwenden doch ein Gestaltungsraster, oder?)
zu passen. Bei Aenderungen aber nicht
vergessen, die margins bei input.right
entsprechend anzupassen: */
width : 35%;
margin-right : 10px;
}
/* positioniert die Text- und
Auswahlboxen rechts daneben: */
input[type=text],
select
{
float : left;
}
/* dann werden alle checkboxen und radiobuttons,
die mit der Klasse "right" versehen wurden,
um den errechneten linken Abstand der input
und select-Elemente (s.o.) nach rechts
verschoben: */
input.re
{
	float : left;
	width : auto;
	margin-left : 35%;
	margin-right : 10px;
	clear : both;
}
/* Extrawurst fuer Mozilla, keine Ahnung,
warum das so ist. Feedback und
Loesungsvorschlaege willkommen*/ 
input[type=checkbox].re,
input[type=radio].re,
input[type=submit].re
{
margin-left : 6.3em;
}
/* Nicht vergessen, die floats wieder aufzuheben,
sonst floatet es munter weiter */
form br{
clear : both;
}
/* fuer grafische UAs und DAUs der Hinweis, dass
die Label anklickbar sind. Weil's so schoen ist,
die Kontrollelemente gleich mit. Mit einer Ausnahme:
fuer Textfelder macht der Pointer natuerlich keinen
Sinn, dort sollte nach wie vor die Text-Einfuegemarke
als Cursor erscheinen. Daher hier die Einschraenkung
auf die input-Elemente des Typs checkbox, radiobutton,
button und submit: 
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}*/
/* legt den vertikalen Abstand der
einzelnen Elemente zueinander fest */
form
{
line-height : 140%;
}




/* font-family = Schriftart fuer Textelemente */

/* Arial,sans-serif = Arial und serifenlose Schrift, Wert aenderbar */



/* Überschriften */

h1{
        font-family:Arial,sans-serif;
        font-size: 21px;
        font-weight:bold;
        line-height: 27px;
}

h2{
        font-family:Arial,sans-serif;
        font-size: 16px;
        font-weight:bold;
        line-height: 22px;
}



/* normaler Text */

p,ul,ol,li,div,table,td,address,nobr,br,h3,h4,h5 {
        font-family:Arial,sans-serif;
        font-size: 14px;
        font-weight:bold;
        line-height: 18px;
}



/* kleiner Text */

small {
        font-family:Arial,sans-serif;
        font-size: 11px;
        font-weight:bold;
        line-height: 12px;
}



/* Kopfzeile in Tabellen */
th {
	font-family:Arial,sans-serif;
	font-size: 12px;
	font-weight:bold;
	font-style : italic;
	text-align : left;
}


/* Links */
a:link {
        color: #0000BF;
        text-decoration: none;
        background-color : transparent;
}
a:visited {
        color: #8080BF;
        text-decoration: none;
        background-color : transparent;
}
a:active {color:#DF0000;
        text-decoration: underline;
}
a:hover {color:#0000BF;
        text-decoration: underline;
}
/* a:link = Verweise zu noch nicht besuchten Seiten */
/* a:visited = Verweise zu bereits besuchten Seiten */
/* a:active = Verweise, die gerade angeklickt werden */

p.menue,td.menue {
        font-family:Arial,sans-serif;
        font-size: 18px;
        font-weight:bold;
        line-height: 18px;
}

/* Links */
a.menue:link {
        color: #000000;
        text-decoration: none;
        font-style : italic;
        font-weight:bold;
        background-color : transparent;
}

a.menue:visited {
        color: #5F5F5F;
        text-decoration: none;
        font-style : italic;
        font-weight:bold;
        background-color : transparent;
}

a.menue:active {color:#DF0000;
         text-decoration: underline;
         font-style : italic;
         font-weight: bold
}

a.menue:hover  {color: #0000BF;
         text-decoration: underline;
         font-style : italic;
         font-weight: bold
}

/* Formularanzeige */
div#form_off {
	display : none;
}
div#form_on {
	display : inline;
}