* {
  margin:                 0;
  padding:                0;
}
a:link, a:active, a:visited {
  color:                 #333;
  text-decoration:       none;
}
a:hover {
  color:                 #D40000;
  text-decoration:       none;
}
a.text:link, a.text:active, a.text:visited {
  color:                 #333;
  text-decoration:       underline;
  margin:                 0;
}
a.text:hover {
  color:                 #D40000;
  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;
}
.headLine {
  background:            transparent url('./../../images/underline.png') no-repeat bottom center;
  text-align:            center;
  width:                 157px;
  padding:               0 0 5px;
  margin:                0 0 10px 0;
  color:                 #333;
}
/**************************************/
/************DESIGNLAYOUT**************/
/**************************************/
.contentContainer {
  width:                 720px;
  text-align:            justify;
}
#contentLeft, #contentRight {
  float:                 left;
}
#contentLeft {
  position:              relative;
  z-index:               30;
  width:                 200px;
  margin:                30px 0 0 0;
}
#contentRight {
  left:                  -80px;
  position:              relative;
  /*z-index:               20;*/
  width:                 704px;
}
.contentTop {
  background:            transparent url('./../../images/contentTop.gif');
  width:                 828px;
  height:                10px;
  float:                 left;
}
.contentFrame {
  background:            transparent url('./../../images/contentMiddle.gif') repeat-y;
  width:                 773px;
  padding:               0 0 25px 75px;
  float:                 left;
}
.contentBottom {
  background:            transparent url('./../../images/contentBottom.gif');
  width:                 828px;
  height:                10px;
  float:                 left;
}
#frameContainer {
  background:            transparent url('./../../images/shadowBg.png') repeat-y center top;
  width:                 1064px;
  padding:               0 0 0 39px;
  margin:                0 auto;
}
#mainContentFrame {
  position:              relative;
  top:                   -5px;
  width:                 946px;
  margin:                0 auto;
  /*z-index:               20;*/
}
#mainFrame {
  width:                 1024px;
  background:            transparent url('./../../images/mainFrameBg.png') no-repeat center top;
}
#mainNavigation {
  list-style:            none;
  padding:               5px 0;
}
#mainNavigation li {
  line-height:           30px;
}
#mainNavigation ul {
  margin:                0 0 0 9px;
  list-style:            none;
}
#mainNavigation ul ul {
  margin:                0 0 0 9px;
  list-style:            none;
}
#mainNavigation li.active a, #mainNavigation li.active ul li.active ul li.active a  {
  color:                 #D40000;
}
#mainNavigation li.active ul li a{
  color:                 #333!important;
}
#mainNavigation li.active ul li.active a {
  color:                 #D40000!important;
}
#mainNavigation li.active ul li.active ul li a {
  color:                 #333!important;
}
#mainNavigation li.active ul li.active ul li.active a {
  color:                 #D40000!important;
}
.smallBoxTop {
  width:                 196px;
  height:                5px;
  background:            transparent url('./../../images/smallBoxTop.gif') no-repeat;
}
.smallBoxMiddle {
  background:            transparent url('./../../images/smallBoxMiddle.gif') repeat-y;
  width:                 171px;
  padding:               0 10px 0 15px;
}
.smallBoxBottom {
  width:                 196px;
  height:                10px;
  background:            transparent url('./../../images/smallBoxBottom.gif') no-repeat;
}
#topFrame {
  width:                 946px;
  margin:                0 auto;
  position:              relative;
  z-index:               10;
}
#topFrame img.logo {
  float:                 left;
}
#topFrame img.header {
  margin:                0 0 20px;
}
#topNavigation {
  float:                 left;
  list-style:            none;
  margin:                15px 0 0 75px;
}
#topNavigation li {
  float:                 left;
  background:            transparent url('./../../images/pipe.png') no-repeat center right;
  padding:               0 2px 0 5px;
  line-height:           21px;
}
.fullRow {
  margin:                0 0 15px 0;
}
.width_2.leftColumn .contentContainer {
  width:                 500px;
}
.width_2.rightColumn .contentContainer {
  width:                 230px;
}
.width_2.rightColumn {
  width:                 230px;
  float:                 left;
  margin:                0 10px 0 0;
}
.width_2.leftColumn {
  float:                 left;
  margin:                0 20px 0 0;
}
.width_3 {
  float:                 left;
  margin:                0 20px 15px 0;
}
.width_3 .contentContainer {
  width:                 230px;
}
#newsletter input {
  background: none repeat scroll 0 0 #FAFAFA;
  border: 1px solid #D3D3D3;
  margin-top:1px;
}
#newsletter input:hover {
  border:1px solid #D40000;
}
#newsletter .buttonRow button {
  cursor:pointer!important;
}
#newsletter .buttonRow button:hover {
  color:#D40000;
  border:1px solid #D40000;
}

