body, h1, h2, h3, p, img, form, input, textarea, ul, li { margin:0; padding:0; border:0; } /*html { overflow: auto;}*/ a { outline:none; } body { background: #fff url('images/background.gif') repeat-x left top; font-family: Tahoma, Arial, sans-serif; font-size: 62.5%; color: #000; text-align: center;} #container { margin: 0px auto; width: 987px;} #header { background: url('images/logo-astratrans.gif') no-repeat 10px 42px; width: 729px; height: 400px; float: left; text-align: left;} #header h1 { text-indent: -9000px; height: 122px; background: url('images/logo-astratrans.gif') no-repeat 10px 42px;} #header h1.english { background: url('images/logo-astratrans-english.gif') no-repeat 10px 42px;} #header h1.deutsch { background: url('images/logo-astratrans-deutsch.gif') no-repeat 10px 42px;} #header ul { list-style: none; height: 34px; } #header ul li { float: left; text-indent: -9000px;} #header ul li a { display: block; height: 34px; } #header ul li a.home { width: 61px; background: url('images/menu-home.gif') no-repeat 0px 0px; } #header ul li a.home:hover { background-position: -61px 0px; } #header ul li a.doprava { width: 74px; background: url('images/menu-doprava.gif') no-repeat 0px 0px; } #header ul li a.doprava:hover { background-position: -74px 0px; } #header ul li a.ostatni-sluzby { width: 106px; background: url('images/menu-ostatni-sluzby.gif') no-repeat 0px 0px; } #header ul li a.ostatni-sluzby:hover { background-position: -106px 0px; } #header ul li a.vozovy-park { width: 96px; background: url('images/menu-vozovy-park.gif') no-repeat 0px 0px; } #header ul li a.vozovy-park:hover { background-position: -96px 0px; } #header ul li a.kariera { width: 66px; background: url('images/menu-kariera.gif') no-repeat 0px 0px; } #header ul li a.kariera:hover { background-position: -66px 0px; } #header ul li a.objednavka { width: 95px; background: url('images/menu-objednavka.gif') no-repeat 0px 0px; } #header ul li a.objednavka:hover { background-position: -95px 0px; } #header ul li a.poptavka { width: 79px; background: url('images/menu-poptavka.gif') no-repeat 0px 0px; } #header ul li a.poptavka:hover { background-position: -79px 0px; } #header ul li a.kontakty { width: 78px; background: url('images/menu-kontakty.gif') no-repeat 0px 0px; } #header ul li a.kontakty:hover { background-position: -78px 0px; } #novinky { background: url('images/background-novinky.gif') no-repeat left 98px; width: 258px; height: 400px; float: left; text-align: left;} #novinky.english { background: url('images/background-news.gif') no-repeat left 98px;} #novinky.deutsch { background: url('images/background-aktuelles.gif') no-repeat left 98px;} #novinky ul.jazyky { height: 95px; font-size: 1.1em; list-style: none; padding-left: 45px; margin-top: 55px;} #novinky ul.jazyky li { float: left; } #novinky ul.jazyky li a { display: block; text-indent: -9000px; height: 26px; } #novinky ul.jazyky li a.cesky { width: 41px; background: url('images/jazyky-cesky.gif') no-repeat 0px 0px; } #novinky ul.jazyky li.aktivni a.cesky { background-position: -82px 0px; } #novinky ul.jazyky li a.cesky:hover { background-position: -41px 0px; } #novinky ul.jazyky li a.english { width: 48px; background: url('images/jazyky-english.gif') no-repeat 0px 0px; } #novinky ul.jazyky li.aktivni a.english { background-position: -96px 0px; } #novinky ul.jazyky li a.english:hover { background-position: -48px 0px; } #novinky ul.jazyky li a.deutsch { width: 56px; background: url('images/jazyky-deutsch.gif') no-repeat 0px 0px; } #novinky ul.jazyky li.aktivni a.deutsch { background-position: -112px 0px; } #novinky ul.jazyky li a.deutsch:hover { background-position: -56px 0px; } #novinky ul.novinky { margin: 0px 35px 0px 24px; font-size: 1.1em; list-style: none;} #novinky ul.novinky li { margin-bottom: 10px;} #novinky ul.novinky li span { color: #a42914; font-weight: bold; } #novinky ul.novinky li a {color: #a42914; text-decoration: none;} #novinky ul.novinky li a:hover {color: #a42914; text-decoration: underline;} #content { text-align: left; font-size: 1.2em; margin-bottom: 20px; overflow: auto; } #content h2 { text-indent: -9000px; height: 18px; width: 729px; margin-bottom: 10px;} #content h2.profil-spolecnosti { background: url('images/h2-profil-spolecnosti.gif') no-repeat left top;} #content h2.doprava { background: url('images/h2-doprava.gif') no-repeat left top;} #content h2.ostatni-sluzby { background: url('images/h2-ostatni-sluzby.gif') no-repeat left top;} #content h2.vozovy-park { background: url('images/h2-vozovy-park.gif') no-repeat left top;} #content h2.kariera { background: url('images/h2-kariera.gif') no-repeat left top;} #content h2.objednavka { background: url('images/h2-objednavka.gif') no-repeat left top;} #content h2.poptavka { background: url('images/h2-poptavka.gif') no-repeat left top;} #content h2.kontakty { background: url('images/h2-kontakty.gif') no-repeat left top;} #content h3 { font-size: 1.0em; padding-top: 10px; padding-bottom: 3px; } #content h3.prvni {padding-top:0px;} #content h3 span {color: #a42914;} #content p { padding-bottom: 10px; } #content a {color: #a42914; text-decoration: none;} #content a:hover {color: #a42914; text-decoration: underline;} #content ul { list-style: none; padding-left: 5px;} #content ul li { background: url('images/li.gif') no-repeat left 6px; padding-left: 10px;} #content ul li ul li { background: url('images/li2.gif') no-repeat left 6px;} #footer { text-align: left; font-size: 1.1em; background: url('images/background-footer.gif') repeat-x left top; padding: 10px 5px; } #footer p { padding-bottom: 5px;} #footer p.foot-menu { color: #000; } #footer p.copy { color: #b5b4b4; } #footer p.copy a { color: #b5b4b4; } #footer p.copy a:hover { color: #a42914; } #footer a {color: #000; text-decoration: none;} #footer a:hover {color: #a42914; text-decoration: underline;} #footer span.hidden { display: none; } form label { width: 300px; float: left; text-align: right; margin-right: 10px; padding-top: 3px;} form label span { font-weight: bold; color: #a42914;} form input { border: 1px solid #dedede; width: 200px; margin-bottom: 10px; padding: 2px;} form textarea { border: 1px solid #dedede; width: 204px; height: 100px; margin-bottom: 10px; font-family: Tahoma, Arial, sans-serif;} span.kontakt {display: block; float: left; width: 60px; } span.pozn { font-size: 0.9em;} span.red { color: #a42914;} p.chyba { background: #fff6bf url('images/chyba.gif') center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; margin-bottom: 10px;} p.kontakt-left { float: left; width: 240px;} p.kontakt-left span { font-size: 0.9em; font-weight: bold;} img.small-right { border: 1px solid #dedede; padding: 3px; float: right; margin: 0px 12px 5px 15px; } img.small-left { border: 1px solid #dedede; padding: 3px; float: left; margin: 0px 15px 5px 0px; } .break { clear: both;} /* English menu: */ #header ul li a.transport { width: 80px; background: url('images/menu-transport.gif') no-repeat 0px 0px; } #header ul li a.transport:hover { background-position: -80px 0px; } #header ul li a.other-services { width: 108px; background: url('images/menu-other-services.gif') no-repeat 0px 0px; } #header ul li a.other-services:hover { background-position: -108px 0px; } #header ul li a.our-fleet { width: 78px; background: url('images/menu-our-fleet.gif') no-repeat 0px 0px; } #header ul li a.our-fleet:hover { background-position: -78px 0px; } #header ul li a.orders { width: 65px; background: url('images/menu-orders.gif') no-repeat 0px 0px; } #header ul li a.orders:hover { background-position: -65px 0px; } #header ul li a.requests { width: 77px; background: url('images/menu-requests.gif') no-repeat 0px 0px; } #header ul li a.requests:hover { background-position: -77px 0px; } #header ul li a.career { width: 64px; background: url('images/menu-career.gif') no-repeat 0px 0px; } #header ul li a.career:hover { background-position: -64px 0px; } #header ul li a.contacts { width: 78px; background: url('images/menu-contacts.gif') no-repeat 0px 0px; } #header ul li a.contacts:hover { background-position: -78px 0px; } #content h2.company-profile { background: url('images/h2-company-profile.gif') no-repeat left top;} #content h2.transport { background: url('images/h2-transport.gif') no-repeat left top;} #content h2.other-services { background: url('images/h2-other-services.gif') no-repeat left top;} #content h2.our-fleet { background: url('images/h2-our-fleet.gif') no-repeat left top;} #content h2.orders { background: url('images/h2-orders.gif') no-repeat left top;} #content h2.requests { background: url('images/h2-requests.gif') no-repeat left top;} #content h2.career { background: url('images/h2-career.gif') no-repeat left top;} #content h2.contacts { background: url('images/h2-contacts.gif') no-repeat left top;} /* Deutsch menu: */ #header ul li a.verkehr { width: 72px; background: url('images/menu-verkehr.gif') no-repeat 0px 0px; } #header ul li a.verkehr:hover { background-position: -72px 0px; } #header ul li a.sonstiges { width: 79px; background: url('images/menu-sonstiges.gif') no-repeat 0px 0px; } #header ul li a.sonstiges:hover { background-position: -79px 0px; } #header ul li a.fuhrpark { width: 77px; background: url('images/menu-fuhrpark.gif') no-repeat 0px 0px; } #header ul li a.fuhrpark:hover { background-position: -77px 0px; } #header ul li a.bestellung { width: 87px; background: url('images/menu-bestellung.gif') no-repeat 0px 0px; } #header ul li a.bestellung:hover { background-position: -87px 0px; } #header ul li a.anfrage { width: 71px; background: url('images/menu-anfrage.gif') no-repeat 0px 0px; } #header ul li a.anfrage:hover { background-position: -71px 0px; } #header ul li a.karriere { width: 71px; background: url('images/menu-karriere.gif') no-repeat 0px 0px; } #header ul li a.karriere:hover { background-position: -71px 0px; } #header ul li a.kontakt { width: 73px; background: url('images/menu-kontakt.gif') no-repeat 0px 0px; } #header ul li a.kontakt:hover { background-position: -73px 0px; } #content h2.profil-der-gesellschaft { background: url('images/h2-profil-der-gesellschaft.gif') no-repeat left top;} #content h2.verkehr { background: url('images/h2-verkehr.gif') no-repeat left top;} #content h2.sonstiges { background: url('images/h2-sonstiges.gif') no-repeat left top;} #content h2.fuhrpark { background: url('images/h2-fuhrpark.gif') no-repeat left top;} #content h2.bestellung { background: url('images/h2-bestellung.gif') no-repeat left top;} #content h2.anfrage { background: url('images/h2-anfrage.gif') no-repeat left top;} #content h2.karriere { background: url('images/h2-karriere.gif') no-repeat left top;} #content h2.kontakt { background: url('images/h2-kontakt.gif') no-repeat left top;}