html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
button,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0px;
  padding: 0px;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  background-color: #ffffff;
  background-image: url(/common/img/bg_raster.gif);
  background-repeat: repeat-x;
  background-position: 0 -190px;
  font-family: arial, verdana, sans-serif;
  color: #666666;
  font-size: 14px;
  line-height: 1.5em;
  margin: 0;
  padding: 0px 0px 200px 0px;
}

body :focus {
  outline: 0;
}

body .clear {
  clear: both;
}

body h1,
body h2,
body h3 {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: helvetica;
  color: #b3b329;
  letter-spacing: 1px;
}

body div#headline {
  float: left;
  width: 750px;
}

body div#headline h1 {
  font-size: 32px;
  margin: 0 0 40px 50px;
  border-bottom: 1px solid #b3b329;
  border: none;
}

body h2,
body h3 {
  margin: 0 0 10px 0;
  padding: 15px 0 0 0;
  line-height: 1.4em;
  color: #b3b329;
  letter-spacing: 1px;
  font-size: 20px;
}

body h3 {
  color: #666666;
}

body h4 {
  font-weight: bold;
}

body p {
  margin: 0 0 10px 0;
}

body a,
body input {
  outline: none;
}

div#outer {
  width: 100%;
  position: relative;
}

div#slide {
  position: absolute;
  top: -300px;
  left: 0;
  height: 60px;
  width: 100%;
  z-index: 2;
}

div#slide div#slide-panel {
  display: block;
  border-bottom: 2px solid #ffffff;
  background-color: #2b2b2d;
  height: 250px;
  text-align: center;
  width: 100%;
}

div#slide div#slide-panel img {
  float: left;
  margin-right: 30px;
}

div#slide div#slide-panel h2 {
  padding: 0;
  margin-bottom: 15px;
}

div#slide div#slide-panel h3 {
  padding: 0;
  margin-bottom: 10px;
}

div#slide div#slide-panel div.leftfloat {
  float: left;
  width: 400px;
}

div#slide div#slide-panel ul {
  float: left;
  margin-bottom: 30px;
  letter-spacing: 1px;
  font-size: 12px;
  list-style: none;
}

div#slide div#slide-panel ul li {
  background-image: url(/common/img/arrow_grey_5.png);
  background-repeat: no-repeat;
  background-position: -5px 6px;
  padding: 0 0 0 15px;
  color: #eeeeee;
}

div#slide div#slide-panel a.angebot {
  float: left;
  display: block;
  width: 280px;
  height: 150px;
  background-image: url(/common/img/angebot_anfordern.gif);
  background-repeat: no-repeat;
  background-position: 22px 5px;
}

div#slide div#slide-panel a.angebot:hover {
  background-image: url(/common/img/angebot_hover.gif);
}

div#slide div#slide-panel div.inner-slide {
  padding: 0;
  margin: 0 auto 0 auto;
  width: 1024px;
  overflow: hidden;
  text-align: left;
}

div#slide div#slide-panel div.inner-slide div.left {
  float: left;
  width: 250px;
  overflow: hidden;
}

div#slide div#slide-panel div.inner-slide div.right {
  float: left;
  width: 680px;
  overflow: hidden;
  padding: 25px 0 0 0;
}

div#slide div#slide-panel a.bc-logo {
  display: block;
  width: 200px;
  background-image: url(/common/img/bc_logo.gif);
  background-position: center 54px;
  background-repeat: no-repeat;
  height: 190px;
}

div#slide div#slide-panel a {
  color: #ffffff;
}

div#slide p.slide {
  padding: 0;
  margin: 0 auto 0 auto;
  width: 1050px;
}

div#slide p.slide a {
  width: 235px;
  height: 60px;
  background-image: url(/common/img/ihre_kanzlei_online.png);
  background-repeat: no-repeat;
  display: block;
  background-position: 0 -30px;
  float: right;
}

div#slide.expanded {
  height: 260px;
}

a#button:hover {
  background-image: url(/common/img/button_hover.png);
}

div#base {
  text-align: center;
  padding: 0;
  margin: 0 auto 0 auto;
  width: 1024px;
}

div#base div#header {
  text-align: left;
  width: 1024px;
  height: 200px;
}

div#base div#header a#logo {
  background-image: url(/common/img/logo.png);
  background-repeat: no-repeat;
  background-position: 0px 28px;
  display: block;
  height: 120px;
  width: 400px;
  float: left;
}

div#base div#header div#mainnav ul {
  float: right;
  padding: 40px 0 0 0;
  margin: 0 0 18px 0;
}

div#base div#header div#mainnav ul li {
  font-size: 1.1em;
  display: inline;
}

div#base div#header div#mainnav ul li a {
  padding: 30px 10px 0px 0;
  margin: 0 0 0 20px;
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 12px;
  background-image: url(/common/img/tab.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  text-decoration: none;
  text-transform: uppercase;
}

