* {	margin: 0; padding: 0; }
a {	color: #fff; text-decoration: none; }
a:hover { color: #727272; }
.ofRow { text-align: center; height: 25px; background: transparent url('http://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top; }
p { list-style: none; line-height: 18px; text-decoration: none; }
body { background:  #232324; color: #FFF;	line-height: 18px; font-size: 12px; font-family: Lucida Grande, Arial; }
.clearingItem {
	clear: both;
	float: none;
}
.dark {color: #000;}
#contentFrame {
  width:     670px;
  margin:    20px 0 0 50px;
  float:     left;
}

#frameContainer {
	width:      1024px;
	margin:     auto;
	background: transparent url('./../../images/shadowBg.png') repeat-y;
}
#mainFrame {
  width:            994px;
  margin:           0 0 0 15px;
}

#topFrame {
	width:              994px;
	height:			        307px;
	margin:             0 0 0 15px;
	background-color:   #232324;
}
#header {
  background:     transparent url("./../../images/header.png") no-repeat top;
	float:           left;
	width:           994px;
	height:          191px;
	margin:          15px 0 0 0;
	text-align:      center;
}
#header a {
  display: block;
}
#header img {
  margin:    11px 0 0 0;
  width:     389px;
  height:    169px;
}
#Navigation {
  text-align:      center;
  margin:          5px auto;
}
#mainNavigation {
  font-size:         12px;
  font-family:       Lucida Grande, Arial;
	list-style:      none;
	color:           #CCCCCC;
	line-height:     20px;
	float:           left;
}
#mainNavigation ul {
  display:         none;
}
#mainNavigation li {
    background:  url('../../images/dot.png') no-repeat left ;
	letter-spacing: 1px;
	list-style:     none;
	float:          left;
	padding:  0 25px;
	color: #767C71;
}
#mainNavigation li.active a {
    color: #727272;
}
#mainNavigation li a:hover {
	color:        #767C71;
}
#mainNavigation li a {
   color:    #DDD;
}
#mainNavigation li.first {
   float:left;
   background:  none ;
}
#rightFrame {
float:         right;
width:         200px;
margin:        40px 40px 20px 0;
}
#subNavigation {
  font-size:         12px;
  font-family:       Lucida Grande, Arial;
	list-style:      none;
	color:           #CCCCCC;
	line-height:     20px;
	float:           left;
}
#subNavigation ul {
  display:         none;
}
#subNavigation li {
    background:  url('../../images/dot.png') no-repeat left ;
	letter-spacing: 1px;
	list-style:     none;
	float:          left;
	padding:  0 25px;
	color: #767C71;
}
#subNavigation li.active a {
    color: #727272;
}
#subNavigation li a:hover {
	color:        #767C71;
}
#subNavigation li a {
   color:    #DDD;
}
#subNavigation li.first {
   float:left;
   background:  none ;
}
#topNavigation {
   font-size:       12px;
   font-family:     Lucida Grande, Arial;
   list-style:      none;
   color:           #FFF;
   line-height:     10px;
   float:           right;
   margin:          30px 5px 0 0;

}
#topNavigation li {
    background:     url('../../images/dot.png') no-repeat right ;
	padding:        0 20px;
	letter-spacing: 1px;
	list-style:     none;
	float:          left;
	color:          #767C71;
}
#topNavigation li.last {
   float:          right;
   background:     none ;
}
#topNavigation li.active a {
   color: #727272;
}
#topNavigation li a:hover {
   color:        #767C71;
}
#topNavigation li a {
   color:    #DDD;
}
.newsFooterLine {
   margin:     5px auto 10px auto;
   /*background: transparent url('./../../images/newsFooterLine.png') no-repeat;*/
   border-top:  5px solid #767676;
}
.titleLine {
   font-weight: normal;
   margin: 10px 0 0 0;
}
.buttonRow {
	height:        20px;
	margin-bottom: 50px;
}

