html, body {
  min-height: 100%;
}

* {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

body {
  margin: 0 auto;
  min-height: 100%;
  width: 100%;
  font-family: Arial, Verdana, Helvetica, Arial, Geneva, sans-serif;
  font-size: 62.5%;
  line-height: 1.5em;
  color: #606060;

  padding: 0px;
  text-align: center; /* nur fr IE*/
  background-image: url(../img/bg_var.gif);
  background-repeat: repeat-x;
  background-position: top left;
}

div {
  margin: 0;
  padding: 0;
  font-size: 11px;
}

img {
  border: 0px;
}

img.imglink {
  cursor: pointer;
}

a {
  font-size: 1.0em;
  font-weight: normal;
  color: #606060;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  font-size: 1.0em;
  font-weight: normal;
  color: #019388;
  text-decoration: underline;
  cursor: pointer;
}

h1 {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 13px;
  color: #019388;
}

h2 {
  font-size: 14px;
  margin-top: 3px;
  margin-left: 5px;
}

h3 {
  font-size: 13px;
  margin-top: 3px;
  margin-left: 5px;
}

h4 {
  font-size: 13px;
  margin-bottom: 5px;
  float: left;
  width: 520px;
}

h5 {
  font-size: 15px;
  margin: 10px 0 10px 0;
  float: left;
  width: 520px;
  color: #ccc;
}

#allumfassend {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  height: auto;
  width: 1200px;
  text-align: center;
  background-image: url(../img/bg.png);
  background-repeat: no-repeat;
  background-position: top center;
}

#allumfassend2 {
  margin: auto;
  height: 100%;
  width: 950px;
  text-align: left;
}

#top {
  float: left;
}

#topheader {
  float: left;
  height:38px;
  padding-left:0;
  padding-top:35px;
  width:950px;
}

#changelanguage {
  padding-left:0;
  float:left;
  padding-bottom:15px;
  padding-right:15px;
  text-align:right;
}

#topheadermenu {
  float:right;
  margin:0 15px 0 0;
  padding:0;
  width:400px;
  text-align: right;
}

#topheader a {
  color: #939393;
}

#topheader a:hover {
  color: #aaa;
}

#flashheader {
  float: left;
  width: 706px;
  height: 112px;
  text-align: center;
  background-image: url(../img/header.jpg);
}

#logo {
  margin-right: 15px;
  float: right;
  margin-top: 45px;
}



#contentarea {
  float: left;
  width: 967px;
  height: auto;
  margin-top: 3px;
  margin-left: -14px;
  background-image: url(../img/bg_linie.png);
  background-repeat: repeat-y;
  background-position: top left;
}



#contentinside {
  float: left;
  margin-left: 14px;
  width: 942px;
  background-image: url(../img/bg_content.gif);
  background-repeat: repeat-y;
  background-position: top left;
  height: auto;
}

#sidebar {
  float: right;
  width: 236px;
  height: auto;
}

div.leftsidebar {
	float: right;
    height: auto;
    width: 236px;
}

#sb_flash {
	position: relative;
	width: 442px;
	left: -5px;
	text-align: right;
	height: 130px;
	overflow: visible;
}

/* -------------- suche -------------------*/
#suche_inhalt {
  float: left;
  width: 187px;
  height: 30px;
  padding-top: 6px;
  background-color: #dbdbdb;
  text-align: left;
  margin-bottom: 2px;
}

#suchfeld {
  margin-left: 12px;
  padding-top: 3px;
  padding-left: 2px;
  height: 19px;
  width: 160px;
  font-size: 13px;
  border: 1px solid #dbdbdb;
  color: #404040;
}

#sidebar div.submit {
  text-align: right;
  width: 187px;
}

#sidebar div.auto_complete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #DBDBDB;
  margin: 0px;
  padding: 0px;
  line-height: 16px;
  cursor: pointer;
  max-height: 300px;
  overflow: auto;
}

#sidebar li {
  padding: 3px;
  font-size: 11px;
}

#sidebar li.selected {
  background-color: #F7931E;
}
/* -------------- linkes menu -------------------*/
#navigation {
  float: left;
  width: 151px;
  height: 295px;
  background-image: url(../img/menu_bg.gif);
  background-position: top right;
  background-repeat: repeat;
  border-bottom: 4px solid #fff;
}