/********************************/
/********KONTAKTFORMULAR*********/
/********************************/
#cmsContactForm {
   padding-top:           15px;
}
#cmsContactForm .Introduction {
  margin:                20px 0;
}
#cmsContactForm .formRow{
  width:                 50%;
  float:                 left;
}
#cmsContactForm input, #cmsContactForm button {
   width:                250px;
   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:                 500px;
}
#cmsContactForm .buttonRow input,#cmsContactForm .buttonRow button {
    float:               left;
    width:               150px;
    height:              17px;
    margin-right:        15px;
    border:              1px solid #333;
}

/*************************************/
/**********NEWSCONTAINER**************/
/*************************************/
.newsContainer {
  margin:                20px 0 0 0;
  margin-bottom:         15px;
  border:                1px solid #B3B3B3;
  background:            #FFF9FE;
  padding:               20px;
  width:                 690px;
}
.newsContainer h2 {
  background:            transparent!important;
  padding-left:          0!important;
}
.newsContainer .newsThumbnail {
  float:                 right;
  margin:                0 20px 20px 0;
}
.newsContent {
  margin:                 15px 0 0 0;
}
.newsContentText {
  margin:                15px 0 0 0;
  line-height:           15px;
}
.startPageNewsContainer { padding:                0 10px 10px 0;}
.stripline {
  background:            transparent url('./../../images/underline.png') no-repeat bottom center;
  width:                 157px;
  padding:               0 0 5px;

  color:                 #333; }
  .OpenerLink {
    margin: 10px 0;
    text-align: right;
    cursor: pointer;
  }
/*************************************/
/**********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;
    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;
}
#loginSpacer {float:right;margin-bottom:20px;}
#cookBookLogin {float: right;margin: 0 23px 0 0;}
#cookBookLogin span {font-weight: bold;}
#cookBookLogin input {border: 1px solid #CCC; width: 100px;padding:1px;}
#cookBookLogin #cookBookBtn {width: 20px;border: none;position:absolute;}
#cookBookLogin .registerLink {margin: 0 0 0 30px;color: #D40000;text-decoration: underline; }
#cookBookLogin .registerLink:hover {color: #333; }
/**************************************/
/************  BMIPAGE   **************/
/**************************************/
.opener {
cursor: pointer;}
.ErrorBox {
  width:               300px;
  padding:             20px;
  border:              1px solid red;
  margin:              0 auto;
}
.bmiOutputForm {
  width:                 350px;
}
.bmiOutputForm label {
  float:                 left;
  width:                 120px;
}
.bmiOutputForm input {
  float:                 left;
  width:                 50px;
  margin:                0 5px 0 0;
}
.bmiOutputForm span {
  float:                 left;
  display:               block;
  width:                 40px;
}
#bmiForm {
  width:                 171px;
  color:                 #333;
}
#bmiForm .formRow, .bmiOutputForm .formRow {
  margin:                 0 0 10px 0;
}
#bmiForm label {
  width:                 80px;
  float:                 left;
}
#bmiForm input {
  width:                 40px;
  float:                 left;
  border:                1px solid #BBB;
  background:            #EEE;
}
#bmiForm span {
  float:                 left;
  display:               block;
  margin:                0 0 0 5px;
  width:                 35px;
}
#bmiForm span.radio {
  float:                 left;
  display:               block;
  margin:                0 0 0 5px;
  width:                 35px;
  text-align:            center;
}
#bmiForm span.radio input {
  border:                none;
  background:            #FFF;
}
#bmiForm .buttonRow {
  margin:                0;
  padding:               10px 0;
}
#bmiForm .buttonRow input {
  width:                 150px;
  background:            #EEE;
  color:                 #000;
  border:                1px solid #000;
  margin-bottom:10px;
}
.bmiValues p,.bmiValues .bmiValue {
  width:                 120px;
  font-size:             18px;
  font-weight:           bold;
  float:                 left;
}
.bmiValues .bmiValue {
  width:                 120px;
  font-size:             18px;
  font-weight:           bold;
  float:                 left;
}
.bmiText {
  margin:                 25px 0;
  width:                  500px;
  text-align:             justify;
}
.bmiTable {
  width:                  500px;
}
.bmiTable td {
  width:                   121px;
  border:                  1px solid #AAA;
  padding:                 5px 2px
}
#fbLink {float: left;}
#fbLink img {border:0 none;margin-top:15px;margin-left:10px;}

