body {
  margin: 0px;
  padding: 0px;
  background: url('images/body-bg.jpg') top left repeat-x #eaeaea;
  font-family: arial, sans-serif;
  font-size: 12px;
}

.tx-macinasearchbox-pi1 input {float:none;}

/* table*/
table {
  padding: 0px;
  width: 588px;
  border-collapse:collapse;
}

td.th_style {background: #ff7c00;text-align: center; color: #fff;padding-right: 5px;}

td.th-left{
  text-align: left;
  padding-left: 5px;
  background: #ff7c00;
  color:black;
}

td.td-left-dark{
  text-align: left;
  color: #000;
  padding-left: 5px;
  background: #c4c5c5;
  border-right: 1px solid #FFF;
}


td {
  background: #e1e2e2;
  text-align: left;
  color: #666565;
  border-bottom: 2px solid #fff;
  height: 16px;
  border-right: 1px solid #FFF;
  padding-left: 4px;
}

td.bgdark{
  background: #c4c5c5;
  border-right: 1px solid #FFF;
}

td.td-left{
  text-align: left;
  color: #000;
  padding-left: 5px;
  border-right: 1px solid #FFF;
}

td.td-prazdna{
  background: #fff;
  height: 10px;
  font-size: 1px
}


/* typo3 */
.csc-textpic-caption {font-size:10px;}


#content .csc-mailform textarea, #content .csc-mailform input, #content .csc-mailform radio, {width:200px;float:left;display:block;margin-top:10px;}
#content .csc-mailform-submit {margin-top:10px;clear:both;}
.csc-mailform {border:none;margin-left:0px;}

#content .csc-mailform select {width:35px;margin-top:10px;}
#content .csc-mailform label {margin-top:10px;line-height:13px;float:left;width:220px;display:block;clear:both;}


.left-box2 .ruckruf-button {
  color: #fff;
  background: #ff7c00;
  width: 60px;
  border: 0px;
  height: 19px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;
  position:relative;
  top:5px;
  margin-left:5px;
}


.left-box2 .ruckruf-edit {
  background: url('images/input-bg.gif') 0px 0px repeat-x #fff;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-top: 1px solid #8f8f8f;
  border-bottom: 1px solid #e4e4e4;
  width: 130px;
  margin-left:5px;

}

.left-box2 label {
  display: block;
  margin: 5px 0px 5px 5px;
  
}

.csc-mailform {border:none;}


h1 {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 20px;
  font-weight: normal
}

h3 {
  margin: 40px 0px 7px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  font-weight: bold;
  color: #222222;
}

a {
  color: #f47512;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: 0px;  
}

form {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

p {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 17px;
}

.cleaner {
  height: 1px;
  clear: both;
  line-height: 1px;
  font-size: 1px;
}

.cleaner-orange {
  height: 8px;
  clear: left;
  line-height: 1px;
  font-size: 1px;
  background: #ff7c00;
  margin: 0px 1px 0px 1px;
  padding: 0px
}

#all-page {
  width: 912px;
  position: relative;
  text-align: center;
  margin: auto;
  background: url('images/page-bg.gif') top left repeat-y;
  border-bottom: 1px solid #7F7F7F;
}

#footer {
  width: 912px;
  position: relative;
  text-align: center;
  margin: auto;
  padding: 20px 0px 20px 0px;
  font-size: 11px;
  color: #818181
}

#top-left {
  float: left;
  width: 300px;
  height: 97px;
  text-align: left;
}

#top-left img{
  margin: 10px 0px 0px 25px
}

#top-right {
  float: left;
  width: 590px;
  height: 97px;
  text-align: right;
}

#top-right p{
  margin: 0px 0px 0px 0px;
  padding: 10px 18px 0px 0px;
  color: #f47512;
  font-weight: bold;
  line-height: 15px;
}

#top-right p a{
  color: #444444;
}

#top-right ul{
  margin: 0px 0px 0px 0px;
  padding: 33px 0px 0px 0px;
  list-style-type: none;
}

#top-right ul li.active{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  float: left;
  background-image: url(images/navi_bg_left_activ.gif);
	background-repeat: no-repeat;
}

#top-right ul li.active-rechts{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  float: left;
  background-image: url(images/navi_bg_right_activ.gif);
	background-repeat: no-repeat;
	height: 39px;
	width: 4px;
	margin-right: 1px
}

