body { background: #fff; color: #666; margin: 0; padding: 0; font-family: arial,helvetica,sans-serif; font-size: 12px; } div.centered { position: absolute; left: 50%; width: 780px; margin-left: -390px; } #header { background: url(http://www.monath-copy.de/grafiken/header_bg.gif); height: 355px; } #header div.header { background: url(http://www.monath-copy.de/grafiken/headerspot_bg.gif) top center no-repeat; height: 355px; } #logo { position: absolute; left: 40px; top: 29px; z-index: 2; } #logo div.logo { background: url(http://www.monath-copy.de/grafiken/logo.gif) top left no-repeat; width: 203px; height: 71px; } #logo h1 { display: none; } #infos { position: absolute; left: 265px; top: 45px; z-index: 2; } #infos a.infos { background: url(http://www.monath-copy.de/grafiken/infos.gif) top left no-repeat; width: 475px; height: 33px; display: block; } #infos p { display: none; } #decobar { position: absolute; left: 0; top: 80px; background: #000; z-index: 1; overflow: hidden; padding-top: 19px; } div.decon { height: 159px; } div.decob { height: 259px; } #decobar div.laden { background: url(http://www.monath-copy.de/grafiken/deco/laden.jpg) top left no-repeat; width: 780px; height: 160px; } #decobar div.tunnel { background: url(http://www.monath-copy.de/grafiken/deco/tunnel.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.news { background: url(http://www.monath-copy.de/grafiken/deco/news.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.time-is-money { background: url(http://www.monath-copy.de/grafiken/deco/time-is-money.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.unternehmen { background: url(http://www.monath-copy.de/grafiken/deco/unternehmen.jpg) top left no-repeat; width: 780px; height: 200px; } #decobar div.x-ray { background: url(http://www.monath-copy.de/grafiken/deco/x-ray.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.angebote { background: url(http://www.monath-copy.de/grafiken/deco/angebote.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.aussicht { background: url(http://www.monath-copy.de/grafiken/deco/aussicht.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.biz { background: url(http://www.monath-copy.de/grafiken/deco/biz.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.keyboard { background: url(http://www.monath-copy.de/grafiken/deco/keyboard.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.lieferservice { background: url(http://www.monath-copy.de/grafiken/deco/lieferservice.jpg) top left no-repeat; width: 780px; height: 182px; } #decobar div.kontakt { background: url(http://www.monath-copy.de/grafiken/deco/kontakt.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.telefon { background: url(http://www.monath-copy.de/grafiken/deco/telefon.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.anfahrt { background: url(http://www.monath-copy.de/grafiken/deco/anfahrt.jpg) top left no-repeat; width: 780px; height: 180px; } #decobar div.mm { background: url(http://www.monath-copy.de/grafiken/deco/mm.jpg) top left no-repeat; width: 780px; height: 260px; } #special { position: absolute; left: 40px; top: 287px; } #special div.j30 { background: url(http://www.monath-copy.de/grafiken/special/30jahre.gif) top left no-repeat; width: 134px; height: 59px; } #contents { position: absolute; left: 0; top: 314px; width: 100%; } #contents div.contents { width: 475px; } #navigation { position: absolute; left: 30px; top: 54px; } #navigation div.navigation { width: 220px; } #navigation ul { margin: 0; border: 0; padding: 0; width: 220px; list-style: none; } #navigation li { margin: 0; border: 0; padding: 0; } #navigation a { display: block; } #navigation span { display: none; } #maintitle { position: absolute; left: 266px; top: 0; height: 38px; } #maintitle div.maintitle { width: 475px; height: 38px; background: bottom left no-repeat; } #maintitle h2 { color: #000; height: 38px; line-height: 38px; margin: 0 ; padding: 0; border: 0; font-family: arial,helvetica,sans-serif; font-size: 38px; text-transform: uppercase; width: 475px; display: block; } #maintitle span.hidden { display: none; } #maincopy { position: absolute; left: 266px; top: 54px; } #maincopy div.maintitle { width: 475px; } #maincopy p { line-height: 19px; font-size: 12px; font-family: arial,helvetica,sans-serif; text-align: justify; margin: 0 0 12px 0; padding: 0; border: 0; } #maincopy p.big { line-height: 22px; font-size: 15px; font-weight: bold; } #maincopy p.xxl { line-height: 22px; font-size: 15px; font-weight: bold; } #maincopy p.xl { line-height: 22px; font-size: 15px; } #maincopy p.l { line-height: 19px; font-size: 13px; } #maincopy p.n { line-height: 19px; font-size: 12px; } #maincopy p.s { line-height: 19px; font-size: 11px; } #maincopy p.al { text-align: left; } #maincopy p.ac { text-align: center; } #maincopy p.ar { text-align: right; } #maincopy span.xl { font-size: 15px; } #maincopy span.l { font-size: 13px; } #maincopy span.n { font-size: 12px; } #maincopy span.s { font-size: 11px; } #maincopy span.big { line-height: 22px; font-size: 15px; font-weight: bold; } #maincopy p.small { line-height: 19px; font-size: 12px; color: #808080; } #maincopy span.small { line-height: 19px; font-size: 12px; color: #808080; } #maincopy a { color: #600; } #maincopy a:hover { color: #000; } #maincopy ul.icon { margin: 0; border: 0; padding: 0; list-style: none; font-family: arial,helvetica,sans-serif; font-size: 12px; } #maincopy li.icon { display: inline; width: 150px; float: left; margin: 0 16px 16px 0; } #maincopy table { border-top: 1px solid #808080; } #maincopy table.gray { border-top: 1px solid #808080; background: #f7f7f7; } #maincopy th { border-bottom: 1px solid #808080; color: #000; font-size: 12px; font-family: arial,helvetica,sans-serif; padding: 2px 6px; text-align: left; background: #f7f7f7; } #maincopy td { border-bottom: 1px solid #808080; color: #666; font-size: 12px; font-family: arial,helvetica,sans-serif; padding: 2px 6px; text-align: left; } #maincopy td.ac { text-align: center; } #maincopy td.ar { text-align: right; } #maincopy dt { font-family: arial,helvetica,sans-serif; font-size: 13px; font-weight: bold; } #maincopy dd { font-family: arial,helvetica,sans-serif; font-size: 12px; } #maincopy h3 { font-family: arial,helvetica,sans-serif; font-size: 15px; text-transform: uppercase; } p.copyright { font-family: arial,helvetica,sans-serif; font-size: 12px; margin-top: 40px; } #startpage { position: absolute; left: 0; top: 13px; padding-bottom: 40px; } #startpage p { line-height: 22px; font-size: 15px; font-weight: bold; padding: 0 10px; } #startpage div.startmenu { width: 780px; height: 200px; } #startpage div.col1 { width: 220px; float: left; margin-left: 30px; } #startpage div.col2 { width: 220px; float: left; margin-left: 30px; } #startpage div.col3 { width: 220px; float: left; margin-left: 30px; } #startpage div.normal { width: 260px; height: 160px; overflow: hidden; text-align: center; } #startpage div.varheight { width: 260px; overflow: visible; text-align: center; } #startpage div.wide { width: 520px; height: 160px; text-align: left; } #startpage ul { margin: 0; border: 0; padding: 0; width: 220px; list-style: none; } #startpage li { margin: 0; border: 0; padding: 0; text-align: left; } #startpage li a { display: block; } #startpage a.y { color: #ffee00; } #startpage a.y:hover { color: #ffffff; } #startpage span { display: none; } #startAnim1 { position: absolute; left: 40; top: 140px; background: #000; z-index: 2; xwidth: 150px; xheight: 150px; xoverflow: hidden; } #startAnim2 { position: absolute; left: 223; top: 140px; background: #000; z-index: 2; xwidth: 150px; xheight: 150px; xoverflow: hidden; } #startAnim3 { position: absolute; left: 407; top: 140px; background: #000; z-index: 2; xwidth: 150px; xheight: 150px; xoverflow: hidden; } #startAnim4 { position: absolute; left: 590; top: 140px; background: #000; z-index: 2; xwidth: 150px; xheight: 150px; xoverflow: hidden; }