* {margin:0;padding:0;}
html{height:100%;}
body{font-family:Helvetica,sans-serif;height:100%; background:transparent url('./../../images/headerBg.png') repeat-x 0 25px;}
a:link, a:visited {color:#000;text-decoration:none;}
a:active {color:#9A834F;text-decoration:none;}
a:hover {color:#9A834F;text-decoration:none;}
a img {border-width:0;}

.clearingItem {clear:both;float:none;}
.ofRow {position: absolute;top:0;left:0;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;}

/* 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    {height:100%;}
#mainFrame {background: transparent url('./../../images/mainFrameBg.png') repeat-y; width: 1024px; margin: 0 auto; padding: 0;min-height: 100%;}
#mainInner {padding: 25px 0 0 0;}
#headerFrame {background: transparent url('./../../images/header.png') no-repeat;margin: 0 0 0 12px; width: 1000px; height: 263px;}
#headerContent {float: left;margin: 0 0 0 25px; height: 263px;}
#headerContent .customerLogo {margin: 20px 0 15px 0;}
#headerContent h1 {background: transparent url('./../../images/haken.png') no-repeat left center;margin: 0 0 5px 10px;padding: 0 0 0 48px;line-height: 30px;font-size: 18px; letter-spacing: 1.5px;}
#headerContent h1 a {color: #FFF;}
#headerBanner {float: left; width: 409px;height: 224px;padding: 39px 0 0 0;text-align: center;line-height: 263px;}
#leftFrame{ width: 700px; margin: 37px 30px 0 40px;line-height: 21px; float: left;}
#leftFrame p{ margin: 0 0 15px; letter-spacing: 0.5px;}
#leftFrame ul{ margin: 0 0 15px 25px; letter-spacing: 0.5px;}
#rightFrame{ width: 210px; margin: 37px 0 0 0;line-height: 21px; float: left;}

#mainBodySpacer { height: 110px;}

#footerFrame {background: transparent url('./../../images/footerBg.png') repeat-x;height: 71px;position: absolute;left: 0;margin-top: -71px;width: 100%;}
#footerInner {background: transparent url('./../../images/mainFrameBg.png') repeat-y; width: 1024px;margin: 0 auto;}
#footer {background: transparent url('./../../images/footerFrameBg.png') repeat-x;height: 71px;width: 975px;margin: 0 auto;line-height: 71px;padding: 0 0 0 25px;color: #FFF;}
#footer p {float: left;width: 50%;}
.footerLogo {float: right;margin: 22px 25px 0 0;}

/* NEWS-BOX */
.newsContainer {margin-bottom: 5px; padding: 10px;}
.newsContainer h2 { background: transparent!important; padding-left: 0!important;}
.newsContainer .newsThumbnail { float: left; margin: 0 10px 10px 0; border: 1px solid #784A4A;}
.newsContent { margin: 15px 0 0 0;}
.newsContentText { margin: 5px 0 0 0; line-height: 15px; padding: 0 0 15px 0; border-bottom: 1px solid #C2C2C2;}
.startPageNewsContainer {border-bottom: 1px solid #C2C2C2; padding: 0 0 10px 0; margin: 0 0 15px 0;}
.startPageNewsContainer .newsTitle { color: #784A4A; margin: 0 0 7px 0;}
.startPageNewsContainer .newsTitle em { font-size: 10px; color: #9F9982;}
.startPageNewsContainer img {float: left; margin: 2px 10px 10px 0;}

/* CMS MENU */
#naviContainer {background: transparent url('./../../images/naviBg.png') repeat-x; width: 975px; height: 40px;margin: 0 0 0 12px;padding: 0 0 0 25px}
#root li a:link,#root li a:visited,#subNavi li a:link,#subNavi li a:visited {color: #FFF;}
#root li a:active,#root li a:hover, #subNavi li a:active,#subNavi li a:hover {color: #9A834F;}
#root {float: left;list-style: none;}
#root li {float: left; height: 40px;line-height: 40px;padding: 0 10px;}
#root li ul, #root li ul li ul {display: none;position: absolute; list-style: none;width: 120px;}
#root li ul li ul {margin: -22px 0 0 200px}
#root li ul li , #root li ul li ul li {width: 200px;background: transparent url('./../../images/naviBg.png') repeat-x;line-height: 22px;height: 22px;}

#naviSpacer {float: left;margin: 0 80px;}
#subNavi, #naviLang {list-style: none; float: left;}
#naviLang {margin: 0 0 0 5px;}
#subNavi li, #naviLang li {float: left;line-height: 40px;}
#subNavi li {padding: 0 10px}
#naviLang li {padding: 9px 6px 0;}
#subNavi li a, #naviLang li a {font-size: 12px;}
#naviLang li a {display: block;}


/* FORMS */

div.formRow {width:350px;float: left;margin: 0 0 2px 0;}
div.formRow label {width:120px; display: block; float: left;}
div.formRow input {width:200px; display: block; float: left; border: 1px solid #9A834F}
button {background:#fff;border:1px solid #BA272A;color:#000;cursor:pointer;min-width:150px!important;}
button:hover {color:#9A834F;}
div.buttonRow input, div.buttonRow button {background:#fff;cursor:pointer;width:150px;min-width:150px!important;border: 1px solid #9A834F}
div.buttonRow input:hover,div.buttonRow button:hover {color: #9A834F;}
#cmsContactForm #textArea {width:320px!important;border: 1px solid #9A834F}
#cmsContactForm{width: 400px;}