#top-right ul li.norm{
  margin: 11px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  float: left;
  background-image: url(images/navi_bg_left.gif);
	background-repeat: no-repeat;
}

#top-right ul li.norm-rechts{
  margin: 11px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  float: left;
  background-image: url(images/navi_bg_right.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 3px;
	margin-right: 2px
}

#top-right ul li.norm a{
  margin: 0px 0px 0px 2px;
  padding: 0px 14px 0px 16px;
  list-style-type: none;
  line-height: 26px;
  height: 28px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  float: left;
  display: block
}

#top-right ul li.active a{
  margin: 0px 3px 0px 2px;
  padding: 0px 13px 0px 15px;
  list-style-type: none;
  display: block;
  line-height: 39px;
  height: 39px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  float: left
}

#top-right ul li a:hover{
  color: #444;
  text-decoration: none
}

#header {
  height: 188px;
  width: 912px;
}

#col-left {
  float: left;
  width: 285px;
  padding: 30px 0px 10px 0px;
  text-align: left;
}

#col-right {
  float: left;
  width: 590px;
  padding: 30px 0px 10px 0px;
  text-align: left;
}

.left-box1 {
  margin: 0px 0px 10px 20px;
  background: url('images/lupe.jpg') 15px 5px no-repeat #ebebeb;
  border: 1px solid #c5c5c5;
  width: 212px;
  text-align: left;
  font-size: 12px;
  padding-bottom: 10px
}

.left-box2 {
  margin: 0px 0px 25px 20px;
  background: url('images/ruckruf.jpg') right top no-repeat #ebebeb;
  border: 1px solid #c5c5c5;
  width: 212px;
  text-align: left;
  font-size: 12px;
  padding-bottom: 10px
}

.left-box3 {
  margin: 20px 0px 10px 20px;
  background: url('images/neuheiten.gif') 5px center no-repeat #ebebeb;
  border: 1px solid #c5c5c5;
  width: 212px;
  text-align: left;
  font-size: 12px;
  padding-bottom: 0px
}

.left-box3 p{
  margin: 5px 2px 10px 55px;
}

.left-box1 p{
  margin: 5px 0px 10px 40px;
  font-weight: bold;
}

.search-edit {
  background: url('images/input-bg.gif') 0px 0px repeat-x #fff;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-top: 1px solid #8f8f8f;
  border-bottom: 1px solid #e4e4e4;
  width: 100px;
  margin-left: 60px;
  font-weight: bold; 
}

.search-button {
  color: #fff;
  background: #ff7c00;
  width: 28px;
  border: 0px;
  height: 19px;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer
}

.left-box2 p{
  margin: 5px 0px 10px 10px;
}

.left-box2 p span{
  margin: 10px 0px 5px 0px;
  display: block;
  font-weight: bold
}





.grey {
  padding: 0px 0px 0px 30px;
  font-weight: bold;  
  font-size: 14px;
  color: #878787;
  line-height: 15px
}

.kontakt {
  margin: 0px 0px 0px 30px;
  padding: 4px 0px 7px 30px;
  color: #ff7c00;
  font-weight: bold;
  font-size: 16px;
}

.tel {
  background: url('images/phone.gif') left top no-repeat;
}

.fax {
  background: url('images/fax.gif') left top no-repeat;
}

.hp-header2 {
  font-weight: bold;
  padding-top: 10px 
}

.right-box1 {
  width: 222px;
  height: 150px;
  background: url(images/box1.gif) 0px 10px no-repeat;
  text-align: right;
  float: left
}

.right-box1-inner {
  height: 150px;
  background: url(images/box1-img.png) no-repeat;
  behavior: url('iepngfix.htc');
}

.right-box2 {
  width: 175px;
  height: 150px;
  background: url(images/box2.gif) 10px 10px no-repeat;
  text-align: right;
  float: left;
}

.right-box2-inner {
  height: 150px;
  background: url(images/box2-img.png) 3px 0px no-repeat;
  behavior: url('iepngfix.htc');
}

.right-box3 {
  width: 180px;
  height: 150px;
  background: url(images/box3.gif) 10px 10px no-repeat;
  text-align: left;
  float: left
}

.right-box3-inner {
  height: 170px;
  background: url(images/box3-img.png) 88px 0px no-repeat;
  behavior: url('iepngfix.htc');
}

