/*
* w�rttembergische 
* stylesheet.css
* 
* Author: Holger M. Stangl
* Company: Limeflavour | http://www.limeflavour.com
* Date: Januar 2010
*/





/*
* General Pre Settings
*
*/
* {
   margin: 0;
   padding: 0;
   border: 0;
}

ul, ol, dl {
  list-style: none;
}

img, fieldset { border: 0; }

a { color: #f84914; text-decoration: none; }
a:hover { color: #f84914; text-decoration: underline; }
a:focus, a:active { outline: none; }

label { cursor: pointer; }


/*
* General Helpers
*
*/
.killfloat {
	overflow: hidden;
	clear: both;
	font-size: 0;
	height: 0;
}

.hidden {
	display: none;
	visibility: hidden;
}

.invisible {
	display: inline;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 0;
	height: 0;
	}




/*
* STRUCTURE
*
*/
html {
	height: 101%;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	color: #777777;
	text-align: center;
	background-color: #f84914;
	}

html>body { 
	font-size: 16px; /* Set correct font-size for safari browsers */
}


/*
* Structure Elements
*
*/
.container {
	width: 944px;
	margin: 12px auto;
	text-align: left;
	}

.containerHeader {
	height: 150px;
	background-image: url(../images/htg_header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	background-color: #faf9f8;
	margin: 0 2px;
	}
	
.containerMain {
	background-color: #faf9f8;
	background-image: url(../images/htg_main.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 2px;
	padding: 15px 25px 35px 30px;
	overflow: hidden;
	}
	
.containerCenter {
	width: 500px;
	float: left;
	}
	
.containerMarginal {
	width: 380px;
	float: right;
	}
	
.containerCenterB {
	width: 885px;
	}
	
	
.containerFooter {
	background-image: url(../images/htg_footer.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 12px 0 10px;
	padding: 24px 27px;
	height: 20px;
	font-size: 11px;
	overflow: hidden;
	color: #4b433e;
	}
	
.containerFooter .navigationMeta {
	float: left;
	}

.containerFooter .navigationMeta li {
	float: left;
	padding-right: 10px;
	margin-right: 9px;
	background-image: url(../images/htg_navigationMeta_li.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
	}
	
/*.containerFooter .navigationMeta li:last-child,*/
.containerFooter .navigationMeta li.last {
	padding-right: 0;
	margin-right: 0;
	background-image: none;
	}
	
.containerFooter a {
	color: #4b433e;
	}
	
.containerFooter .copyright {
	float: right;
	}
	
.containerBottom {
	color: #ffffff;
	text-align: left;
	margin: 0 2px;
	font-size: 11px;
	padding-right: 80px;
	}


/*
* Navigation Elements
*
*/

/* Navigation A */
.navigationBox {
	position: absolute;
	left: 0;
	top: 92px;
	padding: 1px 0 2px 35px;
	background-image: url(../images/htg_navigationA.png);
	background-position: left top;
	background-repeat: repeat-x;
	height: 38px;
	width: 905px;
	}
	
.navigationA {
	background-image: url(../images/htg_navigationA_li.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 1px;
	height: 38px;
	}

.navigationA li {
	float: left;
	background-image: url(../images/htg_navigationA_li.png);
	background-position: right top;
	background-repeat: no-repeat;
	margin-left: -1px;
	}

.navigationA li.active {
	background-image: url(../images/htg_navigationA_act.png);
	background-position: left top;
	background-repeat: repeat-x;
	}
		
.navigationA li a {
	color: #635c5c;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	padding: 13px 16px 15px 15px;
	display: block;
	}

.navigationA li a:hover,
.navigationA li.hover a,
.navigationA li.active a {
	color: #f84914;
	text-decoration: none;
	}




/*
* Other Elements
*
*/
/* Logo */
.logoBox {
	position: absolute;
	left: 34px;
	top: 19px;
	}

.contactBox {
	position: absolute;
	right: 29px;
	top: 28px;
	}

	
	
/* General Content Styles */	
.headerBox h1 {
	font-size: 30px;
	line-height: 38px;
	margin-bottom: 25px;
	text-transform: uppercase;
	color: #635c5c;
	}

.headerBox h2 {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 7px;
	color: #635c5c;
	}
	
.textBox {
	font-size: 12px;
	line-height: 16px;
	}
	
.textBox h2 {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 7px;
	color: #635c5c;
	}
	
.textBox h3 {
	font-size: 12px;
	line-height: 16px;
	}
	
.textBox h4 {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 16px;
	font-weight: normal;
	}

.textBox p {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 16px;
	}
	
.textBox p strong {
	color: #635c5c;
	}
	
.textBox p span.highlight {
	color: #f84914;
	font-weight: bold;
	}

.textBox ul {
	padding-bottom: 16px;
	list-style-type: square;
	margin-left: 14px;
	}

.textBox ul li {
	font-size: 12px;
	line-height: 16px;
	color: #635c5c;
	}
	
a.link {
	padding-left: 20px;
	background-image: url(../images/icon_link.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
a.back {
	padding-left: 20px;
	background-image: url(../images/icon_back.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
	


.containerDetail {
	padding: 5px 5px 5px 5px;
	}

.containerMore {
	background-image: url(../images/htg_points.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 15px 0;
	margin: 0 14px 0 5px;
	}
	
.containerMore .textBox {
	float: left;
	width: 510px;
	}

.containerMore .button {
	text-align: right;
	float: right;
	}

	
	

.containerTeaser {
	position: relative;
	}
	
.containerTeaser .headerBox {
	padding: 15px 20px 10px;
	background-position: left top;
	background-repeat: no-repeat;
	}
	
.containerTeaser .contentBox {
	padding: 0 20px 10px;
	background-position: left bottom;
	background-repeat: no-repeat;
	}
	
.containerTeaser .textBox {
	/*width: 275px;*/
	}
	
.containerTeaser .button {
	text-align: right;
	padding: 20px 0 15px;
	}

.containerTeaser .headerBox h2 {
	font-size: 14px;
	line-height: 18px;
	}
	
.containerTeaser .headerBox h1 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
	text-transform: none;
	}
	
.containerTeaser .headerBox .underline {
	border-bottom: 1px solid #dadada;
	padding-bottom: 4px;
	}

.containerTeaser p {
	padding-bottom: 8px;
	}

.containerTeaser p a {
	padding-left: 20px;
	background-image: url(../images/icon_link.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
.containerTeaser ul li {
	padding-top: 8px;
	}


/* containerTeserB */
.containerTeaserB {
	width: 379px;
	padding-bottom: 10px;
	}
	
.containerTeaserB .headerBox {
	min-height: 10px;
	padding: 5px 5px 0;
	background-image: url(../images/htg_teaser369_top.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	}
	
.containerTeaserB .headerBox h2 {
	padding: 9px 0 7px;
	background-image: url(../images/htg_teaser369_headline.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0 20px 15px;
	font-weight: normal;
	color: #635c5c;
	}
.containerTeaserB .headerBox h2 a {
	color: #635c5c;
	}
.containerTeaserB .headerBox h2 a:hover {
	color: #f84914;
	text-decoration: none;
	}
	
.containerTeaserB .headerBox h2.noline {
	padding: 15px 0 10px;
	background-image: none;
	margin: 0 20px 0;
	}

.containerTeaserB .contentBox {
	min-height: 240px;/**/
	padding: 0 5px 10px;
	background-image: url(../images/htg_teaser369_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
	
.containerTeaserB .contentBoxFlex {
	min-height: 20px;
	background-image: url(../images/htg_teaser369Flex_bottom.png);
	padding: 0 5px 25px;
	}
	
.containerTeaserB .contentBox .textBox {
	padding: 0 20px;
	}
	
.containerTeaserB .contentBox .textBox h2 {
	font-weight: normal;
	}
	
.containerTeaserB .contentBox .textBox h3 {	
	padding-bottom: 2px;
	color: #635c5c;
	}
.containerTeaserB .contentBox .textBox h3 a {
	color: #635c5c;
	}
.containerTeaserB .contentBox .textBox h3 a:hover {
	color: #f84914;
	text-decoration: none;
	}
	
.containerTeaserB .contentBox .textBox p {
	padding-bottom: 8px;
	}
	
.containerTeaserB .buttonBox {
	text-align: right;
	padding: 20px 0 15px 0;
	}
	
.containerTeaserB .contentBox .imageBox {
	padding: 0 20px;
	}
	
.containerTeaserB .contentBox .formBox {
	padding: 0 20px;
	}
	
.containerTeaserB .contentBox .teaserBlock {
	background-image: url(../images/htg_teaser369_headline.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0 19px 0 20px;
	}
	
.containerTeaserB .contentBox .teaserBox {
	padding: 0 0 10px 0;
	}
	
.containerTeaserB .contentBox .teaserBox .imageBox {
	width: 130px;
	float: left;
	padding: 0 10px 0 0;
	}
	
.containerTeaserB .contentBox .teaserBox .textBox {
	width: 200px;
	float: right;
	padding: 0;
	margin-right:-10px;
	}

.containerTeaserB .contentBox .teaserBox .textBox p {
	padding: 0;
	line-height: 15px;
	}
	
	


/* Form Styles */
.formBox fieldset {
	padding-bottom: 20px;
	}
	
.formBox h2 {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 10px;
	color: #635C5C;
	}
	
.formBox span.red {
	color: #f84914;
	}

.formBox .formItem {
	padding-bottom: 10px;
	}

.formBox .formItem .formLabel {
	padding-top: 3px;
	font-size: 12px;
	line-height: 16px;
	width: 75px;
	float: left;
	}
	
.formBox .formItem .formLabel label {
	color: #635C5C;
	}
	
.formBox .formItemError .formLabel label {
	color: #f84914;
	}
	
.formBox .formItem .formField {
	float: right;
	width: 266px;
	font-size: 12px;
	line-height: 16px;
	padding-right: 149px;
	}
	
.formBox #formContact .formItem .formField {
	float: left;
	padding-right: 0;
	}
	
.formBox #formContact .formItem .formError {
	float: right;
	width: 142px;
	}

.formBox #formContact .formItem .formError p {
	color: #f84914;
	font-size: 11px;
	padding-top: 4px;
	}

.formBox .formItem .formField input {
	background-color: #fff;
	border: 1px solid #c1bcb5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #635c5c;
	padding: 2px;
	width: 255px;
	margin-left: 5px;
	background-image: url(../images/htg_inputBox.png);
	background-position: left top;
	background-repeat: no-repeat;
	}	
.formBox .formItem .formField input.inputMini {
	width: 50px;
	float:left;
	}
.formBox .formItem .formField input.inputMidi {
	width: 194px;
	float:left;
	}
.formBox .formItem .formField input.info {
	background-color: #c1bcb5;
	}

.formBox .formItemError .formField input {
	border: 1px solid #f84914;
	}
	
	
.formBox .formItem .formField select {
	background-color: #fff;
	border: 1px solid #c1bcb5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #635c5c;
	padding:2px 2px 2px 0;
	width:260px;
	margin-left: 5px;
	background-image: url(../images/htg_inputBox.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	}

.formBox .formItem .formField select option {
	background-color: #fff;
	padding: 0 2px;
	}	
	
.formBox .formItemError .formField select {
	border: 1px solid #f84914;
	}

.formBox .formItem .formField textarea {
	background-color: #fff;
	border: 1px solid #c1bcb5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #635c5c;
	padding: 2px;
	width: 496px;
	height: 150px;
	}
	
.formBox .formItemError .formField textarea {
	border: 1px solid #f84914;
	}
	
.formBox .formItemCheckbox {
	padding-bottom: 4px;
	}
	
.formBox .formItemCheckbox .formField {
	float: left;
	width: 20px;
	padding: 0;
	}
	
.formBox .formItemCheckbox .formField input {
	background-color: transparent;
	background-image: none;
	border: 0;
	padding: 0;
	width: auto;
	margin: 3px 0;
	}
	
.formBox .formItemCheckbox .formLabel {
	float: right;
	padding-right: 149px;
	width: 317px;
	}

.formBox .formItemCheckbox .formLabel label a {
	color: #878787;
	text-decoration: underline;
	}

.formBox .formItemCheckbox .formLabel label a:hover {
	color: #f84914;
	}
	
.formBox .formItemError .formLabel label a {
	color: #f84914;
	}
	
	
.formBox .formItemCheckboxMini {
	float: left;
	}
	
.formBox .formItemCheckboxMini .formItemCheckbox .formLabel {
	float: left;
	padding-right: 35px;
	width: auto;
	}
	
.formBox .fieldsetSubmit {
	background-image: url(../images/htg_points.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 15px 0;
	margin: 0 42px 0 0;
	}
	
.formBox .formItemSubmit {
	float: right;
	text-align: right;
	}
	
.formBox .formItemSubmit .formField {
	padding: 0!important;
	}
	
.formBox .formItemSubmit .formField input {
	width: auto!important;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
	}
.formBox .formItemSubmit .formField a:hover {
	color: #df6424;
	}
	
.errorBox {
	font-size: 12px;
	line-height:16px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #f84914;
	}

.formBox p.mandatoryBox {
	font-size: 10px;
	text-align: right;
	padding-right: 149px;
	padding-top: 10px;
	}


	
	
#bigBox {
	height:240px;
	}	
#bigBox .buttonBox {
	padding-right: 20px;
	}
	
#bigBox .buttonBox img {
	cursor: pointer;
	}

#headerBox h2 span {
	background-image: url(../images/icon_beratersuche.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	padding: 12px 0 0 35px;
	}
	
#listBox,
#profilBox {
	display: none;
	position: absolute;
	width: 369px;
	}

#searchBox {
	position: absolute;
	width: 369px;
	height:220px;
	}

#headResult{
	display:none;
	}

#spinnerBox {
	display:none;
	position:absolute;
	}

.errorBox {
	display: none;
	}
	
#searchBox .formItem {
	padding: 0 0 20px 0;
	}
	
#searchBox .formItem label {
	font-size: 12px;
	padding: 0 0 0 3px;
	color: #635c5c;
	}
	
#searchBox .formItem input.input {
	background-color: #fff;
	border: 1px solid #c1bcb5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #635c5c;
	padding: 2px;
	width: 120px;
	margin-left: 3px;
	margin-top: 5px;
	background-image: url(../images/htg_inputBox.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
#bigBox .formBox fieldset .buttonBox {
	padding: 0;
	}
	
#listBox p.name {
	padding: 0;
	}
	
#listBox p.name a,a.emaillink {
	padding-left: 20px;
	background-image: url(../images/icon_link.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

#listBox p.address {
	padding: 0 0 7px 20px;
	}
	
	
.profilBoxTop {
	position: relative;
	margin-bottom: 15px;
	}

.profilBoxTop .imageBox {
	
	}
	
.profilBoxTop .textBox {
	position: absolute;
	bottom: 0;
	left: 180px;
	}
	
.profilBoxTop .textBox p a {
	padding-left: 20px;
	background-image: url(../images/icon_link.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
#profilBox .textBox p {
	padding-bottom: 0;
	}
	
#profilBox .textBox p span {
	display: inline-block;
	width: 70px;
	}
	
	
	

	
	
	
.buttonBox a {
	border: 1px solid #aea79f;
	background-image: url(../images/htg_buttonBox.gif);
	background-position: left center;
	background-repeat: repeat-x;
	background-color: #fff;
	display: inline-block;
	}
	
.buttonBox a:hover {
	background-image: none;
	}
	
	
	
.formBox .formItemSubmit .formField input.submitBox {
	border: 1px solid #aea79f!important;
	background-image: url(../images/htg_buttonBox.gif);
	background-position: left center;
	background-repeat: repeat-x;
	background-color: #fff;
	display: inline-block;
	}
	
.formBox .formItemSubmit .formField input.submitBox:hover {
	background-image: none;
	}
	
	
	
	
	
	
.headerBox h1 {
	margin-bottom: 30px;
	}

.containerDetail .textBox {
	padding-left: 5px;
	width: 450px;
	}	
	
 .containerCenterB .containerDetail .textBox {
	padding-left: 5px;
	width: 525px;
	}
	

.containerTeaserB .headerBox h2 {
	padding: 15px 0 3px;
	}
	
.containerTeaserB #headerBox h2 {
	padding: 9px 0 4px;
	}

.containerTeaserB #headerBox h2 span {
	padding:14px 0 0 35px;
	}




/* Special ContainerMain Startseite */
.containerMainB {
	background-image:url(../images/htg_mainB.jpg);
	height: 506px;
	position:relative;
	margin-top:-20px;
	z-index:1000;
	padding-top: 32px;
	}
	
/* Special ContainerMain Mehr-Netto-Rechner */
.containerMainC {
	padding: 0;
	position: relative;
	margin-top: -19px;
	min-height: 506px;
	}
	
.containerMainC .containerCenterB {	
	width: 940px;
	}
	
.containerMainC .containerCenterB #flashMovie .flashfallback {		
	padding: 34px 25px 35px 30px;
	}
	
	
.containerTeaserE {
	position: absolute;
	bottom: 0;
	left: 30px;
	background-color: #fff;
	width: 830px;
	padding: 20px 25px;
	}
	
.containerTeaserE .textBox {
	width: 485px;
	}
	
.containerTeaserE .textBox h2 {
	padding-bottom:10px;
	}
	
.containerTeaserE .textBox h3 {
	padding-bottom:5px;
	}
	
.containerTeaserE .textBox p {
	font-size: 13px;
	line-height: 17px;
	padding-bottom: 20px
	}
	
.containerTeaserE .imageBox {
	position: absolute;
	top: -28px;
	right: -16px;
	}
	
.containerTeaserE .button {
	padding:0;
	text-align: left;
	}
	
	
	
	
.containerTeaserF {
	background-color: #fff;
	border: 1px solid #c6c3bf;
	width: 265px;
	padding: 1px;
	float: left;
	margin: 0 25px 20px 5px;
	}
	
.containerTeaserF .headerBox h2 {
	padding: 0 0 3px;
	background-image: url(../images/htg_teaser369_headline.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	font-weight: normal;
	color: #635c5c;
	}
	
.containerTeaserF .headerBox h2 a {
	color: #635c5c;
	}
	
.containerTeaserF .headerBox h2 a:hover {
	color: #f84914;
	text-decoration: none;
	}
	
.containerTeaserF .contentBox {
	position: relative;
	height: 170px;
	}
	
.containerTeaserF .contentBox .linkBox {
	position: absolute;
	bottom: 12px;
	left: 20px;
	}
	
.containerTeaserF .contentBox .imageBox {
	position: absolute;
	bottom: -24px;
	right: -24px;
	}
	
	
	

.containerTeaserG {
	position: absolute;
	bottom: 0;
	left: 24px;
	background-color: #fff;
	width: 776px;
	padding: 30px 25px 20px;
	}
	
.containerTeaserG .textBox {
	width: 610px;
	}
	
.containerTeaserG .textBox h2 {
	padding-bottom:10px;
	}
	
.containerTeaserG .textBox p {
	padding-bottom: 20px;
	}
	
.containerTeaserG .textBox p span {
	color: #f84914;
	}
	
.containerTeaserG .textBox p sup {
	font-size: 8px;
	}
	
.containerTeaserG .textBox .imageBox {
	position: absolute;
	top: 10px;
	right: 12px;
	}
	
.containerTeaserG .footerBox {
	/*position: absolute;
	top: 613px;
	left: 0px;*/
	width: 800px;
	}
.containerTeaserG .footerBox p {
	padding: 20px 0 0 0;
	font-size: 10px;
	}
	
.containerTeaserG .button {
	padding:0;
	text-align: left;
	}
	
.containerTeaserG .badge {
	position: absolute;
	top: -93px;
	left: -17px;
	}

	
	
	
.containerAccordion {
	background-image: url(../images/htg_teaser369_headline.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 0;
	margin-left: 5px;
	width: 450px;
	}
	
.containerAccordion .contentBox {
	background-image: url(../images/htg_teaser369_headline.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 5px 0;
	}
	
.containerAccordion h2 {
	font-size: 13px;
	line-height: 16px;
	padding: 5px 20px;
	cursor: pointer;
	color: #635c5c;
	background-image: url(../images/icon_accordion.png);
	background-position: 1px 7px;
	background-repeat: no-repeat;
	}
.containerAccordion h2.current {
	background-image: url(../images/icon_accordion_open.png);
	background-position: 1px 7px;
	}
	
.containerAccordion .textBox {
	display: none;
	padding: 5px 10px 0 20px;
	width: 430px;
	}
	
.containerAccordion .textBox p {
	padding-bottom: 20px;
	}




.tabs {
	z-index: 101;
	position: relative;
	overflow: hidden;
	padding-left: 5px;
	}

.tabs li {
	float: left;
	}
	
.tabs li a {
	font-size: 12px;
	color: #635c5c;
	background-color: #ececec;
	border: 1px solid #ececec;
	border-bottom: 0;
	text-align: center;
	display: block;
	padding: 5px 0 3px;
	margin-bottom: 3px;
	margin-right: 2px;
	}
	
.tabs li a.current {
	color: #635c5c;
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 6px
	}

#tab01 a { width: 135px; }
#tab02 a { width: 185px; }
#tab03 a { width: 122px; }
	
.containerTabs {
	z-index: 90;
	padding-left: 5px;
	}
	
.containerTabs .buttonBox {
	text-align: right;
	width: 452px;
	}
	
.containerTabs .tabBox {
	border: 1px solid #ccc;
	background-color: #fff;
	margin-top: -1px;
	width: 450px;
	height: 235px;
	margin-bottom: 15px;
	z-index: 99;
	}

.containerTabs .tabItem {
	height: 235px;
	display: none;
	}
	
.containerTabs .tabItem .imageSlider {
	float: left;
	padding-right: 10px;
	width: 210px;
	}
	
.containerTabs .tabItem .textBox {
	float: right;
	padding: 30px 20px 20px 0;
	width: 210px;
	}




#layer01, #layer02, #layer03 { display: none; }
	
.containerLayer {
	width: 874px;
	height: 603px;
	padding: 10px;
	background-image: url(../images/htg_layer.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

.layerBox {
	width: 874px;
	height: 603px;
	position: relative;
	}
	
.layerBox h1 {
	padding: 25px;
	}
	
#layerBox01 {
	background-image: url(../images/vorsorge-genius-privatrente-layer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
#layerBox02 {
	background-image: url(../images/vorsorge-berufsunfaehigkeit-layer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
#layerBox03 {
	background-image: url(../images/vorsorge-privatpatient-beim-zahnarzt-layer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}


	
.containerRechnerB h2 {
	padding: 15px 15px 15px;
	background-image:url(../images/htg_rechnerB.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	font-size: 12px;
	}
	
.containerRechnerB fieldset {
	background-color: #ededed;
	padding: 15px 15px 5px;
	background-image:url(../images/htg_points.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	}

.containerRechnerB .formBox .fieldsetSubmit {
	background-image: none;
	margin: 0;
	padding: 15px 15px 5px;
	}
	
.containerRechnerB fieldset .formItem {
	width: 460px;
	}
	
.containerRechnerB fieldset .formItemSubmit {
	width: auto;
	}
	
.containerRechnerB fieldset .formItem .formLabel {
	width: 185px;
	}
	
.containerRechnerB fieldset .formItem .formField {
	padding-right: 0;
	}
	
.containerRechnerB .formBox .formItem .formField select {
	width: 170px;
	}