body {
   background:  #7F428C url("grafix/bg.png");
   color:       #000000;
   font-family: "Verdana", "Arial", "Helvetica", sans-serif;
   font-size:   13px;
   margin:      50px;                   /* crapy ie will es unlogisch.... */
}

div {
   display: block;
   padding: 0px;
   margin:  0px;
}

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

div#main {
   background-color: #FFFFFF;
   background-image:    url("grafix/content.bg.png");
   background-position: top left;
   background-repeat:   repeat-y;
   width:   750px;
   margin:  0px auto;
   border: 1px solid #CDB3D5;
}

form {
   margin:  0px;
   padding: 0px;
}
      
/* ------------- Header ----------------------------------------------- */
div#header {
   background-image:    url("grafix/header.bg.jpg");
   background-position: top left;
   background-repeat:   no-repeat;
   height:  141px;
}

div#header img.title {
   position: relative;
   left:  425px;
   top:   21px;
}

/* ------------- Main-Menu -------------------------------------------- */
div#mainmenu {
   background-image:    url("grafix/menu.bg.jpg");
   background-position: top left;
   background-repeat:   no-repeat;
   height: 25px;
}

div#mainmenu h3 {
   display: none;
}

div#mainmenu ul {
   display: block;
   margin:  0px;
   padding: 0px;
}

div#mainmenu ul li {
   display: block;
   float: right;
}

div#mainmenu ul li a {
   margin: 0px 6px;
   padding: 0px 5px;
   display: block;
   color: #FFFFFF;
   text-decoration: none;
   font-weight: bold;
   font-size: 13px;
   line-height: 23px;
}


div#mainmenu ul li a:hover,
div#mainmenu ul li.active a {
   border: 1px solid #BF9ECA;
   background-color: #EADEEE;
   color: #64137E;
   margin: 0px 5px;
}

div#mainmenu a#impressum {
   color: #FFFFFF;
   line-height: 23px;
   margin-left: 5px;
   text-decoration: none;
   font-size: 10px;
}

div#mainmenu a:hover#impressum {
   border: 1px solid #BF9ECA;
   background-color: #EADEEE;
   color: #64137E;
}
      
/* ------------- Sub-Menu --------------------------------------------- */
div#submenu {
   float: left;
   width: 154px;
}

div#submenu div.searchbox {
   width:         152px;
   padding-left:  2px;
   margin-top:    10px;
   margin-bottom: 10px;
   float:         left;
}

div#submenu div.searchbox input.text {
  color:     #646464;
  border:    1px solid #AFB0A8;
  margin:    0px;
  padding:   1px;
  width:     123px;
  height:    15px;
  font-size: 11px;
  float:     left;
}

div#submenu div.searchbox input.image {
   width:   19px;
   height:  19px;
   margin:  0px 0px 0px 2px;
   padding: 0px;
   display: inline;
   float:   left;
}

div#submenu h3 {
   display: none;
}

div#submenu ul {
   margin:  0px;
   padding: 0px;
   list-style-type: none;
   clear: left;
}

div#submenu ul li {
   display:     block;
   margin: 2px 4px 4px 2px;
   font-family: "Arial", "Helvetica", sans-serif;
   font-size:   11px;
   line-height: 13px;
   padding: 2px 10px;
}

div#submenu ul.l3 {
   list-style-type: circle;
   margin: 0px;
}

div#submenu ul.l3 li {
   display: list-item;
   font-weight: normal;
   font-size:   10px;
   margin:      0px;
   padding:     0px 10px;
}

div#submenu ul li a {
   font-weight: bold;
   color:       #424240;
   text-decoration: none;
}

div#submenu ul li a.sub {
   font-family: "Arial", "Helvetica", sans-serif;
   font-weight: normal;
   font-size: 11px;
   line-height: 15px;
}

div#submenu ul li.active {
   background-color: #FFFFFF;
   border: 1px solid #AFB0A8;
   border-right: 1px solid #FFFFFF;
   margin-right: 0px;
}

div#submenu ul li.inactive {
   background-color: #EADEEE;
   border:      1px solid #BF9ECA;
   padding: 0px;
}


div#submenu ul li.inactive a {
   display:     block;
   padding:     2px 10px;
   width:       126px;                     /* vermutlich probs mit ie5 ? */
}

div#submenu ul li.active a:hover {
   text-decoration: underline;
}

div#submenu ul li.inactive a:hover {
   background-color: #F6F7F3;
}

div#submenu img.teaser {
  margin-top: 25px;
}

/* ------------- Content ---------------------------------------------- */
div#content {
   border:  1px solid #D5D8CF;
   margin:  12px 0px 12px 12px;
   padding: 12px;
   color:   #646464;
   float:   left;
   width:   547px;
}

div#content h1 {
   font-weight: normal;
   font-size:   24px;
   color:       #A0A0A0;
   background-color: #F8F1F9;
   border-bottom: 1px solid #D6B2DE;
   padding:     2px 5px;
}

div#content h2 {
   font-weight: normal;
   font-size:   18px;
   color:       #787878;
   border-bottom: 1px solid #D6B2DE;
   padding:     2px 5px;
   margin-top:  30px;
}

