body { margin: 0px; padding: 0px; background: url(../images/bg.gif) repeat-x #FFFFFF; } /* Layout -------------------------------------------------------------- */ #center {position: relative; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px; width: 910px} #logo {width: 426px; height: 84px; margin: 50px 0px 0px 484px} #menu {margin: 34px 0px 0px 0px; float: right} * html #menu {margin: 43px 0px 0px 0px} /* Hack IE 6 */ *+html #menu {margin: 46px 0px 0px 0px} /* Hack IE 7 */ #submenu {position: absolute; top: 155px; left: 200px; height: 20px; width: 590px; background-color: #FFFFFF} * html #submenu {top: 205px} /* Hack IE 6 */ *+html #submenu {top: 205px} /* Hack IE 7 */ #content {width: 550px; padding: 20px; background-color: #FFFFFF; margin: 35px 0px 5px 200px; float: left} * html #content {margin: 35px 0px 5px 100px} /* Hack IE 6 */ #subcontent {width: 550px; padding: 20px; background-color: #FFFFFF; margin: 10px 0px 5px 200px; float: left} * html #subcontent {margin: 6px 0px 5px 100px} /* Hack IE 6 */ *+html #subcontent {margin: 6px 0px 5px 200px} /* Hack IE 7 */ #login {width: 90px; background-color: #243A76; padding: 10px; margin: 5px 0px 0px 10px; float: right} #footer {margin: 0px 0px 0px 200px; width: 590px; background-color: #FFFFFF; padding: 1px 0px 1px 0px} #start {position: absolute; width: 148px; height: 20px; top: -50px} * html #start {top: 0px} /* Hack IE 6 */ *+html #start {top: 0px} /* Hack IE 7 */ #box {position: absolute; width: 148px; height: 170px; background: url(../images/bg-kasten-top.gif) 0px 0px no-repeat; top: 0px} * html #box {top: 50px} /* Hack IE 6 */ *+html #box {top: 50px} /* Hack IE 7 */ #hinweis {position: absolute; width: 148px; height: 110px; background: url(../images/bg-hinweis.gif) 0px 0px no-repeat; top: 185px} * html #hinweis {top: 235px} /* Hack IE 6 */ *+html #hinweis {top: 235px} /* Hack IE 7 */ #aktionsbuendnis {position: absolute; width: 148px; height: 178px; background: url(../images/bg-aktionsbuendnis.gif) 0px 0px no-repeat; top: 305px} * html #aktionsbuendnis {top: 355px} /* Hack IE 6 */ *+html #aktionsbuendnis {top: 355px} /* Hack IE 7 */ #email {position: absolute; width: 128px; background: #707EA5; top: 185px; padding: 10px} * html #email {top: 235px} /* Hack IE 6 */ *+html #email {top: 235px} /* Hack IE 7 */ /* Global Styles -------------------------------------------------------------- */ div { font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-weight: normal; font-size: 12px; color: #000000; } a {color: #000000} a:hover {text-decoration: none} h1 {font-size: 18px; line-height: 22px} h1.top {margin-top: 0px} h2 {font-size: 16px; line-height: 20px} h2.top {margin-top: 0px} h2 a {text-decoration: none} h2 a:hover {text-decoration: underline} h3 {font-size: 14px; line-height: 18px} h3.top {margin-top: 0px} h3 a {text-decoration: none} h3 a:hover {text-decoration: underline} hr {background-color:#707EA5; border: none; color: #707EA5; height: 1px} .float {float: left} .float-r {float: right; clear: right} .clear {clear: both} a img {border: 0px} a:focus {outline: none} /* Firefox */ * html p {margin: 10px 0px 10px 0px} /* Hack IE 6 */ *+html p {margin: 10px 0px 10px 0px} /* Hack IE 7 */ /* Link Startseite -------------------------------------------------------------- */ #start a {background: url(../images/bg-top-start.gif) 0px 0px no-repeat; display: block; height: 20px; text-decoration: none} #start a:hover {background: url(../images/bg-top-start1.gif) 0px 0px no-repeat} /* Box -------------------------------------------------------------- */ #box {display: table} #box .title {display: table-cell; vertical-align: middle; color: #d4d9e4; font-size: 18px; line-height: 22px; text-align: center; font-weight: bold} * html #box .title {margin-top: 60px} /* Hack IE 6 */ *+html #box .title {margin-top: 60px} /* Hack IE 6 */ /* Hinweis -------------------------------------------------------------- */ #hinweis a {width: 148px; height: 107px; text-decoration: none; display: block} #aktionsbuendnis a {width: 148px; height: 178px; text-decoration: none; display: block} /* Menü -------------------------------------------------------------- */ #menu a { font-size: 12px; display: block; float: left; text-decoration: none; margin-left: 10px; height: 20px; width: 110px; } #menu a.leistungen {background: url(../images/bg-nav-leistungen.gif) no-repeat} #menu a:hover.leistungen {background: url(../images/bg-nav-leistungen1.gif) no-repeat} #menu a.leistungen-s {background: url(../images/bg-nav-leistungen1.gif) no-repeat} #menu a.ueber {background: url(../images/bg-nav-ueber.gif) no-repeat} #menu a:hover.ueber {background: url(../images/bg-nav-ueber1.gif) no-repeat} #menu a.ueber-s {background: url(../images/bg-nav-ueber1.gif) no-repeat} #menu a.mitglieder {background: url(../images/bg-nav-mitglieder.gif) no-repeat} #menu a:hover.mitglieder {background: url(../images/bg-nav-mitglieder1.gif) no-repeat} #menu a.mitglieder-s {background: url(../images/bg-nav-mitglieder1.gif) no-repeat} #menu a.infos {background: url(../images/bg-nav-infos.gif) no-repeat} #menu a:hover.infos {background: url(../images/bg-nav-infos1.gif) no-repeat} #menu a.infos-s {background: url(../images/bg-nav-infos1.gif) no-repeat} #menu a.mitgliedschaft {background: url(../images/bg-nav-mitgliedschaft.gif) no-repeat} #menu a:hover.mitgliedschaft {background: url(../images/bg-nav-mitgliedschaft1.gif) no-repeat} #menu a.mitgliedschaft-s {background: url(../images/bg-nav-mitgliedschaft1.gif) no-repeat} #menu a.kontakt {background: url(../images/bg-nav-kontakt.gif) no-repeat} #menu a:hover.kontakt {background: url(../images/bg-nav-kontakt1.gif) no-repeat} #menu a.kontakt-s {background: url(../images/bg-nav-kontakt1.gif) no-repeat} #menu ul li { display: inline; list-style-type: none; padding: 0px; margin: 0px; } *+html #menu a {line-height: 20px} /* Hack IE 7 */ /* Submenü -------------------------------------------------------------- */ #submenu a { height: 14px; display: block; text-decoration: none; } #submenu li { display: inline; border-right: 1px solid #243a76; list-style-type: none; padding: 0px 6px 0px 6px; margin: 3px 0px 0px 0px; float: left; } * html #submenu li {line-height: 14px} /* Hack IE 6 */ *+html #submenu li {line-height: 14px} /* Hack IE 7 */ #submenu a.sinn {background: url(../images/bg-subnav-sinn.gif) no-repeat; width: 77px} #submenu a.guetesiegel {background: url(../images/bg-subnav-pruefsiegel.gif) no-repeat; width: 70px} #submenu a.pruefverfahren {background: url(../images/bg-subnav-pruefverfahren.gif) no-repeat; width: 97px} #submenu a.schwarzarbeit {background: url(../images/bg-subnav-schwarzarbeit.gif) no-repeat; width: 113px} #submenu a.ueber {background: url(../images/bg-subnav-ueber.gif) no-repeat; width: 44px} #submenu a.gf {background: url(../images/bg-subnav-gf.gif) no-repeat; width: 154px} #submenu a.mitgliedschaft {background: url(../images/bg-subnav-mitgliedschaft.gif) no-repeat; width: 129px} #submenu a.mitglied {background: url(../images/bg-subnav-mitglied.gif) no-repeat; width: 79px} #submenu a.partner {background: url(../images/bg-subnav-partner.gif) no-repeat; width: 36px} #submenu a.tipps {background: url(../images/bg-subnav-tipps.gif) no-repeat; width: 103px} #submenu a:hover {border-bottom: 1px solid #243a76} #submenu a:active {border-bottom: 1px solid #243a76} #submenu ul { display: inline; } /* Login -------------------------------------------------------------- */ #login {color: #FFFFFF; line-height: 16px; font-size: 11px} #login .mitglieder {background: url(../images/bg-login.gif) no-repeat; display: block; height: 32px; margin-bottom: 10px} #login label {font-size: 11px; color: #FFFFFF; display: block} #login input {font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 86px; padding: 4px 2px 4px 2px; border: none} #login input.button {width: 70px; padding: 1px 0px 1px 0px; margin-top: 5px; color: #FFFFFF; background-color: #D71920; border: 1px solid #FFFFFF; float: right} #content .bglogin {background-color: #D3D8E3; padding: 5px 10px 5px 10px} /* Email -------------------------------------------------------------- */ #email .newsletter {background: url(../images/bg-newsletter.gif) no-repeat; display: block; height: 30px; margin-bottom: 10px} #email label {font-size: 11px; color: #FFFFFF} #email input {font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 124px; padding: 4px 2px 4px 2px; border: none} #email input.zemSubmit {width: 70px; padding: 1px 0px 1px 0px; margin-top: 5px; color: #FFFFFF; background-color: #D71920; border: 1px solid #FFFFFF; float: right} #email ul.zemError {margin: 0px; padding: 0px; color: #FFFFFF; font-size: 11px; line-height: 14px; list-style: none} #email ul.zemError li {margin-bottom: 10px} #email .zemThanks {font-size: 11px; color: #FFFFFF; line-height: 14px} /* Content -------------------------------------------------------------- */ #content img {float: left; margin: 0px 20px 10px 0px} #content ul {margin: 0px; padding: 0px 0px 0px 15px} #content li {padding: 5px 5px 5px 0px} #content .pruefsiegel {background: url(../images/pruefsiegel-bg.gif) top left no-repeat} /* Footer -------------------------------------------------------------- */ #footer a {color: #243A76; font-size: 11px; text-decoration: none} #footer a.imprint {margin: 0px 0px 0px 10px} #footer a.print {margin: 0px 10px 0px 0px} #footer a.top {margin: 0px 10px 0px 0px} #footer a:hover {color: #707EA5}