#sitemap {
  margin:     0 0 30px 0;
}
.contentFrame .sitemap{
  margin:     0 0 0 20px
}
.contentFrame .sitemap li a, .contentFrame .sitemap li {
  font-weight: bold;
  font-size:   14px;
  line-height: 16px;
  color:       #333;
}
.contentFrame .sitemap ul li a,.contentFrame .sitemap ul ul li a,.contentFrame .sitemap ul ul ul li a {
  font-weight: normal;
  font-size:   12px;
}
.contentFrame .sitemap ul {
  margin:     0 0 0 20px;
}
.contentFrame .sitemap ul ul {
  margin:     0 0 0 20px;
}
.contentFrame .sitemap ul ul ul {
  margin:     0 0 0 20px;
}


/****************************************/
/*************  RESOURCES   *************/
/****************************************/

#resMenu {list-style-type:none;display:block;border-bottom:1px solid #999;margin-right:50px;padding-bottom:3px;margin-bottom:10px;}
#resMenu li {display:inline;background:transparent url('./../../images/pipe.png') no-repeat center right;padding:0 5px 0 5px;line-height:21px;}
#resMenu li.last {background:transparent;}
#resMenu li a {font-weight:bold;color:#D40000;}
#resMenu li a:hover {color:#000;}
#resMenu li.active a {color:#000;}
#resMenu li ul {display:none;}
#resourceHeadline {margin-bottom:10px!important;}
.resourceBox {border-bottom:1px solid #999;padding-bottom:20px;margin-bottom:20px;margin-right:50px;}
.resourceBox .left {float:left;width:125px;}
.resourceBox.cat .right {float:left;width:550px;}
.resourceBox a img {border:2px solid #ccc;}
.resourceBox a:hover img {border:2px solid #D40000;}
.resourceBox .right a:hover h2 {color:#D40000;}
.resLink {float:right;color:#808080!important;}
.resLink:hover {color:#D40000!important;}
.resourceBox .title {margin:20px 0;}

.resourceBox.detail .left {width:270px;}
.resourceBox.detail .right {float:left;width:450px;}
.resourceBox.detail .valueTitle {font-weight:bold;}

#scrollOuter {width:210px;overflow:hidden;height:110px;margin-top:20px;float:left;position:relative; z-index:80;}
#scrollInner {white-space:nowrap;position:relative; z-index:70;}
#scrollInner img {margin:3px;}
.scrollArrow {float:left;cursor:pointer;margin:105px 5px 0 5px;}
#resUnderlay {background:#EEF0ED;height:40px;margin-top:95px;margin-right:10px;}

#receiptOfDay {background:red;margin:20px 50px 0 0;border:1px solid #ccc;background:#F6F6F6;padding:5px;width:480px;}
#receiptOfDayTitle {border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:10px;}
#receiptOfDay .title {color:#D40000;font-weight:bold;font-size:14px;}
#receiptOfDay .link {font-weight:bold;font-size:10px;text-decoration:underline;float:right;}
#receiptOfDay a img {float:left;}
#receiptOfDay a img {margin:0 10px 10px 0;border:2px solid #ccc;}
#receiptOfDay a:hover img {border:2px solid #D40000;}

#registerForm fieldset {border:0 none;}
#registerForm legend {font-weight:bold;margin-bottom:10px;}
#registerForm .formRow {margin:2px;}
#registerForm label {float:left;width:200px;}
#registerForm input,#registerForm select {border:1px solid #333333;background:#fff;}

#profileBox {float:right;}
#profileBox span,#profileBox b {margin-right:10px;}
#profileBox span,#profileBox span a {color:#666;}
#profileBox span a:hover {color:#D40000;}
#profileBox a.logout {color:#D40000;text-decoration:underline;margin-left:10px;}
#cookbookError {margin-right:50px;}

/* Search */
#search {float:right;margin-top:20px;}
#search h1 {font-size:15px!important;margin:0 0 5px 0!important;}

#search input.text {color:#000;font-size:11px;padding:3px;border:1px solid #ccc;width:260px;}
#search input.button {border:0 none;width:35px;height:27px;background:transparent url('./../../images/lupe.png') no-repeat 0 0;margin:-4px 0 0 -26px;position:absolute;cursor:pointer;}

#searchcompleter {position:relative;z-index:999;}
#searchcompleter ul {list-style-type:none;background:#fff;border-width:0 1px;border-style:solid;border-color:#ccc;}
#searchcompleter ul li {border-bottom:1px solid #ccc;}
#searchcompleter ul li a, #searchcompleter ul li span {display:block;padding:5px;}