#sonder {
  position:absolute;
  top:544px;
  left: 125px;
  width:151px;
}

a.offer {
  margin-bottom: 5px;
}

#navigation ul {
  background: none;
  float: left;

  color: #606060;
  width: 150px;
}

li.menu {
  line-height: 22px;
  color: #606060;
  width: 150px;
  height: 22px;
  border-bottom: 1px solid #cecece;
}

a.menu {
  line-height: 22px;
  color: #606060;
  padding-left: 15px;
  width: 136px;
  height: 22px;
  display: block;
  background-image: url(../img/nav.png);
  background-repeat: no-repeat;
  text-decoration: none;
}

a.menuactive {
  color: #ffffff;
  line-height: 22px;
  padding-left: 15px;
  width: 135px;
  display: block;
  background-image: url(../img/nav_h.png);
  background-repeat: no-repeat;
  text-decoration: none;
}

a.menu:hover {
  color: #ffffff;
  line-height: 22px;
  padding-left: 15px;
  width: 135px;
  display: block;
  background-image: url(../img/subnav_h.png);
  background-repeat: no-repeat;
}

li.submenu {
  line-height: 22px;
  color: #606060;
  width: 150px;
  height: 22px;
  border-bottom: 1px solid #cecece;
}

a.submenu {
  line-height: 22px;
  color: #606060;
  padding-left: 20px;
  width: 131px;
  height: 22px;
  display: block;
  background-image: url(../img/subnav.png);
  background-repeat: no-repeat;
}

a.submenuactive {
  line-height: 22px;
  padding-left: 20px;
  width: 130px;
  height: 22px;
  display: block;
  color: #ffffff;
  background-image: url(../img/subnav_h.png);
  background-repeat: no-repeat;;
}

a.submenu:hover {
  color: #ffffff;
  background-image: url(../img/subnav_h.png);
  background-repeat: no-repeat;;
  text-decoration: none;
}

span.arrow {
  background: url(../img/subnav_arrow.gif) center left no-repeat;
  margin-left: 8px;
  float: left;
}
/* -------------- news -------------------*/
#news {
  float: right;
  width: 228px;
  margin-right: 5px;
}

#news_inhalt {
  float: left;
  width: 228px;
  padding-top: 5px;
  background-color: #ffffff;
}

#news_inhalt p {
  padding: 10px;
}
/* -------------- karriere -------------------*/
#career {
  float: right;
  width: 187px;
  margin-top: 30px;
}

#career_inhalt {
  float: right;
  width: 187px;
  background-color: #dbdbdb;
}

#career_inhalt p {
  padding: 5px;
}

#shortcuts {
  width: 190px;
  text-align: right;
}

div.topcontent {
  float: left;
  margin-left: 3px;
  width: 568px;
  height: 0px;
  color: #000000;
}

div.topcontent2 {
  float: left;
  margin-left: 3px;
  width: 568px;
  height: 60px;
  color: #000000;
  background-image: url(../img/featureleiste.gif);
  background-repeat: no-repeat
}
/* ------------------- topnavi ------------------*/
#topnavi {
  float: left;
  width: 706px;
  height: 55px;
}
/* -------------- topnavi - gr�n ---------------*/
#topmenu {
  float: left;
  margin: 0 0 0 0;
  width: 100%;
  background-repeat: repeat-x;
  height: 52px;
  display: block;
}

#topmenulist {
  list-style: none;
  margin: 0 0 0 0;
  display: block;
}

#topmenulist li {
  list-style: none;
  margin: 0 0 0 0;
  display: block;
  float: left;
}

li.trenner {
  float: left;
  width: 1px;
  padding: 0px;
  display: block;
  height: 52px;
}

a.topmenulistactive {
  background: none;
  color: #ffffff;
  line-height: 26px;
  padding-top: 26px;
  text-align: center;
  float: left;
  width: 100px;
  height: 52px;
  display: block;
  background-repeat: repeat-x;
  text-decoration: none;
}

