p,
h1,
h2,
h3,
li,
th,
td {
  font-family: Helvetica, SunSans-Regular, sans-serif;
}
a {
  text-decoration: none;
  font-weight: bold;
  color: #9AC13A;
}
li a {
  color: #333;
}
/* �berschriften*/
h1 {
  font-size: 220.01%;
  padding-top: 20px;
}
h2 {
  font-size: 140%;
  padding-top: 25px;
}
h3 {
  font-size: 110%;
  padding-top: 10px;
}
.karte h2 {
  font-size: 180,01%;
  font-weight: bold;
  padding-top: 0;
}
/* Abs�tze*/
p {
  line-height: 1.2em;
  padding: 10px;
  font-size: 100%;
}
.first {
  padding-top: 25px;
}
.note {
  font-size: 80%;
}
em {
  font-weight: bold;
}
strong {
  font-weight: bold;
  color: red;
}
small {
  font-size: 60%;
}
/* #prod p
{
	width: 700px;
	text-align: left;
} */
th {
  font-size: 95%;
  font-weight: 600;
  border: 2px solid #000;
  vertical-align: top;
  padding: 4px;
}
td {
  font-size: 85%;
  line-height: 1.1em;
  border: 2px solid #000;
  padding: 4px;
}
html {
  height: 100%;
  width: 100%;
}
body {
  height: 100%;
  width: 100%;
  background: #ffd8ad;
  background-repeat: no-repeat;
}
#distance {
  height: 50%;
  width: 1px;
  margin-bottom: -320px;
  float: left;
}
#seite {
  height: 600px;
  width: 960px;
  position: relative;
  background: none;
  background-image: url(../grafiken/hg-2.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  clear: both;
  border: 1px solid #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 5px #222222;
  -webkit-box-shadow: 3px 3px 5px #222222;
  box-shadow: 3px 3px 5px #222222;
}
#header {
  height: 90px;
  width: 930px;
  position: relative;
  display: block;
  background-image: url(../img/header-cd-2.png);
  background-repeat: no-repeat;
  top: 15px;
  left: 15px;
}
#nav {
  display: block;
  text-align: center;
}
.main {
  height: 480px;
  width: 150px;
  position: relative;
  top: 25px;
  left: 15px;
  float: left;
}
.main li a {
  height: 20px;
  width: 126px;
  background: none;
  background-image: url(../grafiken/hnavpassiv.png);
  background-repeat: no-repeat;
  background: rgba(255, 189, 116, 0.95);
  display: block;
  left: 15px;
  padding-top: 4px;
  margin-top: 15px;
  margin-bottom: 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 5px #222222;
  -webkit-box-shadow: 3px 3px 5px #222222;
  box-shadow: 3px 3px 5px #222222;
}
#index .index,
#impressum .impressum,
#down .down,
#handel .handel,
#prod .prod,
#rgb .rgb,
#steuer .steuer,
#tech .tech,
#techvar .techvar {
  background: none;
  background-image: url(../grafiken/hnavaktiv.png);
  background-repeat: no-repeat;
  background: rgba(154, 193, 58, 0.95);
}
#content {
  height: 480px;
  width: 765px;
  position: relative;
  background: none;
  text-align: center;
  top: 25px;
  right: 15px;
  float: right;
}
#spalte1 {
  height: 478px;
  width: 330px;
  position: relative;
  background: none;
  text-align: center;
  top: 2px;
  left: 65px;
  float: left;
}
#spalte2 {
  height: 478px;
  width: 330px;
  position: relative;
  background: none;
  text-align: center;
  top: 2px;
  right: -15px;
  float: left;
}
#rgb #content {
  text-align: left;
}
.siegel {
  width: 76px;
  height: 76px;
  position: relative;
  background-image: url(../grafiken/siegel2.png);
  background-repeat: no-repeat;
  left: 450px;
}
.tiny {
  height: 35px;
  padding-top: 10px;
}
.column {
  width: 280px;
  height: 450px;
  float: left;
}
.schmal {
  padding-top: 75px;
  width: 91px;
}
.breit {
  width: 450px;
}
.column2 {
  width: 158px;
  height: 450px;
  padding-top: 0px;
  margin-right: 30px;
  float: right;
}
#kartei {
  height: 30px;
  width: 765px;
  position: relative;
  display: block;
  top: 7px;
  left: 0px;
}
#kartei a {
  font-size: 80%;
  height: 23px;
  width: 125px;
  float: left;
  padding-top: 8px;
  padding-left: 4px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: -5px;
  text-align: left;
}
.passiv {
  background: none;
  background-image: url(../grafiken/karteipassiv.png);
  background-repeat: no-repeat;
  background: rgba(255, 190, 119, 0.99);
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5;
  -moz-box-shadow: 3px 3px 5px #222222;
  -webkit-box-shadow: 3px 3px 5px #222222;
  box-shadow: 3px 3px 5px #222222;
}
.aktiv {
  background: none;
  background-image: url(../grafiken/karteiaktiv.png);
  background-repeat: no-repeat;
  background: rgba(255, 225, 194, 0.99);
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5;
  -moz-box-shadow: 3px 3px 5px #222222;
  -webkit-box-shadow: 3px 3px 5px #222222;
  box-shadow: 3px 3px 5px #222222;
}
.karte {
  height: 425px;
  width: 733px;
  position: relative;
  background: none;
  background-image: url(../grafiken/prodnocol.png);
  background-repeat: no-repeat;
  background: rgba(255, 225, 194, 0.99);
  text-align: center;
  /* clear: both; */

  margin-top: 5px;
  margin-left: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 5px #222222;
  -webkit-box-shadow: 3px 3px 5px #222222;
  box-shadow: 3px 3px 5px #222222;
}
#thumbs {
  width: 53px;
  height: 350px;
  margin: 25px;
  float: left;
}
.karteibild {
  width: 283px;
  height: 378px;
  margin: 25px;
  float: right;
  background: green;
}
.lev div {
  display: none;
  text-decoration: none;
}
.lev:hover div {
  height: 305px;
  width: 425px;
  position: absolute;
  display: block;
  z-index: 200;
  background: ;
  background-image: url(../grafiken/lev.png);
  background-repeat: no-repeat;
  background: rgba(255, 225, 194, 0.99);
  clear: both;
  text-align: center;
  top: 20px;
  margin: 0 auto;
  left: 150px;
  border: 0px solid #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 5px #222222;
  -webkit-box-shadow: 3px 3px 5px #222222;
  box-shadow: 3px 3px 5px #222222;
}
.lev2 div {
  display: none;
  text-decoration: none;
}
.lev2:hover div {
  height: 305px;
  width: 425px;
  position: absolute;
  display: block;
  z-index: 200;
  background: ;
  background-image: url(../grafiken/lev.png);
  background-repeat: no-repeat;
  background: rgba(255, 225, 194, 0.99);
  clear: both;
  text-align: center;
  top: 20px;
  /* margin: 0 auto; */

  right: 370px;
  border: 0px solid #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 5px #222222;
  -webkit-box-shadow: 3px 3px 5px #222222;
  box-shadow: 3px 3px 5px #222222;
}
.lev3 div {
  display: none;
  text-decoration: none;
}
.lev3:hover div {
  height: 195px;
  width: 460px;
  position: absolute;
  display: block;
  z-index: 200;
  clear: both;
  text-align: center;
  padding-top: 25px;
  top: 10px;
  left: 140px;
  /* margin: 0 auto; */

  right: 270px;
  border: 0px solid #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 5px #222222;
  -webkit-box-shadow: 3px 3px 5px #222222;
  box-shadow: 3px 3px 5px #222222;
}
.lev4 {
  width: 53px;
  height: 53px;
  margin-bottom: 15px;
  background-image: url(../grafiken/hg-thumb.png);
}
.thmb {
  padding: 0px;
  margin-left: -3px;
}
.lev4 div {
  display: none;
  text-decoration: none;
}
.lev4:hover div {
  height: 380px;
  width: 290px;
  position: absolute;
  display: block;
  z-index: 200;
  clear: both;
  /* text-align: center; */

  top: 23px;
  left: 420px;
  /* margin: 0 auto; */

  right: 270px;
  background: none;
  background-image: url(../grafiken/prodnocol.png);
  background-repeat: no-repeat;
  background: rgba(255, 225, 194, 0.99);
  border: 0px solid #333;
}
li {
  display: block;
}
.but {
  height: 21px;
  background: ;
  text-align: center;
  padding-top: 5px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 3px 3px 5px #222222;
  -webkit-box-shadow: 3px 3px 5px #222222;
  box-shadow: 3px 3px 5px #222222;
}
.ton1 {
  width: 130px;
  float: left;
  margin-left: 25px;
  background-color: none;
}
#prod .ton1 {
  margin-left: 42px;
}
.ton2 {
  width: 275px;
  margin-bottom: 10px;
  background-image: url(../grafiken/cd-bt-2.png);
  background-repeat: no-repeat;
  background: rgba(255, 225, 194, 0.99);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.middle {
  text-align: center;
}
li.blau {
  color: #eee;
  background-image: url(../grafiken/cd-bt-blau.png);
  background-repeat: no-repeat;
  background: rgba(78, 78, 255, 0.99);
}
div.blau {
  color: #eee;
  background-image: url(../grafiken/lev3-blau.png);
  background-repeat: no-repeat;
  background: rgba(78, 78, 255, 0.99);
  /* padding: 25px; */

}
li.gelb {
  background-image: url(../grafiken/cd-bt-gelb.png);
  background-repeat: no-repeat;
  background: rgba(255, 255, 130, 0.99);
}
div.gelb {
  background-image: url(../grafiken/lev3-gelb.png);
  background-repeat: no-repeat;
  background: rgba(255, 255, 130, 0.99);
}
li.rot {
  background-image: url(../grafiken/cd-bt-rot.png);
  background-repeat: no-repeat;
  background: rgba(255, 78, 78, 0.99);
}
div.rot {
  background-image: url(../grafiken/lev3-rot.png);
  background-repeat: no-repeat;
  background: rgba(255, 78, 78, 0.99);
}
li.green {
  background-image: url(../grafiken/cd-bt-gruen.png);
  background-repeat: no-repeat;
  background: rgba(0, 204, 0, 0.99);
}
div.green {
  background-image: url(../grafiken/lev3-gruen.png);
  background-repeat: no-repeat;
  background: rgba(0, 204, 0, 0.99);
}
* {
  font-family: Verdana;
}