.boxes-header {
  font-weight: bold;
  font-size: 14px;
  color: #ff7c00;
  display: block
}

.boxes-header2 {
  font-weight: bold;
  font-size: 14px;
  display: block;
  padding-bottom: 5px;
}

.right-box1 p{
  margin: 0px 10px 0px 100px;
  padding-top: 17px;
  font-size: 11px;
  line-height: 15px
}

.right-box2 p {
  margin: 0px 10px 0px 30px;
  padding-top: 17px;
  font-size: 11px;
  line-height: 15px
}

.right-box3 p{
  margin: 0px 55px 0px 18px;
  padding-top: 17px;
  font-size: 11px;
  line-height: 15px
} 

.links {
  font-size: 15px;
  margin: 40px 20px 10px 0px;
  text-align: right;
}

.links a{
  color: #000;
  font-size: 12px;
  padding: 0px 5px 0px 5px
}

.links a.activ{
  color: #ff7c00;
  
}

.content-p {
  padding-right: 55px
}


#sidemenu {
  margin: 0px 0px 25px 20px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  border-top: 1px solid #c7c7c7;
  width: 212px;
  text-align: left;
}

#sidemenu li{
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  border-bottom: 1px solid #c7c7c7;
  width: 212px;
  text-align: left;
}

#sidemenu li a{
  padding: 0px 0px 0px 10px;
  text-align: left;
  display: block;
  line-height: 20px;
  color: #444444;
}

#sidemenu li a.sidemenu-activ{
  padding: 0px 0px 0px 10px;
  font-weight: bold
}

#sidemenu li a.submenu-activ{
  padding: 0px 0px 0px 40px;
  color: #ff7c00;
}

#sidemenu li a.submenu{
  padding: 0px 0px 0px 40px;
}

#sidemenu li a:hover{
  color: #848484;
  text-decoration: none
}

#sidemenu li a.submenu-activ:hover{
  color: #ccad8f;
}

#h1-div {
  float: left;
  height: 50px
}

#h1-div h1{
  color: #ff7c00;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 20px;
  font-weight: normal
}

#h1-div h1 span{
  color: #000;
  padding: 0px 5px 0px 5px;
}

#h2-div {
  float: left;
}

#h2-div h2{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 20px;
  font-weight: normal;
  color: #000
}

#produkt-right {
  float: right;
  padding: 0px 35px 0px 10px
  
}

#produkt-left {
  padding: 15px 0px 0px 0px
  
}

.content-ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}

.content-ul li{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 7px 10px;
  list-style-type: none;
  background: url('images/dot.gif') 2px 7px no-repeat;
}

.iko-download {
  float: left;
  text-align: left;
  margin: 0px 20px 0px 20px
}

.iko-download strong {
  display: block;
  clear: left
}

.iko-download a{
  display: block;
  float: left;
  height: 42px;
  width: 110px;
}

.iko-download a:hover{
  text-decoration: none;
}

.a1 {
  background: url('images/fax2.gif') center 0px no-repeat;
}

.iko-download a.a2 {
  background: url('images/download.gif') center 0px no-repeat;
  height: 38px;
  margin-top: 4px
}

.produkt-table {
  padding: 0px;
  width: 588px;
}

.produkt-table th{
  background: #ff7c00;
  text-align: center
}

.produkt-table th span{
  color: #fff;
  padding-right: 5px
}

.produkt-table .th-left{
  text-align: left;
  padding-left: 5px;
}

.produkt-table td{
  background: #e1e2e2;
  text-align: center;
  color: #666565;
  border-bottom: 2px solid #fff;
  height: 16px
}

.produkt-table td.bgdark{
  background: #c4c5c5;
}

.produkt-table td.td-left{
  text-align: left;
  color: #000;
  padding-left: 5px
}

.produkt-table td.td-prazdna{
  background: #fff;
  height: 10px;
  font-size: 1px
}

.produkte-gallery {
  margin: 30px 20px 0px 0px;
  padding: 30px 0px 0px 0px;
  background: url('images/lupe.gif') 90px 0px no-repeat;
  float: left
}

.produkte-gallery a{
  display: block;
  float: left;
  border: 1px solid #c5c5c5;
  margin: 0px 10px 10px 0px;
  padding: 0px
}

.produkte-gallery a img{
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}