body{
  margin: 0;
  padding: 0;
  background-image: url(../images/leiste2.gif);
  background-repeat: repeat-y;
  background-color: #F0F5FA;
  width: 100%;

}

.box {
  padding-bottom:10px;
}

#leiste{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 119px;
  background-image: url(../images/leiste.gif);
  background-repeat: repeat-x;
}

#logo {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #C4D5E3;
  border-right: 4px solid white;
  height: 150px;
}

#logo img{
  margin-top: 55px;
}

#menueoben td,#menueunten td{
  border: 1px solid white;
}

#menueoben, #menueunten {
  padding-left: 190px;
}

#menueoben table{
  margin-top: 40px;
  border: 3px solid white;
}

#menueunten table{
  margin-top: 28px;
  border: 3px solid white;
}

.textbox {
   margin: 30px 30px 0 220px;
   text-align: left;
   margin-bottom: 0px;
   padding: 0;
}




#menuelinks {
  position: absolute;
  left: 0px;
  top: 150px;
  width: 180px;
}

#menuelinks .textlinks {
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003366;
    line-height: 18px;
    margin-left: 10px;
}

.quicknav form{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
   margin-left: 10px;
}

.quicknav select{
    font-size: 11px;
    width: 160px;

}



.content {
    position: absolute;
    top: 180px;
    left: 240px;
}



h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #154266;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top:  0px;
    font-weight: bold;
    text-align: left;
}


h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 10px;
    margin-top:  0px;
    font-weight: bold;
  }

.csc-header, .csc-textpicHeader{
  background-color: #154266;
}

.csc-header h1, .csc-textpicHeader h1{
    padding: 4px;
    color: white;
}

p, td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 10px;
    margin-top:  0px;

}

li, ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    padding-left: 10px;
}

.rahmen {
   border-width: 1px;
   border-color: #154266;
   border-style: solid;
}
.head1{

  background-color: #7E9AB1;
}

.head1 h1{
  margin: 0;
  color: white;
}

.head2 {
  margin: 0;
  color: black;
  font-weight: normal;
  background-color: #C4D5E3;
}

table.rahmen {
   border-collapse: collapse;
   border-width: 1px;
   border-color: #154266;
   border-style: solid;
}
.klickpfad {
  color: #154266;
  font-size: 11px;
  margin-bottom: 10px;
}

a:link, a:visited  {
   color: #154266;
   text-decoration: underline;
}


a:hover, a:active {
   color: #154266;
   text-decoration: none;
}

.rechts {
  text-align: right;
}

.csi-image {
  border: 1px #154266 solid;
}

.nav {
  margin: 0;
  margin-bottom: 20px;
  width: 190px;
  border-bottom: 1px solid white;
}

.preis {
  font-weight: bold;
  clear: both;
  display: block;
}




.box ul {
  margin: 0px 0  10px 10px;
  display: block;
}
.box ul ul{
  margin: 0px 0  0px 10px;
  display: block;
}


.box li{


  margin: 0;
  padding: 0;
 list-style-image: url(../images/punkt_klein.gif);


}

.tx-ttproducts table {
  width: 100%;
}

.content .box {
  margin-bottom: 0px;
  width: 90%;
  clear: both;
}




 ul.navilinks1, ul.navilinks1 li{
   list-style-type: none;

   padding: 0;

  margin: 0;


}

 ul.navilinks2{

   color: white;

   margin: 0px;
   margin-left: 0px;
   padding-left: 0px;
   background-color: #A8BDCF;

}
 ul.navilinks2 li{
   padding: 0;
  margin: 0;


}
 ul.navilinks2 {
   padding: 0;
  margin: 0;

}

 ul.navilinks3 {
   padding: 0;
  margin: 0;

}

.ebene1 a:link,  .ebene1 a:visited {
  display: block;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: black;
  background-color: #C4D5E3;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 0px black solid;
  border-top: 1px white solid;
  width: 180px;
}

 .ebene1 a:hover, .ebene1 a:active{
   background-color: #154266 ;
  color: white;
  border-bottom: 0px black solid;
  border-top: 1px white solid;
}

.ebene1auswahl a:link , .ebene1auswahl  a:visited, .ebene1auswahl a:hover  ,.ebene1auswahl  a:active {
  display: block;
  font-family:  Arial, Helvetica, sans-serif;

  font-size: 12px;
  line-height: 17px;
   background-color: #154266;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  color: white;
  width: 180px;
  border-bottom: 0px black solid;
  border-top: 1px white solid;
}




