/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/

/* wichtige Farben
Rot: #cc0000
Grun: #62BD6E
*/

/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #fff;
  text-align: center;
  height: 100%;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #434343;
  text-align: left;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative;
}

li {
  list-style-type: none;
  margin: 0 0 4px 18px;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}

p {
  line-height: 1.3em;
  margin: 0 0 1em 0;
}

a {
  color: #4D5C61;
}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.no_screen {
  display: none;
}

.clear {
  clear: both;
}

.none {
  display: none;
}

.leftalign {
  float: left;
}

.rightalign {
  float: right;
}

.pfeil {
  background: transparent url('../bilder/skins/default/pfeil.gif') left center no-repeat;
  padding-left: 16px;
}

.auf_merkliste {
  color: #E11B22;
  font-weight: bold;
  padding-left: 18px;
  background: transparent url('../bilder/btn_auf_merkliste.gif') left center no-repeat;
}

.pdf {
  background: transparent url('../bilder/ico_pdf.gif') left center no-repeat;
  padding-left: 20px;
}

.plus {
  background: transparent url('../bilder/ico_plus.gif') left center no-repeat;
  padding-left: 20px;
}

.minus {
  background: transparent url('../bilder/ico_minus.gif') left center no-repeat;
  padding-left: 20px;
}

input.btn {
  text-align: center;
}

a.drucken {
  display: none;
}

.rot {
  color: #e11b22;
}

/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
h1 {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #4D5C61;
  margin-top: 0.2em;
  margin-bottom: 1.5em;
}

h2 {
  font-size: 1.2em;
  color: #4D5C61;
  font-weight: bold;
  margin-bottom: 1.0em;
}

h3 {
  font-size: 1.0em;
  font-weight: bold;
  color: #434343;
  margin: 0;
  padding: 0;
  margin-top: 1.0em;
}


/*----------------------------------------------------------------*/
/* bereiche */
/*----------------------------------------------------------------*/
#wrap {
  margin: 0 auto;
  padding: 0;
  width: 985px;
  text-align: left;
  border: 1px solid #8B8A77;
  background: #fff url('../bilder/back_wrap.gif') left top repeat-Y;
  font-size: 0.9em;
  min-height: 100%;
  border-width: 0px 1px 0px 1px;
}

#header_de {
  background: #fff url('../bilder/back_header_de.gif') right top no-repeat;
}

#header_en {
  background: #fff url('../bilder/back_header_en.gif') right top no-repeat;
}

#iconnavi {
  background: #E3DECC url('../bilder/back_iconnavi.gif') left top no-repeat;
}

#iconnavi-clear {
  margin: 0;
  padding: 0;
  height: 18px;
  overflow: hidden;
  background: #fff;
}

#content {
  background: transparent url('../bilder/back_content.jpg') left top no-repeat;
  margin: 0px 7px 0px 7px;
}

#content-0 {
  padding-top: 137px;
  display: inline;
  float: left;
  width: 138px;
}

#content-2 {
  display: inline;
  float: right;
  width: 181px;
  font-size: 0.9em;
}

#content-1 {
  margin: 0px 189px 0px 157px;
  padding-top: 144px;
  width: 625px;
}


/*----------------------------------------------------------------*/
/* topnavi */
/*----------------------------------------------------------------*/
ul.topnavi {
  background: transparent url('../bilder/topnavi.gif') left top no-repeat;
}

ul.topnavi li {
  float: right;
  background: transparent url('../bilder/topnavi_trenn.gif') left 5px no-repeat;
  padding: 1px 5px 1px 5px;
  height: 18px;
  line-height: 18px;
  list-style-type: none;
  margin: 0;
}

ul.topnavi li.last {
  float: right;
  background: transparent url('../bilder/topnavi.gif') left top no-repeat;
  width: 120px;
  text-align: right;
  padding: 1px 5px 1px 5px;
}

ul.topnavi li a {
  text-decoration: none;
  font-size: 0.9em;
}

ul.topnavi li.selected {
  font-weight: bold;
}

img.lang {
  float: right;
  margin-right: 7px;
}


