#kp_page {
  padding-top: 70px;
}
#kp_header {
  height: 70px;
}

#kp_product {
  background: url(/images/kp/sidebar_bg.png) repeat-y left;
  border-bottom: solid 1px #ccc;
  margin-bottom: 1.5em;
  overflow: hidden;
  position: relative;
}
#kp_product {
}
#kp_product .primary,
#kp_product .secondary {
  display: inline;
  float: left;
}
#kp_product .primary {
  margin: 0 0 0 240px;
  width: 700px;
}
#kp_product .secondary {
  border-top: 1px solid #ccc;
  margin: 0 10px 0 -940px;
  width: 220px;
}
/* @element sprite */
#kp_producthead_centered button span,
#kp_producthead button span,
#kp_topcontact span,
#kp_topseal,
#kp_producttop p,
#kp_product ul.bullets li,
#kp_questionnaire button span,
#kp_topcontact p.register {
  background-image: url(/images/kp/sprites/elements.png);
}
/* @steps sprite */
#kp_productsteps li,
#kp_productsteps span,
#kp_productsteps span span {
  background-image: url(/images/kp/sprites/steps.png);
}

/* @product image */
#kp_productimage {
  background-position: 50%;
  border: solid 1px #d4dff2;
  background-repeat: no-repeat;
  height: 260px;
  margin: -1px 0 12px 0;  
}
#kp_productimage a {
  display: block;
  height: 260px;
  width: 218px;
  text-indent: -5000em;
}
/* @product form exists */
.activeform .primary {
  padding-top: 280px;
}
.activeform #kp_producthead,
.activeform #kp_producthead_centered {
  position: absolute;
  top: 0;
  right: -10px;
  width: 698px;
}
#kp_producthead, #kp_producthead_centered {
  background: #f1f2f6 url(/images/kp/beratungen/seo_producthead_bg.jpg) no-repeat 100% 100%;
  border: solid 1px #ccc;
  clear: both;
  height: 260px;
  margin: 0 10px 20px;
}
#kp_producthead_centered {
  background-image: none;
}
#kp_producthead .inner,
#kp_producthead_centered .inner {
  border: solid 1px #fff;
  height: 258px;
  position: relative;
}
#kp_producthead .head,
#kp_producthead_centered .head {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  left:18px;
  position:absolute;
  top:10px;
}
#kp_producthead_centered .head {
  left: 50px;
  top: 14px;
}
#kp_producthead .head strong,
#kp_producthead_centered .head strong {
  color: #f99000;
}
#kp_producthead ol,
#kp_producthead_centered ol {
  font-size: 14px;
  font-weight: bold;
  list-style: decimal inside;
}
#kp_producthead ol li,
#kp_producthead_centered ol li {
  padding:3px 0 5px 10px;
}
#kp_producthead_centered ol li {
  padding: 3px 0 5px 45px;
}
#kp_producthead span.note,
#kp_producthead_centered span.note {
  position: absolute;
  right: -20px;
  top: -15px;
}
#kp_producthead_centered span.note {
  right: 30px;
  top: -10px;
}
#kp_producthead form,
#kp_producthead_centered form {
  background: #fff url(/images/kp/beratungen/seo_producthead_form.png) repeat-x bottom;
  border: solid 2px #fff;
  height: 164px;
  left: 15px;
  padding: 8px;
  position: absolute;
  top: 60px;
  width:414px;
}
#kp_producthead_centered form {
  left: 50px;
  top: 50px;
  width: 575px;
}
#kp_producthead fieldset,
#kp_producthead_centered fieldset {
  background: #fff url(/images/kp/beratungen/seo_producthead_form.png) repeat-x top;
  border: solid 2px #fff;
  left: 10px;
  margin: 0;
  position: absolute;
  padding: 8px;
  padding-bottom: 22px;
  top: 80px;
  width: 390px;
}
#kp_producthead_centered fieldset {
  top: 90px;
  left: 50px;
  width: auto;
}
#kp_producthead form label,
#kp_producthead_centered form label {
  color: #2e5794;
  font-weight: bold;
  line-height: 22px;
  margin-right: 20px;
  overflow: hidden;
}
* html #kp_producthead form label,
* html #kp_producthead_centered form label {
  height: 22px;
}
#kp_producthead form select,
#kp_producthead_centered form select {
  border: solid 1px #2e5794;
  padding: 3px;
}
#kp_producthead form p.row,
#kp_producthead_centered form p.now {
  border: none;
  height: auto;
  padding: 0;
  padding-left: 2px;
}