.ebene2auswahl a:link,  .ebene2auswahl a:visited, .ebene2auswahl a:hover, .ebene2auswahl a:active {
  display: block;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  background-color: #8AA0B2;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 25px;

  text-decoration: none;
  color: white;
  border-bottom: 0px black solid;
  border-top: 1px white solid;
  width: 165px;
  background: url(../images/ebene2_weiss.gif) no-repeat;

}


.ebene2 a:link,  .ebene2 a:visited {
  display: block;
  font-family:  Arial, Helvetica, sans-serif;
  padding-left: 25px;
  font-size: 12px;
  line-height: 17px;
  color: black;
  background-color: #A8BDCF;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 0px black solid;
  border-top: 1px white solid;
  width: 165px;
  background: url(../images/ebene2.gif) no-repeat;
}

 .ebene2 a:hover, .ebene2 a:active{
  padding-left: 25px;
   color: white;
   background-color: #8AA0B2;
  width: 165px;


  background: url(../images/ebene2_weiss.gif) no-repeat;
}

.ebene3auswahl a:link,  .ebene3auswahl a:visited, .ebene3auswahl a:hover, .ebene3auswahl a:active {
  display: block;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  background-color: #8AA0B2;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 40px;
  text-decoration: none;

  color: white;
  border-bottom: 0px black solid;
  border-top: 1px white solid;
  width: 150px;
  background: url(../images/ebene3_weiss.gif) no-repeat;
}


.ebene3 a:link,  .ebene3 a:visited {
  display: block;
  font-family:  Arial, Helvetica, sans-serif;
  padding-left: 40px;
  font-size: 12px;
  line-height: 17px;
  color: black;
  background-color: #A8BDCF;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 0px black solid;
  border-top: 1px white solid;
  width: 150px;
  background: url(../images/ebene3.gif) no-repeat;

}

 .ebene3 a:hover, .ebene3 a:active{
  padding-left:40px;
   color: white;
   background-color: #8AA0B2;
  width: 150px;
  background: url(../images/ebene3_weiss.gif) no-repeat;
}



.bildspalte {
  padding-left: 10px;
}

.bildspalte img {
  margin-bottom: 10px;
}

.back {
  margin: 0 0 12px 0;
}

.tx-ttproducts h1 a {
  text-decoration: none;
 }

.tx-ttproducts h1  {
  margin-bottom: 0;
}


.csc-header {
  margin-top: 0px;
}
.rahmen h1 {
  margin-top: 0px;
}

.einzelansicht h1 {
  margin-bottom: 10px;
}


.bildspalte img {
   border-width: 1px;
   border-color: #154266;
   border-style: solid;
}
.bestellen{
 text-align: right;
 width: 100%;
}

.bestellen a:link,.bestellen a:visited  {
   border-width: 1px;
   border-color: #154266;
   border-style: solid;
   text-decoration: none;
   padding: 4px;
   background-color: #C4D5E3;
   color: black;
}

.bestellen a:hover,.bestellen a:active  {
   border-width: 1px;
   border-color: #154266;
   border-style: solid;
   background-color: #154266;
   color: white;
   text-decoration: none;
}

.fusszeile {
    font-family: Arial, Helvetica, sans-serif;
  margin: 20px 0px 20px 0;
  width: 90%;
  padding: 5px 0 5px 0;
  border-top: 1px #154266 solid;
  color: #154266;
  font-size: 11px;
}
.csc-frame-rulerBefore {
  border-top: 1px #154266 solid;
  margin-top: 0px;
  padding-top: 20px;
}

.tx-ttproducts .csc-header {
  margin-bottom: 10px;
}

.suche {
  margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
}
.content .suche {
  margin: 0 0 20px 0;
}
.suche form {

   margin: 0;
   padding: 0;
}

.suche .suchfeld {
  width: 100px;
}
.suche .suchfeld2 {

  width: 200px;
}

.suche .submitbox {
  background-color: #8AA0B2;
  color: white;
}

.csc-uploads-fileName a:link, .csc-uploads-fileName a:visited {
  font-weight: bold; 
  text-decoration: underline;
}

.csc-uploads-fileName a:hover, .csc-uploads-fileName a:active {
  font-weight: bold; 
  text-decoration: none;
}

.csc-uploads p{
  margin: 0;
  padding: 0;
}

.csc-uploads-icon{
  vertical-align: top;
}