* {margin:0;padding:0;}
html,body {height:100%;}
body{font-family:Arial,sans-serif;font-size:13px!important;color:#717173!important;background:#fff;}
a:link, a:visited, a:active {color:#717173;text-decoration:none;}
a:hover {color:#9F7C3A;text-decoration:none;}
a img {border-width:0;}
h2{color:#717173;}

.clearingItem {clear:both!important;float:none!important;}
.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:10px;}

.width_2 {float:left;width:230px;margin-right:30px;}
.width_3 {float:left;width:325px;margin-right:5px;}

/* 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 */
#mainContainer {width:996px;min-height:100%;margin:0 auto;}
#logo {display:block;text-align:center;}
#logo img {margin-top:25px;}

#content {margin-top:50px;padding-bottom:175px;}
#content .left {width:225px;float:left;}
#content .right {float:left;width:550px;}

#footer {position:absolute;width:100%;margin-top:-120px;}
#footerContent {width:820px;margin:0 auto;height:100px;background:red;font-size:12px;background:transparent url('./../../images/line.jpg') no-repeat center top;padding-top:20px;}
#footerContent .left {float:left;width:380px;}
#footerContent .left span {float:left;width:180px;}
#footerContent .right {float:left;width:300px;}

/* PRODUCTS */
.slider {width:500px;float:left;}
.slider div {width:142px;float:left;margin:10px;text-align:center;}
.slider div a {text-decoration:none;}
.slider .imgOverlay {display:block;width:150px;height:150px;overflow:hidden;margin:0 auto;text-align:center;border:3px solid #C7C8CC;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:5px;}
.slider div a:hover .imgOverlay {border-color:#9F7C3A;}
#slideLeft, #slideRight {float:left;margin-top:200px;}
#slideLeft.prodDetail, #slideRight.prodDetail {margin-top:75px!important;}
#slideOverlay {overflow:hidden;float:left;width:500px;}
.containerProduct .left {float:left;width:220px;}
.containerProduct .right {float:left;width:325px!important;}
.rightContainerLink {text-align:right;}

/* NAVIGATIONS */
#root {background:transparent url('./../../images/line.jpg') no-repeat center top;margin-top:20px;padding-top:20px;text-align:center;list-style-type:none;}
#root li {display:inline-block;;margin:0 10px;}
#root li a {font-size:14px;text-decoration:none;}
#root li.active a {color:#9F7C3A;font-weight:bold;}
#root .rightColNavi {display:none;}

#root li:hover ul {display:block;}

#root li ul {list-style-type:none;position:absolute;text-align:left;background:transparent url('./../../images/transparent.png') repeat 0 0;padding:5px 0;display:none;}
#root li ul li {display:block;padding:2px 5px;margin:0;}
#root li ul li a {font-weight:normal!important;color:#717173!important;font-size:13px;display:block;}
#root li ul li.active a {font-weight:bold!important;color:#9F7C3A!important;}
#root li ul li a:hover {color:#9F7C3A!important;}

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

#footerNavi {text-align:right;list-style-type:none;}
#footerNavi li a {text-decoration:none;font-weight:bold;}

/* NEWS */
.newsContainer {margin-bottom:30px;}
.newsContainer h1 {margin-bottom:10px;}
.newsContainer .newsThumbnail {float:left;margin:0 10px 10px 0;}

.newsLink {text-align:right;display:block;color:#30488E!important;margin-top:10px;}
.newsLink:hover {text-align:right;display:block;color:#9F7C3A!important;}

/* FORMS */
div.formRow {height:20px;}
div.formRow label {float:left;width:100px;font-weight:bold;}
input, textarea, button, select {border:1px solid #d3d3d3;background:#fafafa;width: 160px;}
input:focus, textarea:focus, button:focus, select:focus {border:1px solid #9F7C3A;background:#fff;}
div.buttonRow input, div.buttonRow button {color:#202020;width:130px;font-weight:bold;cursor:pointer;}
div.buttonRow input:hover, div.buttonRow button:hover {color:#9F7C3A;width:130px;}

/* CONTACT FORM */
#cmsContactForm div.left    {float:left;width:280px;}
#cmsContactForm div.left p  {font-weight:bold;}
#cmsContactForm div.right   {float:left;width:250px;}
#cmsContactForm div.right p {font-weight:bold;}
#cmsContactForm #textArea   {width:250px;height:206px;}