/* BASIC */ /* EVERY STYLES SET HERE INFLUENCE THE CONTENT AREA. SPECIAL LINK, LIST, PARAGRAPH, IMAGE OR HEADLINE SETTINGS SHOULD BE MADE WHERE EXACTLY NEEDED. */ /* UNIVERSAL SELECTOR: SETS EVERY MARGIN AND PADDING TO "0" */ * { margin: 0; padding: 0; } html, body { height: 100%; /*background-color: #ECEDED; */ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; } body { background-image: url('../img/bg.jpg'); background-repeat: no-repeat; background-position: center center; } img { border: 0px none; } a:link, a:active, a:visited { color: #333; text-decoration: none; outline: none; } a:hover { } ul, li { list-style-type: circle; } table { } hr { margin: 10px 0px 10px 0px; height: 0px; border: 0px none; border-bottom: 1px solid #999; } h1 { margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; font-size: 13px; border-bottom: 1px solid #999; } h2 { padding: 0px 0px 2px 0px; font-size: 13px; color: #999; } h3 { margin: 0px 0px 15px 0px; font-size: 13px; line-height: 1.3em; color: #CCC; } h4 { padding: 0px 0px 0px 20px; background-image: url('../img/edge.gif'); background-repeat: no-repeat; background-position: 0px 2px; font-size: 13px; color: #CCC; } h4 a.hLink { color: #CCC; } h4 a.hLink:hover { color: #333; } h4 a.sel { color: #333; } h5 { font-size: 13px; color: #999; } p { margin: 0px 0px 10px 0px; } /* PAGE LAYERS */ /* THIS IS THE WRAPPING CONTAINER OF EVERYTHING. IT CAN CENTER OR MOVE THE WHOLE WEBSITE WHEN NEEDED. */ #center { position: absolute; margin: 0px; padding: 0px; } #center { width: 100%; height: 100%; min-width: 966px; min-height: 612px; } * html #IEcenter { width: 486px; height: 309px; } * html #page { height: 606px; } #page { position: absolute; top: 50%; left: 50%; margin: -290px 0px 0px -480px; width: 960px; height: 606px; overflow: hidden; } /*#page { position: absolute; width: 960px; min-height: 580px; overflow: hidden; }*/ /* HEADER */ /* THIS IS THE TOP CONTAINER OF THE WEBSITE. IT CONTAINS THE TOP IMAGE AND/OR LOGO AND/OR A BREAD-CRUMB-NAVIGATION. */ #head { height: 25px; background-image: url('../img/bg-head.jpg'); font-size: 11px; color: #FFF; } #head p { margin: 0px; padding: 6px 0px 0px 0px; } #head a { text-decoration: none; color: #FFF; } #headTop { color: #333333; padding: 0px 0px 4px 0px; height: 22px; font: bold 15px Arial, Helvetica, sans-serif; } #headLeft { float: left; padding: 0px 0px 0px 10px; width: 390px; } #headRight { float: left; padding: 0px 18px 0px 0px; width: 542px; text-align: right; } /* MAIN */ /* THE MAIN CONTAINER WRAPS EVERYTHING BETWEEN THE HEADER AND THE FOOTER IN ONE CONTAINER */ #main { height: 507px; background-image: url('../img/bg-main.gif'); background-color: #FFF; background-repeat: no-repeat; background-position: bottom left; overflow: hidden; z-index: 100} /* CONTENT */ /* THIS IS THE CONTENT CONTAINER. IT CONTAINS THE INNER DIVīS FOR STYLING UP THE CONTENT. */ #cont { color: #333; } #cont ul { list-style-type: none; } #cont ul.accordion li.accordion { float: left; display: block; height: 507px; list-style-type: none; } #accordionItem1 { } #accordionItem1Box {} #accordionItem1BoxLeft { width: 25px; position: absolute; cursor: pointer; overflow: hidden} #accordionItem1BoxLeft #accordionItem1Bar { height: 482px; } #accordionItem1BoxLeft #accordionItem1Edge { height: 25px; } #accordionItem1BoxRight { /*width: 240px;*/ /*display: inline;*/ } #accordionItem1ContLeft { } #accordionItem1ContRight { } #accordionItem2 { } #accordionItem2Box { } #accordionItem2BoxLeft { width: 25px; position: absolute; cursor: pointer; overflow: hidden } #accordionItem2BoxLeft #accordionItem2Bar { height: 482px; } #accordionItem2BoxLeft #accordionItem2Edge { height: 25px; } #accordionItem2BoxRight { /*width: 240px; */ } #accordionItem3 { } #accordionItem3Box { } #accordionItem3BoxLeft { width: 25px; position: absolute; cursor: pointer; overflow: hidden} #accordionItem3BoxLeft #accordionItem3Bar { height: 482px; } #accordionItem3BoxLeft #accordionItem3Edge { height: 25px; } #accordionItem3BoxRight { /* width: 240px;*/ } #accordionItem4 { background-image:url('../img/accordion-item4-image.jpg'); background-repeat: repeat-x; } #accordionItem4Box { } #accordionItem4BoxLeft { width: 25px; position: absolute; cursor: pointer; overflow: hidden } #accordionItem4BoxLeft #accordionItem4Bar { height: 482px; } #accordionItem4BoxLeft #accordionItem4Edge { height: 25px; } #accordionItem4BoxRight { padding: 25px 0px 0px 30px; color: #666; /*width: 210px;*/ } .messeLeft { float: left; margin: 0 20px 0 0; width: 240px; } .messeRight { float: left; width: 240px; } /* PRODUKTE */ #prodOverviewLeft { float: left; width: 210px; } #prodOverviewRight { float: left; width: 165px; } .prodLeft { float: left; width: 310px; } .prodLeft ul { margin: 0px 0px 15px 0px; } .prodLeft li { list-style-position: none; margin: 0 0 2px 15px; } .prodRight { float: left; width: 100px; text-align: right; } .prodLeftListLeft { float: left; width: 150px; } .prodLeftListRight { float: left; width: 160px; } .prodLuftDownload { margin: 20px 0 20px 0; } /* PRODUKTE - RU SPECIAL */ .prodLeftRuSpecial { float: left; width: 310px; } .prodLeftRuSpecialListLeft ul { margin: 0px 0px 15px 0px; } .prodLeftRuSpecialListRight ul { margin: 0px 0px 15px 0px; } .prodLeftRuSpecialListLeft li { list-style-position: none; margin: 0 0 2px 15px; } .prodLeftRuSpecialListRight li { list-style-position: none; margin: 0 0 2px 15px; } .prodRightRuSpecial { float: left; width: 100px; text-align: right; } .prodLeftRuSpecialListLeft { float: left; width: 200px; } .prodLeftRuSpecialListRight { float: left; width: 210px; } ul.linkList { margin: 0px 0px 0px 0px; font-size: 12px; } ul.linkList li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; list-style-type: none; background-image: url('../img/edge.gif'); background-repeat: no-repeat; background-position: 0px 2px; } ul.linkList li.last { margin: 0px; } ul.linkList li.back { margin: 15px 0px 0px 0px; } ul.linkListDeep { margin: 0px 0px 0px 0px; font-size: 12px; font-weight: bold; } ul.linkListDeep li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; list-style-type: none; background-image: url('../img/edge.gif'); background-repeat: no-repeat; background-position: 0px 2px; } ul.linkListDownload { margin: 0px 0px 15px 0px; font-size: 12px; } ul.linkListDownload li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; height: 15px; list-style-type: none; background-image: url('../img/edge.gif'); background-repeat: no-repeat; background-position: 0px 2px; } ul.linkListDownloadDeep { margin: 0px 0px 0px 0px; font-size: 12px; font-weight: bold; } ul.linkListDownloadDeep li { padding: 0px 0px 0px 20px; height: 25px; list-style-type: none; background-image: url('../img/edge.gif'); background-repeat: no-repeat; background-position: 0px 2px; } /* FORM */ #contactArea { color: #666; float: left; overflow: auto; width: 500px;} form { color: #666; font-size: 11px; } input,select { margin: 0px 0px 2px 0px; padding: 1px; border: 1px solid #999; font-size: 11px; color: #666; vertical-align: middle;} input.text { width: 200px; } input[type=checkbox], .check { margin: 5px 0px 8px 0px; font-size: 11px; border: 0px none; } input[type=radio], .check { border: 0px none; } input[type=submit], .submit { border: 0px none; background-color: transparent; font-size: 14px; font-weight: bold; color: #CCC; cursor: pointer; } textarea { padding: 1px; width: 250px; height: 70px; border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; } /*.submitArea { width: 250px; border: 1px #000 solid; }*/ .submitArea { width: 412px; } /* GEWINNEN */ #contactGewinnen { /*padding: 0px 20px 0px 0px; */ margin: 0px; padding: 0px; overflow: auto; width: 480px; height: 400px; /*border: 1px solid red */} /*#contactGewinnen p { margin: 0px 0px 10px 0px; }*/ /*#contactGewinnen h2 { margin: 0px 0px 10px 0px; }*/ #contactGewinnen .checkboxSpan3 { width: 150px; float: left; height: 22px; } #contactGewinnen .checkboxSpan10 { width: 175px; float: left; height: 22px; /*border: 1px solid green*/} #contactGewinnen .checkboxSpan5 { width: 195px; float: left; height: 22px; } #contactGewinnen .checkboxSpan4 { width: 165px; float: left; } #contactGewinnen .checkboxSpan3Klein { width: 70px; float: left; } #contactGewinnen .checkboxSpan3Klein2 { width: 40px; float: left; } #contactGewinnen .checkboxSpan3Klein3 { width: 100px; float: left; } /* NEWSLETTER */ #FormNewsletter {margin: 0px; padding: 0px; overflow: auto; width: 450px; height: 200px; /*border: 1px solid red */} #newsletterAnredeLeft{width: 200px; border: 0px #000 solid; float:left;} #newsletterAnredeRight{width: 210px; border: 0px #000 solid; float:left;} label.newsletterTitelLabel{float:left; margin: 0 4px 0 10px;} .newsletterLand{margin: 0 0px 0 0; width: 47px; float:left;} .newsletterTextFirma{width:406px;} .newsletterLandDD{width:363px; } .newsletterLabelSprache{width:95px; margin:0 5px 0 2px;} .newsletterSpracheDD{width:138px; float: right;} label { font-size: 11px; } #newsletterFooterLeft{float:left; width:200px; } #newsletterFooterRight{float:left; margin: 0 0 0 10px; width: 200px;} .newsletterTitleDD{float:right;} /* KONTAKT */ .textEmail{width:406px;} .submitAreaLeft { float: left; margin: 3px 0px 0px 0px; width: 220px; font-size: 11px; } /*.submitAreaRight { float: right; width: 180px; text-align: right; }*/ .submitAreaRight { float: right; width: 180px; text-align: right; } .sendMail {margin: -20px 0 0 0; } .plzbox { width: 70px } .ort { width: 123px } /* MISC */ /* THIS IS AN AREA FOR MISCELLANEOUS STYLES. IT CONTAINS VARIOUS DIVīS AND CLASSES. */ .clearer { clear: both; height: 0px; } .nospace { margin: 0px; } .subHead { margin: 0px 0px 5px 0px; font-weight: bold; } .space { margin: 25px 0px 10px 0px; } /* FOOTER */ /* THIS IS THE BOTTOM CONTAINER OF THE WEBSITE. IT CLEARS THE FLOATS AND CONTAINS COPYRIGHT AND/OR FOOTER NAVIGATION. */ #foot { height: 48px; background-image: url('../img/bg-foot.gif'); background-repeat: no-repeat; font-size: 11px; } #foot a { color: #666; } #foot a:hover { color: #666; } #footLeft { float: left; width: 720px; } #footNav { padding: 26px 0px 0px 26px; } #footRight { float: left; width: 240px; text-align: right; } #logo { padding: 7px 18px 0px 0px; } .binderTest{display: none; border:1px #000 solid; width: 200px; height: 100px; } #BinderTest2{margin: -50px 0 0 100px;} #BinderTest3{margin: -275px 0 0 220px; background-color: #880000; z-index:1000; color:#FFFFFF; } #listentest{z-index:0; } /* EMIL DYNAMIC CONTENT */ #accordionItem1ContLeftInit { width: 240px; } #accordionItem2ContLeftInit { width: 240px; } #accordionItem3ContLeftInit { width: 240px; } #accordionItem4ContLeftInsideInit { width: 240px; padding: 0px 0px 0px 50px; } /* #accordionItem1BoxRight { width: 795px; margin: 0px; height: 482px; padding: 0px; overflow: hidden } */ #accordionItem1ContLeftOverview { float: left; width: 375px; padding: 25px 0px 0px 50px; } #accordionItem1ContRightOverview { float: left; width: 380px; height: 482px; padding: 0px 0px 0px 20px; } #accordionItem1ContLeft { float: left; width: 380px; height: 482px; } #accordionItem1ContRight { float: left; width: 410px; padding: 25px 0px 0px 20px; } #accordionItem2ContLeftOverview { float: left; width: 375px; padding: 25px 0px 0px 50px;} #accordionItem2ContRightOverview { float: left; width: 380px; height: 482px; padding: 0px 0px 0px 20px; } #accordionItem2ContLeft { float: left; width: 380px; height: 482px; } #accordionItem2ContRight { float: left; width: 410px; padding: 25px 0px 0px 20px; } #accordionItem3ContLeftOverview { float: left; width: 375px; padding: 25px 0px 0px 50px;} #accordionItem3ContRightOverview { float: left; width: 380px; height: 482px; padding: 0px 0px 0px 20px; } #accordionItem3ContLeft { float: left; width: 380px; height: 482px; } #accordionItem3ContRight { float: left; width: 410px; padding: 25px 0px 0px 20px; } #accordionItem4ContLeftInside { float: left; width: 210px; } #accordionItem4ContRightInside { float: left; width: 500px; padding: 0px 0px 0px 50px; /*border: 1px solid blue */} /* EMIL Dynamic content */