* {margin:0;padding:0;}
a:link, a:visited, a:hover, a:active {color:#333;text-decoration:none;}
a:hover {color:#D20000;text-decoration:none;}
img {border:0;}

h2{color:#BA272A;}

.clearingItem {clear:both;float:none;}
.ofRow {text-align:center;height:25px;background:transparent url('http://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;width:100%; margin: 0 0 10px;}
.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;font-weight:bold;font-size:small;line-height: 35px;}
.errorText {color:#C41029;font-weight:bold;}

/* BODY-CONTAINERS */
#header {background: #fff/*F3F3F3*/;width: 900px;text-align: center;}
#header #imageBanner {/*background: transparent url('./../../images/imageBanner.png') no-repeat;overflow:hidden;*/line-height:99px;height:99px;width:860px;margin:0 auto;}
#header #imageBanner a,#header #imageBanner img {border: none;}
#header #imageBanner a {display:block;width:153px;height:99px;float:left;}
#header #imageBanner a img {max-width:150px;max-height:99px;/*height:99px;*/}
#header #imageBanner #logo {height:auto;width:auto;}
#header #imageBanner #logo img {/*height:99px;width:220px;*/max-width:none;max-height:none;}
#keywordBanner {text-align: center;width:900px;}
#keywordBanner p {float:left;line-height: 11px; width: 150px;background: #DCDBDA; vertical-align: middle;margin: 12px 0 0 0;}
.floatLeft {float:left;}
.floatRight {float:right;}
#keywordBanner div {float:left;width:600px;}
#keywordBanner h1 {padding: 0 9px; font-weight:normal; display: inline;color: #DCDBDA; line-height: 35px;font-size: 15px; text-align: center; letter-spacing: 1px;}
#keywordBanner h1 a {color: #aaa;}
#keywordBanner h1 a:hover {color: #D20000;}
#keywordBanner h1.first {padding: 0 9px 0 5px;}
#keywordBanner h1.last {padding: 0 5px 0 9px;}

.spacerContainer {background: transparent url('./../../images/spacerLine.png') repeat-x; margin-top:-5px; height: 6px; display: block; }
.spacerContainerBottom {background: transparent url('./../../images/spacerLine.png') repeat-x; height: 6px; display: block; }

#mainNavigationContainer {width:100%;background:#f4f4f4;}
#mainNavigation {margin: 0 auto; width: 996px;}
#root {list-style: none; padding: 0 20px;margin:0 auto;margin-left:-10px;}
#root li {float: left; background: transparent url('./../../images/pipe.png') no-repeat top right;}
#root li.last {background: none; /*padding: 0 0 0 15px;*/}

#root li ul {margin:30px 0 0 0;}
#root li a:link,#root li a:visited,#root li a:hover,#root li a:active {color: #676767;padding: 5px 25px 5px 20px;line-height: 30px;}
#root li a:hover,#root li a:active {color: #D20000;}
#root li.active a {color: #D20000;}
#root li.active ul li a {color: #676767;}
#root li.active ul li a:hover,#root li.active ul li.active a {color: #D20000;}

#root li ul li {height:41px;}

#root li ul li ul {margin:-41px 0 0 128px;}
#root li ul, #root li ul li ul {position: absolute; list-style: none;background: #F3F3F3;float: none;border: 1px solid #DCDBDA;/*margin: 5px 0 0 -20px;*/}
#root li ul li , #root li ul li ul li {background: none; float: none; text-align: left;border-bottom: 1px solid #DCDBDA; width: 128px;}
#root li ul li ul li {width:150px;}
#root li ul li a, #root li ul li ul li a {display: block;}
/*#root li ul li.last , #root li ul li ul li.last {border: none;padding: 0 0 0 20px;}*/

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

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

#footerInfoContainer {margin: 20px 0 10px 0;float:right;width:220px;}
#footerNavigation {list-style:none; float: left;margin: 0 0 0 350px;}
#footerNavigation li {float: left;}
#footerNavigation li a {display: block; line-height: 25px; padding: 0 25px; width: 50px; border-width: 0 1px; border:1px solid #DCDBDA;}

#mainContainer {width: 940px; margin: 0 auto;}
#mainContainerContent {width: 900px; margin: 0 auto;padding: 0 20px;background: transparent url('./../../images/shadowMiddle.png') repeat-y;}
#mainContainerTop {background: transparent url('./../../images/shadowTop.png') no-repeat; width: 940px; height: 10px;}
#mainContainerBottom {background: transparent url('./../../images/shadowBottom.png') no-repeat; width: 940px; height: 10px;}
#pageContent {float: left;width: 900px;color: #676767;background:#fff;}
#pageContentLeft {float: left; margin: 0 3px 0 0;background: /*#F0EBE7*/#fff}
#pageContentLeft a {display: block; width: 199px; text-align: left;margin: 10px 0 0 0;}
#pageContentRight {background: /*#F0EBE7*/#fff; float: left; width: 420px; padding: 10px 10px 0 20px;}
#pageContentRight h1, #pageContentRight h3 {margin: 0 0 10px 0;}

.contentContainer p {line-height: 17px;}
.contentContainer ul {margin: 5px 0  5px 20px; }
/*.contentContainer a img {border: 1px solid #DCDBDA;}*/

.containerProduct {border: 1px solid #C9C5C1;background: #DBD9DA; color: #676767;margin: 0 0 10px;}
.containerProduct .containerTitle {border-bottom: 1px solid #FFF;margin: 15px 0 0 0; font-weight: bold; padding: 0 0 5px 10px;font-size: 16px;width: 400px;float: left;}
.containerProduct .description {margin: 15px 0 0 10px; float: left; width: 400px;}
.containerProduct .description ul {margin: 0 0 0 25px;}
.containerProduct .productImg {background:#fff;width: 129px; text-align: center; float: left;padding:6px 0 6px 0;margin:8px;}
/*.containerProduct .productImg img {float: right;}*/
.containerProduct .productImage img {margin: 15px 0 15px 15px;border: 5px solid #FFF; float: left;}
.containerProduct img {border: 0px solid #FFF;}
.containerProduct .productDetailLink {margin: 10px 0 0 0; text-align: right; padding: 0 5px 5px 0; text-decoration: underline;}
.containerProduct .productgroupInfo {margin: 15px 10px 10px 10px;}
.containerProduct .productgroupInfoLink {text-align: right;margin: 15px 10px 10px 10px;}
.containerProduct .productgroupInfoLink a {text-decoration: underline;}

#footnote {font-size:10px;padding-top:20px;}

/* NEWS-BOX */
/*.newsContainer img {border: 1px solid #C9C5C1;}*/
.newsContainer ul {margin: 5px 0  5px 20px; }
#newsContainerTop, #infoContainerTop {background:transparent url('./../../images/ACR/acr_container_top.png') no-repeat;height:28px;width:179px;}
#newsContainerMiddle, #infoContainerMiddle {background:transparent url('./../../images/ACR/acr_container_bg.png') repeat-y;width:179px;}
#newsContainerBottom, #infoContainerBottom {background:transparent url('./../../images/ACR/acr_container_bottom.png') no-repeat;height:24px;width:179px;}

#newsBox {margin: 0 10px 0 0;}
#newsBox, #randomProductBox, #productFinderBox {/*border: 1px solid #C9C5C1;*/ background: /*#DBD9DA*/#fff; float: left; width: 210px;padding-bottom:30px;}
#newsBox h3,#randomProductBox h3, #productFinderBox h3 {color: #D20000; font-size: 16px; }
#productFinderBox select {width:200px;margin-top:5px;}
#productFinderBox input {width:200px;margin-top:5px;}
.productTitle {border-top: 1px solid #000;padding: 0 0 5px 0;}
.productTitle a {color:#000;font-weight:bold;}
#randomProductBox img {width:auto;float:none!important;height:auto;max-width:150px;max-height:150px;padding: 0 0 5px 0;}
#randomProductBox ul {margin: 0 0 0 20px;}
#randomProductBox h3 {padding: 0 0 5px 0;}
#randomProductBox h3 a {color: #D20000; font-size: 16px; }
#randomProductBox h3 a:hover {color: #333; font-size: 16px; }
#randomProductBox a {color: #333; }
#randomProductBox a:hover {color: #D20000; }
#newsBox .title {font-weight: bold;}
#newsBox #newsLeft {float: left; width: 100%; text-align: left; margin: 0 10px 5px 0;border-bottom: 1px solid #000;}
#newsBox #newsRight {float: left; font-size:11px; }
#newsBox #newsLeft .dateDay {font-size: 14px;font-weight: bold;padding: 0 0 5px 0;margin: 5px 0 0 0;}
#newsBox #newsLeft .dateYear {font-size: 16px;font-weight: bold;padding: 5px 0 0 0;}

#infoContainerMiddle{text-align:center;}

/* CMS MENU */
#cmsMenu {padding:13px 0 0 50px;}
#cmsMenu li {font-size:13px;float:left;height:50px;line-height:50px;list-style:none;padding:0 10px 0 10px;}
#cmsMenu li.last {background:transparent;}
#cmsMenu li a:hover {color:#BA272A;}
#cmsMenu li.active a {color:#BA272A;}

.breadCrumbs {font-size:13px;padding:10px 0;}
#breadCrumbPath {float:left;width:300px;}

#productGroupTreeLeftContainer {padding:10px 0 0 10px ;}
.productGroupTreeLeft {padding-top:2px;width:180px;}
.productGroupTreeLeft {list-style-type:none;}
.productGroupTreeLeft li {background: url('./../../images/roterbalken.jpg') no-repeat right 10px;}
.productGroupTreeLeft li ul {display:none;}
.productGroupTreeLeft li.active ul {display:block;}
.productGroupTreeLeft li a {width:100%;font-size:13px;display:block;border-bottom:1px solid #ddf;padding:5px 0;margin:5px 0;}
/*.productGroupTreeLeft li.hasChilds {background:transparent url('./../../images/web/arrow.png') no-repeat right 8px;}
.productGroupTreeLeft li.hasChilds.active {background:transparent url('./../../images/web/arrow_down.png') no-repeat right 8px;}*/
.productGroupTreeLeft li.hasChilds.active ul li ul {display:none;}
.productGroupTreeLeft li.hasChilds.active ul li.active ul {display:block;}
.productGroupTreeLeft li.hasChilds ul {list-style-type:none;margin-left:10px;}
.productGroupTreeLeft li ul li ul li {background:transparent;}
.productGroupTreeLeft li ul li ul li.active {background: url('./../../images/roterbalken.jpg') no-repeat right 10px;}

.productGroupTreeLeft li a {color:#676767;}
.productGroupTreeLeft li a.active {color:#D20000;}
.productGroupTreeLeft li a:hover {color:#000C58;}

/*
default: #676767
active:  #D20000
hover:   #000C58
*/

/*PRODUCTS*/
.pFrame {margin:5px 10px 25px 0;width:200px;float:left;}
.pFrame.even {margin:5px 0 25px 10px;}
/*.productGroupsListImg, .productGroupsListTxt {padding:10px;}*/
.productGroupsListImg {text-align:center;overflow:hidden;padding-bottom:5px;overflow:hidden;}
.productGroupsListImg img {width:auto;height:auto;max-width:195px;max-height:195px;border:1px solid #fff;}
.productGroupsListImg:hover img {border:1px solid #D20000;}
.productGroupsListTxt {margin-top:5px;cursor:pointer;background:transparent;}
.productGroupsListTxt .arrow {float:left;}
/*.productGroupsListTxt:hover {background:#E9E9EA url('./../../images/web/arrow_white.png') no-repeat 225px 45px;}*/
.productGroupsListTxt:hover a {color:#D20000;}
.productGroupsListTxt a {font-size:15px;color:#000C58;}
.productGroupsListTxt .name {text-align:center;}
/*.productGroupsListTxt a:hover {color:#bbb;}*/
#prodDetail h1 {background:#EAEAEA;font-size:16px!important;padding:10px;font-weight:bold;margin-bottom:15px;}
#prodDetail .left {padding:10px;height:100px;width:160px;text-align:center;background:#EAEAEA;}
#prodDetail .right {width:320px;}
#productRequest {margin:10px;}
div.specialValueTable {width:515px;margin-top:15px;}
div.specialValueTable table {width:100%;}
div.specialValueTable table tr.even {background:#f3f3f3;}
div.specialValueTable table td {text-align:right;height:20px;}
div.specialValueTable table td.firstCol {text-align:left;}

#productImages img {width:auto;height:auto;max-width:400px;max-height:400px;}
.price {float:right;}
.price span {font-weight:bold;font-size:14px;color:#f00;}
.PrimProduktBild {padding-left:50px;}
.pImg {float:left;border:1px solid #D20000!important;margin-left:5px;margin-top:10px;}
.pImg {}

/* FORMS */
div.formRow {height:20px;}
div.formRow label {float:left;width:120px;}
button {background:#fff;border:1px solid #C9C5C1;color:#000;cursor:pointer;min-width:150px!important;}
button:hover {color:#C9C5C1;}
div.buttonRow input {background:#fff;cursor:pointer;width:150px;min-width:150px!important;}
div.buttonRow input:hover {color:#C9C5C1;}
input, textarea {border:1px solid #C9C5C1; width: 200px;}
#cmsContactForm #textArea {width:320px;}

.width_2 {float: left; width: 333px;}