/*----------------------------------------------------------------*/
/* hauptnavi */
/*----------------------------------------------------------------*/
#content-0 ul, #content-0 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#content-0 ul {
  border-top: 7px solid #fff;
  padding: 30px 8px;
}

#content-0 li {
  border-top: 1px solid #fff;
  padding: 0.4em 0px;
}

#content-0 li.last {
  border-bottom: 1px solid #fff;
}

#content-0 li a {
  color: #5D767C;
  text-decoration: none;
  font-weight: bold;
}

#content-0 li.selected a {
  color: #B8AC86;
}

#content-0 li.selected ul li a {
  color: #5D767C;
}


/*----------------------------------------------------------------*/
/* subnavi */
/*----------------------------------------------------------------*/
#content-0 ul ul {
  border: 0;
  padding: 0;
  margin: 0;
}

#content-0 ul ul li {
  border: 0;
  padding: 0.1em 0px 0.1em 10px;
  list-style-type: none;
  margin: 0;
}

#content-0 ul ul li a {
  font-weight: normal;
  font-size: 0.9em;
}

#content-0 ul ul li.selected {
  background: transparent url('../bilder/dot_subnavi.gif') left 0.4em no-repeat;
}

#content-0 ul ul li.selected a, #content-0 ul ul li.selected ul li.selected a {
  color: #E11B22;
}

#content-0 ul ul li.selected ul li a {
  color: #5D767C;
}



/*----------------------------------------------------------------*/
/* rechte seite */
/*----------------------------------------------------------------*/
#content-2 div {
  padding: 17px;
  border-bottom: 1px solid #fff;
  color: #5D767C;
}

#content-2 div p, #content-2 div a {
  color: #5D767C;
}

#content-2 div h3 {
  margin: 0;
  padding: 0;
  color: #5D767C;
  font-weight: bold;
  font-size: 1.1em;
}

#content-2 div h3.merkliste {
  background: transparent url('../bilder/ico_merkliste.gif') right center no-repeat;
  margin-bottom: 0.9em;
}

#content-2 div input#qsi {
  width: 100px;
  margin-right: 4px;
}


/*----------------------------------------------------------------*/
/* produkte */
/*----------------------------------------------------------------*/
#akkordeon {
  text-align: right;
  display: none;
}

#akkordeon a {
  margin-left: 20px;
}

.closed, .opened {
  padding: 0.2em 0px 0.2em 20px;
  margin-top: 0.2em;
  background: transparent url('../bilder/ico_plus.gif') left top no-repeat;
  cursor: pointer;
}

.opened {
  background: #EAE7DB url('../bilder/ico_minus.gif') left top no-repeat;
}

table.produkt {
  width: 100%;
}

table.produkt td {
  vertical-align: top;
}

table.produkt td.artikelnr {
  width: 80px;
  color: #4D5C61;
}

table.produkt td.wachstyp {
  width: 162px;
}

table.produkt td.oberflaeche {
  width: 363px;
}

table.c1 td, table.c1 td.artikelnr {
  color: #A09266;
}

.opened table.produkt td {
  color: #E11B22;
  font-weight: bold;
}

.produkt_td {
  margin: 5px 0px 10px 0px;
  padding: 4px 4px 10px 20px;
  background: #EAE7DB;
}

.produkt_td table table td {
  padding: 0.2em 0px;
}

.produkt_td table td {
  vertical-align: top;
}

.produkt_td table table td.td0 {
  width: 242px;
}

.produkt_td table table td.td1 {
  width: 202px;
}

.produkt_td td.muster {
  background: #fff;
  vertical-align: top;
  width: 151px;
}

.produkt_td td.muster h3 {
  margin: 0;
  padding: 0;
  color: #E11B22;
  font-weight: bold;
  font-size: 1.0em;
  border-top: 4px solid #EAE7DB;
}

.produkt_td td.muster h3, .produkt_td td.muster p {
  padding: 8px;
}

.produkt_td table table td.dokument_download {
  padding: 1.5em 0px 0px 0px;
}