div#content h3 {
   font-weight: bold;
   font-size:   14px;
   color:       #787878;
   padding:     2px 5px;
   margin-top:  20px;
   clear:       both;
}

div#content address {
   display:    block;
   margin:     20px 30px;
   padding:    0px;
   font-style: normal;
}

div#content blockquote {
   font-style: italic;
}

div#content ol {
   list-style-type: decimal;
}

div#content ol.abc {
   list-style-type: lower-alpha;
}

div#content ol.iii {
   list-style-type: lower-roman;
}

div#content a {
   color: #A250B4;
   text-decoration: underline;
}

div#content a:hover {
   background-color: #F0F0F0;
}

div#content strong {
   font-weight: bold;
   color: #969696;
}

div#content em {
   font-style: normal;
   font-weight: normal;
   color: #A520D0;
}

div#content img {
   border: 1px solid #C0C0C0;
}

div#content img.right {
   float: right;
   margin-left:   25px;
   margin-bottom: 10px;
}

div#content img.left {
   float:         left;
   margin-right:  25px;
   margin-bottom: 10px;
}

div#content img.entryLogo {
   float:       right;
   margin-left: 15px;
   border: 0px;
}

div#content tr {
   border-bottom: 1px solid #D2D2D2;
}

div#content td {
   border-top: 1px solid #E6E6E6;
   vertical-align: top;
   color:     #646464;     /* ie5 ist hier etwas vergesslich... */
   font-size: 13px;        /* dito. */
}

div#content tr.first td {
   border-top: 0px;
}

div#content abbr {
   border-bottom: 1px dotted #A250B4;
   cursor: help;
}

div#content table.galerie {
   border: 0px;
}

div#content table.galerie td {
   border:    0px;
   padding:   5px 10px;
   font-size: 11px;
}

div#content table.galerie a:hover {
   background-color: #FFFFFF;
}

div#content table.galerie img {
   border: 1px solid #C0C0C0;
}

div#content table.galerie a:hover img {
   border: 1px solid #A250B4;
}

div#content p.bigimg {
   text-align: center;
}

div#content p.bigimg img {
   margin-top: 10px;
}

div#content p.ziplist {
   text-align: center;
   color: #C0C0C0;
}

div#content p.backlink {
   text-align: center;
}

div#content div.gallery {
  background-color: #F6F7F3;
  border:           1px solid #D5D8CF;
  text-align: center;
  padding:    10px;
}

div#content div.gallery p.navi {
  padding: 0px;
  margin:  0px 0px 10px 0px;
}

div#content div.gallery dl {
  margin: 0px auto;
}

div#content div.gallery .off {
  display: none;
}

div#content div.gallery dt {
  margin:  0px;
  padding: 0px;
}

div#content div.gallery dd {
  text-align: left;
  margin:     0px;
  padding:    0px;
}

div#content div.gallery dd small {
  font-size: 10px;
  color:     #A0A0A0;
}

div#content div.entryaddress div.contact {
   float:         left;
   padding-right: 20px;
}

div#content div.entryaddress div.fone {
}

div#content div.entryaddress div.online {
   padding-top: 5px;
   clear:  left;
}

div#content div.greybox {
   float:            left;
   width:            545px;
   margin-top:       15px;
   margin-bottom:    30px;
   font-size:        11px;
   background-color: #F6F7F3;
   border:           1px solid #D5D8CF;
   overflow:         hidden;
}

div#content div.greybox h3 {
   color:       #707070;
   font-size:   11px;
   margin:      0px 0px 3px 0px;
   padding:     0px;
   font-weight: bold;
}

div#content div.greybox div.col2 {
   float:   left;
   width:   48%;
   padding: 5px 2px;
}

div#content div.greybox div.col3 {
   float:   left;
   width:   32%;
   padding: 5px 2px;
}

div#content div.greybox div.row {
   clear:   left;
   padding: 5px 2px;
}

div#content div.greybox ul {
   margin: 0px;
   padding: 0px 0px 0px 18px;
}

div#content div.greybox ul li {
   margin:  0px;
   padding: 0px;
}

div#content div.greybox table,
div#content div.greybox tr {
   border:    0px;
   border-collapse: collapse;
   margin:    0px;
   padding:   0px;
   font-size: 11px;       /* ie 5 ist da etwas vergesslich... */
   color:     #646464;
}

div#content div.greybox td {
   border:    0px;
   vertical-align: top;
   border-collapse: collapse;
   margin:    0px;
   padding:   0px;
   font-size: 11px;       /* ie 5 ist da etwas vergesslich... */
   color:     #646464;
}

div#content div.greybox input.text {
   height:     13px;
   font-size:  11px;
  }

div#content div.greybox select {
   font-size: 11px;           /* ie will es mal wieder so... - gehoert eigentlich unter option */
   width:     90%;
}

div#content div.greybox option {
   font-size: 11px;
}

div#content p.footnote {
   font-style: italic;
   color: #A0A0A0;
}

div#content div.tomix {
  position: relative; 
  top:      25px; 
  left:     13px;
  color:      #E0E0E0;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size:  10px; 
  text-align: right;
}

div#content div.tomix a {
  color:      #E0E0E0;
  text-decoration: none;
}

div#content div.tomix a:hover {
   color: #A0A0A0;
   background-color: transparent;
}