/* Eitido (c) 2010 - Norman Geiersbach */
 a, body, div, h1, h2, h3, html, img, li, p, table { border: 0; margin: 0; padding: 0; } a { color: #000000; outline: none; text-decoration: none; } a:hover { text-decoration: none; } body { background: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 11px; line-height: 150%; min-width: 980px; } h1 { display: none; } h2 { background-repeat: no-repeat; background-position: 0 0; border-bottom: solid 1px #808080; margin-bottom: 14px; height: 40px; } h3 { background-repeat: no-repeat; background-position: 0 0; margin-bottom: 28px; margin-top: 28px; height: 24px; } h3:first-child { margin-top: 0; } h2 span, h3 span, h4 span { display: none; } input, select, textarea { color: #000000; font: 11px Arial, Tahoma, Helvetica; } .error { display: block; background: #fff5f5; border: #ffcccc 1px dotted; border-left: 0; border-right: 0; color: #bf0016; padding: 8px; } .success { display: block; background: #f5fff5; border: #ccffcc 1px dotted; border-left: 0; border-right: 0; color: #00bf1a; padding: 8px; } #page { } #header { background: #ffffff url('Images/header.gif') repeat-x; height: 480px; } #header-bar { margin: 0 auto; width: 980px; height: 86px; } #navigation-bar { position: relative; margin: 0 auto; width: 980px; } #teaser { background-repeat: no-repeat; background-position: center top; height: 384px; } #teaser-active { display: none; background-repeat: no-repeat; background-position: center bottom; margin-top: -384px; height: 384px; } #logo-eitido { display: block; float: left; margin-top: 27px; width: 130px; height: 49px; } #navigation { list-style-type: none; position: absolute; margin: 0; padding: 0; top: -48px; left: 0; width: 980px; z-index: 110; } #navigation li { float: left; position: relative; margin-right: 56px; } #navigation li a { background-repeat: no-repeat; display: block; width: auto; height: 40px; } #navigation li a.active, #navigation li a:hover { background-position: 0 -40px; } #navigation li a span { display: none; } #navigation li ul { display: none; list-style-type: none; position: absolute; bottom: 40px; margin: 0; padding: 0; } #navigation li.extended ul, #navigation li:hover ul { display: block; } #navigation li ul li { float: none; } #navigation li ul li a { height: 20px; margin-bottom: 8px; } #navigation li ul li a.active, #navigation li ul li a:hover { background-position: 0 -20px; } #navigation-small { list-style-type: none; position: absolute; margin: 0; padding: 0; top: -408px; right: 0px; height: 86px; z-index: 111; } #navigation-small li { float: left; padding: 0 20px; border-left: solid 1px #000000; } #navigation-small li:first-child { border-left: none; } #navigation-small li a { background-repeat: no-repeat; display: block; width: auto; height: 16px; } #navigation-small li a.active, #navigation-small li a:hover { background-position: 0 -16px; } #navigation-small li a span { display: none; } #main { background: #ffffff; } #main-content { margin: 0 auto; padding-top: 48px; width: 980px; min-height: 320px; } #main-content-end { clear: both; } #footer { background: #000000 url('Images/footer.gif') repeat-x; color: #ffffff; } #footer-content { padding: 32px 0; margin: 0 auto; width: 980px; } #footer-content-end { clear: both; } #copyright { background: url('Images/logo-eitido-small.gif') no-repeat; float: right; padding-top: 41px; } #copyright-text { } #validation { float: left; } #validation-links { height: 41px; } #validation-links a { float: left; margin-right: 10px; } #validation-text { display: block; clear: left; float: none; margin-right: 10px; } .content-wrapper { margin-left: -70px; width: 1050px; } .content-wrapper a { background: url('Images/link.gif') 0 0 no-repeat; padding-left: 14px; } .content-wrapper a:hover { background-position: 0 -18px; color: #00b4ff; } .content-wrapper ul { list-style-type: none; margin-left: 0; padding-left: 0; } .content-wrapper ul li { background: url('Images/list-square.gif') no-repeat; padding-left: 16px; } .content-wrapper-block { clear: both; } .content-wrapper-end { clear: both; } .content-block-small { float: left; margin-bottom: 56px; margin-left: 70px; width: 280px; } .content-block-large { width: 980px; } .content-block-small-merge { float: left; } .content-block-small-merge .content-block-small { float: none; } .image-wrapper { background: url('Images/image-wrapper.gif') no-repeat; margin: -5px; margin-bottom: 0px; padding: 5px; width: 280px; height: 172px; } .image-wrapper img { width: 280px; height: 172px; } .image-container { position: relative; width: 280px; height: 172px; overflow: hidden; } .image-info { background: url('Images/image-glass-effect.png') no-repeat; position: absolute; bottom: 0; left: 0; width: 280px; height: 86px; z-index: 101; } .image-info-text { color: #333333; padding: 10px; height: 66px; } .image-subtitle { text-align: right; } .image-rotator { } .image-rotator img { float: left; } .image-info-morph-in { background-position: 0 0; margin-bottom: 0px; } .image-info-morph-out { background-position: 0 -86px; margin-bottom: -86px; } .content-wrapper .map-wrapper { position: relative; } .content-wrapper .map-wrapper #map-near { position: absolute; left: 0; top: 0; width: 280px; height: 172px; } .content-wrapper .public-transport { list-style-type: none; margin: 0; } .content-wrapper .public-transport li { background-position: left center; background-repeat: no-repeat; line-height: 18px; padding-left: 24px; } .content-wrapper .public-transport .bus { background-image: url('Images/ico-bus.gif'); } .content-wrapper .public-transport .urban-train { background-image: url('Images/ico-urban-train.gif'); } .form-wrapper { margin-top: 18px; } .form-wrapper form { margin-top: 18px; } .form-wrapper fieldset { border: 0; margin: 0; padding: 0; } .form-wrapper label { float: left; width: 64px; } .form-wrapper .field { margin-bottom: 4px; } .form-wrapper .field input { float: right; border: solid 1px #cccccc; width: 210px; } .form-wrapper .field textarea { float: right; border: solid 1px #cccccc; width: 210px; height: 96px; } .form-wrapper .field-end { clear: both; } .form-wrapper .submit-wrapper { padding-left: 64px; } .form-wrapper .submit-wrapper .button-wrapper { float: right; background: url('Images/btn.gif') 0 0 no-repeat; padding-left: 19px; } .form-wrapper .submit-wrapper .button-wrapper input { background: #222222; border: 0; color: #ffffff; width: 80px; height: 18px; } .form-wrapper .submit-wrapper .button-wrapper:hover { background-position: 0 -18px; } .form-wrapper .submit-wrapper .button-wrapper:hover input { background-color: #00b4ff; } .form-wrapper .submit-wrapper-end { clear: both; } .form-wrapper .submit-wrapper #btn-login { background-image: url('Images/btn-login.gif'); } .form-wrapper .submit-wrapper #btn-send { background-image: url('Images/btn-send.gif'); } .validation-summary .error, .validation-summary .success { margin-bottom: 18px; } #glossary-wrapper h2 { display: none; } #glossary-wrapper h3 { background-repeat: no-repeat; background-position: 0 0; border-bottom: solid 1px #808080; margin-bottom: 14px; height: 40px; } #glossary-wrapper h4 { background-repeat: no-repeat; background-position: 0 0; margin-bottom: 28px; height: 24px; }