/*  ---------------------- */
/*  blau: #0B3780   */
/*  grau: #918F9C   */
/*  ---------------------- */

body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333;
  text-align:center;
  background-color:#FFF;
  line-height: 18px;
  padding: 10px 0 0 0;
  margin: 0;}

td {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height: 18px;}

.edit  {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666;
  font-style:normal;
  background-color:#FFFFFF;
  line-height: 18px;}

.Starttabelle  {
  padding: 5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#F0EFEB;
  line-height: 18px;}

.blau {
  color:#0B3780;}

a {
  color: #0B3780}

h1 {
  padding:0;
  margin: 0;
  line-height: 5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#0B3780;}

img {
  border: none;}

#container {
  width:960px;
  margin:auto;}


#contentKey {
  clear: both;
  height: 212px;}

#contentTitel {
  position: absolute;
  z-index:200;
  color: red;
  text-align: left;
  margin: -28px 0 0 20px;}

#contentTitel h1 {
  color: #FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:24px;}

#content {
  clear: both;
  text-align: left;
  padding: 20px 0px 20px 20px;
  width:940px;
  margin:0px;
  background-color: #E3DED8;}

#produktbild {
  float: left;
  text-align: left;
  width: 604px;}

#produktbildvorschau {
  float: left;
  padding: 10px 0 0 20px;
  text-align: left;
  width: 564px;
  height: 60px;
  background-color: #E3DED8;}

#produkttext {
  float: left;
  padding: 10px 0 0 20px;
  text-align: left;
  width: 564px;
  min-height: 200px;
  background-color: #E3DED8;}

#PDF {
  padding: 20px 0 0 0;
  text-align: right;}

#PDF a {
  font-size:11px;
  color:#333;}

#fuss {
  clear: both;
  padding-top: 10px;
  text-align: left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#5D6A70;
  line-height: 14px;}

#fuss a{
  color: #5D6A70;
  text-decoration: none;}

#fussAdr {
  padding: 0 0 0 20px;
  float: left;
  width: 400px;}

#GESCO {
  float: left;
  padding: 0 0 0 20px;
  width: 150px;}

#Copy {
  padding: 0 20px 0 10px;
  width: 180px;
  float: left;
  text-align: right;
  border-left: 1px solid #CCC}

#Print {
  padding: 0 0 0 20px;
  float: left;
  width: 60px;
  text-align: right;
  border-left: 1px solid #CCC}

#Gotop {
  float: right;
  text-align: right;
  width: 60px;
  border-left: 1px solid #CCC}

.HisTab {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333;
  font-style:normal;
  margin: 0;
  padding: 0;}
.HisTabX1 {
  padding: 10px 15px;
  font-weight: bold;}
.HisTabX2 { 
  padding: 10px 15px;
  font-weight: bold;}
.HisTabA1 {
  background-color:#F4F2EF;
  padding: 10px 15px;
  font-weight: bold;}
.HisTabA2 { background-color:#F4F2EF;
  padding: 10px 15px;
  margin: 0;}
.HisTabA3 { 
  background-color:#F4F2EF;}
.HisTabB1 { 
  background-color:#CECCCA;
  padding: 10px 15px;
  font-weight: bold;}
.HisTabB2 { 
  background-color:#CECCCA;
  padding: 10px 15px}
.HisTabB3 { 
  background-color:#CECCCA;}

#Hauptinhalt1 {
  margin-top: 20px;
  min-height: 300px;}

#Infoleiste {
  padding: 0;
  width: 249px;
  float: right;}

#Infoleiste a {
  text-decoration:none;
  color:#333;}


/*  ----------------------
SLIDER
  ---------------------- */

#imageSlider {
  z-index: 100;
  border: none;
  position: relative;
  height: 207px;}

.sliderImage {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;}