*             { margin:0;padding:0; }
html          { height: 100%;}
body          { height: 100%;font-family:Arial,sans-serif; font-size:13px;background: #FFF;}
a:link, a:visited {color:#000;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover {color:#D22E77;text-decoration:none;}
a.text:link, a.text:active, a.text:visited {color:#333;text-decoration:underline;margin:0;}
a.text:hover {color:#D22E77;text-decoration:underline;margin:0;}
a img {border-width:0;}
h1 {color: #D22E77;font-size: 25px;margin: 0 0 15px;}
h2 {color: #D22E77;font-size: 18px;margin: 0 0 15px;}
h3, h3 a {color: #D22E77!important;font-size: 14px;margin: 0 0 15px;}
h3 a:hover {color: #333!important;}
.OpenerLink {text-align: right;margin: 15px 0;cursor: pointer;}

.clearingItem {clear:both;float:none;}
.ofRow {left:0;top:0;position:absolute;text-align:center;height:25px;background:transparent url('http://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;width:100%}
.Success {color:#1a1;margin-bottom:2px;font-size: 10px;}

/* ERRORPAGE */
#errorContainer {width:400px;margin:auto;margin-top:10px;border:1px solid rgb(207,217,227);background-color:#999;text-align:center;}
#errorContainer h1 {background:rgb(207,216,226);color:#142F5D;text-align:center;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;}
.error, .Error {color:#C41029;margin:15px;font-weight:bold;font-size:small;}
.errorText {color:#C41029;font-weight:bold;}

/* BODY-CONTAINERS */
#outerFrame             { background: transparent url('./../../images/benrathTopBg.png') repeat-x left 26px; height: 100%; }
#outerFooter            { background: transparent url('./../../images/benrathBottomBg.png') repeat-x left top; position: relative;z-index: -10;height: 209px;margin: -210px 0 0 0;}
#mainContainer          { min-height:100%;width:950px; margin:0 auto;padding: 0 25px;background: transparent url('./../../images/mainBg.png') repeat-y;}
#mainBodySpacer         { height: 46px;}

#topFrame {background: transparent url('./../../images/topBg.png') no-repeat 0 25px;padding: 24px 0 0 0;width: 950px;}
#topLeft {background: #FFF;float: left; width: 184px;text-align: left;padding: 15px 0;margin: 0 0 0 30px}
#topRight {border-bottom: 5px solid #F0F0F0;float: left;}
#imageFrame {width: 900px;height: 199px;margin: 0 0 0 26px; background: transparent url('./../../images/headerPicture.png') no-repeat;}
#imageFrame #headLineContainer {height: 30px;line-height: 30px;padding: 155px 0 0 0;font-size: 25px; color: #474745;text-align: right;background: transparent url('./../../images/textTopBg.png') repeat-x left 155px;}
#imageFrame #headLineContainer span {padding: 0 20px 0 20px;background: transparent url('./../../images/textDot.png') no-repeat left center;}
#imageFrame #headLineContainer span a {color: #474745;}
#imageFrame #headLineContainer span a:hover {color: #333;}

#root {float: left; list-style: none;margin: 90px 0 0 0;padding: 0 0 5px 0;width: 710px;text-align: right;}
#root .rightColNavi {display: none;}
#root li {float: right;line-height: 33px;padding: 0 20px;background: transparent url('./../../images/navDot.png') no-repeat right top;}
#root li a {font-weight: bold; display: block;}
#root li ul {display: none;list-style: none;position: absolute;z-index:300;float: none;clear: both;width: 200px;}
#root li ul li {text-align: left;line-height: 20px;float: none;clear: both;padding: 5px!important;border:1px solid #B3B3B3;border-width: 1px 1px 0 1px;background: #FFF; background-image: none;}
#root li ul li.last {border-bottom: 1px solid #B3B3B3;}
#root li ul li.last,#root li ul li.first {padding: 0;}
#root li ul li a {display: inline-block;}
#root li ul li ul {margin: -26px 0 0 193px;}
#root li ul li ul li ul {margin: -21px 0 0 143px;}

#content ul {margin: 0 0 0 25px;}
#content {width: 900px;padding: 20px 26px;margin: 0;position: relative;z-index: 200;}
#contentFrame {padding: 0 30px 10px; width: 600px;float: left; }
#contentFrameBottom {border-top: 1px solid #CCC;margin: 10px 30px 0 ;padding: 10px 0 0 0;}
#contentFrameBottom #bottomLeft {float: left;border-right: 1px solid #CCC;width: 350px/*300px*/;}
#contentFrameBottom #bottomLeft table td,#contentFrameBottom #bottomRight p {line-height: 22px;padding: 2px 10px 2px 0;}
#contentFrameBottom #bottomRight {float: left; width: 274px;padding: 0 0 0 25px;}
#contentFrameBottom #bottomOF {float: left; width: 160px/*215px*/;padding: 0 0 0 25px;text-align: right;}
#contentRight {width: 210px;float: left;text-align: justify;}
#contentBottom {width: 936px;height: 29px;margin: 0 0 0 20px;}

#footerFrame {position: relative;z-index:100;width: 950px;height: 209px;display: block;text-align:center;margin:-209px auto 0;padding:0;background: transparent url('./../../images/footerBg.png') no-repeat;}
/*#footer      {width: 1000px;height:254px;text-align:center;margin:-51px auto 0;padding: 10px 0 0 0;}*/

.startPageNewsContainer {line-height: 14px; border-bottom: 1px solid #CCC;padding: 0 0 10px;margin: 0 0 10px 0;}
.startPageNewsContainer span {display: block; padding: 2px 16px 5px 0;font-weight: bold;}
.startPageNewsContainer a {display: block;}
.startPageNewsContainer .stripline {display: block;height: 2px;line-height: 2px}

.NewsletterIntro {padding: 5px 0;}
button#btnNewsletter {float: left;border: none;width: 30px; height: 28px; background: none;margin: 10px 0 0 0;  }
input#inputNewsletter {float: left;font-size: 18px;letter-spacing: -2px;line-height: 24px!important;height: 24px; border: 1px solid #AFB29A;margin: 10px 0 0 0;width: 230px;padding: 4px 0 0 2px;}

.width_2 {float: left; width: 285px;margin: 0 15px 0 0;}

/* GALLERY */
div.subGalleryContainer {float:left;height:100px/*200px*/;margin:0 5px 60px/*10px*/;width:140px/*280px*/;}
div.subGalleryContainer a {text-decoration:none;}
div.subGalleryContainer div.left {width:140px/*280px*/;}
div.subGalleryContainer div.left div.img {overflow:hidden;width:140px/*280px*/;height:100px/*200px*/;border:1px solid #ccc;}
div.subGalleryContainer div.right {text-align:center;width:140px/*280px*/;}
div.subGalleryContainer p.title {font-weight:bold;font-size:13px;}
div.subGalleryContainer div.desc {font-weight:normal;font-size:12px;line-height:13px;}

div.galleryImgContainer {float:left;margin:0 5px 10px/*10px*/;height:100px/*160px*/;width:140px/*180px*/;}
/*div.galleryImgContainer.break {margin:10px!important;}*/
div.galleryImgContainer div.img {overflow: hidden;width:140px/*180px*/;height:100px/*160px*/;border:1px solid #ccc;}

/* FORMS */
div.formRow {height:20px;}
div.formRow label {float:left;width:120px;}
button {background:#FFF;border:1px solid #CCC;color:#000;cursor:pointer;}
button:hover {color:#CCC;}
div.buttonRow input, div.buttonRow button {background:#FFF;cursor:pointer;width:150px;}
div.buttonRow input:hover {color:#CCC;}
input, textarea {border:1px solid #CCC; width: 200px;}
#cmsContactForm #textArea {width:320px;!important}
#cmsContactForm{width: 400px;}


/** RESOURCES **/
#ResCatNavigation {float: left; list-style: none;margin: 0!important;}
#ResCatNavigation li {float: left;background: none;line-height: 20px;height: 20px;padding: 0 15px 0 15px;border-right: 1px solid #CCC;}
#ResCatNavigation li.hasChilds {background: transparent url('./../../images/arrowDown.png') no-repeat right center; padding: 0 25px 0 15px;}
#ResCatNavigation li.first {padding: 0 20px 0 0;}
#ResCatNavigation li.hasChilds ul {display: none; list-style: none;margin: 0 0 0 0;background: #FFF;border: 1px solid #CCC;}
#ResCatNavigation li.hasChilds:hover ul {position:absolute; display: block;width: 150px;}
#ResCatNavigation li.hasChilds ul li {width: 142px;border: 1px solid #B3B3B3;border-width: 0 0 1px 0;padding: 4px;}
#ResCatNavigation li.hasChilds ul li a {width: 142px;}

.resCatDesc {margin: 20px 0 0 0;padding: 20px 0 0 0;border-top: 1px solid #CCC;}

.productContainersOnly {padding: 20px 0 0 0;margin: 20px 0 0 0;border-top:1px solid #CCC;}
.seeMore {text-align: right; margin: 20px 0 0 0 ;}
.ResCatResourceBox {border: 1px solid #CCC; padding: 10px;margin: 0 0 10px}
.prodLogo,.ResImages {float: right;}
.ResImages  {width: 120px; height: 80px;overflow: hidden;}
.ResImages a {float: right;width: 120px; height: 80px;overflow: hidden;}
.ResImages img {float: right;}

#imageContainer .prodLogo {float: left; width: 80px; height: 80px;overflow: hidden;margin: 0 10px 10px 0;}
#addressBox {margin: 0 0 25px 0;}
#addressBox .address {margin: 0 0 10px 0;}
#productMainBox {margin: 0 0 25px 0;}

th {text-align: left;}
hr {border: 1px solid #CCC;}

#facebook {
  margin: 15px 30px 0 0; padding: 1px 0 0 0;float:right;
}