div#base div#header div#mainnav ul li a:hover {
  background-image: url(/common/img/tabhover.gif);
  color: #b3b329;
}

div#base div#header div#mainnav ul li ul {
  display: none;
}

div#base div#header div#mainnav ul li.active a {
  color: #b3b329;
  background-image: url(/common/img/tabhover.gif);
}

div#base div#header div#image {
  height: 100px;
  width: 1024px;
  display: none;
  background-image: url(/common/img/header_image.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

div#base div#header div#zitat {
  height: 170px;
  width: 425px;
  float: right;
  padding: 20px 0 0 60px;
  background-image: url(/common/img/zitat.gif);
  background-repeat: no-repeat;
  background-position: 0 10px;
  display: none;
}

div#base div#header div#zitat p {
  font-size: 20px;
  font-family: georgia;
  line-height: 1.6em;
  color: #b3b329;
  color: #ffffff;
}

div#base div#main {
  text-align: left;
  width: 1024px;
  padding: 80px 0 30px 0px;
}

div#base div#main div#nav {
  width: 200px;
  float: left;
  min-height: 200px;
}

div#base div#main div#nav ul {
  list-style: none;
}

div#base div#main div#nav ul li {
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 10px;
}

div#base div#main div#nav ul li a {
  text-decoration: none;
  color: #666666;
  font-size: 12px;
  display: block;
  letter-spacing: 1px;
  overflow: hidden;
  margin: 0 0 10px 0;
  background-image: url(/common/img/arrow_grey.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding: 0 0 0 20px;
  text-transform: uppercase;
  line-height: 14px;
}

div#base div#main div#nav ul li a:hover {
  background-image: url(/common/img/arrow_green_3.gif);
  color: #b3b329;
}

div#base div#main div#nav ul li.active a {
  background-image: url(/common/img/arrow_green.gif);
  color: #b3b329;
}

div#base div#main div#nav ul li.active ul {
  padding: 0 0 0 0px;
}

div#base div#main div#nav ul li.active ul li {
  border: none;
  margin-bottom: 12px;
}

div#base div#main div#nav ul li.active ul li a {
  color: #8c8c8c;
  font-size: 11px;
  border: none;
  background-image: none;
  margin: 0 0 5px 0;
  background-image: url(/common/img/arrow_grey_3.gif);
}

div#base div#main div#nav ul li.active ul li a:hover {
  color: #b3b329;
}

div#base div#main div#nav ul li.active ul li.active a {
  background-image: url(/common/img/arrow_green_1.gif);
  color: #b3b329;
}

div#base div#main div#nav ul li.activenode a {
  background-image: url(/common/img/arrow_green.gif);
  color: #b3b329;
}

div#base div#main div#content {
  width: 510px;
  padding: 0 50px 0 50px;
  float: left;
}

div#base div#main div#content div.text {
  width: auto;
}

div#base div#main div#content div.toggle,
div#base div#main div#content div.toggle_open {
  margin: 0 0 20px 0;
}

div#base div#main div#content div.toggle p,
div#base div#main div#content div.toggle_open p,
div#base div#main div#content div.toggle h4,
div#base div#main div#content div.toggle_open h4,
div#base div#main div#content div.toggle ul,
div#base div#main div#content div.toggle_open ul {
  display: none;
  padding-left: 20px;
}

div#base div#main div#content div.toggle h2,
div#base div#main div#content div.toggle_open h2 {
  cursor: pointer;
  background-image: url(/common/img/arrow_green.gif);
  padding: 0 0 0 20px;
  background-position: 0 6px;
  background-repeat: no-repeat;
}

div#base div#main div#content div.toggle_open p,
div#base div#main div#content div.toggle_open h4,
div#base div#main div#content div.toggle_open ul {
  display: block;
}

div#base div#main div#content div.hinweis {
  border: 1px solid #b3b329;
  background-color: #cccccc;
  background-image: url(/common/img/bg_raster.gif);
  background-image: url(/common/img/bg_test.gif);
  background-position: 0 -50px;
  padding: 10px;
  color: #ffffff;
  font-size: 18px;
}

div#base div#main div#content div.einleitung {
  clear: both;
  margin-bottom: 25px;
}

div#base div#main div#content div.einleitung p {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  color: #666666;
  letter-spacing: 1px;
  font-size: 16px;
}

div#base div#main div#content ul {
  padding: 5px 0 10px 0px;
  list-style: none;
}

div#base div#main div#content ul li {
  background-image: url(/common/img/arrow_grey_2.gif);
  background-repeat: no-repeat;
  background-position: -7px;
  padding-left: 15px;
  margin-bottom: 6px;
}

