body
{
  margin:70px;  
  margin-top:30px;
  margin-bottom:30px;
  background-color:#E9D9B9;
  background-image:url("bg.png");
  background-repeat:repeat-x;
	font-family:Verdana, Helvetica, sans-serif, Arial;
  color:#000000;
  font-size:0.8em;
}

divx
{
  border:1px solid red; 
  
}

#content ul
{
  list-style-position:inside;  
  padding-left:0;
  margin-left:0;  
}

#content ol
{
  list-style-position:inside;  
  padding-left:0;
  margin-left:0;  
}

#content h1
{
  color:#660000;
  font-size:2em;
  padding:5px;
  margin:0;
  margin-top:10px; 
  margin-bottom:10px; 
}

#content h2
{
  color:#660000;
  font-size:1.8em;
  padding:5px;
  margin:0;
  margin-top:10px; 
  margin-bottom:10px;
}

p
{
  padding:0;
  margin:0;
  margin-top:5px;
  margin-bottom:3px;
}

#mainmenu 
{
  list-style-type:none;
  margin: 0;
  padding: 0;
  margin-right:10px;
  margin-bottom:10px;
}

#mainmenu li 
{
  border-bottom:1px solid #660000;
  border-right:1px solid #660000;
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;
  background-color:#D0C0A0;
  font-weight:bold;
}

#mainmenu li.headline
{
  color:#ffffff;
  background-color:#660000;
}

#submenu ul
{
  list-style-type:none;
  margin:0;
  padding:0;   
  background-color:#E9D9B9;
}

#submenu li
{
  margin-top:2px;
  margin-bottom:0;
  font-weight:bold;
  background-color:#D0C0A0;
  background-image:url(bg_li.png);  
  background-repeat:repeat-y;
  color:#000000;
  border:none;
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;  
}

#submenu .headline
{
  background-image:none;  
  color:#ffffff;
  margin:0;
  padding-top:1px;
  padding-bottom:1px;
  border-bottom:1px solid #660000;
}



#content a
{
  text-decoration:none;
  font-weight:bold;
}

#content a:link, a:visited, a:active
{
  color:#000000;
  text-decoration:none;
}

#content a:hover, a:focus
{
  color:#660000;
  text-decoration:none;
}

#footer a
{
  text-decoration:none;
  font-size:0.8em;
  color:#660000;
}

#footer a:link, a:visited, a:active
{
  color:#660000;
  text-decoration:none;
}

#footer a:hover, a:focus
{
  color:#660000;
  text-decoration:underline;
}

#admin_content a
{
  text-decoration:none;
  font-weight:bold;
}

#admin_content a:link, a:visited, a:active
{
  color:#000000;
  text-decoration:none;
}

#admin_content a:hover, a:focus
{
  color:#660000;
  text-decoration:none;
}

a.menu
{
  text-decoration:none;
}

a.menu:link, a.menu:visited, a.menu:active
{
  color:#000000;
  text-decoration:none;
}

a.menu:hover, a.menu:focus
{
  color:#ffffff;
  text-decoration:none;
}

a.headline
{
  text-decoration:none;
  color:#ffffff;
}

a.headline:hover, a.headline:focus
{
  text-decoration:underline;
}


#locator a
{
  text-decoration:none;
  color:#ffffff;
}

#locator a:hover, a:focus
{
  text-decoration:underline;
}

td.form
{
  width:100%;
  border:1px solid #660000;
  background-color:#D0C0A0;
  padding:3px;
}

td.dcell
{
  border:1px solid #660000;
  background-color:#D0C0A0;
  padding:3px;
  vertical-align:top;
}
th.dcell
{
  border:1px solid #660000;
  background-color:#660000;
  padding:3px;
  color:#ffffff;
}

td.formcontent
{
  padding:3px;
}

form
{
  padding:0;
  margin:0;  
}

input.button
{
	font-family:Verdana, Helvetica, sans-serif, Arial;
  font-size:10pt; 
  width:9em;
}

.text
{
	font-family:Verdana, Helvetica, sans-serif, Arial;
  font-size:10pt;
  width:99%;  
}



#admin_content .tablehead
{
  background-color:#660000; 
  padding:5px;
  font-weight:bold;
  color:#ffffff;  
}

.formtext
{
  font-weight:bold;
  width:120px;
  padding-left:5px;
}


.invisible
{
  display:none;  
}


/*barrierefreies formular, quelle: http://www.einfach-fuer-alle.de/artikel/formulare/listing.html*/
/*  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            : 6.5em;
    margin-right    : .3em;
    
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */
#form_guestbook input[type=text],
#form_contact input[type=text],
select,
textarea
{
  float:left;
  font-family:Verdana, Helvetica, sans-serif, Arial;
  font-size:1em;
  margin-bottom:.5em;
}

/*  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:6.8em;
    margin-right:.3em;
    margin-bottom:0;
}

p.right
{
  color:#660000;
  font-weight: bold;
    margin-left:6.8em;
    margin-right:.3em;
    margin-bottom:0;  
}

/*  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.8em;
    margin-bottom:.5em;
}

/*  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;
}
input[type=submit]
{
	font-family:Verdana, Helvetica, sans-serif, Arial;
}


/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height:150%;
}

fieldset
{
  padding:1em; 
  margin:0;  
}

legendx
{
  margin-bottom:1em;  
}