.buttonRow button {
	height: 18px;
	width: 100px;
	margin: 20px 0 0 0;
	display: block;
	float: left;
}
#textRow {
	float: left;
	width: 500px;
}
/* hide from ie on mac \*/
	#flashcontent {
		width: 480px;
		height: 680px;
}
.topNavi {
  text-align:      right;
  margin:          -15px 55px 0 0;
  font-size:       14px;
  font-family:     Lucida Grande;
  list-style:      none;
  line-height:     30px;
  color:           #333333;
}
.width_2 {
  float:      left;
  margin:     0 20px 0 0;
}
.width_2.leftColumn {
  width:      210px;
}
.width_2.middleColumn {
  width:      420px;
}
.width_2.rightColumn {
  width:      350px;
}
#errorContainer {
text-align:center;
margin: 15px 0 0 0;}
#footer {
  /*background: transparent url('./../../images/footerLine.png') no-repeat top left;*/
  background: #222223;
  color:      #fff;
  border-top: 11px solid #959595;
  width:      994px;
  height:     50px;
  margin:     35px 0 0 15px;
  padding:    20px 0 0 0;
}
#footer p {
  text-align:  justify;
  margin:      0 0 0 172px;
}
#footer p.spacing {
  letter-spacing: 3.55px;
}
#cmsContactForm {
 	padding-top:           15px;
}
#cmsContactForm .Introduction {
  margin:                20px 0 20px 10px;
}
#cmsContactForm .formRow{
  width:                 50%;
  float:                 left;
  color:#FFFFFF;
}
#cmsContactForm input, #cmsContactForm button {
   width:                250px;
   height:               15px;
   margin:               5px 0 10px 0;
   border:               2px solid #555;
   display:              block;
   font-size:            12px;
}
#cmsContactForm textarea {
  border:                2px solid #555;
  margin-bottom:         25px;
  width:                 585px;
}
#cmsContactForm .buttonRow input,#cmsContactForm .buttonRow button {
    float:               left;
    width:               102px;
    height:              20px;
    margin-right:        15px;

    /*border:              1px solid #CCC;*/
}
#cmsContactForm label {
    font-size:       12px;
    font-family:     Lucida Grande;
	list-style:      none;
	line-height:     18px;
	color:           #fff;
	text-decoration: none;
	text-align: left;
}.ofRow {
    text-align: center;
	height: 25px;
	background-image: url(http://www.online-forum.net/of_bann_img/menuklei2.gif);
	background-repeat: repeat-x;
	background-position: top;
}
h2.openTime {
  color:                 #212122;
  border-bottom:         1px solid #212122;
  text-align:            center;
  line-height:           30px;
  margin:                0 5px 10px 5px;
}
#openTime{
width: 200px;
border: 1px solid #D9D9D9;
margin-top: 20px;
}
#productsBar {
width: 200px;
border: 1px solid #D9D9D9;
margin-top: 20px;
}

.contentContainer img {
padding: 4px;
border: 1px solid #fff;}
#openTimeBigBorder{
background:#D9D9D9;
border: 4px solid #232324;
text-align: center;
padding: 0 0 5px 0;
}
#openTimeBigBorder p {
padding: 5px;
}
#productsBarBorder{
background:#D9D9D9;
border: 4px solid #232324;
text-align: center;
}
#productsBarBorder img a,#productsBarBorder img {
  border: none;
}
#productsBarBorder img {
  margin: 10px 0;
}
/*************************************/
/**********NEWSCONTAINER**************/
/*************************************/
h2.headerBox {
  color:                 #212122;
  border-bottom:         1px solid #212122;
  text-align:            center;
  line-height:           30px;
  margin:                0 5px 10px 5px;
}
#aktuelles{
width: 200px;
border: 1px solid #D9D9D9;
}
#aktuellesBigBorder{
background:#D9D9D9;
border: 4px solid #232324;
}
.newsContainer {
  margin-bottom:         15px;
  border-bottom:         1px solid #ACAAA9;
}
.newsContainer h2 {
	background:            transparent!important;
}
.newsContainer .newsThumbnail {
	float:                 left;
	margin:                0 15px 15px 0;
}
.newsContent {
  margin:      		       15px 0 0 0;
}
.newsContentText {
  margin:                15px 0 0 0;
  line-height:           15px;
}
.startPageNewsContainer {
  color:                 #000!important;
  width:                 180px;
  margin:                0 0 15px 5px;
}
.startPageNewsContainer p a {
    color: #000;
}
.startPageNewsContainer p a:hover {
    color: #555!important;
}

