body
{
 background-color:#666666;
 text-align:center;
}

h1 {
 margin:0px;
 font-family:arial, sans-serif;
 background-image: url(Unbenannt.jpg);
 font: bold 2em arial, sans-serif;
 color:#DCDCDC; 
 padding:20px ;
 text-align: center;
}

h2 {
 margin-top:0px;
 background-color:#ff4500;
 font: bold 1.5em arial, sans-serif;
 color:#DCDCDC;
 text-align: center;
}


a:link, a:visited, a:active, a:hover
{

  text-decoration:underline;
  font-weight:bold;
  color:#ffffff;
  font-size:0.7em;
}
a:active, a:hover
{
  color:#00ff00;
}
a.menu:link, a.menu:visited
{
  color:#00ff00;
}
a.menu:active, a.menu:hover
{
  color:#ff4500;
}


/* Das Menü */
#menu {

color:#ffffff;
clear:right;
}


/* Der Inhalt */
#main {
 background-image: url(hinter.jpg);
 width:760px;
 margin:0px
 auto;text-align:left;
 font-family:arial, sans-serif;
 font-size:1.5em;
 border:1px solid #ffffff;
 background-color:#262626;
 border-top: 3px solid #404040;
 border-left: 3px solid #404040;
 border-right: 3px solid #404040; 
 border-bottom: 3px solid #404040;
 color:#ffffff;
}

/* Fuer Formular */


label, input, select, textarea { /* Alle Kästchen gleiche Breite */
  display: block;
  float: left;
  width: 180px; /* Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */

  float: none;
  width: auto;
}

label {
  text-align: right; 
  padding-right: 2em; /* Abstand Text und Eingabefeld */
  font-weight:bold;
  color:#DCDCDC;
  font-size:0.9em;
}

form {
  margin:0;
}

textarea {
  background: #FFFFFF;
  margin:0;

 }