* {margin:0;padding:0;}
html,body {height:100%;}
body{font-family:Arial,sans-serif;font-size:12px!important;color:#5C5C5C!important;background:#fff url('./../../images/bg.png') repeat-x 0 25px;}
a:link, a:visited {color:#333;text-decoration:none;}
a:active {color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}
a img {border-width:0;}
h2{color:#333;}

.clearingItem {clear:both;float:none;}
.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:460px;margin-right:30px;}
.width_3 {float:left;width:325px;margin-right:5px;}

#preload {width:0;height:0;overflow:hidden;}

/* 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;margin:0 auto;min-height:100%;background:transparent;}
#header {padding-top:25px;height:189px;}
#header a img {float:left;margin-top:15px;margin-left:20px;}
#rightHeader {height:150px;float:right;}
#flags {position:absolute;margin-left:-160px;margin-top:-10px;}
#flags img {width:25px;}
#resPicMenu {width:400px;height:90px;}
.resPic {float:left;display:none;}
.resLink {height:42px;width:44px;display:block;float:left;text-align:center;color:#C0C0C3;}
.resLink span {margin-top:42px;display:block;font-size:8px;}
#resLink1 {background:transparent url('./../../images/respic1.png') no-repeat;}
#resLink2 {background:transparent url('./../../images/respic2.png') no-repeat;}
#resLink3 {background:transparent url('./../../images/respic3.png') no-repeat;}
#resLink4 {background:transparent url('./../../images/respic4.png') no-repeat;}
#resLink5 {background:transparent url('./../../images/respic5.png') no-repeat;}
#resLink6 {background:transparent url('./../../images/respic6.png') no-repeat;}
#resLink7 {background:transparent url('./../../images/respic7.png') no-repeat;}
.resLink:hover .resPic, .resLink.active .resPic {display:block;}
.resLink:hover span, .resLink.active span {margin-top:0;color:#003A6B;}

#content {color:#5C5C5C;font-size:12px;line-height:18px;padding-bottom:80px;}
#contentLeft {float:left;width:306px;}
#contentLeftInner {background:transparent url('./../../images/nav_bg.png') no-repeat bottom;}
#contentRight {float:right;width:640px;}
#contentRight h3 {color:#fff;font-size:15px;background:#084176;height:20px;line-height:20px;padding-left:10px;font-style:italic;}
#content p {margin:10px 0;}
#contentLeft h1 {color:#fff;font-size:17px;background:#084176;height:30px;line-height:30px;padding-left:10px;font-style:italic;}
#content h2 {color:#30488E;font-size:14px;}
.contentContainer {margin-bottom:30px;margin-top:30px;}

.buttonTop {float:left;background:transparent url('./../../images/button.png') no-repeat;width:184px;height:46px;margin-right:15px;text-align:center;font-size:15px;font-weight:bold;color:#084176;}
.buttonTop  span{width:180px;line-height:45px;}
.buttonTop  a {color:#084176;display:block;}
#headerButtons {width:600px;height:46px;margin-left:35px;margin-top:15px;}

#footer {width:100%;height:55px;position:absolute;margin-top:-55px;}
#footerContent {width:996px;margin:0 auto;font-size:13px;text-align:center;line-height:45px;color:#5C5C5C;border-top:2px solid #084176;border-bottom:2px solid #084176;}
#footerSitemap {width:996px;margin:0 auto;padding-bottom:10px;padding-top:15px;}
#footerSitemap h1 {color:#5C5C5C;border-bottom:1px solid #5C5C5C;font-size:12px;line-height:25px;}

#sitemapOverallsContainer {width:180px;float:left;}
#sitemapPartialBodyProtectionContainer {width:180px;float:left;margin-left:90px;}
#sitemapCustomMadeContainer {width:180px;float:left;margin-left:90px;}
#sitemapMainMenuContainer {width:180px;float:left;margin-left:90px;}

#footerSitemap ul {list-style-type:none;margin-top:5px;padding-left:10px;}
#footerSitemap ul li {margin-right:10px;}
#footerSitemap ul li a {font-size:11px;line-height:20px;}
#footerSitemap ul li ul {list-style-type:none;margin-top:10px;display:none;}

/* STARTPAGEBOX */
#startpageSlider .arrow {width:40px;height:190px;display:block;position:absolute;z-index:2;}
#startpageSlider .arrow.left {margin-left:4px;background:transparent url('./../../images/arrow_left_blue.png') no-repeat left center;}
#startpageSlider .arrow.left:hover {background:transparent url('./../../images/arrow_left_grey.png') no-repeat left center;}
#startpageSlider .arrow.right {margin-left:607px;background:transparent url('./../../images/arrow_right_blue.png') no-repeat right center;}
#startpageSlider .arrow.right:hover {background:transparent url('./../../images/arrow_right_grey.png') no-repeat right center;}
#startpageSlider .box {width:567px;height:180px;padding:5px 15px;margin:0 27px;background:transparent url('./../../images/box.png') no-repeat;overflow:hidden;}
#startpageSlider .shuttle {position:relative;z-index:1;}
#startpageSlider .slider {width:567px;height:180px;float:left;padding:0 15px;}
#startpageSlider .slider .left {width:90px;height:160px;position:absolute;text-align:center;padding-top:20px;}
#startpageSlider .slider .right {width:100px;height:160px;position:absolute;margin-left:465px;text-align:center;padding-top:20px;}
#startpageSlider .slider .link {position:absolute;margin-top:140px;margin-left:483px;color:#084176;font-weight:bold;z-index:2;}
#startpageSlider .slider .top {width:360px;height:20px;position:absolute;margin-left:100px;margin-top:10px;font-size:15px;color:#084176;border-bottom:1px solid #084176;}
#startpageSlider .slider .middle {width:360px;height:150px;position:absolute;margin-left:100px;margin-top:30px;}

/* NAVIGATIONS */
#root {float:left;list-style-type:none;margin-top:108px;margin-left:80px;}
#root li {float:left;}
#root li a {color:#fff;font-size:15px;padding:10px 20px;}
#root li a:hover {color:#fff;}
#root li.last a {border:0 none;padding-right:0;}

#root li ul {position:absolute;margin-top:10px;display:none;padding-top:5px;text-align:center;margin-left:10px;z-index:5;width:100px;}
#root li:hover ul {display:block;}
#root li ul li {display:block;float:none;}
#root li ul li a {display:block;border-bottom:1px solid #fff;padding:5px;border-right:0 none;background:#00315E;font-size:12px;}

#root li ul li ul {position:absolute;margin-top:0px;display:none!important;padding-top:5px;text-align:center;margin-left:100px;z-index:5;width:100px;margin-top:-31px;}
#root li ul li:hover ul {display:block!important;}
#root li ul li ul li {display:block;float:none;}
#root li ul li ul li a {display:block;border-bottom:1px solid #fff!important;padding:5px;border-right:0 none;background:#00315E;font-size:12px;}

.overalls {border-bottom:none!important;}

/* Left Navi */
#LeftMenuContainer {list-style-type:none;width:285px;padding-bottom:40px;margin-left:5px;margin-top:20px;}
#LeftMenuContainer #LeftMenu {border-top:none;}
#LeftMenuContainer ul {list-style-type:none;border-top:1px solid #084176;}
#LeftMenuContainer li { border-bottom:1px solid #084176; }
#LeftMenuContainer li a {color:#084176;font-size:14px;line-height:1.8;}
#LeftMenuContainer li a:hover {color:#084176;}
#LeftMenuContainer li ul {display:none;}
#LeftMenuContainer li.produkte.Depth1.noChilds {border-bottom:none;}
#LeftMenuContainer li.hasChilds.active {border-bottom:none;}
#LeftMenuContainer li.active ul {display:block;}
#LeftMenuContainer li ul li.active { border-bottom:1px solid #084176;}
#LeftMenuContainer.resource .produkte.Depth1 > ul {display:block;}
#LeftMenuContainer li.active ul li ul {display:none;}
#LeftMenuContainer li.active ul li.active ul {display:block;}
#LeftMenuContainer li ul li {float:none;margin-left:30px;font-style:italic;}
#LeftMenuContainer li ul li a {background:transparent;font-size:12px;}
#LeftMenuContainer li ul li ul li {float:none;margin-left:30px;font-style:italic;}
#LeftMenuContainer li ul li ul li a {background:transparent;font-size:14px;}
#LeftMenuContainer .Depth1.last.noChilds ul li.last {border-bottom:none;}

.anwendungen  {border-top:1px solid #084176;}
.anwendungen.active {border-top:none;}

#ApplicationMenu {list-style-type:none;width:285px;padding-bottom:20px;margin-left:5px;margin-top:20px;}
#ApplicationMenu  li{ border-bottom:1px solid #084176; }
#ApplicationMenu li a {color:#084176;font-size:14px;line-height:1.8;}
#ApplicationMenu li a:hover {color:#084176;}
/* Ehemaliges DropDown für die Anwenungskategorien - Entfernt auf Sebastians wunsch, ich lass es zu Sicherheit mal drin...
#applicationContainer {width:285px;padding-bottom:20px;margin-left:10px;margin-top:20px;}
#applicationContainer h2 {border-bottom:1px solid #084176;color:#084176;}
#applicationContainer select {width:285px;margin-top:5px;}
*/

/* 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:#000!important;}
.startPageNewsContainer {width:300px;margin-left:10px;margin-top:5px;}
.startPageNewsContainer h4 {color:#084176; font-style:italic;}
.startPageNewsContainer .startPageMore {color:#084176;}
.startPageNewsContainerContainer {border-bottom:2px solid #084176;}
.newsContainer {margin-top:20px;}


/* 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 #000;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:#000;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;}

/**** Resource ****/
/* Ressource Kategorie Ansicht */
#resourceHeadline a {color:#084176;font-size:14px;}
#resourceHeadline {margin-top:30px;}
.content { width:640px;margin-top:40px;}
.content .imgContainer {width:300px;}
.content .left {float:left;width:280px;}
.resourceBox .left .imgLink { width:93px; height:139px; }
.resourceBox {margin-left:20px;}
.resourceBox .content {width:650px;}
.primImg {margin-bottom:20px;height:200px;width:260px;}
.ProduktBild {border:1px solid #000;}
.resourceBoxCatDetail {margin-left:20px;}
.resourceBoxCatDetail .left .imgLink { width:122px; height:139px; }
.resourceBoxCatDetail .right {margin-top:20px; width:373px; height:100%; border-bottom:1px solid white; border-top:1px solid white; padding-bottom:10px;}
.resourceBoxCatDetail .right a { text-decoration:none!important; }
.resourceBox .right .title { padding-bottom:5px; color:#084176; font-size:20px;border-bottom:1px solid #084176;}
.resourceBox .imgContainer img {    }
.detail .right { float:right; width:360px; height:100%; border-bottom:1px solid white; padding-bottom:10px;}
.rightInner {background:#ccc;height:50px;}
.rightInner p {margin:0!important;padding-left:10px;padding-top:2px;width:580px;}
.semiImgLink {overflow:hidden;width:117px;height:100px;border: 1px solid #000;float:left;margin-right:20px;margin-bottom:20px;}
.valueTitle {font-weight:bold;margin-right:5px;display:block;}