.startPageNewsContainer p {
  display:               block;
  line-height:           14px;
}
.startPageNewsContainer p.date {
  font-weight:           bold;
}
.startPageAdviceConatiner {
  width:                 188px;
  margin:                0 0 15px 0;
  padding:               5px;
  border:                1px solid #C5C6C8;
  background:            #FBFCFE;
}
.startPageAdviceConatiner img {
  border:                1px solid #C5C6C8;
  margin:                5px 0 0 30.5px
}
.startPageAdviceConatiner span {
  display:               block;
  line-height:           18px;
  text-align:            center;
  margin:                5px 0 0 0;
}
.opener {
  margin:                15px 0 0 0;
  text-align:            right;
  cursor:                pointer;
}
h1 {
  font-size: 18px;
  font-weight:bold;
  margin-bottom: 2px;
}
#contentFrame h1 {
  margin:        0 0 15px 0;
}
.hours {
color: #000000;
margin: 5px 0 0 5px;
}
/********************************/
/***********PRODUKTE*************/
/********************************/
.containerDesc {
  float:                 left;

}
.productImg {
  background: #232324;
  float:                 left;
  margin: 10px 20px 10px 0;
  padding: 5px;
  text-align: center;
  width:                 120px;
  min-height:             20px;
}

.productInfo {
  float:                 left;
  margin: 0 10px 10px 10px;
}
.containerTitle {
  border-bottom:         1px solid #212122;
  float:                 left;
  margin:                5px 0 0 0;
  padding: 4px 0 5px 0;
  width: 428px;
}
.containerTitle a { color: #d9d9d9!important; font-weight: bold; font-size: 18px; }
.containerTitle a:hover { color: #fff!important; }

.containerProduct a:link {
    color: #fff;
}
.containerProduct a:hover {
    color: #ccc;
}
.rightContainer a:link {
    color: #d9d9d9;
    padding-right: 10px;
}
.rightContainer a:hover {
    color: #FFF;
}
.containerProduct {
  margin:               0 0 20px 0;
  border:               1px solid #343335;
  padding:              5px;
  width:                600px;
  float: left;
  }
.containerProduct div.inlay {
  background: #343335;
}
.productImageBox {
  float:                left;
  width:                120px;
  margin:               0 10px 10px 0;
}
.productInfo {
  color: #FFF!important;
}

.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;
}

.rightContainer {
  text-align:           right;
}
h3.errorHeadline {
  margin:               20px 0;
}

#productGroupMenu {
  width: 100%;
}

ul.productGroupTree {
  float:left;
}

ul.productGroupTree li {
  background:  url('../../images/dot.png') no-repeat right 5px;
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  list-style: none;
  padding: 0 25px 0 25px;
}
ul.productGroupTree li.last { background:  transparent; }
ul.productGroupTree a.active { color: #727272!important; }
ul.productGroupTree a.active:hover { color: #767C71!important; }

div.productImg img {
  border: 0px solid #f00!important;
}
div.ImgContainer { float: left; }
div.ImgContainer div.productImg {
  float: none;
}

/*************************************/
/*************LOGINPAGE***************/
/*************************************/
#loginForm .formRow {
	margin-bottom:       5px;
}
#loginForm label {
	float:               left;
	width:               150px;
	margin:              0!important;
}
#loginForm label input {
	float:               right;
}
#loginForm {
  margin:              0 0 5px 0;
}