a.topmenulist {
  display: block;
  line-height: 26px;
  padding-top: 26px;
  height: 52px;
  float: left;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  width: 100px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

a.topmenulist:hover {
  text-decoration: none;
  float: left;
  width: 100px;
  height: 52px;
  display: block;
  background-repeat: repeat-x;
}
/* ---------------------- topnavi ------------------*/
#featureset {
  float: right;
  margin-top: 0px;
  width: 221px;
  margin-left: 0px;
  background-color: #f8f8f8;
  height: 50px;
  border-top: 1px solid #E6E6E6;
  padding-top: 5px;
  margin-right: 6px;
}

.feature {
  float: left;
  margin: 0px 0px 0px 5px;
  width: 20px;
  height: 20px;
}

#featuresetcontrol {
  width: 220px;
  height: 20px;
}

#featuresetcontent {
  padding: 5px
}

.featurespan {
  height: 20px;
  width: 20px;
  cursor: pointer;
}

#featurecallback {
  background: url(../img/feature_call.gif) no-repeat top left;
}

#featuretypo {
  background: url(../img/feature_typo.gif) no-repeat top left;
}

#featuresend {
  background: url(../img/feature_pagesend.gif) no-repeat top left;
}

#featureprint {
  background: url(../img/feature_print.gif) no-repeat top left;
}

#featurecallback:hover {
  background: url(../img/feature_call_h.gif) no-repeat top left;
}

#featuretypo:hover {
  background: url(../img/feature_typo_h.gif) no-repeat top left;
}

#featuresend:hover {
  background: url(../img/feature_pagesend_h.gif) no-repeat top left;
}

#featureprint:hover {
  background: url(../img/feature_print_h.gif) no-repeat top left;
}

#featureform {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: 210px;
  height: 24px;
}

#featureform input {
  border: 1px solid #DBDBDB;
  height: 16px;
  width: 80px;
  padding-left: 2px;
  padding-top: 2px;
  line-height: 18px;
}

#btn_close {
  float: right;
  font-size: 9px;
  color: #dbdbdb;
}

#btn_close a {
  font-size: 9px;
  color: #a7a7a7;
}

#btn_close a:hover {
  font-size: 9px;
  color: #BC1220;
}

#content {
  float: left;
  margin-left: 20px;
  padding-right: 15px;
  width: 520px;
  height: auto;
  min-height: 700px;
}

#maincontent {
  float: left;
  width: 525px;
  margin-left: 34px;
  line-height: 17px;
}

#maincontent p {
  margin-bottom: 10px;
}

#maincontent div {
  float: left;
}

li {
  list-style-type: none;
  line-height: 17px;
}

#reference {
  width: 500px;
}

#reference td {
  padding-left: 5px;
}

tr.reference {
  line-height: 20px;
  background-color: #F6F6F6;
}

tr.referencealtrow {
  line-height: 20px;
  background-color: #DBDBDB;
}

td.reference {
  background-color: #F6F6F6;
  width: 5px;
}

td.referencealtrow {
  background-color: #DBDBDB;
  width: 5px;
}

.employee {
  width: 167px;
  float: left;
}

.employeem {
  margin: 0 9px;
}

.employeea:hover {
  color: #019388;
  text-decoration: underline;
}

.test {
  float: left;
}

.test2 {
  float: left;
}

.employeename {
  background-color: #019388;
  padding: 2px 5px;
  margin-top: 1px;
  color: #fff;
}

.employeeposition {
  background-color: #fff;
  border: 1px solid #ececec;
  border-top: none;
  padding: 2px 5px;
}

.employeedetails {
  background-color: #ececec;
}

.employeedetailssub {
  padding: 2px 5px;
}

.employeetd {
  padding: 0 0 0 10px;
}

.employeemenu {
  margin-top: -2px;
}

.employeedown {
  padding-left: 127px;
}

form div.input {
}

form div.required {
}

form div.submit {
}

input.submit {
  display: block;
  border: 0px;
}

#contactleft {
  float: left;
  width: 250px;
}

#contactright {
  float: left;
  width: 255px;
}

#contactsubmit {
  float: left;
  margin-top: 5px;
  margin-left: 400px;
}

.border {
  width: 525px;
  height: 1px;
  background-color: #A7A7A7;
  float: left;
  margin: 10px 0 10px 0;
}