#kp_producthead fieldset,
#kp_producthead form,
#kp_producthead_centered fieldset,
#kp_producthead_centered form {
  border-radius:10px;
  box-shadow: 0px 2px 5px #888;
  -moz-border-radius:10px;
  -moz-box-shadow: 0px 2px 5px #ccc;
  -webkit-border-radius:10px;
  -webkit-box-shadow: 0px 2px 5px #ccc;
}
#kp_producthead .submit,
#kp_producthead_centered .submit {
  bottom: -50px;
  left: -10px;
  position: absolute;
  text-align: center;
  width: 410px;
}
#kp_producthead_centered .submit {
  left: 6px;
  right: auto;
  text-align: left;
}
#kp_producthead button,
#kp_producthead_centered button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
}

#kp_producthead button span,
#kp_producthead_centered button span {
  background-position:0 0;
  background-repeat: no-repeat;
  display:block;
  height: 40px;  
  padding: 0 0 0 36px;
  text-align:left;
}
#kp_producthead button span span,
#kp_producthead_centered button span span {
  background-position:100% -40px;
  color: #fff;
  font-size: 18px;
  height: 34px;
  line-height: 34px;
  padding: 1px 12px 5px 6px;
  white-space: nowrap;
}

#kp_producttop {
  height: 60px;
  position:relative;
}
#kp_producttop p {
  background-position:-118px -152px;
  background-repeat: no-repeat;
  color: #2e5794;
  font-size: 17px;
  font-weight: bold;
  line-height: 24px;
  padding: 18px 0 18px 70px;
  margin-left: 240px;
  width: 700px;
}
#kp_producttop p strong {
  color: #f99000;
}
#kp_producttop span {
  background: url(/images/kp/anfrage/sem_arrow.png) no-repeat 50%;
  display: block;
  height: 60px;
  left: 190px;
  position: absolute;
  top: 18px;
  width: 50px;
  z-index: 99;
}


/* @products steps */
#kp_productsteps {
  margin-bottom: 10px;
}
#kp_productsteps ol {
  height: 70px;
  overflow: hidden;
}
#kp_productsteps ol li,
#kp_productsteps ol span {
  float: left;
  height: 70px;
}
#kp_productsteps li {
  background-position:0 -140px;
  float: left;
  width: 315px;
}
#kp_productsteps li.step1 {
  background-position:0 -210px;
}
#kp_productsteps li.last {
  width: 310px;
}
#kp_productsteps li.last span {
  background-position: 0 -1000px;
}
#kp_productsteps span {
  background-position: 100% 0;
  background-repeat: no-repeat;
  width: 100%;
}
#kp_productsteps li.step1 span {
  background-position: 100% -70px;
}
#kp_productsteps span span {
  background-repeat: no-repeat;
  color: #9f9f9f;
  font-size: 18px;
  font-weight: bold;
  height: 44px;
  letter-spacing: 1px;
  line-height: 22px;
  padding: 13px 0 13px 66px;
  width: auto;
}
#kp_productsteps li.step1 span span {
  background-position: 10px -325px;
  color: #fff;
  text-shadow: 0 1px 2px #364c6e;
}
#kp_productsteps li.step2 span span {
  background-position: 15px -425px;
}
#kp_productsteps li.last span span {
  background-position: 15px -525px;
}


/* @questionairre */
#kp_questionnaire {
  border: solid 1px #ccc;  
  margin-bottom: 1em;
}
#kp_questionnaire .row1.question {
  padding: 5px 0 20px 20px;
}
#kp_questionnaire .row-submit {
  padding: 4px 10px 10px;
  text-align: right;
}
#kp_questionnaire .row1.additional {
  border-bottom: none;
}
#kp_questionnaire .row1 span.error {
  display: none !important;
}
#kp_questionnaire button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
* html #kp_questionnaire button {
  width:auto;
  overflow:visible;
}
#kp_questionnaire button span {
  background-repeat: no-repeat;
  background-position:0 -80px;  
  display:block;
  height: 36px;
  padding: 0 0 0 30px;
}
#kp_questionnaire button span span {
  background-position:100% -116px;
  color: #fff;
  font-size: 12px;
  font-weight:bold;
  height: 30px;
  line-height: 30px;
  padding: 1px 10px 5px 4px;
  white-space: nowrap;
}
#kp_questionnaire .contactform fieldset {
  border-right: 1px solid #ccc;
  margin-right: 280px;
  width: 415px;
}
#kp_questionnaire .contactform .details label {
  height:24px;
  line-height:24px;
  width:100px;
}
#kp_questionnaire .contactform .additional p {
  padding: 3px 10px;
  font-size: 11px;
}
#kp_questionnaire .contactform .additional.required {
  text-align: right;
}
#kp_questionnaire .contactform .additional.required span {
  color: red;
}
#kp_questionnaire .contactform .additional.hint {
  text-align: center;
}
#kp_questionnaire .forminfo {
  line-height: 1.5em;
  float: right;
  width:270px;
}
#kp_questionnaire .testimonial div {
  padding: 10px 10px 4px 40px;
}
#kp_questionnaire .testimonial blockquote p {
  padding-right: 24px;
}
#kp_questionnaire .privacy h3 {
  font-size: 12px;
  padding-left: 10px;
}
#kp_questionnaire .privacy p {
  padding: 0 10px;
}

