/* Eitido (c) 2010 - Norman Geiersbach */
 a, body, div, h1, h2, h3, html, img, li, p, table, ul { background-repeat: no-repeat; border: 0; margin: 0; padding: 0; } a { color: #71acbf; outline: none; text-decoration: none; } a:hover { color: #71acbf; text-decoration: none; } body { font-family: Arial, Tahoma, Helvetica; font-size: 12px; line-height: 150%; color: #424242; background-color: #71acbf; background-image: url('Images/header.gif'); background-repeat: repeat-x; } .error { display: block; color: #bf0016; font-size: 11px; } .success { display: block; color: #00bf1a; font-size: 11px; } .link { padding-left: 10px; background-image: url('Images/link.gif'); background-position: left center; } .link:hover { text-decoration: underline; } .link-document { display: block; padding-left: 52px; padding-top: 26px; background-image: url('Images/icon-pdf.gif'); } #header-wrapper { background-image: url('Images/header-shine.gif'); background-position: center 8px; } #header { position: relative; margin: 0 auto; height: 470px; width: 950px; background-image: url('Images/header-shadow.gif'); background-position: center 135px; } #header h1 { display: none; } #header strong { display: none; } #header #logo-kusnacht img { margin-top: 36px; } #header #teaser { position: absolute; right: 6px; top: 141px; height: 329px; width: 708px; z-index: 101; } #header #navigation-bar { position: absolute; right: 6px; top: 133px; height: 337px; width: 708px; z-index: 102; } #main-wrapper { background: #eaeaea; } #main { margin: 0 auto; min-height: 200px; width: 950px; background-image: url('Images/main.gif'); background-repeat: repeat-y; } #main h2 { display: none; } #main-end { clear: both; } #footer-wrapper { margin-bottom: 8px; background: #424242; } #footer { margin: 0 auto; height: 85px; width: 950px; background-image: url('Images/footer.gif'); } #copyright { float: right; margin-top: 36px; height: 49px; line-height: 49px; color: #71acbf; } #main-menu { height: 337px; width: 708px; } #main-menu td a { display: block; height: 337px; background-image: url('Images/main-menu.png'); background-repeat: repeat-x; background-position: left 8px; } #main-menu td a span { display: block; padding: 8px 11px 0 11px; color: #ffffff; font-size: 15px; line-height: 67px; text-align: center; text-transform: uppercase; } #main-menu td a:hover, #main-menu td a.active { background-image: url('Images/main-menu-active.png'); } #main-menu td a:hover span, #main-menu td a.active span { background-image: url('Images/main-menu-active-top.gif'); background-repeat: repeat-x; } #main-menu-footer { list-style-type: none; float: left; margin-left: 242px; margin-top: 36px; height: 49px; } #main-menu-footer li { float: left; } #main-menu-footer li a { display: block; margin-right: 20px; line-height: 49px; text-transform: uppercase; } #main-menu-footer li a:hover, #main-menu-footer li a.active { color: #ffffff; } #sub-menu { list-style-type: none; margin-top: 16px; } #sub-menu li { display: block; } #sub-menu li a { display: block; height: 24px; color: #8e8e8e; font-size: 15px; line-height: 24px; text-transform: uppercase; } #sub-menu li a:hover, #sub-menu li a.active { color: #343434; } #sub-menu ul { padding-bottom: 4px; } #sub-menu ul li a { padding-left: 39px; text-transform: lowercase; background-image: url('Images/sub-menu-child.gif'); background-position: left center; } .sidebar-wrapper { float: left; width: 236px; overflow: hidden; } .content-wrapper { float: right; margin-right: 6px; min-height: 200px; width: 708px; } .content-wrapper-end { clear: both; } .content-block { } .content-block a:hover { text-decoration: underline; } .content-block ul { list-style-type: none; } .content-block ul li { padding-left: 24px; background-image: url('Images/bullet-list.gif'); background-position: left 10px; } .content-block .highlight-block { padding: 14px 80px; background-color: #f1f7f8; } .content-block .highlight-block h3 { margin-bottom: 2px; font-family: Arial Black, Arial; font-size: 15px; color: #71acbf; text-transform: uppercase; } .content-block .highlight-block strong { font-size: 15px; font-weight: normal; color: #8e8e8e; text-transform: uppercase; } .content-block .image-container { position: relative; } .content-block .image-block { margin-bottom: -8px; padding: 13px 24px 0 73px; height: 174px; overflow: hidden; } .content-block .image-block .image-wrapper { float: left; width: 270px; height: 174px; background-image: url('Images/image-container.gif'); } .content-block .image-block .image-container { padding: 7px; width: 256px; height: 160px; overflow: hidden; } .content-block .image-block .image-container img { width: 256px; height: 160px; } .content-block .image-block-full .image-container { width: 708px; height: 442px; overflow: hidden; } .content-block .image-block-full .image-container img { width: 708px; height: 442px; } .content-block .link-list { list-style-type: none; } .content-block .link-list li { padding-left: 0; background: none; } .content-block .link-list li a { background: url('Images/link.gif') 0 0 no-repeat; padding-left: 14px; } .content-block .text-block { padding: 15px 80px 30px 80px; line-height: 20px; } .content-block .split-block { position: relative; } .content-block .split-block .image-block { float: left; margin-right: 8px; width: 270px; } .content-block .split-block .link-list { position: absolute; left: 360px; top: 20px; width: 270px; max-height: 174px; overflow: hidden; } .content-block .split-block .text-block { position: absolute; left: 360px; top: 20px; padding: 0; width: 270px; max-height: 174px; overflow: hidden; } .content-block .split-block-end { clear: both; } .content-block .faq-box li { padding-bottom: 8px; } .content-block .news-box li { padding-bottom: 8px; } .content-block .news-box span { font-size: 11px; } .content-block .test-block ul { padding-left: 24px; list-style-type: decimal; } .content-block .test-block ul li { padding-left: 8px; background-image: none; } .content-block .image-block #link-maps { display: block; position: absolute; left: 73px; top: 13px; width: 270px; height: 174px; z-index: 113; } .content-block .image-block #link-maps span { display: none; } .form-wrapper { padding-top: 16px; } .form-wrapper form { } .form-wrapper fieldset { border: 0; margin: 0; padding: 0; } .form-wrapper label { float: left; width: 96px; color: #8e8e8e; font-size: 15px; text-transform: uppercase; } .form-wrapper .field { margin-bottom: 4px; } .form-wrapper .field input { float: left; width: 210px; border: solid 1px #c6c6c6; } .form-wrapper .field textarea { float: left; width: 210px; height: 80px; border: solid 1px #c6c6c6; } .form-wrapper .field-end { clear: both; } .form-wrapper .submit-wrapper { width: 308px; } .form-wrapper .submit-wrapper .button-wrapper { float: right; height: 19px; background-image: url('Images/btn.gif'); background-repeat: no-repeat; } .form-wrapper .submit-wrapper .button-wrapper input { width: 110px; border: 0; cursor: pointer; color: #ffffff; font-size: 12px; line-height: 19px; text-transform: uppercase; background-image: url('Images/btn.gif'); background-repeat: no-repeat; } .form-wrapper .submit-wrapper-end { clear: both; } .form-wrapper .field-validation-error { padding-left: 8px; color: #ff0000; } .form-wrapper input.input-validation-error { background-color: #ffebeb; } .form-wrapper textarea.input-validation-error { background-color: #ffebeb; } .success-summary { padding: 8px; border: #ccffcc 1px dotted; border-left: 0; border-right: 0; color: #00bf1a; background: #f5fff5; } .validation-summary { margin-bottom: 8px; padding: 8px; border: #ffcccc 1px dotted; border-left: 0; border-right: 0; color: #bf0016; background: #fff5f5; } .gallery-image-container { position: relative; float: left; width: 708px; height: 442px; } .gallery-image-text { position: absolute; left: 0; bottom: 0; padding: 14px 80px; width: 548px; height: 39px; color: #ffffff; font-size: 15px; line-height: 39px; text-transform: uppercase; background-image: url('Images/image-text.png'); background-repeat: repeat-x; } .gallery-buttons { } .gallery-buttons a { width: 39px; height: 67px; background-image: url('Images/image-control.png'); } .gallery-button-next { right: 0px; bottom: 0; background-position: -39px top; } .gallery-button-prev { left: 0px; bottom: 0; background-position: 0px top; } .gallery-button-next:hover { background-position: -39px bottom; } .gallery-button-prev:hover { background-position: 0px bottom; } #error-wrapper { margin: 16px auto; width: 640px; color: #ffffff; } #error-container ul { list-style-type: none; padding-top: 8px; } #error-status { display: none; }