label.broschure {
  display: block;
  font-size: 12px;
  padding-right: 20px;
  margin-bottom: 2px;
  font-size: 1em;
}

input.broschure {
  display: block;
  width: 240px;
  font-size: 12px;
  height: 17px;
  background-color: #dfdfdf;
  border: 0px;
  margin-bottom: 4px;
  margin-top: 0px;
  padding: 2px;
}

input.broschure:focus {
  background-color: #F6F6F6;
  border: 1px solid #666;
}

#broschureleft {
  float: left;
  width: 261px;
}

#broschureright {
  float: right;
  width: 225px;
  margin-left: 0px;
}

#broschuresubmit {
  margin-top: 5px;
  margin-left: 125px;
}

form div.bsubmit {
  width: 250px;
}

p.content {
  width: 525px;
}

.download {
  width: 520px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 90px;
  float: left;
}

.download_text {
  width: 385px;
}

.download_text p {
  margin-top: 5px;
  margin-left: 5px;
}

div.submit {
  float: left;
  width: 0px;
}

input.ajaxsubmit {
  float: left;
  display: block;
  width: 28px;
  height: 21px;
  border: none;
  cursor: pointer;
  background-image: url(../img/feature_btn.gif);
}

.hori_trenn_flr {
  margin-top: 5px;
  margin-right: 6px;
  margin-bottom: 5px;
  float: right;
  width: 221px;
  height: 1px;
  background-image: url(../img/linie_hori.gif);
  background-repeat: repeat-x;
}

.sb_left {
  float: right;
  width: 221px;
  margin-right: 6px;
}
/* ---------------------- products ------------------*/
#categorylist {
  float: left;
}

#productslist {
  float: left;
}

.product {
  border: 1px solid #019388;
  width: 160px;
  height: 140px;
  background-color: #019388;
  float: left;
  margin-bottom: 10px;
}

.productm {
  margin: 0 16px;
}

.productpicture {
  height: 120px;
  width: 160px;
  background-color: #F8F8F8;
  text-align: center;
}

.productpicture img {
  max-width: 160px;
  max-height: 120px;
}

.producttitle {
  width: 150px;
  height: 20px;
  padding: 2px 5px;
  height: 16px;
  text-align: right;
}

.producttitle a {
  color: #fff;
}

.producttitle a:hover {
  text-decoration: none;
}
.productcategory {
  border: 1px solid #019388;
  width: 160px;
  height: 140px;
  background-color: #019388;
  float: left;
  margin-bottom: 10px;
}

.productcategorym {
  margin: 0 16px;
}

.productcategorypicture {
  background-color: #F8F8F8;
  height: 120px;
  padding: 0;
  text-align: center;
  width: 160px;
}

.productcategorypicture img {
  max-height: 120px;
  max-width: 160px;
}

.productcategorytitle {
  width: 150px;
  height: 20px;
  padding: 2px 5px;
  height: 16px;
  text-align: right;
}

.productcategorytitle a {
  color: #fff;
}

.productcategorytitle a:hover {
  text-decoration: none;
}

#productimagecontainer {
  float: left;
}

#productimages {
  float: left;
  width: 100%;
}

#productpicture {
  border: 1px solid #eee;
  width: 397px;
  height: 302px;
  margin-right: 5px;
  text-align: center;
}

#productpicture img {
  max-height: 302px;
  max-width: 397px;
}

#productpictures {
    overflow: hidden;
    height:303px;
}

#productpictureslink {
}

#productdetails {
  float: left;
  width: 520px;
}

#productdetailsleft {
  width: 49%;
  float: left;
}

#productdetailsright {
  width: 49%;
  float: right;
}

#productdetailsleft ul {
  float: left;
}

#productdetailsright ul {
  float: left;
}

#productdetailsleft ul li {
  background: transparent url(../img/subnav_arrow_ie.gif) no-repeat scroll left top;
  padding-left: 20px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

#productdetailsright ul li {
  background: transparent url(../img/subnav_arrow_ie.gif) no-repeat scroll left top;
  padding-left: 20px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

#producttechdetails ul {
  float: left;
}

#producttechdetails ul li {
  background: transparent url(../img/subnav_arrow_ie.gif) no-repeat scroll left top;
  padding-left: 20px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

