* { color: #000; font: normal 12px Arial, sans-serif; margin: 0; padding: 0; text-decoration: none; } .img { letter-spacing: -1000em; text-indent : -999em; overflow: hidden; display: block; background-repeat: repeat; background-color: transparent; } .invisible { display: none; } html { min-height: 100%; } #main { height: 100%; } #wrap { margin: 0 auto; height: 100%; width: 720px; } #wrap > * { border: 1px solid #585858; border-style: none solid; width: 720px; } #header > div { background: url('../images/header/home.gif') no-repeat; border-bottom: 1px solid #585858; min-height: 75px; } #slogan { font-size:14px; color:#045531; font-weight:bold; padding:25px 0 0 15px; max-width:300px;} #top { width: 710px; height: 75px; background: no-repeat 15px 0; padding: 10px 10px 0px 0px; } #navigation { list-style: none; height: 15px; } #navigation > li { border-left: 1px solid #585858; float: right; height: 10px; padding: 0 5px; text-indent: 5px; vertical-align: top; } #navigation > li > a { font-size: 14px; height: 15px; } #navigation > li > ul { border-left: 1px solid #585858; list-style: none; padding-top: 3px; position: relative; left: -6px; top: -5px; overflow: visible; } #navigation > li > ul > li { line-height: 0; } #navigation > li > ul > li > a { height: 12px; margin: 0px 0px 0px 5px; } #navigation > li.kontakt > a { background: url('../images/navigation/kontakt.png') no-repeat; width: 45px; } #navigation > li.mulden > a { background: url('../images/navigation/mulden.png') no-repeat; width: 42px; } #navigation > li.transport > a { background: url('../images/navigation/transport.png') no-repeat; width: 58px; } #navigation > li.recycling > a { background: url('../images/navigation/recycling.png') no-repeat; width: 54px; } #navigation > li.erdbau > a { background: url('../images/navigation/erdbau.png') no-repeat; width: 45px; } #navigation > li.kieswerk > a { background: url('../images/navigation/kieswerk.png') no-repeat; width: 55px; } #navigation > li.unternehmung > a { background: url('../images/navigation/unternehmung.png') no-repeat; width: 87px; } #navigation > li.mulden > ul { width: 41px; } #navigation > li.kieswerk > ul { width: 54px; } #navigation > li.erdbau > ul { width: 44px; } #navigation > li.unternehmung > ul { width: 86px; } #navigation > li.kontakt > a:hover { background: url('../images/navigation/hover/kontakt.png') no-repeat; width: 45px; } #navigation > li.mulden > a:hover { background: url('../images/navigation/hover/mulden.png') no-repeat; width: 42px; } #navigation > li.transport > a:hover { background: url('../images/navigation/hover/transport.png') no-repeat; width: 58px; } #navigation > li.recycling > a:hover { background: url('../images/navigation/hover/recycling.png') no-repeat; width: 54px; } #navigation > li.erdbau > a:hover { background: url('../images/navigation/hover/erdbau.png') no-repeat; width: 45px; } #navigation > li.kieswerk > a:hover { background: url('../images/navigation/hover/kieswerk.png') no-repeat; width: 55px; } #navigation > li.unternehmung > a:hover { background: url('../images/navigation/hover/unternehmung.png') no-repeat; width: 87px; } #navigation > li > ul > li.team > a { background: url('../images/navigation/unternehmung/team.gif') no-repeat bottom; width: 27px; } #navigation > li > ul > li.aktuell > a { background: url('../images/navigation/unternehmung/aktuell.gif') no-repeat bottom; width: 37px; } #navigation > li > ul > li.kunden > a { background: url('../images/navigation/unternehmung/kunden.gif') no-repeat bottom; width: 38px; } #navigation > li > ul > li.persoenlich > a { background: url('../images/navigation/unternehmung/persoenlich.gif') no-repeat bottom; width: 56px; } #navigation > li > ul > li.aushub > a { background: url('../images/navigation/erdbau/aushub.gif') no-repeat bottom; width: 148px; } #navigation > li > ul > li.preisliste > a { background: url('../images/navigation/erdbau/preisliste.gif') no-repeat bottom; width: 48px; } #navigation > li > ul > li.referenzliste > a { background: url('../images/navigation/erdbau/referenzliste.gif') no-repeat bottom; width: 66px; } #navigation > li > ul > li.siebkurve_betonkies > a { background: url('../images/navigation/kieswerk/siebkurve_betonkies.gif') no-repeat bottom; width: 110px; } #navigation > li > ul > li.siebkurve_kiessand > a { background: url('../images/navigation/kieswerk/siebkurve_kiessand.gif') no-repeat bottom; width: 110px; } #navigation > li > ul > li.pruefberichte > a { background: url('../images/navigation/kieswerk/pruefberichte.gif') no-repeat bottom; width: 70px; } #content_wrap { position: absolute; bottom: 21px; overflow: auto; top: 161px; width: 720px; } .ueberschrift { font-weight:bold; } #images { float: left; list-style: none; margin: 15px 0 10px 100px; } #images > li { border: 1px solid #585858; display: block; height: 126px; margin-bottom: 15px; width: 126px; } #content { margin: 15px 100px 10px 300px; } #content a { color: #00522b; text-decoration: underline; } #content dl { line-height: 16px; } #content dt { line-height: 16px; } #content dd { line-height: 16px; } #content p { line-height: 16px; margin: 0 0 10px; } #content h1 { color:#000; margin-bottom:15px; font-size:12px; font-weight:bold; } #content em { font-style:italic; } #content strong { font-weight:bold; } /** Content Actual **/ #content2 { margin: 15px 100px 10px 100px; } #content2 a { color: #00522b; text-decoration: underline; } #content2 dl { line-height: 16px; } #content2 dt { line-height: 16px; } #content2 dd { line-height: 16px; } #content2 p { line-height: 16px; margin: 0 0 10px; } #content2 p.ueberschrift { color: #000000; font-weight:bold; font-size:14px;} #content2 table.tbl_content > * { vertical-align:top; } #content2 table.tbl_wrap {border-top:1px solid #00552b; width:100%} #content2 table.tbl_content tr.headline { height:26px; padding-left:10px; } #content2 talbe.tbl_content tr.article td > * { margin-left:20px;} #content2 table.tbl_wrap img {border:1px solid black; margin:5px 10px 5px 0px;} #footer { border-top: 1px solid #585858; bottom: 0; font-size: 9px; height: 20px; line-height: 20px; padding: 0 5px; position :absolute; text-align: right; width: 710px; } /** General Settings */ /** Classes */ /** HTML */ /** Body */ /** Wrap */ /** Header */ /** Top */ /** Navigation */ /** Content Wrapper */ /** Images */ /** Content */ /** Footer */ #content_wrap { background: url('../images/design/background.png'); bottom: 20px; top: 105px; text-align:center; height:auto; } #images { display:none; } #content { margin-top:50px; margin-bottom:auto; margin-left:120px; } #content ul * { list-style: none; width: 432px; } #content ul li { border: 1px solid #fff; float: left; height:184px; margin: 15px; width: 184px; } #content ul li.one { background: #DDD url('../images/content/startseite/1.jpg') no-repeat; } #content ul li.two { background: #DDD url('../images/content/startseite/2.jpg') no-repeat; } #content ul li.three { background: #DDD url('../images/content/startseite/3.jpg') no-repeat; } #content ul li.four { background: #DDD url('../images/content/startseite/4.jpg') no-repeat; } #content ul li.five { background: url('../images/content/startseite/5.png') no-repeat; width:402px; height:45px; border:none; }