div#base div#main div#content a {
  text-decoration: none;
  padding: 3px 2px 3px 2px;
  letter-spacing: 1px;
  color: #b3b329;
  text-decoration: underline;
}

div#base div#main div#content a:hover {
  background-color: #b3b329;
  color: #ffffff;
}

div#base div#main div#content form p {
  clear: both;
}

div#base div#main div#content form h3 {
  clear: both;
  color: #b3b329;
  font-size: 16px;
  padding: 30px 0 0 0;
}

div#base div#main div#content form span {
  color: #b3b329;
}

div#base div#main div#content form label {
  display: block;
  width: 135px;
  float: left;
}

div#base div#main div#content form input,
div#base div#main div#content form textarea {
  display: block;
  width: 365px;
  float: left;
  padding: 4px;
  border: 1px solid #999999;
  background-color: #cccccc;
  font-size: 14px;
  font-family: arial, verdana, sans-serif;
  margin: 0 0 10px 0;
}

div#base div#main div#content form input.submit {
  width: 510px;
  background-color: #b3b329;
  color: #ffffff;
  text-transform: uppercase;
  border: 1px solid #b3b329;
  letter-spacing: 1px;
  margin-bottom: 25px;
  font-size: 12px;
  cursor: pointer;
}

div#base div#main div#content form input.hidden {
  display: none;
}

div#base div#main div#content form input.hover {
  background-color: #666666;
  border: 1px solid #666666;
}

div#base div#main div#content form p.required label {
  color: #b3b329;
}

div#base div#main div#content form p.required input {
  border: 1px solid #b3b329;
  background-color: #eeeeb9;
}

div#base div#main div#content ul.team {
  padding: 0;
}

div#base div#main div#content ul.team li {
  width: 250px;
  float: left;
  background-image: none;
  padding: 0;
}

div#base div#main div#content ul.team li ul {
  padding: 5px 0 20px 0px;
  list-style: none;
}

div#base div#main div#content ul.team li ul li {
  background-image: url(/common/img/arrow_grey_2.gif);
  background-repeat: no-repeat;
  background-position: -5px 5px;
  padding-left: 20px;
  margin-bottom: 6px;
  float: none;
}

div#base div#main div#content ul.team li div.image {
  width: 200px;
  height: 200px;
  overflow: hidden;
}

div#base div#main div#content .boxgrid {
  width: 248px;
  height: 250px;
  float: left;
  background-color: #666666;
  border: solid 1px #666666;
  overflow: hidden;
  position: relative;
}

div#base div#main div#content .boxgrid img {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

div#base div#main div#content .boxgrid .boxcaption {
  float: left;
  position: absolute;
  background-image: url(/common/img/bg_raster.gif);
  padding: 10px;
  height: 400px;
  width: 230px;
  opacity: 0.9;
  color: #ffffff;
}

div#base div#main div#content .boxgrid .boxcaption h3 {
  padding-top: 0;
  margin-bottom: 15px;
  color: #ffffff;
}

div#base div#main div#content .boxgrid .boxcaption ul {
  padding: 5px 0 20px 0px;
  list-style: none;
}

div#base div#main div#content .boxgrid .boxcaption ul li {
  background-image: url(/common/img/arrow_grey.png);
  background-repeat: no-repeat;
  background-position: -6px 5px;
  padding-left: 14px;
  margin-bottom: 2px;
  float: none;
  line-height: 1.2em;
  font-size: 13px;
}

div#base div#main div#content .captionfull .boxcaption,
div#base div#main div#content .caption .boxcaption {
  top: 195px;
  left: 0px;
}

div#base div#main div#content .caption .boxcaption h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

div#base div#main div.button {
  background-image: url(/common/img/button_test.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 150px;
}

div#base div#main div#teaser {
  width: 200px;
  float: right;
}

div#base div#main div#teaser div {
  background-position: left top;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}

div#base div#main div#teaser div a {
  text-decoration: none;
  padding: 3px 2px 3px 2px;
  letter-spacing: 1px;
  font-size: 12px;
  color: #b3b329;
  text-decoration: underline;
}

div#base div#main div#teaser div a:hover {
  background-color: #b3b329;
  color: #ffffff;
}

div#base div#main div#teaser div h3 {
  padding: 0;
}

div#base div#main div#teaser div#logout a {
  background-color: #b3b329;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #b3b329;
  padding: 5px;
}

div#base div#main div#teaser div#logout a:hover {
  color: #b3b329;
  background-color: #ffffff;
}

div#footer {
  padding: 10px 0 0 0px;
  height: 50px;
  border-top: 1px solid #b3b329;
}

div#footer div {
  width: 1024px;
}

div#footer div p,
div#footer div a {
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  color: #b3b329;
}

div#footer div a:hover {
  text-decoration: underline;
}