#productdescription {
  float: left;
  width: 520px;
}

#producttechdetails {
  float: left;
  width: 520px;
}

#producttechdetailstable {
  float: left;
  width: 100%;
}

#producttechdetailstable tr td {
  text-align: center;
}

#producttechdetailstable tr th {
  text-align: center;
}

.scroll {
  font-size: 8px;
  margin: 0px;
  width: 116px;
  float: left;
  height: 11px;
  line-height: 9px;
}

.scrollup {
  margin-bottom: 1px;
}

.scrolldown {
  margin-top: 1px;
}

img.productpictures {
  width: 114px;
  height: 87px;
  margin: 2px 0;
  border: 1px solid #eee;
}

#productcontainer {
  float: left;
}

div.query, a.query {
  font-size: 11px;
  margin-top: 4px;
  width: 97px;
  height: 23px;
  line-height: 23px;
  padding-right: 19px;
  background: url(../img/btn_produkt_anfragen.png);
  float: left;
  text-align: center;
  color: #fff;
  margin-top: 10px;
  margin-bottom:20px;
}
div.query:hover, a.query:hover {
  background: url(../img/btn_produkt_anfragen_h.png);
  text-decoration: none;
}

div.query-back, a.query-back {
  font-size: 11px;
  margin-top: 4px;
  width: 97px;
  height: 23px;
  line-height: 23px;
  padding-left: 19px;
  background: url(../img/btn_produkt_infos.png);
  float: right;
  text-align: center;
  color: #fff;
}
div.query-back:hover, a.query-back:hover {
  background: url(../img/btn_produkt_infos_h.png);
  text-decoration: none;
}

input.query {
  font-size: 11px;
  background: url(../img/btn_produkt_anfragen.png);
  border: none;
  width: 116px;
  padding-right: 19px;
  height: 23px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  line-height: 17px;
  float: right;
  padding-bottom: 3px;
}
input.query:hover {
  background: url(../img/btn_produkt_anfragen_h.png);
}

div.submit-query {
    margin-top: 20px;
    height: 23px;
    width: 520px;
}

#productpicturespace {
  background: #eee;
  height: 23px;
  width: 399px;
  float: left;
  margin-top: 3px;
}

.odd {
  background: #eee;
}

div.querydiv {
  float: left;
  width: 160px;
}

div.querylabel {
  float: left;
  width: 90px;
  line-height: 25px;
}

div.querylabellabel {
  margin: 4px 0 11px;
}

div.querysubmit {
  width: 520px;
  float: left;
}

div.queryspace {
  width: 15px;
  height: 100px;
  float: left;
}

form div.checkbox {
  padding: 5px;
}

form div.input input {
  margin: 0px 0px 0px 0px;
  float: left;
}

div.querybox {
  width: 500px;
}

h4.query {
  margin: 10px 0 10px 0;
}
/* ---------------------- breadcrumb ------------------*/
div.breadcrumb {
  margin: 5px 0 5px 0;
}

div.breadcrumb a {
  text-decoration: underline;
}

img.breadcrumb {
  margin: 0 5px 2px 5px;
}
/* ---------------------- spacer ------------------*/
.spacer {
  width: 520px;
  height: 0px;
  margin: 5px 0 10px 0;
  border-top: 1px dotted #a0a0a0;
  float: left;
  clear: both;
}

.spacere {
  width: 520px;
  height: 0px;
  margin: 10px 0 10px 0;
  border-top: 1px dotted #a0a0a0;
  float: left;
  clear: both;
}

hr {
  background: #000 none repeat scroll 0% 0%;
  border: medium none;
  clear: both;
  color: #000;
  float: none;
  height: 0.1em;
  margin: 0pt 0pt 1.45em;
  width: 100%;
}

hr.space {
  background: #fff none repeat scroll 0% 0%;
  color: #fff;
  float: left;
}

#footer {
  margin-left: -14px;
  width: 967px;
  height: 74px;
  float: left;
  background-image: url(../img/bg_linie.gif);
  background-position: left top;
  background-repeat: repeat-y;
}

