* {margin:0;padding:0;border:0 none;}

body {
  font: normal normal 12px/18px Arial, Helvetica, sans-serif;
  color:#666666;
  background: #e4e3e3 url("../media/layout/body_bg.gif") repeat-y center top;
  }

body.mceContentBody {background:#FFFFFF;padding:3px;overflow:scroll;height:300px;}

html, body {overflow:hidden;height:100%;}

a {text-decoration: underline;}
a:link    {color: #505050;}
a:visited {color: #505050;}
a:hover   {color: #505050;}
a:active  {color: #505050;}
a:focus   {color: #505050;}
a img {border: none;}

.cleaner:after, .clean:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.cleaner, .clean {display: inline-block;clear:both;line-height: 0;height: 0;font-size:0;}
html[xmlns] .cleaner, html[xmlns] .clean {display: block;}
* html .cleaner, * html .clean {overflow:hidden;}

img {behavior: url("style/iepngfix.htc");}

h1 {padding: 0 10px 0 2px;font: normal bold 15px/18px Arial, Helvetica, sans-serif;color: #666666;}
h2 {padding: 0 10px 0 2px;font: normal bold 12px/18px Arial, Helvetica, sans-serif;}

h2.w {background: #FFFFFF;}
h2 span {display:block;font-weight:normal;}
h5 {padding: 0 10px 0 2px;font: normal bolder 10px/18px Arial, Helvetica, sans-serif;}

ul    {padding:0 0 0 16px; list-style:disc outside;}
ul ul {padding:0 0 0 16px; list-style:circle outside;}
*:first-child + html ul{padding:0 0 0 18px;}/* Aufhebung IE7 */
li p, li {margin:0; padding:0 2px 0 2px;color:#666666;}
p  {margin:0; padding:0 10px 0 2px;color:#666666;}
td {vertical-align:top;}

/***** Layout
************************************************/
#bodypage {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	z-index:80;
	height:100%;
	width:100%;
	text-align:left;
	overflow: scroll;
	overflow-x: auto;
	}

#container {
  margin: 0 auto 0 auto;
  padding: 180px 0 0 0;
  width: 970px;
  text-align:left;
  }

#header {
  position: fixed;
  top: 0;left: 50%;right:0;
  z-index: 10;
  margin: 0 0 0 -485px;
  height: 150px;
  width:970px;
  background: #61758f url("../media/layout/header_bg.jpg") repeat-x left top;
  text-align:left;
  }
* html #header {position:absolute;margin: 0 0 0 -475px;}

#companytxt {
    position:absolute;
    z-index:  105;
    padding:  47px 0 0 212px;
    color: #fff;
    font-size:  16px;
    font-weight:  bold;
    }
#companytxt span {padding-left:  89px;}

#content {margin: 0 0 0 16px;}
#left {padding:0;width:172px;vertical-align:top;}
#contentleft {vertical-align:top;text-align:left;padding: 0 0 20px 0;width:340px;}
#contentleft dl {width:340px;}
#fullcontent {vertical-align:top;}

#content hr {border-bottom:1px solid #000000}

.techdata {width:340px;}
.techdata td {padding: 2px 4px;border-bottom:1px solid #FFFFFF;}
.techdata .c1 {background: #4b5a70;color: #FFFFFF;}
.techdata .c1 * {color: #FFFFFF;}
.techdata .c2 {width:140px;padding:2px;background: #EEEEEE;}

#contentright {
  vertical-align:top;
  padding: 0 0 20px 0;
  width:360px;
  }

.produkt {background: url("../media/layout/contentright_bg.gif") left top;}

.produktimage {
  padding: 0 0 20px 0;
  background: #FFFFFF;
  text-align:center;
  width:360px;
  }

.produkvideo {
  position:relative;
  z-index:10;
  padding: 0 0 20px 0;
  background: #FFFFFF;
  text-align:center;
  width:384px;
  }

.produkt ul {margin: 10px 0 0 10px;}
.produkt ul li {color:#FFFFFF;list-style:url("../media/layout/menuprodukt_li.gif");padding:0;line-height:18px;vertical-align:top;}
#contentright.produkt li a {color:#FFFFFF;text-decoration:none;font-size:12px;font-weight:bold;line-height:18px;}
#contentright.produkt li a.current {color:#637488;}


/***** Men� Oben
************************************************/
#headertop {margin: 105px 0 0 0;height: 30px;background: #4b5a70;text-align:left;}
#headertop #home {padding:7px 0 0 7px;}
* html #headertop #home {height:16px;}
#headertop #home a {padding:0;text-transform:uppercase;}
#header * {color:#FFFFFF;text-decoration:none;}

/***** Brotkruemelleiste
************************************************/
#breadcrumb {
  list-style: none;
  margin: 0 0 0 180px;
  padding: 0 0 0 20px;
  height: 14px;
  }
* html #breadcrumb {margin: 0 0 0 178px;}
*:first-child + html #breadcrumb {margin: 0 0 0 180px;}

#breadcrumb li {
  padding: 0 12px 0 12px;
  line-height:14px;
  float:left;
  background: url("../media/layout/breadcrumb_li.gif") no-repeat left top;
  }
#breadcrumb li a {
  line-height:14px;
  color: #c8c9c9;
  padding: 0;
  font-size:11px;
  /* text-transform: capitalize; */
  }

/***** Formulare
**********************************************************/
.frm label input, .frm label textarea {font: normal normal 11px/20px Verdana, Arial, sans-serif; color:#666666;}
.frm label input {height:16px}
.frm label input.form, .frm label textarea.form {width: 100%;border: 1px solid #999999;background:url("../media/layout/inputbg.gif") repeat-x left top;}
* html .frm label input.form,* html .frm label textarea.form {width:99%;} /* IE < 7 width fix */
*:first-child + html .frm label input.form, *:first-child + html .frm label textarea.form {width:99%;} /* IE > 6 width fix */
.frm label input.form_error, .frm label textarea.form_error,
.frm label input.error, .frm label textarea.error {background: #61758f;color: #FFFFFF;}
.frm label input.chk {margin: 0 3px 0 0;vertical-align:baseline;height:12px;width:12px;position:relative;}
html>body .frm label input.chk {position:relative;top:4px;} /* Fix Mozilla, Opera */
*:first-child + html .frm label input.chk{position:relative;top:0px;}/* Aufhebung IE7 */

.frm label {clear:both;display:block;line-height:22px;vertical-align:top;}
.frm label em.submit {padding-top: 10px;}
.frm label * {font-style:normal;font-weight:normal;line-height:20px;}
.frm label strong {display:block;float:left;width:25%;}
.frm label strong b {font-size:12px;font-weight:bold;vertical-align:baseline;color:#61758f;}
.frm label em {display:block;float:right;width: 72%;}
.frm label em i.contphone1, .frm label em i.zipcode {display:block;float:left;width: 25%;}
.frm label em i.contphone2, label em i.location {display:block;float:right;width: 70%;}


.frm button {
	background: transparent url("../media/layout/buttons.gif") no-repeat left top;
	width: 120px;
	text-align: center;
	white-space: nowrap;
	height: 24px;
	line-height: 24px;
  cursor:pointer;
  overflow: visible; /* fix for IE width problem */
  }
.frm button:hover {background: transparent url("../media/layout/buttons.gif") no-repeat left -24px;}
.frm button:active {background: transparent url("../media/layout/buttons.gif") no-repeat left -48px;}
.frm button * {display:block;text-align: center;font-style:normal;}



/***** mehrer Bilder nebeneinander
************************************************/
#contentleft .tplimages {width: 340px;}
#contentright .tplimages {width: 360px;}


table.image2 td {width:50%;}
table.image3 td {width:33%;}
table.image4 td {width:25%;}
.tplimages td {text-align:center;}
.tplimages td.l {text-align:left;}
.tplimages td.r {text-align:right;}
.tplimages td em {display:block;}


/***** Abs�tze
**********************************************************/
#contentleft .tpltext, #contentleft .tpltext .text {width: 340px;}
#contentright .tpltext, #contentright .tpltext .text {width: 360px;}

#contentleft .tpltext .textimgfixedleft {float:left;width: 120px;}
#contentright .tpltext .textfixedleft {float:right;width: 185px;}

#contentleft .tpltext .textimgfixedleft {float:left;width: 120px;}
#contentright .tpltext .textfixedleft {float:right;width: 225px;}

#contentleft .tpltext .textimgfixedright {float:right;width: 120px;}
#contentleft .tpltext .textfixedright {float:left;width: 185px;}

#contentright .tpltext .textimgfixedright {float:right;width: 120px;}
#contentright .tpltext .textfixedright {float:left;width: 225px;}

.tpltext .textimgfloatleft {float:left;width: 120px;margin: 0 15px 10px 0;}
.tpltext .textimgfloatright {float:right;width: 120px;margin: 0 0 10px 15px;}