﻿body
{
	background:#446820 url(bilder/bg_body_nix.jpg) ;
	font-size: 16px;
	color: #564b47;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family:Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
}


#inhalt { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width: 85%;
}
a img
{ 
	border: solid 1px #ddd;
}

a:hover img
{ 
	border: solid 1px #666;
}
h1
{
	text-align: center;
	color: #00CC00;
	background:url(bilder/Logo_kl.gif) 0 50% no-repeat;
}
h2
{
	text-align: center;
	color: #00CC00;
}

fieldset
{
	background:url(bilder/logo.gif) 90% 50% no-repeat;

}
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            : 12em;
    margin-right    : .3em;
    font-size:90%;
}

/*  positioniert die Text- und
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float     :left;
    border:   solid 1px gray;
    width            : 12.6em;
    margin-right    : .3em;

}
textarea, input[type=file],select, submit
{
    border:solid 1px gray;
}
input[type=file]
{
    border:solid 1px gray;
}

.formular input[type=text]
{
   text-align:left;
}
.fehler
{
       background-color:red;
}
/*  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              :    13.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;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}
input[type=submit]
{
 margin-left                :    8 em;
}