#footerinside {
  background-image: url(../img/bg_content.gif);
  background-position: left top;
  background-repeat: repeat-y;
  float: left;
  margin-left: 14px;
  height: 74px;
  width: 942px;
}

#footerimg {
  width: 521px;
  height: 54px;
  margin-left: 171px;
  margin-top: 20px;
}

#footerlinks {
  margin-left: 171px;
  margin-bottom: 10px;
  width: 521px;
}

#footersidebar {
  float: right;
  height: 74px;
  width: 236px;
  margin-top: -1px;
}
/* ---------------------- form ------------------*/
label {
  font-weight: normal;
}

input.text, input.title, textarea, select {
  float: left;
  margin: 0px;
  background-color: #dfdfdf;
  border: 1px solid #dfdfdf;
}

input.text:focus, input.title:focus, textarea:focus, select:focus {
  background-color: #dfdfdf;
  border: 1px solid #666;
}

input.text, input.title {
  width: 145px;
  padding: 2px;
}

textarea {
  padding: 2px;
  width: 517px;
  height: 150px;
}

/* ---------------------- error ------------------*/
.error, .notice, .success {
}

.error {
  color: #8a1f11;
}

.notice {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324;
}

.success {
  background: #E6EFC2;
  color: #264409;
  border-color: #C6D880;
}

.error a {
  color: #8a1f11;
}

.notice a {
  color: #514721;
}

.success a {
  color: #264409;
}

.required {
}

/* ---------------------- ajax ------------------*/
input.callback {
  width: 85px;
  height: 14px;
  padding: 1px;
  margin-right: 7px;
  border: 1px solid #bbb;
  float: left;
}

input.ajaxbutton {
  float: left;
}
/* ---------------------- downloads ------------------*/
.attachment {
  width: 221px;
  height: 59px;
  background-image: url(../img/btn_pdf.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

.attachment:hover {
  background-image: url(../img/btn_pdf_h.gif);
}

.attachment p {
  padding: 10px;
  width: 140px;
}

.attachment p:hover {
  color: #019F94;
}
/* ---------------------contact ------------------*/
label.contact {
  display: block;
  font-size: 12px;
  padding-right: 20px;
  margin-bottom: 0px;
  font-size: 1em;
}

textarea.contact {
  display: block;
  width: 240px;
  height: 128px;
  font-size: 12px;
  background-color: #dfdfdf;
  border: 1px solid #dfdfdf;
  border: 0px;
  padding: 2px;
}

input.contact {
  display: block;
  width: 240px;
  font-size: 12px;
  height: 17px;
  background-color: #dfdfdf;
  border: 1px solid #dfdfdf;
  margin-bottom: 8px;
  padding: 2px;
}

input.contact:focus, textarea.contact:focus {
  border: 1px solid #666;
}
/* ---------------------- news ------------------*/
.news {
  width: 510px;
  margin-bottom: 20px;
  margin-top: 0px;
  float: left;
}

.newsleft {
  width: 110px;
  float: left;
}

.newsleft img {
  max-width: 100px;
  max-height: 100px;
}

.newsright {
  width: 400px;
  float: left;
}

.newsright p {
  margin-bottom: 10px;
}

h3.news {
  color: #019388;
  font-size: 12px;
  margin: 0px;
  width: 400px;
}

h6.news {
  color: #019388;
  font-size: 10px;
  margin-bottom: 10px;
  margin-top: 0px;
}

a.newsmore {
  background: url(../img/arrow_gelb.gif) no-repeat left center;
  padding-left: 10px;
  color: #019388;
}

a.newsmore:hover {
  color: #01756C;
  text-decoration: underline;
}

div.newsmore {
  margin-top: 20px;
}

div.category {
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 400px;
}

div.uknow_on {
  position: absolute;
  display: block;
  background: url(../img/youknow.gif) no-repeat left top;
  height: 288px;
  width: 210px;
  left: 585px;
  top: 620px;
  padding: 20px;
  vertical-align: top;
  cursor: pointer;
}

.newsright p a {
  color: #019388;
}

.newsright p a:hover {
  color: #019388;
  text-decoration: underline;
}

.newsimages {
  margin: 0 10px 10px 0;
}
/* ---------------------- sitemap ------------------*/
.sitemap ul li {
  padding-left: 10px;
}
/* ---------------------- jobs ------------------*/
.jobheader {
  background: url(../img/arrow_job.gif) no-repeat center left;
  padding-left: 13px;
  padding-bottom: 2px;
  color: #019388;
  font-weight: bold;
  font-size: 14px;
  margin: 5px 0px 20px 0px;
}
/* ---------------------- sitemap ------------------*/
#sitemap {
  float: left;
  width: 250px;
}

#productsitemap {
  float: left;
  width: 250px;
}

