body {
  font-size:        13px;
  font-family:      Arial, Helvetica, Sans-Serif;
  color:            #000000;
  background-color: #FFFFFF;
  background-image: url(/img/bg.gif);
}

a         {color: #000000;}
a:visited {color: #000000;}
a:hover   {color: #564b47;}
a:active  {color: #000000;}

h1 {
  font-size:     11px;
  border-bottom: solid 1px #999999;
  padding:       0px;
  margin:        0 0 0px 0;
}

h2 {
  font-size:     22px;
  font-weight:   bold;
  padding:       13px 10px 2px 10px;
  margin:        0 0 5px 0;
  border-bottom: solid 1px #999999;
}

h3 {
  font-size:     16px;
  font-weight:   bold;
  padding:       13px 10px 2px 10px;
  margin:        0 0 5px 0;
  border-bottom: solid 1px #999999;
}

h4 {
  font-weight:   bold;
  border-bottom: solid 1px #999999;
  padding:       10px 10px 2px 10px;
  margin:        0 0 5px 0;
}

hr {
  height:           1px;
  color:            #999999;
  background-color: #999999;
  border:           0;
}


img {
  padding: 0px;
  border:  0px;
} 

ul {
  margin:       0px;
  padding:      0px;
  padding-left: 2em;
}

li {
  padding-top: 0.3em;
}

.text_right  { text-align: right; }

/* ----- Input, Select, Textarea ------------------------ */
input,select,textarea
{
  BACKGROUND-COLOR: #EFEFEF;
  BORDER-RIGHT:     #999999 1px solid;
  BORDER-LEFT:      #999999 1px solid;
  BORDER-TOP:       #999999 1px solid;
  BORDER-BOTTOM:    #999999 1px solid;
  FONT-FAMILY:      Arial, Helvetica, sans-serif;
  FONT-SIZE:        12px;
}


/* ----------container zentriert das layout-------------- */
@media screen, handheld {
  #container {
    width:             800px;
    padding:           0px;
    margin:            0px;
    margin-left:       auto;
    margin-right:      auto;
    background-color:  #FFFFFF;
    border:            solid 1px #999999;
  } 
}

@media print {
  #container {
    width:             100%;
    padding:           0px;
    margin:            0px;
    margin-left:       auto;
    margin-right:      auto;
    background-color:  #FFFFFF;
    /* border:            solid 1px #999999; */
  } 
}


/* ----------outer und inner----------------- */
@media screen, handheld {
  #outer{ padding-left: 230px; } 
}

@media print {
  #outer{ padding-left: 40px; } 
}

#inner{
  margin: 0px;
  width:  100%;
}

/* --------------left navigavtion------------- */
@media screen, handheld {
  #left {
    width:        190px; 
    float:        left; 
    position:     relative; 
    margin-left:  -230px; 
    margin-right: 0px;
    border-right: solid 1px #999999;
  }
}

@media print {
  #left { display: none; }
}

/* -----------------Inhalt--------------------- */
#content { 
  position:      relative; 
  margin:        0px;
  padding-right: 50px;
}

p {
  padding:     5px 10px;
  margin:      0px;
  line-height: 1.5em;
}


/* ----- TLD ---------------------------------------------------------------------------------- */
.tld {
  width:         97%;
  font-size:     12px;
  margin-left:   10px;
  border-top:    1px solid #555555; /* #CDCDCD */
  border-right:  1px solid #555555; 
  border-bottom: 1px solid #555555;
}

.top {
  font-size:    10px;
  padding-left: 5px;
  font-weight:  normal;
  font-style:   normal;
}

.top a {
  text-decoration: none;
}

/* ----- TABLE ---------------------------------------------------------------------------------- */
.tblmargin {
  margin-left: 10px;
}

.tblcontent {
  margin-left:   10px;
  border-top:    1px solid #555555; /* #CDCDCD */
  border-right:  1px solid #555555; 
  border-bottom: 1px solid #555555;
}

.tblhead td {
  background-color: #DFDFDF; /* #EFEFEF; */
  border-bottom:    1px solid #555555;
}

.bg0 td {
  background-color: #DFDFDF; /* #DEDEDE; */
}

.bg1 td {
  background-color: #FFFFFF;
}

pre {
  font-size:   14px;
  padding:     5px 10px;
  margin:      0px;
  line-height: 1em;
}

.hlink a {
  text-decoration: none;
}


/*  ----------------footer---------------------- */ 
.footer, #footer, #footer a {
  clear:           left;
  padding:         0 2px 0 0;
  text-align:      right;
  color:           #ABABAB;
  font-size:       10px;
  text-decoration: none;
}

#contact {
  color:     #585858;
  font-size: 11px;
  padding:   15px 18px 0 18px;
}

#contact a {
  color: #585858;
}

.text_small {
  font-size: 10px;
}  

/* ----- Menu Main -------------------------------------------------------------------------------- */
.menu_main {
  background:       #F7F7F7 url(img/menu.gif) no-repeat;
  color:            #9B9B9B;
  border-collapse:  collapse;
  border:           1px solid #EFEFEF;
  border-left:      none;
  border-right:     none;
  margin:           0 0 7px 0;
  font-size:        14px;
  font-weight:      bold;
  /* font-style:       italic; */
}

.menu_main a, .menu_main a:visited {
  width:           170px;
  color:           #9B9B9B;
  display:         block;
  text-decoration: none;
  padding:         5px 2px 5px 18px;
}

.menu_main a:hover {
  width:      170px;
  color:      black;
  background: #EFEFEF url(img/menua.gif) no-repeat;
}


/* ----- Menu Main Active ------------------------------------------------------------------------- */
.menu_main_active {
  background:       #EFEFEF url(img/menua.gif) no-repeat;
  color:            #000000;
  border-collapse:  collapse;
  border:           1px solid #999999;
  border-left:      none;
  border-right:     none;
  margin:           0 0 7px 0;
  padding:          5px 2px 5px 18px;
  font-size:        14px;
  font-weight:      bold;
  /* font-style:       italic; */
}

.menu_main_active ul {
  margin:     0;
  padding:    0;
  list-style: none;
  width:      170px;
  font-style: normal;
}

.menu_main_active li {
  /* IE-Bug, abstand zwischen den Menupunkten mit margin nicht moeglich */
  padding: 0 0 2px 0;
  margin:  0;
}

.menu_main_active a, .menu_main_active a:visited {
  width:           145px;
  display:         block;
  color:           #585858;
  background:      #EFEFEF url(img/submenu.gif) no-repeat;
  border:          0px solid #999999;
  padding:         4px 4px 4px 15px;
  font-weight:     normal;
  font-size:       12px;
  text-decoration: none;
}

.menu_main_active a:hover {
  color:      black;
  background: #DFDFDF url(img/submenua.gif) no-repeat;
  border:     0px solid black;
}

.menu_sub_active {
  width:           145px;
  display:         block;
  color:           black;
  background:      #DFDFDF url(img/submenua.gif) no-repeat;
  border:          0px solid #999999;
  padding:         4px 4px 4px 15px;
  font-weight:     normal;
  font-size:       12px;
  text-decoration: none;
}

/* ----- debug -------------------------------------------------------------------------------- */
#debug {
  background:       #FFFF99;
  color:            #000000;
  border-collapse:  collapse;
  border:           1px solid #FFCC00;
  padding:          3px;
}