.produktliste {
  padding: 6px 6px 14px 6px;
  background: #E3DECC;
  float: right;
  width: 190px;
  margin: 0 6px 6px 6px;
}

.produktliste p {
  color: #D70E23;
  font-weight: bold;
  font-size: 0.9em;
}

.produktliste a {
  color: #557777;
  font-weight: normal;
  text-decoration: underline;
  font-size: 0.8em;
}

/*----------------------------------------------------------------*/
/* startseite */
/*----------------------------------------------------------------*/
#startseite h2 {
  color: #E2003B;
  font-size: 1.1em;
  margin: 0;
  padding: 0;
  margin-bottom: 0.3em;
  margin-top: 1.0em;
}

#startseite .home_produkte {
  margin-left: 3px;
}

#startseite .home_produkte_first {
  margin: 0;
}

#startseite .block0 {
  width: 280px;
  display: inline;
  float: left;
}

#startseite .block1 {
  width: 280px;
  display: inline;
  float: right;
  margin-right: 8px;
}


/*----------------------------------------------------------------*/
/* merkliste */
/*----------------------------------------------------------------*/
.shopping_basket {
  width: 100%;
  margin-bottom: 2.0em;
}

.shopping_basket th, .shopping_basket td {
  padding: 0.4em;
  background: #EAE7DB;
  border-bottom: 1px solid #fff;
  vertical-align: top;
}

.shopping_basket .menge {
  text-align: right;
}

.shopping_basket .del a {
  color: #E2003B;
}

.produkt_td td.muster p.hinzugefuegt {
  padding: 0;
  margin: 0;
  color: #6DB656;
  background: transparent url('../bilder/dot_ok.gif') left top no-repeat;
  padding-left: 20px;
  font-size: 0.9em;
  margin-left: 0.2em;
}

.produkt_td td.muster p.hinzugefuegt a {
  color: #6DB656;
}


/*----------------------------------------------------------------*/
/* kontaktformular */
/*----------------------------------------------------------------*/
p.cx_error {
  background-color: #FFFFD5;
  border: 1px solid #FA3515;
  padding: 0.6em;
  color: #FA3515;
}

span.cx_pflicht {
  color: #FA3515;
}

input.cx_pflicht, textarea.cx_pflicht {
  background-color: #FFFFD5;
}

fieldset {
  margin-bottom: 1em;
  padding: 0.6em;
  border: 0;
}

fieldset legend {
  color: #000;
}

fieldset table {
  width: 100%;
}

fieldset table td.spalte-1 {
  width: 24%;
  text-align: left;
  padding-right: 0.5em;
  padding-bottom: 0.3em;
}

fieldset table td.spalte-2 {
  width: 70%;
  text-align: left;
  padding-bottom: 0.3em;
}

input.default {
  width: 80%;
}

input.halb {
  width: 50%;
}

input.plz {
  width: 20%;
}

input.submit {
  text-align: center;
}

textarea.default {
  width: 95%;
}


/*----------------------------------------------------------------*/
/* sitemap */
/*----------------------------------------------------------------*/
ul.sitemap, ul.sitemap li {
  margin: 0;
  padding: 0;
}

ul.sitemap li {
  margin-top: 1.0em;
  list-style-type: none;
}

ul.sitemap li ul li {
  margin-top: 0;
  margin-left: 1.0em;
}

ul.sitemap li a {
  color: #E2003B;
}

ul.sitemap li ul li a {
  color: #4D5C61;
}


/* anwendungsgebiete */

table.anwendungsgebiete td img {
  padding: 10px 10px 0px 0px;
}

table.anwendungsgebiete td a {
  font-size: 1.1em;
}

.bigbig {
  padding: 2.0em;
  font-weight: bold;
  font-size: 1.30em;
  color: rgb(77,92,97);
  text-align: center;
}


/*----------------------------------------------------------------*/
/* lubapps */
/*----------------------------------------------------------------*/
#lubaapps {
  padding: 8px;
  background: #E3DECC;
  width: 602px;
}

#lubaapps a {
  color: #5D767C;
  text-decoration: underline;
}

#lubaapps a:hover {
  color: #000;
}