#productsitemap ul li {
  padding-left: 10px;
}

.sitemapproductcategory a {
  font-weight: bold;
}

.sitemapproduct a {
}

.sitemapproductcategory a:hover {
  color: #019388;
  text-decoration: underline;
}

.sitemapproduct a:hover {
  color: #019388;
  text-decoration: underline;
}
a.sitemap:hover {
  color: #019388;
  text-decoration: underline;
}
/* ---------------------- ligbtbox ------------------*/
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}

#lightboxImage {
  max-height: 600px;
  max-width: 800px;
}

#lightbox a img {
  border: none;
}

#outerImageContainer {
  max-height: 650px;
  max-width: 815px;
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#imageContainer {
  padding: 10px;
}

#loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

#hoverNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

#imageContainer >#hoverNav {
  left: 0;
}

#hoverNav a {
  outline: none;
}

#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
  display: block;
}

#prevLink {
  left: 0;
  float: left;
}

#nextLink {
  right: 0;
  float: right;
}

#prevLink:hover, #prevLink:visited:hover {
  background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
  background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
  max-width: 815px;
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
}

#imageData {
  padding: 0 10px;
  color: #666;
}

#imageData #imageDetails {
  width: 70%;
  float: left;
  text-align: left;
}

#imageData #caption {
  font-weight: bold;
}

#imageData #numberDisplay {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
  width: 145px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
}

#typoplus {
  float: left;
  width: 85px;
  text-align: right;
  background: url(../img/typo_plu.gif) left no-repeat;
  cursor: pointer;
}

#typoplus:hover {
  color: #019388;
  background: url(../img/typo_plu_h.gif) left no-repeat;
  cursor: pointer;
  text-decoration: underline;
}

#typominus {
  float: left;
  margin-left: 10px;
  width: 85px;
  text-align: right;
  background: url(../img/typo_min.gif) left no-repeat;
  cursor: pointer;
}

#typominus:hover {
  color: #019388;
  background: url(../img/typo_min_h.gif) left no-repeat;
  cursor: pointer;
  text-decoration: underline;
}

ul.sitemap > li > a {
  font-weight: bold;
}

div.uknowmax {
	position: relative;
	left: -212px;
	width: 442px;
	overflow: visible;
}

div.uknowmin {
	position: relative;
	left: 0px;
	width: 300px;
	height: 130px;
	text-align: right;
	overflow: hidden;
}

#flash {
	text-align: right;
}

.flag {
  margin: 4px;
}

span.navworkaround {
  line-height: 1em;
}

div.productworkaround {
  padding-left: 0px;
  padding-right: 0px;
  width: 160px;
}

input.form-error {
  border: 1px solid #be0000;
}

/* Social Media */
div.social-media {
    float: right;
    margin-right: 6px;
}

div.social-media a {
    height: 19px;
    width: 221px;
    display: block;
}

a.twitter {
    background: url(../img/btn_twitter.png) top left;
}
a.twitter:hover {
    background: url(../img/btn_twitter_h.png) top left;
}

a.facebook {
    background: url(../img/btn_facebook.png) top left;
}
a.facebook:hover {
    background: url(../img/btn_facebook_h.png) top left;
}

/* newsletter.css */
#newsletter {
    background: url(../img/bg_newsletter.png) top left no-repeat;
    height: 18px;
    margin-bottom: 5px;
    padding: 39px 2px 6px 7px;
    width: 144px;
}

#newsletter-email {
    border: 1px solid #eaeaea;
    height: 16px;
    margin-right: 4px;
    width: 115px;
}

#newsletter-email.form-error {
    border: 1px solid #c00;
}

#newsletter-submit {
}

#newsletter-p {
    color: #fff;
    padding-left: 4px;
}