* {
  font-family: Arial,Verdana,Tahoma,sans-serif;
  padding: 0;
  margin: 0;
}
body {
  font-size: 101%;
}
a {
  color: #036;
  text-decoration: none;
}
img, a img {
  border: 0;
}
p {
  margin-bottom: 3mm;
  line-height: 120%;
}
h1 {
  font-size: 120%;
  border: 1px solid #c00;
  color: #c00;
  padding: 0px 5px;
}

div.hr {
  padding-top: 4px;
  margin-top: 4px;
  border-top: 1px solid #c99;
}
.h4sr {
  display: none;
}

/*
.flori {
  float: right;
}
*/





/* Haupt-Rahmen */
#framework {
}
/* Erste, dgraue hoLeiste */
#linklist1 {
  display: none;
} 

/* Grafikleiste, Startseite, doppelte Höhe */
#teaser {
  display: none;
}
#teaser .vision, #teaser_start .vision {
}
#h_logo {
}


/* Bereich unterhalb des Fixed System Content */
#content_area {
}
/* Menu1 */
#menu1 {
  display: none;
}


#linklist2 {
  display: none;
}


/* Alles, was rechts ist... */
#elements_right {
  float: right;
  border: 2px solid #c00;
}

#address {
  font-size: 70%;
  line-height: 120%;
  padding: 5px;
}
#address div {
  width: 25px;
  float: left;
}
#address img {
  vertical-align:bottom;
}


#recom, #search, #opts, #news {
  display: none!important;
}

#menu2 {
  display: none;
}







/* Der wirkliche Inhalt */
#content {
  padding: 0;
}
#content p {
  padding: 2px 10px;
}
#content, td {
  font-size: 80%;
  line-height: 150%;
  vertical-align: top;
}

.framed {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

h1, h2 {
  line-height: 150%;
  padding: 0;
  margin: 5px;
}

#content h1 {
  margin: 10px;
  margin-bottom: 0px;
  padding-left: 5px;
}
h2 {
  font-size: 90%;
  margin: 10px;
  margin-top: 0px;
  font-weight: normal;
  border-left: 1px solid #c00;
  border-right: 1px solid #c00;
  border-bottom: 1px solid #c00;
  padding: 0px 5px;
  padding-left: 20px;
}
h3 {
  font-size: 100%;
  color: #c00;
}
h4 {
  font-size: 100%;
  color: black;
  border-bottom: 1px solid #999;
  padding-left: 10px;
}


.overview {
  padding: 10px;
  padding-top: 0;
}

.ov_row {
  margin-bottom: 5px;
  padding: 2px;
  /*background-color: #f9f9f9;*/
  border: 1px dashed #ccc;
}

.row_over {
  border: 1px dashed #c00;
}

.ov_row p {
  margin-left: 42px;
}
.overview img {
  float: left;
  margin-right: 5px;
  vertical-align: top;
}


.overview a.morelink {
  text-align: right;
  display: block;
  padding-right: 5px;
  margin-right: 5px;
  background: url(pfeil5_000.gif) no-repeat right top;
}


/*Std Content*/
.intro {
  font-weight: bold;
}

ol.reiter1, ol.reiter3 {
  cursor: default;
  border-bottom: 1px solid #c00;
  padding: 3px 0;
  padding-left: 20px;
  margin-left:0;
  font: bold 12px Verdana;
}
ol.reiter1 {
  margin-bottom: 5px;
}

.reiter1 li, .reiter3 li {
  list-style: none;
  margin: 0;
  display: inline;
}
.reiter1 li a, .reiter3 li a {
    padding: 3px 10px;
    margin-left: 3px;
    border: 1px solid #c99;
    border-bottom: none;
    background: #eee;
    text-decoration: none;
}
.reiter1 li a:hover, .reiter3 li a:hover {
    border-color: #c00;
    color: #c00;
    border-bottom: 1px solid #c99;
}

.reiter1 li.akt a, .reiter3 li.akt a {
    background: white;
    border-color: #c00;
    color: #c00;
    border-bottom: 1px solid white;
}


/*//Std Content*/

.reiter2 {
  margin: 0px 15px 0px 10px;
  padding-top: 2px;
  cursor: default;
  float: right;
  width: 250px;
  height: 295px;
}
.reiter2 .reiter3 {
  padding-left: 3px;
}

.reiterContent  {
  padding-top: 5px;
}


.reiter2 .reiterContent {
  height: 270px;
  z-index: 1;
}
.reiter2 .reiterContent2 {
  border: 1px solid #c00;
  border-top: 0;
  overflow: auto;
  padding: 5px;
  height: 260px;
}



#content .ite {
  margin: 10px 15px 0 15px;
  border: 1px solid #c99;
  margin-bottom: 10px;
}
#content .ite h2 {
  font-weight: bold;
  padding: 0 5px;
  margin: 0;
  border: 0;
  color: #c00;
}

/* Pics auf Produktseite */

table.pics tr.odd {
  background-color: #eee;
}
table.pics td {
  padding: 2px;
}


/* Listen im ContentBereich */
#content ul {
  margin-left: 30px;
  margin-bottom: 5px;
  list-style-image:url(li1.gif);
}

#content ul ul {
  margin-left: 10px;
  list-style-image:url(li2.gif);
}


/* Downloads auf Produktseite */
.reiterContent2 ul.downloads {
  margin-left: 0px!important;
}

ul.downloads {
  margin-left: 20px!important;
}
ul.downloads, ul.downloads * {
  list-style-type: none;
  list-style-image: none;
}


ul.downloads li a {
  display: block;
  background: url(sym/file.gif) no-repeat left middle;
  padding-left: 40px;
}

ul.downloads li.pdf a {
  background-image: url(sym/pdf.gif);
  background-repeat: no-repeat;
}

ul.downloads li.doc a {
  background-image: url(sym/doc.gif);
  background-repeat: no-repeat;
}

ul.downloads li.xls a {
  background-image: url(sym/xls.gif);
  background-repeat: no-repeat;
}











table.start * {
  padding: 0;
  margin: 0;
}

table.start {
  border: 1px solid white;
}
table.start tr.row1 td {
  padding-top: 10px;
  border-right: 5px solid #ddd;
}
table.start td {
  width: 33.33%;
  padding: 0px;
}

table.start td h3 {
  text-align: right;
  padding-right: 5px;
  font-size: 140%;
  font-weight: bold;
}
table.start td h3 span {
  font-size: 70%;
  font-weight: normal;
}

table.start td div.img {
  text-align: right;
  padding-right: 5px;
}
table.start td a {
  margin-left: 10px;
  padding-left: 10px;
  background: url(pfeil4_000.gif) no-repeat left top;
  display: block;
}

td.b_h1 div img { background-color: #e80; }
td.b_h1 h3 { color: #e80; }

td.b_h2 div img { background-color: #366; }
td.b_h2 h3 { color: #366; }

td.b_h3 div img { background-color: #c00; }
td.b_h3 h3 { color: #c00; }



#footer {
  clear:both;
  font-size: 60%;
  background-color: #666;
  color: #ccc;
  padding: 2px 0px;
}

/* Hides from IE-mac \* /
* html .floatholder {height: 1%;}
/* End hide from IE-mac */


#footer a {
  padding-left: 15px;
  margin-left: 5px;
  padding-right: 5px;
  background: url(pfeil1_fff.gif) no-repeat left center;
  color: white;
}
#footer a.akt {
  background: url(pfeil1_fff.gif) no-repeat left center;
  color: #c99;
}