div#footer div p.left {
  float: left;
  width: 600px;
  text-align: left;
}

div#footer div p.right {
  float: right;
  width: 200px;
  text-align: right;
}

.tip {
  width: 212px;
  padding-top: 37px;
  overflow: hidden;
  display: none;
  position: absolute;
  z-index: 500;
  background-image: url(/common/img/tipTop.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.tipMid {
  background-image: url(/common/img/tipMid.png);
  background-repeat: repeat-y;
  padding: 0 25px 20px 25px;
}

.tipBtm {
  background-image: url(/common/img/tipBtm.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 32px;
}

#base #main #content div.renten_tool {
  font-size: 13px;
  line-height: 1.3em;
}

#base #main #content div.renten_tool form {
  position: relative;
}

#base #main #content div.renten_tool form div.heading {
  border: 1px solid #666666;
  padding: 15px 10px 10px 10px;
  background-image: url(/common/img/bg_raster.gif);
}

#base #main #content div.renten_tool form div#edit {
  background-color: #eeeeb9;
  border: 1px solid #b3b329;
  border-bottom: 0;
  padding: 20px 10px 0px 10px;
  background-image: url(/common/img/bg_test.gif);
}

#base #main #content div.renten_tool form div#details {
  background-color: #cccccc;
  border: 1px solid #999999;
  border-bottom: none;
  padding: 0px 10px 0px 10px;
  background-image: url(/common/img/bg_rente_2.gif);
  background-position: 0 -25px;
  background-repeat: repeat-x;
}

#base #main #content div.renten_tool form div#details div {
  display: none;
  padding: 20px 0 10px 0;
}

#base #main #content div.renten_tool form div#details p.details {
  padding: 0;
  height: auto;
  margin: 0;
  cursor: pointer;
}

#base #main #content div.renten_tool form div#details p.details span {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  background-image: url(/common/img/arrow_grey_4.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding: 0 0 0 20px;
  color: #ffffff;
}

#base #main #content div.renten_tool form div#details span.hide {
  display: none;
  font-size: 12px;
  font-weight: normal;
}

#base #main #content div.renten_tool form div#result {
  background-color: #eeeeb9;
  border: 1px solid #b3b329;
  padding: 20px 10px 10px 10px;
  background-image: url(/common/img/bg_test.gif);
  background-position: 0 -100px;
  padding-bottom: 0;
  border-top: 0;
}

#base #main #content div.renten_tool form div#result label {
  font-weight: bold;
}

#base #main #content div.renten_tool form h3 {
  color: #ffffff;
  margin: 0;
  padding: 0;
}

#base #main #content div.renten_tool form p {
  clear: both;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
}

#base #main #content div.renten_tool form p span {
  color: #333333;
}

#base #main #content div.renten_tool form p.large {
  height: 40px;
}

#base #main #content div.renten_tool form label {
  color: #333333;
  width: 340px;
  letter-spacing: 1px;
  text-align: right;
}

#base #main #content div.renten_tool form span.edit {
  border: 1px solid #b3b329;
  background-color: #ffffff;
  padding: 5px;
  float: right;
  width: 105px;
}

#base #main #content div.renten_tool form span.edit input {
  height: 20px;
  width: 80px;
  float: left;
  font-size: 16px;
  color: #333333;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  text-align: right;
  padding: 0;
  line-height: 24px;
}

#base #main #content div.renten_tool form span.edit input:focus {
  color: #000000;
}

#base #main #content div.renten_tool form span.value {
  float: left;
  width: 20px;
  text-align: center;
  padding: 0px 0 0 0;
  font-size: 16px;
  line-height: 23px;
}

#base #main #content div.renten_tool form span.content {
  height: 20px;
  width: 80px;
  float: left;
  font-size: 16px;
  color: #333333;
  border: 1px solid #cccccc;
  background-color: #cccccc;
  text-align: right;
  padding: 0;
  line-height: 24px;
}

#base #main #content div.renten_tool form span.disabled {
  float: right;
}

#base #main #content div.renten_tool form span.disabled span {
  background-color: transparent;
  border: none;
}

#base #main #content div.renten_tool form span.result {
  background-color: transparent;
  color: #b3b329;
  font-size: 24px;
  padding: 11px 0 0 0;
  float: right;
  width: 140px;
  font-weight: bold;
  text-align: right;
  display: block !important;
}

#base #main #content div.renten_tool form span.result span {
  float: right;
}

#fancy_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #666666;
  display: none;
  z-index: 1;
}

* html body div#fancy_overlay {
  position: absolute;
  height: expression document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeightpx;
}

* html body div#slide p.slide a {
  background-image: url(/common/img/ihre_kanzlei_online.gif);
  background-position: 10px -20px;
}

* html body div#base div#header a#logo {
  background-image: url(/common/img/logo.gif);
}