/* Eitido (c) 2011 - Norman Geiersbach */
 a, body, div, h1, h2, h3, html, img, li, p, table, ul { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; } a { color: #666666; outline: none; text-decoration: none; } a:hover { color: #8e7a6bm; text-decoration: none; } body { min-width: 900px; height: 100%; font-family: Arial, Tahoma, Helvetica; font-size: 12px; line-height: 20px; color: #333333; background-color: #ffffff; } html { height: 100%; background-color: #ffffff; } h1 { display: none; } h2 { display: none; } input, select, textarea { font-family: Arial, Tahoma, Helvetica; font-size: 11px; } fieldset { margin: 0; padding: 0; border: 0; } table { width: 100%; } table tr { vertical-align: top; } .clear { clear: both; } #page-container { margin: 0 auto; width: 900px; height: 100%; height: auto !important; min-height: 100%; border-top: 5px solid #8e7a6b; } #header { position: relative; padding: 93px 0 0 0; height: 388px; } #logo-kanzlei-schreiter { position: absolute; left: 2px; top: 57px; } #navigation-bar { position: absolute; left: 229px; top: -5px; width: 671px; height: 48px; } #teaser { position: relative; height: 388px; } #teaser-overlay { position: absolute; left: 0; top: 0; width: 900px; height: 7px; background-color: #ffffff; } #main { padding: 0 0 16px 0; } #footer { display: none; } #main-menu { position: absolute; left: 0px; top: 0px; list-style-type: none; height: 105px; overflow: hidden; z-index: 102; background-position: -229px 98px; } #main-menu li { float: left; } #main-menu li a { display: block; margin: 5px 0 0 0; padding: 0 11px 0 11px; height: 105px; font-family: Tahoma, Helvetica; font-size: 20px; letter-spacing: -1px; line-height: normal; color: #ccc3be; background-color: #ffffff; } #main-menu li a span { display: inline-block; margin: -5px 0 0 0; padding: 52px 0 0 0; border-top: 5px solid #8e7a6b; } #main-menu li a:hover, #main-menu li.selected a { color: #333333; background-color: transparent; background-image: url('Images/main-menu.png'); background-position: center 52px; } #main-menu li a:hover span, #main-menu li.selected a span { border-top-color: #ffffff; } #main-menu-small { position: absolute; right: 0; list-style-type: none; height: 48px; overflow: hidden; z-index: 103; } #main-menu-small li { float: left; } #main-menu-small li a { display: block; margin: 0 0 0 15px; padding: 12px 0 0 0; height: 32px; font-size: 12px; font-style: italic; line-height: 15px; text-transform: lowercase; color: #333333; border-top: 5px solid #8e7a6b; } #main-menu-small li:first-child a { margin: 0 0 0 0; } #main-menu-small li a:hover, #main-menu-small li.selected a { color: #000000; border-top-color: #ffffff; } #sub-menu { list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #c6bdb8; } #sub-menu li a { display: block; padding: 0 37px 0 21px; width: 152px; height: 40px; overflow: hidden; font-family: Tahoma, Helvetica; font-size: 17px; line-height: 40px; text-transform: uppercase; color: #c6bdb8; border-top: 1px solid #c6bdb8; } #sub-menu li a span { display: inline-block; width: 152px; height: 40px; overflow: hidden; } #sub-menu li a:hover, #sub-menu li a.selected { color: #8e7a6b; background-image: url('Images/sub-menu.gif'); } .content-wrapper { float: right; width: 660px; } .sidebar-wrapper { float: left; padding: 19px 0 0 0; width: 210px; } .block { padding: 31px 0 0 0; } .block:first-child { margin: 0 0 0 0; } .block-header { padding: 0 0 9px 0; } .block-inner { position: relative; padding: 0 0 20px 0; } .block-footer { padding: 0 0 0 0; border-bottom: 1px solid #c6bdb8; } .block-header h3 { font-family: Georgia, Trebuchet MS, Arial; font-size: 20px; font-weight: normal; color: #8e7a6b; line-height: 24px; } .block-header h3 span { font-family: Arial; font-size: 14px; font-style: italic; } .block .image-wrapper { position: relative; float: right; margin: 0px 0px 20px 20px; width: 252px; height: 168px; border: 1px solid #c6bdb8; } .block .image-container { width: 252px; height: 168px; overflow: hidden; } .block .image-container img { width: 252px; height: 168px; } .block .wide .image-wrapper { margin: 0px 0px 20px 0px; width: 604px; height: 176px; background-position: -260px 0; } .block .wide .image-container { width: 596px; height: 168px; } .block .wide .image-container img { width: 596px; height: 168px; } .block .video-wrapper { float: right; margin: 0 0 16px 16px; width: 252px; height: 168px; } .block .attachments-wrapper { border-top: 1px solid #c6bdb8; background-image: url('Images/lines.gif'); background-repeat: repeat; } .block .attachments { position: relative; padding: 5px 0 5px 12px; } .block .attachments a { font-size: 11px; line-height: 15px; color: #b8afa9; } .block .attachments a:hover { color: #8e7a6b; } .block .attachments .document-link-wrapper { float: right; width: 8px; min-height: 39px; } .block .attachments .document-link { position: absolute; right: 15px; bottom: 9px; padding: 18px 36px 0 0; height: 13px; background-image: url('Images/document-link.png'); background-position: right top; } .block .attachments ul.link-list { float: left; } .block .attachments ul.link-list li { padding-left: 0; background-image: none; } .block .attachments ul.link-list li a { padding: 0 0 0 12px; background-image: url('Images/link-list.png'); background-position: 0px 0px; } .block .attachments ul.link-list li a:hover { background-position: 0px -15px; } .block .more { clear: both; } .block .more-content { } .block .more-content-inner { padding: 16px 0 0 0; } .block .more-toggle { position: absolute; left: 295px; bottom: -8px; padding: 0 0 0 0; width: 70px; height: 29px; text-align: center; background-image: url('Images/more.png'); } .block .more-toggle-on { background-position: 0px 0px; } .block .more-toggle-on:hover { background-position: -70px 0px; } .block .more-toggle-off { bottom: -9px; background-position: 0px -29px; } .block .more-toggle-off:hover { background-position: -70px -29px; } .content-wrapper .block ul { list-style-type: none; } .content-wrapper .block ul li { padding-left: 12px; background-image: url('Images/bullet.gif'); } .form-wrapper { } .form-wrapper fieldset { margin: 0; padding: 8px 0 0 0; border: 0; } .form-wrapper fieldset:first-child { padding-top: 0; } .form-wrapper .field { margin-bottom: 4px; } .form-wrapper .field label { float: left; padding-top: 4px; width: 88px; } .form-wrapper .field input { float: right; padding: 4px; width: 172px; color: #666666; border: solid 1px #cccccc; background-color: #ffffff; } .form-wrapper .field select { float: right; padding: 4px; width: 182px; color: #666666; border: solid 1px #cccccc; background-color: #ffffff; } .form-wrapper .field textarea { float: right; padding: 4px; width: 172px; height: 96px; color: #666666; border: solid 1px #cccccc; background-color: #ffffff; } .form-wrapper .button-wrapper { float: right; } .form-wrapper .buttons { float: right; } .form-wrapper .buttons .button-wrapper { float: left; } .form-wrapper .footer-info-line { float: left; font-size: 10px; color: #cccccc; } .form-wrapper .form-split-left { float: left; width: 276px; } .form-wrapper .form-split-right { float: right; width: 276px; } .form-wrapper .form-split-full-size { clear: both; width: 660px; } .form-wrapper .form-split-full-size .field input { width: 556px; } .form-wrapper .form-split-full-size .field select { width: 566px; } .form-wrapper .form-split-full-size .field textarea { width: 556px; } .error-summary { margin-bottom: 8px; padding: 8px; border: #bf2638 1px dotted; border-left: 0; border-right: 0; color: #bf2638; background: #ffe5e8; } .success-summary { margin-bottom: 8px; padding: 8px; border: #26bf38 1px dotted; border-left: 0; border-right: 0; color: #26bf38; background: #e5ffe8; } .gallery-buttons { } .gallery-buttons a { width: 36px; height: 36px; background-image: url('Images/image-controls.png'); } .gallery-button-enlarge { right: -16px; bottom: -18px; } .gallery-button-next { margin-top: -18px; right: -16px; top: 50%; background-position: -72px top; } .gallery-button-prev { margin-top: -18px; left: -16px; top: 50%; background-position: -36px top; } .gallery-button-enlarge:hover { background-position: 0px bottom; } .gallery-button-next:hover { background-position: -72px bottom; } .gallery-button-prev:hover { background-position: -36px bottom; } .popup-overlay { background: #141414; } .popup-window { background: #000000; border: 6px solid #ffffff; } .popup-info-container { background: #000000; height: 40px; } .popup-info-title { padding: 4px 8px 2px 8px; color: #ffffff; line-height: 16px; height: 16px; } .popup-info-state { padding: 0 8px; color: #ffffff; font-size: 10px; line-height: 12px; } .popup-loader { background-image: url('Images/popup-loader.png'); width: 32px; height: 32px; } .popup-buttons a { width: 36px; height: 36px; background-image: url('Images/image-controls.png'); } .popup-button-close { right: -20px; top: -20px; background-position: -108px top; } .popup-button-next { margin-top: -18px; right: -20px; top: 50%; background-position: -72px top; } .popup-button-prev { margin-top: -18px; left: -20px; top: 50%; background-position: -36px top; } .popup-button-close:hover { background-position: -108px bottom; } .popup-button-next:hover { background-position: -72px bottom; } .popup-button-prev:hover { background-position: -36px bottom; }