/******************************************************************************
*                       Styles und Positionierung                             *
******************************************************************************/

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

form {
	padding: 0;
	margin: 0; 
}

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

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

form div
{
	float: left;
    margin-right    : .5em;
}

fieldset
{
    border: 0;
    color: #219d55;
    margin: 0;
    padding: 0;
    margin-left: 15px;
}

label {
    color: #333333;
}

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

#searchbox {
	position: absolute;
	left: 650px;
	top: 125px;
	font-size: 0.7em;
	text-align: right;
	color: #ffffff;
}

#searchbox a {
	color: #ffffff;
}

#searchbox label {
	color: #ffffff;
}

#anmelden {
	width: 300px;
	left: 660px;
	top: 120px;
}


#abmelden {
	width: 180px;
	left: 100px;
	top: 125px;
}

.log {
	position: absolute;
	font-size: .7em;
	color: #ffffff;
}

.log input {
  color: #007e3f;
  background-color: #d0e49d !important;
  border: 2px solid #007e3f !important;
  padding: 1px !important;
  font-size: 90%;
  font-weight: normal !important;
}

.logoutzeile {
	width: 125px;
	float: left;
	padding-right: 10px;
	margin-bottom: 10px;
}

.loginzeile {
	width: 125px;
	float: left;
	padding-right: 10px;
	margin-bottom: 10px;
}

.comment {
	width: 770px; 
	float: left; 
	background-color: #f2f7e3;
}

.label {
	padding-top: 5px; 
	width: 750px;
	color: #219D55;
}

.multiple {
	color: #444444;
	padding-top: 10px;
	padding-left: 10px;
}