body {
	margin: 0px;
	padding: 0px;
}

body, th, td, p, div, h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4C4C4C;
}

h1, h2, h3, h4, h5, h6 {
        font-weight: bold;
}

form {
	margin: 0px;
	padding: 0px;
}


#navigation td { 
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
}

#navigation a { 
  text-decoration: none;
  font-size: 11px;
  color: black;
}

#navigation a:hover { 
  text-decoration: underline;
  color:	   white;
}

.select1 {
	width: 110px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C4C4C;
}

.input1 {
	width: 155px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C4C4C;
}

.align-justify {
	text-align: justify;
}

.text1 {
	color: #D1D4E9;
}

.text2 {
	color: #454547;
}

.text3 {
	color: #D79200;
}

a {
	color: #D79200;
}

a:hover {
	text-decoration: none;
}

a.link1 {
	color: #FFFFFF;
}

img { 
        border: none;
}

table.list th { 
        background: silver;
}

table.list td { 
        border-bottom: 1px solid silver;
        font-size: 11.5px;
}

#header			{ text-align:		center; }

#footer			{ text-align:		center;
			  margin-top:		1em;
			  margin-bottom:	1em; }

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

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            : 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                :    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%;
}

.prevnext { 
  text-align: center;
  background-color: #efefef;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin-top: 1em;
 }

input, textarea, select { 
  border: 1px solid grey;
 }