* {
  margin:                 0;
  padding:                0;
}
a:link, a:active, a:visited {
  color:                 #FFF;
  font-weight:           bold;
  text-decoration:       none;
}
a:hover {
  color:                 #B2A8A7;
  font-weight:           bold;
  text-decoration:       none;
}

a:hover img {border-color:#fff;}
body {
  background:  #C5C6CA url('./../../images/BodyBg.png') repeat-x top left;
  color:       #FFF;
}
#mainNavigation li a:link, #mainNavigation li a:active, #mainNavigation li a:visited {
  color:                 #333;
}
#mainNavigation li a:hover {
  color:                 #4C6EC8;
}
a.text:link, a.text:active, a.text:visited {
  color:                 #333;
  text-decoration:       underline;
  margin:                 0;
}
a.text:hover {
  color:                 #4C6EC8;
  text-decoration:       underline;
  margin:                 0;
}
.ofRow {
  text-align:            center;
  height:                25px;
  background:            transparent url('http://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;
}
.clearingItem {
  clear:                 both;
  float:                 none;
}
.buttonRow {
  margin:                10px 0;
}
.buttonRow button {
  width:                 200px;
  background:            #FFF;
  color:                 #000;
  border:                1px solid #000;
}

.startPageNewsContainer p.titleLine { font-weight: bold;padding-bottom: 10px; margin-top: 3px; }
.startPageNewsContainer img.newsPic { margin-bottom: 10px; }
.opener { cursor: pointer; }
/**************************************/
/************DESIGNLAYOUT**************/
/**************************************/
#contentFrame {
  background:          #56BDF7 url('./../../images/ContentFrameBg.png') no-repeat bottom;
  width:               880px;
  padding:             10px;
  text-align:       left;
  min-height:          510px;
}
#contentRight {
  width:               200px;
  float:               left;
  margin:              20px 0 0 0;
}
#contentLeft {
  width:               550px;
  margin:              20px 60px 0 50px;
  float:               left;
}

#contentLeft ul { margin-left:20px;}

#frameContainer {
  width:                962px;
  margin:               0 auto;
  padding:              0 0 0 62px;
  background:           transparent url('./../../images/ShadowBg.png') repeat-y;
}
#topFrame {
  background:           transparent url('./../../images/HeaderBg.png') no-repeat;
  width:                900px;
  height:               223px;
}
#topFrame img {
  margin:               10px 0 0 0;
}
#mainNavigation {
  list-style:           none;
  float:                left;
  background:           transparent url('./../../images/NaviBg.png') no-repeat;
  width:                900px;
  height:               47px;
  padding-left: 20px;
}
#mainNavigation li {
  float:                left;
  height:               32px;
  margin-top:           15px;
  width:                110px;
  text-align:           center;
  background:           transparent url('./../../images/NaviLine2.png') no-repeat left -7px ;
}

#mainNavigation li.first {
  background:           none;
}
#mainNavigation ul {display:none;}

#mainNavigation li:hover ul {display:block;}
#mainNavigation ul {background:#E2E2E2;position:absolute;margin-top:12px;margin-left:-45px;}
#mainNavigation ul li {margin:auto;float:none;font-size:12px;line-height:20px;height:22px;border-bottom:1px solid #F8F8F8;width:190px;}
#mainNavigation ul li a:hover {color:#4c6ec8!important;}


#mainNavigation ul li ul {display:none!important;}

.productGroupTree {
  list-style:           none;
  border-bottom:        1px solid #FFF;
}
.productGroupTree li {
  line-height:          15px;
  margin-bottom:        0;
  font-size:            15px;
}
.productGroupTree li ul, .productGroupTree li ul li ul {
  list-style:           none;
  margin:               0 0 0 10px;
}
.productGroupTree li.active a{
  color:                #FFF;
}
.productGroupTree li a:hover{
  color:                #13203C!important;
}
.ProductGroupChilds li a {
  color:                #FFF!important;
}
.ProductGroupChilds li a:hover {
  color:                #13203C!important;
}
.ProductGroupChilds li.active a {
  color:                #13203C!important;
}
.ProductGroupChilds li.active ul li a {
  color:                #FFF!important;
}
.ProductGroupChilds li.active ul li.active a {
  color:                #13203C!important;
}
.ProductGroupChilds li, .ProductGroupChilds li ul li {
  margin:               5px 0 0 0;
  border:               none;
}

