body
{
	background:	#FDE9F0;
        font-size				:	85%;
	font-family				:	 /*Verdana, */Arial, Helvetica, sans-serif;
}

form
{
	margin: 0;
	padding: 0;
}

fieldset 
{
	border: 1px #E61E65 solid; 
	/*background-color:#CC0000;*/
	width: 95%; 
	margin: 1em 0 .5em 0;
        padding-top: 1.5em;
	padding-bottom: 0.5em;
}

legend 
{
	border: 1px #E61E65 solid; 
	color: #222; 
	background-color:#F5A6C2;
	padding: 0.1em;
	padding-left: 0.3em; 
	padding-right: 0.3em;
	margin: 0 0 0 .7em;
	/* top, right, bottom, left*/
}


/*  haengt die Labels rechtsbuendig an 
    einer imaginaeren Mittelachse 5em 
    von links auf und kontrolliert den 
    Abstand zu den Kontrollelementen: */

label.left, .labelleft
{
    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: 10em;
    margin-right: .3em;
}

.leftpflicht {
    float: left;
    text-align: right;
    color: red;
    font-weight: bold;
    width: 10em;
    margin-right: .3em;
}

label.leftbig
{
	float: left;
    text-align: right;
    width: 15.8em;
    margin-right: .3em;
}

/*  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.right
{
    float: left;
    width: auto;
    clear: both;
    margin-left: 10.5em;
    margin-right: .3em;
}


input.rightsmall
{
    float: left;
    width: auto;
    clear: both;
    margin-left: 11.8em;
    margin-right: .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right, input[type=radio].right, input[type=submit].right
{
    margin-left: 12.3em;
}

input[type=checkbox].rightsmall, input[type=radio].rightsmall, input[type=submit].rightsmall
{
    margin-left: 13.8em;
}

input.formerror, textarea.formerror, select.formerror
{
	BACKGROUND-COLOR: #ff7f50;
}

/*  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;
}

.imagenoborder
{
	border: 0;
}

.imagecenter
{
	text-align: center;
}