/* Umsetzung: Knips & Konsorten  */
/* ..:: Style CSS ::.. */


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> BASICS <<<----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

body {
  background: #FFFFFF;
  font-family: Arial, Sans-Serif;
  color: #000000;
}

h3 {
  font-size: 23px;
  padding-bottom: 17px;
  color: #149eaf;
}

h2 {
  font-size: 14px;
  color: #149eaf;
  line-height: 120%;
  padding-bottom: 15px;
}

p {
  color: #787878;
  font-size: 12px;
  line-height: 130%;
  padding-bottom: 12px;
}

a, span.detail {
  color: #149eaf;
}

b, strong {
  font-weight: bold;
}

.container {
  margin: 0 auto;
  margin-top: 4px;
  width: 987px; 
}

.sprache {
  margin: 10px 0 0 0;
}

.sprache span {
  margin-right: 3px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> HEADER <<<----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.header {
  background: url('../bilder/bg-header.gif') no-repeat #FFFFFF;
  height: 100px; /* 80 */
  
}

.logo {
  width: 162px; /* 232 - 50 - 20*/
  padding: 24px 0 0 50px;
  float: left;
}

.navigation {
  width: 775px; /* 755 - 20 */
  float: left;
}

/*
.navigation ul li {
  list-style: none;
  margin-left: 20px;
  float: left;
}

.navigation ul li a {
  display: block;
  font-size: 10px;
  font-weight: bold;
  height: 37px; /* 67 - 30 
  min-width: 53px; /* 58 - 10 *
  padding: 30px 0 0 5px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
}

.navigation ul li a:hover, .navigation ul li.current a {
  background: url('../bilder/bg-farbklecks.gif') no-repeat;
}*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> NAVIGATION <<<------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> PRODUKTSEITE <<<----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.content-product {
  background: url('../bilder/bg-content-neu.gif') repeat-x top #e0e0e0;
  min-height: 450px; /* 475- 25 */
  padding: 0 0 25px 45px;
  width: 942px; /* 987 - 45 */
}

.content-product-left {
  width: 369px;
  padding-top: 45px;
  float: left;
}

.content-product-left h3 {
  color: #000000;
}

.content-product-right {
  width: 358px;
  padding-top: 80px;
  float: left;
}

.csc-frame-produktbilder {
  border-bottom: 1px solid #787878;
  width: 250px;
  margin: 0 0 25px 54px;
}

* html .csc-frame-produktbilder dl.csc-textpic-image img {
  border: none;
}


.csc-frame-produktbilder dl.csc-textpic-image img {
  border: 1px solid #CCCCCC;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  border: 1px solid #CCCCCC;
}

.csc-frame-downloads {
  margin: 0 0 10px 54px;
}

.csc-frame-downloads .csc-textpic-text {
  padding-top: 3px;
}



.right-column {
  width: 192px;
  margin-right: 23px;
  float: right;
  background: url('../bilder/bg-right-column.png') no-repeat bottom;
  padding-bottom: 5px;
}

.produkt-logo {
  height: 117px;
  width: 192px;
}

.produkt-logo div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin: 0 0 0 0;
}

.subnavigation {
    background: url('../bilder/bg-subnavigation.gif') repeat-y;
    width: 158px; /* 192 - 16 - 18 */
    padding: 0 16px 0 18px;
}

.subnavigation ul {
  padding-bottom: 1px;
}

.subnavigation li {
  height: 20px;
  margin: 0 0 5px 5px;
}

.subnavigation a {
  color: #FFFFFF;
  text-decoration: none;
}

.subnavigation li.aktiv {
  font-weight: bold;
  background: url('../bilder/bg-li-aktiv.gif') no-repeat left bottom;
}

.subnavigation a:hover {
  text-decoration: underline;
}

.subnavigation h3 {
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 15px 0 20px 5px;
 font-size: 12px;
}

.produkt-info div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin: 0 0 0 0;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> CONTENT <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.content {
  background: url('../bilder/bg-content-neu.gif') repeat-x #e0e0e0;
  min-height: 420px; /* 475 - 30 - 25 */
  padding: 50px 225px 25px 45px;
}

.content ul li {
  list-style-type: disc;
  list-style-position: inside;
  padding-bottom: 5px;
  color: #787878;
}

.produktuebersicht {
  padding: 50px 45px 0 0;
  width: 682px; /* 727 - 45 */
  float: left;
}

.csc-frame-verlauf {
    background: url('../bilder/bg-verlauf-rahmen.gif') repeat-x top #f4f1f0;
    min-height: 97px;
    /*border-bottom: 1px solid #787878;*/
    margin-bottom: 1px;
}

.csc-frame-verlauf .csc-textpic-text {
  padding-top: 10px;
}

.csc-textpic {
  color: #787878;
}

.csc-textpic img {
  padding-bottom: 10px;
}

dl.csc-textpic-image {
  padding-right: 70px;
}

.content-left {
  width: 325px;
  margin: 35px 67px 0 0;
  float: left;
}

.content-right {
  width: 325px;
  margin-top: 35px;
  float: left;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> FOOTER <<<----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.footer {
  width: 987px;
  margin: 25px 0 25px 0;
  text-align: center;
  border-top: 1px solid #787878;
  border-bottom: 1px solid #787878;
  padding: 10px 0 10px 0;
  color: #787878;
}

.footer a {
  color: #787878;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.footer span {
  border-right: 1px solid #787878;
  padding: 0 10px 0 10px;
}

.footer span.aktiv {
  text-decoration: underline;
  color: #787878;
}

.footer span.last, span.aktiv-last {
  border: none;
  color: #787878;
}

.footer span.aktiv-last {
  text-decoration: underline;
}