#subNavigation, #subNavigation ul {
  list-style:          none;
}
.width_2 {
  width:               45%;
  float:               left;
  margin:              0 20px 0 0;
}
.width_2 {
  width:               30%;
  float:               left;
  margin:              0 20px 0 0;
}


/********************************/
/***********PRODUKTE*************/
/********************************/
.containerProduct { float: left;  margin: 20px 0 20px 0; padding: 5px 10px 5px 10px; height:100px;border:1px solid #fff; border-width:0 1px 1px 1px;overflow:hidden;width:253px;background:transparent url('./../../images/bg_blue.png') repeat-x bottom;}
.containerProduct.sec { border-width:0 1px 1px 0;}
.productInfo { float:left; width: 100px; }

.productImg { float: left; margin: 0 10px 5px 0; width: 100px; height:75px; border:1px solid #000;overflow:hidden;background:#fff;text-align:center;}
.productImg a { display: block; }
.containerTitle { font-size:13px; }
.containerProduct .rightContainer { float:right; height: 77px; width:140px; text-align:right; font-weight: 14px; overflow: hidden;}
.containerProduct a.more {float:right;background:transparent url('./../../images/more_arrow.png') no-repeat left;padding-left:22px;line-height:18px;height:20px;margin-top:3px;}
.containerProduct a.more img {border:none;}

#versionInfoContainer div.inner {border:1px solid #fff; border-width: 0 1px 1px 1px;padding: 0 10px 5px 10px;background:transparent url('./../../images/bg_blue.png') repeat-x bottom;}
#versionInfoContainer div.productImageBox {width:100px;height:75px;overflow:hidden;background:#fff;}


.catChildren { margin: 20px 0; }
.catChildren a:link, .catChildren a:active , .catChildren a:visited {
  font-size:            14px;
  color:                #FFF;
}
.catChildren a:hover {
  font-size:            14px;
  color:                #EEF;
}
.productImageBox {
  float:                left;
  width:                120px;
  margin:               0 10px 10px 0;
}
.productDesc {
  margin:               0 0 20px 0;
}
h3.errorHeadline {
  margin:               20px 0;
}
/********************************/
/********KONTAKTFORMULAR*********/
/********************************/
#cmsContactForm {
   padding-top:           15px;
}
#cmsContactForm .Introduction {
  margin:                20px 0;
}
#cmsContactForm .formRow{
  width:                 50%;
  float:                 left;
}
#cmsContactForm input, #cmsContactForm button {
   width:                220px;
   height:               15px;
   margin:               5px 0 10px 0;
   border:               1px solid #333;
   display:              block;
   font-size:            12px;
}
#cmsContactForm textarea {
  border:                1px solid #333;
  margin-bottom:         25px;
  width:                 470px;
}
#cmsContactForm .buttonRow input,#cmsContactForm .buttonRow button {
    float:               left;
    width:               150px;
    height:              17px;
    margin-right:        15px;
    border:              1px solid #333;
}

/*************************************/
/**********NEWSCONTAINER**************/
/*************************************/
.newsContainer {
  margin-bottom:         15px;
}
.newsContainer h2 {
  background:            transparent!important;
  padding-left:          0!important;
}
.newsContainer .newsThumbnail {
  float:                 left;
  margin:                0 20px 20px 0;
}
.newsContent {
  margin:                 10px 0 0 0;
}
.newsContentText {
  margin:                10px 0 0 0;
  line-height:           15px;
}

/*************************************/
/**********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;
}
/*************************************/
/*************LOGINPAGE***************/
/*************************************/
#loginForm .formRow {
  margin-bottom:       5px;
}
#loginForm label {
  float:               left;
  width:               150px;
}
#loginForm label input {
  float:               right;
}

/*FOOTER*/
#footer {
  border-top: 1px solid #fff;
  padding-top: 5px;
  margin-top: 20px;
  float: left;
  width: 570px;
}
#contentLeft {
  min-height: 400px;
}
.businessHours { float: left; text-align: left; font-size: 11px; font-weight: bold; }
.businessHours th { font-size: 13px; font-weight: bold;}
.businessHours { width: 33%; }
.stripline { float: left; height: 90px; width: 1px; background: #fff; margin-right: 15px; }
.tWitdh_1 {
  width: 260px;
}
.tWitdh_2 {
  padding-top: 5px;
  margin: 10px 0;
  border-top: 1px solid #fff;
  width: 100%;
}
.tWitdh_3 {
  width: 300px;
}