/**/ /*GLOBAL RESET*/ *{ margin: 0; padding: 0; border: 0; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 12px; color:#6b6b6b; } /* standard values */ h1, h1:hover{ font-size:14px; color:#f08a15; margin:12px 0 0 0px; font-weight:bold; } h2, h3, h4, h5{ color:#6b6b6b; margin:7px 0 0 0px; font-weight:bold; } strong{ font-weight:bold; } table { border-collapse: collapse; border-spacing: 0; width:100%; margin: 10px 0 20px 0; border:0px; } th, td{ margin:0px; padding: 3px 5px 3px 5px; border-top:dotted 1px #999; } th{ font-weight:bold; color:#222222; background-color:#999999; } a, a:link, a:visited, a:hover, a:focus{ text-decoration: none; color: #f08a15; } a.active, a:hover{font-weight:normal;} ul li { list-style-type: none; list-style-image:none; padding-left:6px; } ul li ul{padding-left:2px;} p{padding-top:15px;} .clear{clear:both;padding:0; } /* hide items */ .print_view{display:none;} .hiddenItem{display:none;} /*********** end of standard values */ /* design notes Arial (Navigation Bold 12px , Headline Regular 14px and text 12px.) Orange: #f08a15 Gray: #6b6b6b */ body{background:url(images/structural/background.jpg) repeat-x #ffffff;} #wrap{ margin: 0 auto 0 auto; width:997px; font-family: arial, Verdana, Geneva, Helvetica, sans-serif; line-height: 1.5em; padding:0; } /*top menus */ #toolMenu ul li, #toolMenu ul li ul{ display:inline; margin:0px 0px 0 0; padding:0px; } #toolMenu{ width:100%; margin:0px; padding:10px 0px 10px 0px; text-align:right; } #toolMenu a{ padding:0 5px 0 24px; color:#6b6b6b; background:url(images/structural/footerPipe.jpg) bottom left no-repeat; } #toolMenu a.first{ background:none; padding:10px 5px 10px 10px; } #toolMenu a:hover, #footerbar a:hover{ color:#f08a15; font-weight:normal; } #toolMenu a.current, #footerbar a.current{ color:#f08a15 !important; font-weight:bold !important; } #toolMenu a .current:hover, #footerbar a.current:hover{ color:#f08a15 !important; font-weight:bold !important; } #search_box { width: 985px; height: 31px; text-align:right; padding:10px 0px 0 0; margin:0 4px 0 0; background: url(images/structural/searchBg.png) bottom right no-repeat; } #search_box #s { padding: 0; margin: 9px 0 0 6px; border: 0; width: 140px; background: none; } #search_box #go { float: right; margin: 1px -4px 0 0; padding:0; } #topMenu{ z-index:95; position:relative; } #topMenu ul li, #topMenu ul li ul, #topMenu ul li ul li { float:left; margin:0px; padding:0px; } #topMenu a{ display:block; font-weight:bold; margin:62px /*21px when using search bar */ 0px 0px 0px; padding:8px 14px 11px 14px; color:#ffffff; background:url(images/structural/topMenuPipe2.jpg) center right no-repeat; } #topMenu a.last{background:none;} #topMenu a.homeLogo, #topMenu a.homeLogo:hover { display:block; width:250px; height:167px; text-indent:-9999px; background:url(images/structural/logo.jpg) no-repeat; margin:-38px /* -79px when using search bar */ 9px 0 0; padding:0px 0px 0px 0px; border:0; } #topMenu a.current, #topMenu a:hover{ background:url(images/structural/topNavBase.jpg) bottom left no-repeat #ffffff; color:#6b6b6b; /* Hide the white bar */ margin-left: -1px; margin-right:-1px; border-left:1px solid #fff; border-right:1px solid #fff } /* central columns */ #column1{ width:240px; float:left; margin:10px 0px 10px 9px; padding:10px 15px 0px 0px; background:url(images/structural/Column1Bg.jpg) no-repeat; } #column1 ul{margin:0 0 4px 15px;} #column123{ width:510px; float:left; margin:-31px 0px 30px 10px; padding: 0; height:101%; } #column3{ width:187px; float:left; margin:-31px -10px 0px 0px; padding:10px 15px 0px 18px; background:url(images/structural/column3Bg.jpg) no-repeat; height:101%; } #column2{ width:100%; float:left; margin:-29px 5px 0px 0px; padding:0 8px 3px 11px; height:101%; } .col1Footer{ height: 20px; width:240px; background:url(images/structural/Column1BgBase.jpg) no-repeat #ffffff; margin-left:1px; overflow:hidden; } .col3Footer{ height: 20px; width:218px; background:url(images/structural/column3BgBase.jpg) no-repeat #ffffff; margin-left:-18px; overflow:hidden; } #column1 h3{ width:87%; color:#f08a15; font-weight:normal; font-size:14px; border-bottom:dotted 1px #f08a15; padding-bottom:4px; margin:7px 10px 4px 15px; } #column1 ul li a{color:#6b6b6b;} #column1 ul li a:hover, #column1 ul li a.active { color:#f08a15; font-weight:bold; } #column123 ul, #column2 ul, #column123 ol, #column2 ol{ margin:5px 0 0 15px; } #column123 ul li, #column2 ul li, #column123 ul li ul li, #column2 ul li ul li{list-style-image:url(images/structural/bullet.jpg);} #column123 ol li, #column2 ol li, #column123 ol li ol li, #column2 ol li ol li{list-style-type:decimal;} #column123 p{ width:485px; } #column123 ul li a, #column2 ul li a{ display:block; } .additionalText{margin:10px 0 0 0;} .additionalText h2{ color:#f08a15; font-size:14px; } .additionalText p{margin:10px 0 0 0;} .additionalText a{ color:#f08a15; padding:3px 10px 0 0px; background:url(images/structural/formArrowsOrange.jpg) no-repeat top right; } .additionalText a:hover{ color:#6b6b6b; background:url(images/structural/linkArrows.jpg)no-repeat top right; } #column3 h3{ color:#f08a15; font-weight:normal; font-size:14px; padding:0 0 4px 0px; margin-bottom:4px; } #column3 img{margin-left:-5px;} /*content classes and special */ #homeQuote{ float:right; position:relative; margin:-261px 11px 0 0; padding:3px 2px 0px 0; background:url(images/structural/homeBannerBg.png) no-repeat top right; z-index:50; } #homeQuoteFoot{ background:url(images/structural/homeBannerBgFoot.png) no-repeat bottom right; height:2px; margin:0 -1px 0 0; } .hqContent{ background:url(images/structural/homeBannerBg.png) no-repeat top left #fff; margin:2px 8px 2px 0; padding:15px 4px 0 15px; } .hqContent h3{ color:#f08a15; font-size:14px; font-weight:bold; margin:0px; } .hqContent .vcard{padding:0 4px 0 0;} .hqContent .adr, #homeQuote .fax, #homeQuote .email{margin:0 0 5px 0;} .hqContent .adr .type, .adr .country-name{display:none;} .hqContent.org{font-weight:bold;} .hqContent a:hover{ font-weight:normal; color:#6b6b6b; } .hqContent .more{ padding:0 0 10px 0; margin:0 0 2px -15px; background:url(images/structural/homeBannerBgFoot.png) bottom left no-repeat #fff; } .hqContent .more a{ color:#6b6b6b; padding:3px 10px 0 15px; background:url(images/structural/linkArrows.jpg) no-repeat top right; } .hqContent .more a:hover{ color:#f08a15; background:url(images/structural/formArrowsOrange.jpg)no-repeat top right; } #column3 .hqContent{ background:none; padding:0; margin:0 0 5px 0; } /* Teaser block */ .Teaser .noLeftPadding{ padding-left:0px; background:none; } #column2 .Teaser{ width:300px; float:left; margin:10px 5px 0px 0; padding: 10px 10px 0px 10px; background:url(images/structural/homeTeaserBg.jpg) no-repeat top left; } #column2 .Teaser h3, #column2 .Teaser h3 a, #column2 .Teaser h3 a:hover{ cursor:default; color:#f08a15; font-size:12px; margin:10px 0 0 0; padding:0; font-weight:bold; } #column2 .Teaser p{ margin:5px 0 0 0; padding:0; } #column2 .Teaser a p, #column2 .Teaser a:hover p{ color:#6b6b6b; font-weight:normal; } #column2 .Teaser a{ color:#f08a15; padding:3px 10px 0 0px; } #column2 .Teaser a:hover{color:#6b6b6b;} #column2 .Teaser a.ReadMore{ color:#f08a15; padding:3px 10px 0 0px; background:url(images/structural/formArrowsOrange.jpg) no-repeat top right; } #column2 .Teaser a.ReadMore:hover{ color:#6b6b6b; background:url(images/structural/linkArrows.jpg)no-repeat top right; } #column2 .caption{display:none;} #column2 .halfWidth, #column2 .fullWidth{width:296px;} #column2 .TeaserFoot{ background:url(images/structural/homeTeaserBgBase.jpg) no-repeat bottom left; height:30px; margin:0 0 0 -10px; padding:0px; width:320px; } #column123 .Teaser{ background:url(images/structural/middlePhotoBg.jpg) no-repeat; padding:10px 8px 0px 10px; margin:0 0 5px -15px; } #column123 .Teaser h3{ color:#f08a15; font-size:14px; margin:10px 0 0 0; padding:0; } #column123 .Teaser p{ margin:10px 0 0 0; padding:0; } #column123 .Teaser h3{ color:#f08a15; font-weight:bold; font-size:14px; } #column123 .Teaser a p, #column123 .Teaser a:hover p{ color:#6b6b6b; font-weight:normal; } #column123 .Teaser a{ padding:3px 10px 0 0; margin:10px 0 0px 0; font-weight:bold; color:#f08a15; } #column123 .Teaser a.image{ padding:0; margin:0; font-weight:bold; color:#f08a15; } #column123 .Teaser a:hover{color:#6b6b6b;} #column123 .Teaser a.ReadMore{ padding:3px 10px 0 0; margin:10px 0 0px 0; font-weight:bold; color:#f08a15; background:url(images/structural/formArrowsOrange.jpg) no-repeat top right; } #column123 .Teaser a.ReadMore:hover{ color:#6b6b6b; background:url(images/structural/linkArrows.jpg)no-repeat top right; } #column123 .caption{ margin:-10px 0 0 0; padding:0; } #column123 .halfWidth{ width:243px; float:left; padding:0 10px 5px 0; } #column123 .fullWidth{width:485px;} #column123 .TeaserFoot{ background:url(images/structural/middlePhotoBgBase.jpg) no-repeat; height:10px; padding:0; margin:3px 0 0 -10px; width:507px; background-color:#fff; } #column3 .Teaser{ margin:0px; padding:0 0 5px 0px; background:none; } #column3 .Teaser h3{ color:#f08a15; font-weight:normal; font-size:14px; padding: 0 0 4px 0px; margin-bottom:4px; } #column3 .Teaser p{ margin:5px 0 0 0; padding:0; } #column3 .Teaser a p, #column2 .Teaser a:hover p{ color:#6b6b6b; font-weight:normal; } #column3 .Teaser a.ReadMore{ color:#f08a15; padding:3px 10px 0 0px; } #column3 .Teaser a.ReadMore:hover{color:#6b6b6b;} #column3 .Teaser a.ReadMore{ color:#f08a15; padding:3px 10px 0 0px; background:url(images/structural/formArrowsOrange.jpg) no-repeat top right; } #column3 .Teaser a.ReadMore:hover{ color:#6b6b6b; background:url(images/structural/linkArrows.jpg)no-repeat top right; } #column3 .caption{visibility:hidden;} #column3 .Teaser img{margin-left:-5px;} #column3 .Teaser .halfWidth, #column3 .Teaser .fullWidth {width:193px;} #column3 .TeaserFoot{visibility:hidden;} .middlePhoto123{ background:url(images/structural/middlePhotoBg.jpg) no-repeat; padding:10px 8px 0px 10px; margin:0 0 5px -15px; width:485px; } .middlePhoto123 .fullwidth{width:485px;} ,middlePhoto123 .halfWidth{ width:243px; float:left; padding:0 10px 5px 0; } .middlePhoto123 h3{ color:#f08a15; font-weight:bold; font-size:14px; } .middlePhoto123 p{padding:10px 0 0 0;} .middlePhoto123 a .more{ padding:3px 10px 0 0; margin:10px 0 0px 0; font-weight:bold; color:#f08a15; background:url(images/structural/formArrowsOrange.jpg) no-repeat top right; } .middlePhoto123 a .more:hover{ color:#6b6b6b; background:url(images/structural/linkArrows.jpg)no-repeat top right; } .middlePhoto123 .caption{ margin:-10px 0 0 0; padding:0; } table{width:95%;} th{ font-weight:bold; color:#6b6b6b; border-right:1px dotted #f08a15; } td{ color:#6b6b6b; border-top:1px dotted #f08a15; border-left:1px dotted #f08a15; } tr:first-child td, .firstRow{ border-top:none; font-weight:bold !important; } td:first-child, .firstCol{ border-left:none; } .middlePhotoBase123{ background: #fff url(images/structural/middlePhotoBgBase.jpg) no-repeat; height:10px; padding:0; margin:3px 0 0 -10px; width:507px; clear:both; } .middlePhoto2{ position:relative; z-index:1; } #sitemapBg{ background:url(images/structural/sitemapBorder.jpg) no-repeat; padding:10px 10px 0 10px; margin:0 0 0 -6px; } #sitemapBgFoot{ background:url(images/structural/sitemapBorderBottom.jpg) no-repeat; margin: 0 0 0 -10px; height:10px; } #sitemap h2{ font-size:14px; color:#f08a15; margin:12px 0 0 10px; font-weight:bold; } #sitemap ul{ margin:5px 0 0 5px; } #sitemap a{ color:#6b6b6b; font-weight:normal; padding:0; margin:0; } #sitemap a:hover{ color:#f08a15; font-size:14px; } #sitemap .lvl1 ul{ padding:10px 0 0 0; margin:0; } #sitemap .lvl1 li{ width:14%; float:left; margin:0 15px 0 0; list-style-image:none; } #sitemap .lvl1 a{ color:#f08a15; font-size:14px; } #sitemap .lvl2 ul{padding:0;} #sitemap .lvl2 li{ float:none; border-top:dotted 1px #f08a15; width:100%; padding:8px 0 10px 0; } #sitemap .lvl2 a{ color:#6b6b6b; font-weight:normal; background:url(images/structural/linkArrows.jpg) no-repeat top left; padding: 0 0 0 10px; font-weight:bold; font-size:12px; } #sitemap .lvl2 a:hover{ color:#f08a15; background:url(images/structural/formArrowsOrange.jpg) no-repeat top left; font-size:12px; } #sitemap .lvl3 li{ float:none; border:none; padding:0; margin:0; } #sitemap .lvl3 a{ padding:0 0 0 10px; margin:0 0 0 10px; font-weight:normal; } /* Contact Form */ form ol li{ list-style-type:none; list-style-image:none; } .kontakt{margin:10px 0 0 0; } .kontakt ol, .kontakt ol li{ list-style-type:none !important; list-style-image:none; } .kontakt ol li label{ display:block; font-weight:bold; padding:13px 0 0 0; } .kontakt ol li input, .kontakt ol li textarea{ border:solid 1px #6b6b6b; padding:2px; margin:5px 0 0 0; } .kontakt textarea{ width:322px; height:85px; } .kontakt em{ color:#f08a15; font-size:10px; display:block; padding:10px 0 0px 0; border-top:dotted 1px #f08a15; } .kontakt em div em{ border-top:0; padding-top:0; } .kontakt em span{ position:absolute; } .kontakt ol em{ border:none; display:inline; padding:0px 0 0 5px; } .abrechen{ background-color:#fff; padding:3px 10px 3px 3px; margin:20px 0 10px 0; border:none;background:url(images/structural/linkArrows.jpg) no-repeat top right; float:left; } .abrechen:hover{ color:#f08a15; background:url(images/structural/formArrowsOrange.jpg) no-repeat top right; } .absenden{ background-color:#fff; padding:3px 10px 3px 3px; margin:20px 0 10px 0; float:right; color:#f08a15; border:none; background:url(images/structural/formArrowsOrange.jpg) no-repeat top right; } .absenden:hover{ color:#6b6b6b; background:url(images/structural/linkArrows.jpg)no-repeat top right; } /* footer */ #footerbar{ width:100%; border-top:dotted 1px #6b6b6b; margin-bottom: 2em; } #footerbar ul { float:left; padding:10px 10px 10px 0px; margin:0px; } #footerbar ul li { display:inline; margin:0px; padding:0px; } #footerbar ul li a{ padding:0 0 0 19px; margin:0 1px 0 0; color:#6b6b6b; background:url(images/structural/footerPipe.jpg) left center no-repeat; } #footerbar ul li a.first{ background:none; padding:0; margin: 0 -2px 0 0; } #copyright{ float:right; text-align:right; padding-top:10px; } /* Downloads */ #column123 .links, #column2 .links{ border-top:dotted 1px #f08a15; margin-top:16px; } #column123 .links h2, #column2 .links h2{ color:#6b6b6b; font-size:14px; font-weight:normal; margin:12px 0 0 0; } #column123 .links ul, #column2 .links ul{ margin:10px 0 0 0; } #column123 .links li, #column2 .links li{ list-style-image:none !important; padding-left:0; } .links a{ color:#f08a15; margin:0; padding:0; line-height:1.5em; } .links a:hover{color:#6b6b6b !important;} a.download { padding: 7px 0px 0px 30px !important; background:url(images/structural/pic.gif) no-repeat center left; } a.ai { background-image:url(images/structural/vector.gif) !important; } a.gif { background-image:url(images/structural/gif.gif) !important; } a.jpg { background-image:url(images/structural/jpg.gif) !important; } a.png { background-image:url(images/structural/png.gif) !important; } a.pdf { background-image:url(images/structural/pdf.gif) !important; } a.xls { background-image:url(images/structural/exel.gif) !important; } a.dot, a.doc, a.docx { background-image:url(images/structural/word.gif) !important; } /* Gallery module */ a.gallery, a.gallery-right { position: relative; display: block; float: left; margin-right: 7px; } a.gallery-right { margin-right: 0; } a.gallery span, a.gallery-right span { display: block; position: absolute; right: 0; bottom: 0; width: 17px; height: 17px; background: url(images/structural/zoom.gif) no-repeat; } /* referenzen */ #column1 h3.last { border-bottom: 0 none; } ul.referenzen, ul.referenzenteaser { overflow: hidden; margin: 30px 0 20px !important; } ul.referenzen li, ul.referenzenteaser .col50 { float: left; } ul.referenzen li, ul.referenzenteaser li { padding-left: 0; padding-bottom: 18px; } ul.referenzen li { width: 232px !important; margin-right: 10px !important; } ul.referenzen li.even, ul.referenzenteaser .col50 { margin-right: 20px; } ul.referenzen a { background: transparent url(images/structural/formArrowsOrange.jpg) no-repeat right top; display: inline !important; color: #F08A15; padding: 3px 10px 0 0; } ul.referenzen a:hover { color: #6b6b6b; background:url(images/structural/linkArrows.jpg)no-repeat top right; } ul.referenzenteaser li { overflow: hidden; list-style-image: none !important; } ul.referenzenteaser .col50 { width: 232px; } ul.referenzenteaser .col50 h2 { color: #F08A15; margin-top: 0; } ul.referenzenteaser .col50 p { padding-top: 5px; width: auto !important; }.reference { height: 18px; padding-bottom: 10px; } .stars { overflow: hidden; float: right; margin-top: 13px; padding-right: 20px; } #stars-wrapper1 { float: right; } #stars-wrapper2, .stars-container p { float: left; } #stars-wrapper2 { margin: 0 10px 0 40px; } .reference-gallery { padding: 15px 0 5px; } .stars-container p { width: auto !important; padding: 0 0 6px; } .stars-container { background: url(images/structural/middlePhotoBg.jpg) no-repeat 0 0; margin: 0 0 5px -15px; padding: 10px 8px 0 10px; width: 485px; } .stars-containerbase { background: #FFFFFF url(images/structural/middlePhotoBgBase.jpg) no-repeat 0 0; clear: both; height: 10px; margin: 3px 0 0 -10px; padding: 0; width: 507px; } h1.referencetitle { float: left; width: 400px; } .referencecontact .vcard { margin-top: 5px; } .referencecontact .org { color: #F08A15; } #column3 .referencecontact h3 { color: #6B6B6B; font-size: 12px; font-weight: bold; padding: 0; margin: 20px 0 0; }