/* ---------- Grundeinstellungen ---------- */ body { margin: 0px; padding: 0px; background-color: #FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #999999; line-height: 160%; } td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; line-height: 160%; } div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; line-height: 160%; } h1 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #999999; font-weight: bold; } h2 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; font-weight: normal; } input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; } hr { border: 1px solid dbdbdb; } img { border: 0px; } a:link { color: #8097be; text-decoration: none; } a:visited { color: #8097be; text-decoration: none; } a:hover { color: #02307e; text-decoration: none; } a:active { color: #8097be; text-decoration: none; } /* ---------- Wrapper ---------- */ #wrapper { width: 900px; margin: auto; } /* ---------- Header ---------- */ #header { position: relative; height: 300px; } #logo { position: absolute; top: 13px; left: 45px; } #navigation-1 { position: absolute; top: 32px; left: 382px; } #linie-blau { position: absolute; top: 75px; left: 0px; width: 900px; height: 11px; background-color: #02307e; } #block-hellgrau { position: absolute; height: 214px; width: 232px; top: 86px; left: 0px; background-color: #dbdbdb; } #block-mittelgrau { position: absolute; height: 214px; width: 132px; top: 86px; left: 232px; background-color: #999999; } #block-dunkelgrau { position: absolute; height: 214px; width: 25px; top: 86px; left: 364px; background-color: #666666; } #banner-foto { position: absolute; height: 214px; width: 511px; top: 86px; left: 389px; } #banner-foto-2 { position: absolute; z-index: 0;} #banner-foto-1 { position: absolute; z-index: 1;} #linie-transparent { position: absolute; top: 86px; left: 0px; width: 900px; height: 11px; background-color: #02307e; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; z-index: 10; } #navigation-2 { position: absolute; bottom: 18px; left: 10px; } #jahre-100 { position: absolute; height: 214px; width: 132px; top: 86px; left: 232px; } /* ---------- Navigation Level 2 ---------- */ #nav-2 { width: 210px; } #nav-2-links { } #nav-2-link { padding-left: 35px; padding-top: 5px; padding-bottom: 5px; } a#nav-2-link:link { text-decoration:none; display:block; line-height: 100%; color: #666666; } a#nav-2-link:visited { text-decoration:none; display:block; line-height: 100%; color: #666666; } a#nav-2-link:hover { text-decoration:none; display:block; line-height: 100%; color: #02307e; font-weight: bold; } #nav-2-link-aktiv { padding-left: 35px; padding-top: 5px; padding-bottom: 5px; } a#nav-2-link-aktiv:link { text-decoration:none; display:block; line-height: 100%; color: #02307e; } a#nav-2-link-aktiv:visited { text-decoration:none; display:block; line-height: 100%; color: #02307e; } a#nav-2-link-aktiv:hover { text-decoration:none; display:block; line-height: 100%; color: #02307e; font-weight: bold; } /* ---------- Floats ---------- */ #float-left { float: left; width: 232px; margin-top: 16px; } #float-content { float: left; width: 620px; margin-top: 16px; margin-left: 20px; } #float-clear { clear: both; color: #666666; background-color: #dbdbdb; padding: 5px; margin-left: 252px; font-size: 11px; margin-top: 30px; text-align: center; line-height: 100%; margin-bottom: 50px; } /* ---------- Überschriften ---------- */ #headline-1 { margin-top: 13px; margin-bottom: 2px; } #headline-2 { margin-bottom: 19px; } /* ---------- Footer ---------- */ #float-clear a:link { color: #666666; text-decoration: none; } #float-clear a:visited { color: #666666; text-decoration: none; } #float-clear a:hover { color: #02307e; text-decoration: none; } #float-clear a:active { color: #666666; text-decoration: none; } /* ---------- Left ---------- */ #left-box { margin-bottom: 20px; } #left-box-2 { margin-bottom: 10px; } #left-ueberschrift { background-color: #f0f0f0; padding-left: 45px; font-weight: bold; } #left-titel { padding-left: 45px; padding-top: 5px; font-weight: bold; } #left-text { padding-left: 45px; } #left-link { padding-left: 45px; } #left-bild img { margin-left: 45px; border: 1px solid #999999; margin-top: 3px; margin-bottom: 1px; } /* ---------- Anweisungen ---------- */ #anweisungen-block { padding: 5px; background-color: #FAFAFA; font-family: Arial, Helvetica, Verdana; font-size: 12px; } #anweisungen-titel { color: #9d0d15; font-weight: bold; } #anweisungen-text { color: #00336e; } /* ---------- Statische Seiten ---------- */ #content-text-block-standard { font-weight: normal; margin-top: 0px; margin-bottom: 10px; padding-bottom: 5px;} #content-text-block-erweitert { font-weight: normal; margin-top: 0px; margin-bottom: 10px; padding-bottom: 5px;} #content-liste-block { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #dbdbdb;} #content-liste-block img { border: 1px solid #999999;} #content-liste-titel { padding-bottom: 0px; font-size: 12px; font-weight: bold; } #content-liste-text { padding-right: 5px; } #content-liste-links { text-align: left; padding-top: 5px;} #content-links-block { margin-top: 20px; margin-bottom: 20px; padding-bottom: 5px;} #content-links-titel { margin-left:0px; margin-bottom: 5px; font-weight: bold; } #content-links-link { font-weight: normal; } #content-anmerkungen-block { font-weight: normal; margin-top: 30px; margin-bottom: 30px; padding-bottom: 5px; color:#999999; } #content-referenzen-block { margin-right: -28px; float: right; width: 232px; } #content-fotos-block { margin-right: -28px; float: right; padding-left: 10px; } #content-foto-1 { } #content-foto-2 { padding-top: 16px; } #content-foto-3 { padding-top: 16px; } /* ---------- Aktuelles ---------- */ #news-uebersicht-block { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #dbdbdb;} #news-uebersicht-titel { font-size:12px; font-weight: bold; } #news-uebersicht-datum { font-weight: normal; color: #999999; } #news-uebersicht-kurzinfo { font-weight: normal; } #news-uebersicht-eintraege { font-weight: normal; padding-top: 10px; text-align: center; padding-bottom: 20px; } #news-details-beschreibung { margin-bottom: 20px; } #news-details-eintraege { text-align: center; padding-top: 20px; font-weight: normal; padding-bottom: 20px; } /* ---------- Immobilien ---------- */ #immobilien-uebersicht-block { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #dbdbdb; } #immobilien-uebersicht-bild { float: left; border: 1px solid #999999; width: 120px; } #immobilien-uebersicht-text { float: left; padding-left: 10px; } #immobilien-uebersicht-clear { clear: both; }