* {padding:0; margin:0; } body { background: #7ba5c7 url(images/bg.gif) repeat-x; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #444f5d; } img { border:0; } a { color:#5494c7; text-decoration: underline; } a:hover { color: #E53932; text-decoration: none; } h1 {font-size: 1.25em; margin:0 0 15px 0;} h2 { font-size: 1em; padding:3px 0 2px 0;text-transform: uppercase; } h3 {font-size: 1.1em; margin:0 0 15px 0;} h4 { font-size: 1em; padding-top:25px; text-transform: uppercase; } /*startseite*/ p {line-height: 1.5em; margin-right: 36px; margin-bottom: 10px; text-align:justify;} address { font-style:normal; font-size:10px; color: #999; padding-top:15px;} #container { position:relative; width:942px; margin: 15px auto 0; left: -2px; top: -42px;} #messeLogo { position:absolute; left:71px; top:546px; width:162px; height:151px; z-index:2; } #messeLogoSub { position:absolute; left:-9px; top:573px; width:229px; height:220px; z-index:2; background: #FFF; -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; -khtml-border-top-left-radius:15px; border-radius-top-left:15px; -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; -khtml-border-bottom-left-radius:15px; border-radius-bottom-left:15px; } #messeLogoSub p { margin:8px 0 4px 20px; text-align:left; font-weight:bold;} #messeLogoSub img {margin:5px 0;} body.daten #messeLogoSub, body.masse #messeLogoSub, body.stanzformtechnik #messeLogoSub, body.druckereien #messeLogoSub, body.technik #messeLogoSub, body.wellpappe #messeLogoSub, body.kartonage #messeLogoSub { position:absolute; left:-9px; top:660px; width:229px; height:220px; z-index:2; background: #FFF; -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; -khtml-border-top-left-radius:15px; border-radius-top-left:15px; -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; -khtml-border-bottom-left-radius:15px; border-radius-bottom-left:15px; } /*kopf*******************************************************************************************************************/ #header {position:relative; width:942px; height:140px; background: url(images/bg_oben.png) no-repeat;} #logo {background: #FFF url(images/bg_header_graue_linie.jpg) repeat-x; width:283px; height:119px; position:absolute; top:9px; left:9px; } #logo img {margin:30px 0 0 30px;} #kopfbild {position:absolute; right:9px; top:9px; width: 659px; height:119px; background: url(images/kopfbilder/startseite.jpg) no-repeat;} #deckel {background: url(images/bilderdeckel.png) no-repeat; width: 659px; height:119px;} #deckel div {position:absolute; right:13px; bottom:2px; color:#fff;} #deckel div a {color:#fff; text-decoration:none; position:relative;} #apBilder h2 {clear:left;} #apBilder img {margin-bottom:25px;} .verkauf table {border: 1px solid #ddd; border-collapse: collapse; margin:1em 0;} .verkauf td {font-size: 0.8em; border: 1px solid #ddd;padding: 3px;width:auto; vertical-align:top;} .verkauf td.normal {background-color:#F0F5F9;} .verkauf td.farbe {background-color:#F1F6F9;} ol { margin-left: 20px; margin-bottom: 20px; } #content {background: url(images/bg_mitte.png) repeat-y; min-height:800px; height:auto !important; height:800px;} /*navi*******************************************************************************************************************/ #linkerBlock { background: url(images/bg_ecke_navi.png) no-repeat; padding-top: 60px; width:240px; float:left; } #linkerBlock ul { list-style: none; margin-left:74px; } #linkerBlock ul#navHaupt {margin-bottom:12px;} #linkerBlock ul li {margin-bottom: 2px} #linkerBlock ul#navHaupt a {display:block; height:24px; text-decoration: none; line-height: 24px; background: #e5e5e5 url(images/navbild.png) no-repeat right top; width:161px; text-indent: 10px; color: #333;} #linkerBlock ul#navHaupt a:hover {display:block; height:24px; text-decoration: none; line-height: 24px; background: #727272 url(images/navbild.png) no-repeat right top; width:161px; text-indent: 10px; color: #fff;} #linkerBlock ul#navSub a { display:block; height:24px; text-decoration: none; line-height: 24px; background: #e5edf4 url(images/navbild.png) no-repeat right top; width:161px; text-indent: 10px; color: #333;} #linkerBlock ul#navSub a:hover { display:block; height:24px; text-decoration: none; line-height: 24px; background: #005193 url(images/navbild.png) no-repeat right top; width:161px; text-indent: 10px; color: #fff; } #linkerBlock ul#navHaupt ul#staFoTe, #linkerBlock ul#navSub ul#staFoTe {margin:5px 0 10px 3px;} #linkerBlock ul#navHaupt ul#staFoTe a, #linkerBlock ul#navSub ul#staFoTe a {display:block; height:12px; text-decoration: none; line-height: 12px; background: none; width:161px; text-indent: 0px; color: #333; font-size:10px;} #linkerBlock ul#navHaupt ul#staFoTe a:hover, #linkerBlock ul#navSub ul#staFoTe a:hover {display:block; height:12px; text-decoration: none; line-height: 12px; background: none; width:161px; text-indent: 0px; color: #E53932; font-size:10px;} #rechterBlock {float:right; width:630px; min-height:400px; height:auto !important; height:400px; padding-bottom:30px;} #rechterBlock a { text-decoration: none; } /*inhalt*******************************************************************************************************************/ #kruemel {margin:20px 0 20px 0;} #kruemel a, #textInhalt a.unterstrichen { text-decoration: underline; } #footer {height:50px; clear:both; font-size:0.9em; background: url(images/bg_unten.png) no-repeat; padding-left:310px;} #textInhalt { width:430px; float:left; } #formularAnfrage { width:600px; float:left; } #ansprechpartner { width:160px; float:left; border-left:dotted 1px #A6A6A6; padding-left:15px; } /*formulare*******************************************************************************************************************/ .kontakt label {display:block; width:100px; float:left;} .kontakt input, .kontakt textarea {width:200px; border:solid 1px #eff3f2; border-bottom-color:#323f49; font: 12px 'Trebuchet MS', sans-serif; padding:2px;} .wech {background-color:#e5e5e5;} .anfragen input.txt {width:200px; border:solid 1px #ccc; font: 11px 'Trebuchet MS', sans-serif; padding:2px;} .anfragen select {width:80px; border:solid 1px #ccc; font: 11px 'Trebuchet MS', sans-serif; padding:2px;} .anfragen input.txtKl {width:50px; border:solid 1px #ccc; font: 11px 'Trebuchet MS', sans-serif; padding:2px;} .anfragen textarea {width:240px; border:solid 1px #ccc; font: 11px 'Trebuchet MS', sans-serif; padding:2px;} .anfragen input.wech {width:240px; border:solid 1px #ccc; font: 11px 'Trebuchet MS', sans-serif; padding:2px;} .anfragen td {padding:2px 1px 2px 10px;} .anfragen td.thema { border-bottom: 1px solid #fff; padding:0px;} .anfragen h4 {padding-top:12px; border-bottom: 1px solid #ccc; margin-bottom:10px; padding-left:10px;} .anfragen td.farbe {background-color:#f1f6f9;} .anfragen td.farbe2 { background-color:#fbfcfc; } table.masse td {padding:2px 4px 2px 4px;} table.masse td.farbe {background-color:#f1f6f9;} table.masse td.farbe2 { background-color:#fbfcfc; } /*gedoens*******************************************************************************************************************/ .aufraeum {clear:both;} .linie { width:auto; border: none; color: #CCD0D3; height: 1px; margin: 20px 0; padding: 0px; background: #CCD0D3; } .rahmen { background: #FFF; padding: 3px; border: 1px solid #BABABA; } .abstRe {margin-right:10px;} .bildu a {display:block; width:135px; float:left; font-size:11px; margin-top:2px; text-decoration:none;} .liFloat {float:left; margin:0 20px 12px 0;} .haendchen {cursor:pointer;} ul.aufzaehlung {padding-left:17px; padding-bottom:12px; list-style-type:square;} ul.verkauf {padding-left:17px; font-weight:normal; list-style-type:square;} ul.verkauf ul {padding-left:17px; font-weight:normal;} .rot { color: #E53932; } .ap {display:block; float:left; margin-right:10px;} /*aktive navipunkte*******************************************************************************************************************/ body.stanzformtechnik #linkerBlock ul#navHaupt a.stanzformtechnik, body.wasserstrahltechnik #linkerBlock ul#navHaupt a.wasserstrahltechnik, body.verpackungsentwicklung #linkerBlock ul#navHaupt a.verpackungsentwicklung, body.feinlasertechnik #linkerBlock ul#navHaupt a.feinlasertechnik {background: #727272; color: #fff;} body.unternehmen #linkerBlock ul#navSub a.unternehmen, body.service #linkerBlock ul#navSub a.service, body.verkauf #linkerBlock ul#navSub a.verkauf, body.anfragen #linkerBlock ul#navSub a.anfragen, body.ansprechpartner #linkerBlock ul#navSub a.ansprechpartner, body.links #linkerBlock ul#navSub a.links, body.archiv #linkerBlock ul#navSub a.archiv, body.daten #linkerBlock ul#navSub a.daten, body.downloadbereich #linkerBlock ul#navSub a.downloadbereich {background: #005193; color: #fff;} body.druckereien #linkerBlock ul#staFoTe a.druckereien, body.technik #linkerBlock ul#staFoTe a.technik, body.wellpappe #linkerBlock ul#staFoTe a.wellpappe, body.kartonage #linkerBlock ul#staFoTe a.kartonage {color: #E53932; font-weight:bold;} /*aktive kopfbilder*******************************************************************************************************************/ body.stanzformtechnik #kopfbild {background: url(images/kopfbilder/stanzformtechnik.jpg) no-repeat;} body.wasserstrahltechnik #kopfbild {background: url(images/kopfbilder/wasserstrahlschneidtechnik.jpg) no-repeat;} body.verpackungsentwicklung #kopfbild {background: url(images/kopfbilder/verpackungsentwicklung.jpg) no-repeat;} body.feinlasertechnik #kopfbild {background: url(images/kopfbilder/feinlasertechnik.jpg) no-repeat;} body.unternehmen #kopfbild {background: url(images/kopfbilder/unternehmen.jpg) no-repeat;} body.jubi #kopfbild {background: url(images/kopfbilder/25.jpg) no-repeat;} body.links #kopfbild {background: url(images/kopfbilder/links.jpg) no-repeat;} body.service #kopfbild {background: url(images/kopfbilder/service.jpg) no-repeat;} body.verkauf #kopfbild {background: url(images/kopfbilder/verkauf.jpg) no-repeat;} body.anfragen #kopfbild {background: url(images/kopfbilder/anfragen.jpg) no-repeat;} body.ansprechpartner #kopfbild {background: url(images/kopfbilder/ansprechpartner.jpg) no-repeat;} body.downloadbereich #kopfbild {background: url(images/kopfbilder/download.jpg) no-repeat;} body.druckereien #kopfbild {background: url(images/kopfbilder/druckereien.jpg) no-repeat;} body.technik #kopfbild {background: url(images/kopfbilder/technisch.jpg) no-repeat;} body.wellpappe #kopfbild {background: url(images/kopfbilder/wellpappe.jpg) no-repeat;} body.kartonage #kopfbild {background: url(images/kopfbilder/kartonage.jpg) no-repeat;} #messe { width: 150px; margin-left: 74px; text-align: center; margin-top: 15px; border: 1px dotted #005194; padding: 3px; font-size:9px;} #newsText { width: 440px; } .groesser { font-size: 13px; line-height: 120%; } #feinlaserInfo #schliessen { position:absolute; left:677px; top:0px; width:25px; height:25px; z-index:1; } #feinlaserInfo { position:absolute; left:156px; top:48px; width:700px; height:560px; z-index:1; background: #FFF; border: 1px solid #666; padding: 1px; visibility: hidden; } #innovativteaser { position:absolute; left:-27px; top:173px; width:182px; height:63px; z-index:2; }