/* CSS Document 2008 by Andreas Nieder - reactive media*/ /* ----------- HTML Standardformatierungen --------- */ * {margin: 0; padding: 0; background-repeat: no-repeat;} html {height: 100%;} body {font-family: verdana, arial, tahoma, sans-serif; color: #555555; margin: 0px; text-align: center; background: url(media/img/bg.png) repeat-y center top; height: 100%; font-size: 100.01%;} p {margin: 0; padding: 0; padding-top: 14px;} div {margin: 0; padding: 0; font-size: 12px;} acronym:hover, abbr:hover {cursor: help;} a img {border: 0; padding: 0; background: none; color: #3A4954;} blockquote {margin: 15px 0px 5px 0px; padding: 10px; border-bottom: 1px solid #727E86; background: #F0F0F0 url(media/img/blockquote.gif) bottom right no-repeat;} /* ----------- Überschriften --------- */ h1 {margin:0px; padding-left: 15px; border-bottom: 1px solid #CCCCCC; font-size: 17px; font-weight: normal; color: #3A4954; background: url(media/img/cross.gif) no-repeat 0px 5px; font-family : georgia, verdana, arial, tahoma, sans-serif;} h2 {font-family : georgia, verdana, arial, tahoma, sans-serif; color: #3A4954; font-weight: bold; font-size: 15px; padding-top: 25px} h3 {font-family : georgia, verdana, arial, tahoma, sans-serif; color: #3A4954; font-weight: normal; font-size: 15px; padding-top: 25px} /* ----------- Standardformatierungen für Container, die auf allen Seiten verwendet werden --------- */ #container {width: 770px; margin-left: auto; margin-right: auto; text-align: left; background: #3A4954; height: 100%;} #header {width: 770px; height: 160px; background: url(media/img/bg_top.gif) no-repeat #FFFFFF; clear: both;} #logo {widht: 385px; height: 135px; padding-top: 24px; padding-right: 1px; float: left;} #img {widht: 384px; height: 135px; padding-top: 24px; float: right;} #content {width: 770px; background: #F0F0F0;} #content_left {width: 498px; display: inline; margin: 15px 24px 8px 15px; background: url(media/img/bg_content_left_shadow.gif) repeat; float: left;} #content_left_header {width: 472px; height: 17px; padding: 7px 16px 0px 10px; background: url(media/img/bg_content_left_header.gif) no-repeat;} #content_left_middle {width: 472px; padding: 0px 16px 0px 10px;} #content_left_middle ul li {background: transparent url(media/img/icon_list.gif) no-repeat 15px 5px; list-style: none; padding-left: 26px; margin-top: 4px;} #content_left_footer {width: 498px; height: 75px; background: url(media/img/bg_content_left_footer.gif) no-repeat;} #content_right {width: 224px; display: inline; margin-top: 15px; margin-right: 9px; background: url(media/img/bg_content_right_shadow.gif) repeat; float: right;} #content_right_header {width: 198px; height: 17px; padding: 7px 16px 0px 10px; background: url(media/img/bg_content_right_header.gif) no-repeat;} #content_right_middle {width: 198px; padding: 0px 16px 0px 10px; font-size: 11px;} #content_right_navi_middle {width: 198px; padding: 0px 16px 0px 10px; font-size: 11px;} #content_right_footer {width: 224px; height: 20px; background: url(media/img/bg_content_right_footer.gif) no-repeat;} #print {background: url(media/img/icon_print.gif) no-repeat 10px 44px; padding: 44px 0px 0px 29px;} #footer {width: 750px; height: 23px; padding: 0px 6px 0px 14px; background: url(media/img/bg_footer.gif) repeat-x;} #copyright {color: #FFFFFF; font-size: 11px; padding-top: 5px; float: left;} #seitenanfang {color: #FFFFFF; font-size: 11px; padding-top: 5px; float: right;} /* ----------- Klassen und Container, die auf mehreren Seiten verwendet werden --------- */ #credits {width: 225px; border-top: 1px solid #CCCCCC; font-size: 11px; margin-top: 20px; display: none;} .floatleft {float: left; padding-right: 10px;} .fax {padding-left: 1px;} .small {font-size: 11px;} #search {float: right; width: 142px; height: 21px; padding-top: 2px; background-image: url(media/img/bg_navi.gif);} #search label {height:0; left:-1000px; position:absolute; top:-1000px; width:0;} /* ----------- Formatierungen für Container und Klassen, die auf speziellen Seiten verwendet werden --------- */ /* -- Startseite -- */ #content_right_start {width: 224px; display: inline; margin-top: 15px; margin-right: 9px; float: right;} #content_right_start2 {background: url(media/img/bg_content_right_shadow.gif) repeat;} #content_right_navi_middle {width: 198px; padding: 0px 16px 0px 10px; font-size: 11px;} #service {width: 218px; height: 27px; margin: 30px 0px 8px 0px; padding-top: 40px; background: url(media/img/service.gif) no-repeat;} .teaser_links {width: 206px; height: 65px; float: left; margin: 14px 16px 2px 0px; border: 1px solid #CCCCCC; padding: 10px 10px 25px 10px !important; padding: 10px 10px 5px 10px; } .teaser_rechts {width: 206px; height: 65px; float: right; margin: 14px 0px 2px 0px; border: 1px solid #CCCCCC; padding: 10px 10px 25px 10px !important; padding: 10px 10px 5px 10px; } .teaser {margin-bottom: 6px;} .h1 {margin-top: 30px;} /* -- Anwaelte -- */ #img_anwalt {width: 164px; margin: 19px 5px 0px 0px; float: left;} #desc_anwalt {width: 300px; margin: 10px 0px 0px 0px; float: right;} /* -- Schwerpunkte -- */ /* -- Rechtstipps -- */ #content_left_middle_tipps {width: 472px; padding: 0px 16px 0px 10px;} #content_left_middle_tipps ul li {background: transparent url(media/img/icon_list.gif) no-repeat 15px 5px; list-style: none; padding-left: 26px; margin-top: 4px;} #tipptable {width: 472px; height: 21px; background: url(media/img/bg_tipptable.gif) no-repeat; margin: 20px 0px 12px 0px;} .tipptabletitle {padding: 1px 0px 0px 6px; font-size: 17px; font-weight: normal; color: #F0F0F0; font-family: georgia, verdana, arial, tahoma, sans-serif; width: 393px; float: left; display: block;} .tipptabledate {padding: 1px 0px 0px 0px; font-size: 17px; font-weight: normal; color: #F0F0F0; font-family: georgia, verdana, arial, tahoma, sans-serif; float: left;} .tipptitle { width: 465px; display: block; background: #F0F0F0; float: left; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 2px; } .tipptitle a {text-decoration: underline; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} .tipptitle a:visited {text-decoration: none; color: #414D56; background: url(media/img/icon_link_visited.gif) no-repeat 0px 5px; padding-left: 10px;} .tipptitle a:hover {text-decoration: none; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} .tippdate {width: 73px; background: #F0F0F0; float: right; padding: 2px 0px 2px 0px;} #tippnavi {width: 472px; margin-top: 20px;} #tippnavi a {text-decoration: underline; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} #tippnavi a:hover {text-decoration: none; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} .tippnavi_left {width: 236px; float: left;} .tippnavi_right {width: 236px; float: right; text-align: right;} #info { width: 198px; height: 75px; background: url(media/img/bg_info.gif) no-repeat; margin-top: 20px; font-size: 11px; } #info ul li {margin: 0; list-style: none; height: 22px; padding-top: 3px;} #info a, a:hover {text-decoration: none; color: #414D56;} #back {width: 198px; height: 22px; background: url(media/img/bg_back.gif) no-repeat; margin: 0px; font-size: 11px; padding-top: 3px;} #back a, a:hover {text-decoration: none; color: #414D56;} .icontipps {vertical-align: middle; margin-right: 5px;} /* Positionierung der Icons */ /* -- Kontakt -- */ #kontakt_left {width: 260px; margin: 15px 10px 30px 0px; float: left;} #kontakt_right {width: 200px; margin: 15px 0px 30px 0px; float: left;} /* -- Service -- */ #prozesscal {margin-top: 30px;} /* -- Sitemap -- */ #content_left_middle_sitemap {width: 472px; padding: 0px 16px 0px 10px;} #content_left_middle_sitemap a {text-decoration: underline; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} #content_left_middle_sitemap a:hover {text-decoration: none; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} #smap {margin-top: 0px;} #smap ul li {margin: 3px 0px 3px 0px; padding: 0; list-style: none;} #smap ul li ul li.folder {margin-left: 40px;} #smap ul li a {text-decoration: underline; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} #smap ul li a:hover {text-decoration: none; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} #smap ul li a:visited {text-decoration: none; color: #414D56; background: url(media/img/icon_link_visited.gif) no-repeat 0px 5px; padding-left: 10px;} #smap a.akt {background: url(media/img/navi/arrow.gif) no-repeat 0px 8px; font-weight: bold; color: #414D56;} .h2 {margin-top: -10px;} /* -- Suche -- */ #content_left_middle_search { width: 472px; height: 400px; padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 10px; } #content_left_middle_search label input-search {width: 100px; height: 30px; font-size: 11px; font-family: verdana, arial; color: #f0f0f0; background: #828E96; border: 1px solid #727E86; margin: 1px 5px 0px 0px; padding: 1px;} .searchlink a {text-decoration: underline; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} .searchlink a:hover {text-decoration: none; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} .searchnavi {text-decoration: none; color: #555555;} .searchnavi a {text-decoration: underline; color: #414D56;} .searchnavi a:hover {text-decoration: none; color: #414D56;} .searchdesc {padding-bottom: 16px; background: url(media/img/trenner.gif) repeat-x bottom;} /* -- Glossar -- */ #content_left_middle_glossar {width: 472px; padding: 0px 16px 0px 10px;} #content_left_middle_glossar a {text-decoration: underline; color: #414D56;} #content_left_middle_glossar a:hover {text-decoration: none; color: #414D56;} .glossar_az {background: #F0F0F0; padding: 5px 5px 5px 5px; margin-top: 17px;} /* -- Send2Friend -- */ #send2friend {margin-top: 30px;} #error {margin: 15px 0px 5px 0px; padding: 22px 10px 21px 59px; border-bottom: 1px solid #727E86; background: #F0F0F0 url(media/img/icon_error.gif) top left no-repeat;} #ok {margin: 15px 0px 5px 0px; padding: 22px 10px 21px 59px; border-bottom: 1px solid #727E86; background: #F0F0F0 url(media/img/icon_ok.gif) top left no-repeat;} /* ----------- Links Seitenübergreifend--------- */ #content_left_middle a {text-decoration: underline; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} #content_left_middle a:hover {text-decoration: none; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} #content_left_middle a[href^="http://"] {background: url(media/img/icon_link_extern.gif) no-repeat center left; padding-left: 14px;} #content_right_middle a {text-decoration: none; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} #content_right_middle a:hover {text-decoration: underline; color: #414D56; background: url(media/img/icon_link.gif) no-repeat 0px 5px; padding-left: 10px;} #seitenanfang a {text-decoration: none; color: #FFFFFF; background: url(media/img/navi/bg_seitenanfang.gif) no-repeat 1px -5px; padding: 0px 8px 0px 8px;} #seitenanfang a:hover {text-decoration: none; color: #FFFFFF; background: url(media/img/navi/bg_seitenanfang_hover.gif) no-repeat 1px -5px; padding: 0px 8px 0px 8px;} #print a {text-decoration: underline; color: #414D56;} #print a:hover {text-decoration: none; color: #414D56;} /* ----------- Navigation --------- */ #navi {width: 628px; height: 23px; background-image: url(media/img/bg_navi.gif); float: left;} #navi ul {margin: 0; list-style: none; height: 23px; display:inline;} #navi ul li {display: inline;} #navi ul li a {float: left; height: 19px; text-decoration: none; color: #FFFFFF; padding-top: 4px;} #navi ul li a#home {background-image: url(media/img/navi/bg_home.gif); width: 51px; padding-left: 22px;} #navi ul li a:hover#home {background-image: url(media/img/navi/bg_home_hover.gif);} #navi ul li a#kanzlei {background-image: url(media/img/navi/bg_kanzlei.gif); width: 60px; padding-left: 13px;} #navi ul li a:hover#kanzlei {background-image: url(media/img/navi/bg_kanzlei_hover.gif);} #navi ul li a#anwaelte {background-image: url(media/img/navi/bg_anwaelte.gif); width: 66px; padding-left: 14px;} #navi ul li a:hover#anwaelte {background-image: url(media/img/navi/bg_anwaelte_hover.gif);} #navi ul li a#schwerpunkte {background-image: url(media/img/navi/bg_schwerpunkte.gif); width: 105px; padding-left: 13px;} #navi ul li a:hover#schwerpunkte {background-image: url(media/img/navi/bg_schwerpunkte_hover.gif);} #navi ul li a#rechtstipps {background-image: url(media/img/navi/bg_rechtstipps.gif); width: 88px; padding-left: 13px;} #navi ul li a:hover#rechtstipps {background-image: url(media/img/navi/bg_rechtstipps_hover.gif);} #navi ul li a#kontakt {background-image: url(media/img/navi/bg_kontakt.gif); width: 63px; padding-left: 13px;} #navi ul li a:hover#kontakt {background-image: url(media/img/navi/bg_kontakt_hover.gif);} #activehome {float: left; color: #FFFFFF; width: 51px; padding-left: 22px; height: 19px; background-image: url(media/img/navi/bg_home_hover.gif);} #activekanzlei {float: left; color: #FFFFFF; width: 60px; padding-left: 13px; height: 19px; background-image: url(media/img/navi/bg_kanzlei_hover.gif);} #activeanwaelte {float: left; color: #FFFFFF; width: 66px; padding-left: 14px; height: 19px; background-image: url(media/img/navi/bg_anwaelte_hover.gif);} #activeschwerpunkte {float: left; color: #FFFFFF; width: 105px; padding-left: 13px; height: 19px; background-image: url(media/img/navi/bg_schwerpunkte_hover.gif);} #activerechtstipps {float: left; color: #FFFFFF; width: 88px; padding-left: 13px; height: 19px; background-image: url(media/img/navi/bg_rechtstipps_hover.gif);} #activekontakt {float: left; color: #FFFFFF; width: 63px; padding-left: 13px; height: 19px; background-image: url(media/img/navi/bg_kontakt_hover.gif);} /* -- Navigation für die Suchergebnisse -- */ #navi_suche {width: 770px; height: 23px; background-image: url(media/img/bg_navi.gif); float: left;} #navi_suche ul {margin: 0; list-style: none; height: 23px; display:inline;} #navi_suche ul li {display: inline;} #navi_suche ul li a {float: left; height: 19px; text-decoration: none; color: #FFFFFF; padding-top: 4px;} #navi_suche ul li a#home {background-image: url(media/img/navi/bg_home.gif); width: 51px; padding-left: 22px;} #navi_suche ul li a:hover#home {background-image: url(media/img/navi/bg_home_hover.gif);} #navi_suche ul li a#kanzlei {background-image: url(media/img/navi/bg_kanzlei.gif); width: 60px; padding-left: 13px;} #navi_suche ul li a:hover#kanzlei {background-image: url(media/img/navi/bg_kanzlei_hover.gif);} #navi_suche ul li a#anwaelte {background-image: url(media/img/navi/bg_anwaelte.gif); width: 66px; padding-left: 14px;} #navi_suche ul li a:hover#anwaelte {background-image: url(media/img/navi/bg_anwaelte_hover.gif);} #navi_suche ul li a#schwerpunkte {background-image: url(media/img/navi/bg_schwerpunkte.gif); width: 105px; padding-left: 13px;} #navi_suche ul li a:hover#schwerpunkte {background-image: url(media/img/navi/bg_schwerpunkte_hover.gif);} #navi_suche ul li a#rechtstipps {background-image: url(media/img/navi/bg_rechtstipps.gif); width: 88px; padding-left: 13px;} #navi_suche ul li a:hover#rechtstipps {background-image: url(media/img/navi/bg_rechtstipps_hover.gif);} #navi_suche ul li a#kontakt {background-image: url(media/img/navi/bg_kontakt.gif); width: 63px; padding-left: 13px;} #navi_suche ul li a:hover#kontakt {background-image: url(media/img/navi/bg_kontakt_hover.gif);} /* -- Subnavi -- */ #subnavi {width: 198px; margin-top: 9px;} #subnavi ul li {background: url(media/img/navi/bg_subnavi.gif) no-repeat 0px 5px; margin: 0px; list-style: none;} #subnavi ul li a {height: 20px; text-decoration: none; color: #414D56; display: block; padding: 5px 0px 0px 15px;} #subnavi ul li a:hover {background: url(media/img/navi/arrow.gif) no-repeat 0px 8px; text-decoration: none; color: #414D56; display: block;} #subnavi a.akt {background: url(media/img/navi/arrow.gif) no-repeat 0px 8px; font-weight: bold; color: #414D56;} /* -- Footernavi -- */ #footernavi {width: 170px; font-size: 11px; float: left;} #footernavi ul {margin: 0; list-style: none; display:inline;} #footernavi ul li {display: inline;} #footernavi ul li a {float: left; height: 18px; text-decoration: none; color: #FFFFFF; padding-top: 5px;} #footernavi ul li a#impressum {background-image: url(media/img/navi/bg_impressum.gif); width: 80px; padding-left: 23px;} #footernavi ul li a:hover#impressum {background-image: url(media/img/navi/bg_impressum_hover.gif);} #footernavi ul li a#sitemap {background-image: url(media/img/navi/bg_sitemap.gif); width: 54px; padding-left: 13px;} #footernavi ul li a:hover#sitemap {background-image: url(media/img/navi/bg_sitemap_hover.gif);} /* ----------- Formatierungen für Formulare --------- */ fieldset {border: 1px solid #CCCCCC; padding: 0px 10px 10px 10px;} legend {font-family : georgia, verdana, arial, tahoma, sans-serif; font-size: 17px; color: #3A4954; padding: 0px 1px 0px 1px;} label {display: block; float: left; width: 80px; cursor: pointer; padding-top: 2px;} .nachricht {padding-top: 20px;} textarea {width: 366px; font-family : verdana, arial, tahoma, sans-serif; font-size: 12px; color: #555555; background: #C5CCD0; border: 1px solid #727E86; float: left; margin-top: 20px;} input {display: block; float: left; width: 115px; color: #555555; background: #C5CCD0; border: 1px solid #727E86; margin: 0px 50px 6px 0px; padding: 1px;} .input2 {display: block; float: left; width: 115px; color: #555555; background: #C5CCD0; border: 1px solid #727E86; margin: 0px 0px 6px 0px; padding: 1px;} .input-search {width: 100px; height: 13px; font-size: 11px; font-family: verdana, arial; color: #f0f0f0; background: #828E96; border: 1px solid #727E86; margin: 1px 5px 0px 0px; padding: 1px;} .unsichtbar {background: transparent; border: none;} /* macht die hidden fields unsichtbar */ .inputimg {width: 82px; height: 23px; border: none; background: transparent; margin: 20px 0px 0px 80px; display: inline;} input:focus, textarea:focus {background: #F0F0F0; border: 1px solid #727E86; color: #555555;} form br {clear: left; /* hebt floating der labels und inputs auf */} #submit-button {width: 82px; height: 23px; margin: 20px 0px 0px 80px; display: inline; background: url(media/img/send2.gif) no-repeat left top; overflow: hidden; border: 0px;} /* für send2friend */ #submit-button:hover {background: url(media/img/send.gif) no-repeat left bottom; cursor: pointer;} .submit-button {width: 114px; height: 23px; margin: 20px 0px 0px 80px; display: inline; background: url(media/img/send2.gif) no-repeat left top; overflow: hidden; border: 0px;} /* für Kontaktformular */ .submit-button:hover {background: url(media/img/send2.gif) no-repeat left bottom; cursor: pointer;} .submit-change {width: 100px; height: 23px; margin: 20px 0px 0px 80px; display: inline; background: url(media/img/change.gif) no-repeat left top; overflow: hidden; border: 0px;} .submit-change:hover {background: url(media/img/change.gif) no-repeat left bottom; cursor: pointer;} .submit-search {width: 18px; height: 17px; margin: 1px 0px 0px 0px; display: inline; background: url(media/img/search.gif) no-repeat left top; overflow: hidden; border: 0px;} .submit-search:hover {background: url(media/img/search.gif) no-repeat left bottom; cursor: pointer;} #calculate-button {width: 82px; height: 23px; margin: 20px 0px 0px 80px; display: inline; background: url(media/img/calculate.gif) no-repeat left top; overflow: hidden; border: 0px;} #calculate-button:hover {background: url(media/img/calculate.gif) no-repeat left bottom; cursor: pointer;} .error {margin: 10px 0px 10px 0px; padding: 22px 10px 21px 59px; border-bottom: 1px solid #727E86; background: #F0F0F0 url(media/img/icon_error.gif) top left no-repeat;} /* Warnmeldung für Kontaktformular */ /* ----------- Formatierungen für Tabellen --------- */ .dtable {border:1px solid #F0F0F0;} td {font-family: verdana, arial, tahoma, sans-serif; font-size: 12px;} tr {height: 20px;} .row1 {background: #F0F0F0;} .row2 {background: #828E96; color: #F0F0F0;}