/* @sidbar */
#kp_product .secondary .box {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
}
#kp_product .secondary .box.last {
  border-bottom: none;
} 
/* @sidebar beratung */
#kp_product .toc h5, #kp_product .toc h3 {
  font-size: 14px;
  margin-bottom: 0;
  padding: 4px 10px;
}
#kp_product .secondary .toc ol {
  list-style: none;
  margin: 0;
}
#kp_product .toc ol {
  padding: 0 10px;
}
#kp_product .toc li {
  padding:3px 0 3px 16px;
}
#kp_product .toc li.current {
  background-color: #325b97;
  background-image: none;
  font-weight: bold;
}
#kp_product .toc li a {
  text-decoration:none;
}
#kp_product .toc li.current,
#kp_product .toc li.current a {
  color: #fff;
}

#kp_product .toc li.current {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* @sidebar fragebogen */
#angebot #kp_product .secondary h3 {
  text-align: center;
}
#kp_product ul.bullets {
  margin-left:20px;
  margin-right:10px;
}
#kp_product ul.bullets li {
  background-position:-484px -217px;
  background-repeat: no-repeat;
  padding:3px 0 3px 20px;
}
#kp_product ul.logos li  {
  padding: 8px 0;
}
#kp_product ul.logos img {
  display: block;
  margin: 0 auto;
}
#kp_product .press_entry img {
  border: 0;
  display: block;
  margin: 0 auto;
}
#kp_product .press_entry div {
  padding: 10px 10px 0 20px;
}
#kp_product .press_entry blockquote p {
  font-size:13px;
}

/* @header stuff */
#kp_topcontact,
#kp_topseal {
  position: absolute;
  top: 0;
  z-index: 99;
}
#kp_topcontact  {
  color: #888;
  font-size: 13px;
  line-height: 24px;
  right: 10px;
}
* html #kp_topcontact {
  height: 24px;
}
#kp_topcontact span {
  background-position: 2px -242px;
  background-repeat: no-repeat;
  padding-left: 15px;
}
#kp_topcontact a {
	color: #888;
	text-decoration:none;
}
#kp_topcontact a:hover {
  text-decoration: underline;
}
#kp_topcontact p {
  padding: 8px 15px 14px 15px;
  line-height: 20px;
  float:left;
}
* html #kp_topcontact p {
  height: 52px;
}
#kp_topcontact p.register {
  background-repeat:no-repeat;
  background-position: 0 -260px;
  padding-right: 0px;
}

#kp_topseal  {
  background-repeat: no-repeat;
  background-position: 0 -152px;
  height: 68px;
  left: 310px;
  width:70px;
}

/* @old stuff */
.gliederung {
  background:#f6f9fe;
  border:solid 1px #2e5794;
  float:left;
  padding:0;
  margin:0 2.5em 1em 0;
  width:320px;
}
.gliederung ol {
  margin:0;
  padding:0px 10px 10px 10px;
  list-style:none;
}
.gliederung ol ol {
  padding:0;
}
.gliederung ol li {
  font-size:12px;
}
.gliederung ol li li {
  padding-left:30px;
}
.gliederung ol li a {
  display:block;
  padding:1px 2px 0px 25px;
  text-decoration:none;
}
.gliederung ol li a:hover {
  background:#6891c0;
  color:#fff;
}
.gliederung ol li span {
  display:block;
  float:left;
  margin-left:-22px;
}

.gliederung p {
  font-weight:bold;
  margin-bottom:0;
  padding:2px 0;
  text-align:center;
}

/* @angebot wrap */
/* @old stuff */
.angebote_erhalten {
  border:solid 2px #2e5794 !important;
  margin-bottom:1em !important;
}
.angebote_erhalten h4 {
  background:#2e5794 !important;
  color:#fff !important;
  height:18px !important;
  line-height:18px !important;
  padding:0 5px 2px 5px !important;
}
.angebote_erhalten table {
  width:100% !important;
}
.angebote_erhalten table td {
  line-height:1.5em !important;
  padding:5px 10px !important;
}
.angebote_erhalten .btn {
  white-space:nowrap !important;
}
