@charset "utf-8";

/* reset */
@import url("http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css");

/* globale definitionen */

html {
  background: #bbcd8f url("img/background_html.png") scroll repeat-x top left;
  height: 100%;
}

body {
  height: 100%;
  background-color: #fff;
  width: 966px;
  margin: 0 auto;
  font-family: verdana, sans-serif;  
}


h2,h3,h4,h5,h6 {
  font-family: verdana, sans-serif;  
  margin: 20px 0px 12px 0px;
}

h1 {
  font-family: verdana, sans-serif;  
  margin: 5px 0px 14px 0px;
}

h1 {
  font-size: 1.2em;
}

strong
{
  font-weight:bold;
}

/* allgemeine definitionen */

/* thx werner from htt://dotmagic.de ;) - hey guys you better check this site out! */
form label {
   position: relative;
   text-align: right;
   padding-right: 4px;
   vertical-align: top;
   display: block;
   width: 120px;
   float: left;
   text-align: right;
}
form input, textarea, select, input#upload  {
   border: 1px solid #c3c3c3;
   margin-left: 5px;
   font-size: 1em;
}

form img {
   margin-left: 5px;
   
}

form p {
   margin-bottom: 5px;
}

fieldset {
   border: none;
}

legend {
    margin-bottom: 10px;
} 

.formerror {
  color: red;
  font-weight: bold;
}




/* spezielle definitionen */

#header {
  height: 318px;
  text-align: center;
}

#header img {
}

#nav_content {
  background: #fff url("img/background_nav_content.png") scroll repeat-y top left;
  
}

#nav {
  width: 234px;
  float: left;
  margin-left: 22px;
 
}

#nav a {
  text-decoration: none;
  color: black;
  line-height: 30px;
  height: 30px;
  display: block;
  font-size:0.8em;
 
}

#nav a:hover,
#nav ul li.sub_ul ul li a:hover,
#nav ul li.menu_active a 
{
  background: transparent url("img/pfeil_menu.png") scroll right center no-repeat;
  font-weight: bold;
}


#nav ul li {
  width: 218px;
  margin-left: 17px;

}
#nav ul li.sub_ul ul {
  margin-bottom: 5px;
}

#nav ul li.sub_ul ul li {
  width: 201px;
}

#nav ul li.menu_active a {
  color: #76320e;
}

#nav ul li,
#nav ul li.sub_ul a {
  border-bottom: 1px solid #f0e6c1;
}

#nav ul li.sub_ul ul li a {
  border: none;
}

#nav ul li.menu_active ul li.sub_no a,
#nav ul li.sub_ul ul li.sub_no a
 {
  font-weight: normal;
  background: none;
  color: #76320e;
}

#nav ul li.menu_active ul li.sub_no a:hover,
#nav ul li.sub_ul ul li.sub_no a:hover
 {
  font-weight: bold;
  background: none;
  color: black;
}

#nav ul li[class = "sub_ul menu_active"] a,
#nav ul li.sub_ul ul li.menu_active a
 {
  font-weight: bold;
  color: #76320e;
  background: none;
}

#content {
  margin-left: 261px;
  width: 660px;
  padding: 10px;
}

#content p, #content legend {
 font-size: 0.8em;
}

#content h1,
#content h2,
#content h3,
#content h4
{
  text-decoration: underline;
  color: #76320e;
}

#content h1 {
  font-size: 0.95em;
  font-weight:bold;
}

#content h2 {
  font-size: 0.85em;
  text-decoration:none;
  font-weight:bold;
}

#content h3 {
  font-size: 0.8em;
  text-decoration: none;
  font-weight: bold;
  margin: 1px;
}

#content h4 {
  font-size: 0.7em;
  text-decoration: none;
  font-weight: normal;
  margin: 1px;
}

#content p
{
  margin:15px 0px;
  font-size: 0.84em;
  text-align: justify;
}

#content a,
#content p a
{
  color:#76320e;
}

#content .sub_no a
{
  font-size:0.8em;
  color:#76320e;
}

#content ul, #content li {
  list-style-type: square;
}
#content li {
  margin: 5px 0px 5px 20px;
  font-size: 0.80em;
}

#content ul li.sub_no {
  margin: 5px 0px 5px 20px;
  font-size: 0.95em;
}

#content table {
  width: 100%;
}

#content table tr {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}

#content table th {
  font-weight: bold;
}

#content table p {
  margin: 2px;
}
#content table thead th {
  font-weight: bold;
}
#content td, #content th {
  padding: 2px;
  font-size:0.75em;
}

#content .imgDIVinTextLeft .image_td {
  width: 200px;
  float: left;
  margin-right: 10px;
}


#content .imgDIVinTextRight .image_td {
  width: 200px;
  float: right;
  margin-left: 10px;
}




#footer {
  background: #fff url("img/background_footer.png") scroll no-repeat top left;
  height: 100px;
}

#footer p {
  width: 162px;
  float: right;
  font-size: 0.7em;
  margin-top: 54px;
}
#footer p a {
  color: black;
  text-decoration: none;
}

#footer p a:hover {
  text-decoration: underline;
}

.uninvisible {
  display:none
}

.tabelleninhalt-center tr td
{
  text-align:center;
}