/* @override 
	http://test.smile-direct.ch/fileadmin/templates/skins/smile/css/rte.css
	http://test.smile-direct.ch/fileadmin/templates/skins/smile/css/mainstyles.css
*/

/* @group Farben */

.modTeaserCalculator .gelb-100 {
	background: #f1c934;
}

.modTeaserCalculator .gelb-60 {
	background: #f7df85;
}

.modTeaserCalculator .gelb-10 {
	background: #fef9ea;
}

.modTeaserCalculator .orange2-100 {
	background: #e95d0f;
}

.modTeaserCalculator .orange2-60 {
	background: #f29e6f;
}

.modTeaserCalculator .orange2-10 {
	background: #fdeee7;
}

.modTeaserCalculator .rosa-100 {
	background: #bf1f4d;
}

.modTeaserCalculator .rosa-60 {
	background: #d97994;
}

.modTeaserCalculator .rosa-10 {
	background: #f8e8ed;
}

.modTeaserCalculator .petrol-100 {
	background: #005c6d;
}

.modTeaserCalculator .petrol-60 {
	background: #669da7;
}

.modTeaserCalculator .petrol-10 {
	background: #e5eef0;
}

.modTeaserCalculator .blau-100 {
	background: #07aad7;
}

.modTeaserCalculator .blau-60 {
	background: #6acce7;
}

.modTeaserCalculator .blau-10 {
	background: #e6f6fb;
}

.modTeaserCalculator .gruen-100 {
	background: #7ba421;
}

.modTeaserCalculator .gruen-60 {
	background: #b0c87a;
}

.modTeaserCalculator .gruen-10 {
	background: #f2f6e8;
}

.modTeaserCalculator .black-100 {
	background: #000;
}

.modTeaserCalculator .black-60 {
	background: #666;
}

.modTeaserCalculator .black-20 {
	background: #ccc;
}

.modTeaserCalculator .black-10 {
	background: #e5e5e5;
}

.modTeaserCalculator .startPageTitle {
    font-size: 27px;
    line-height: 1.2em;
    padding-bottom: 20px;
}

/* @end */

/* @group Global eingebunden? Nötig für Rechner? */


/* @group Common Classes */

.modTeaserCalculator .clear {
	clear: both;
}

.modTeaserCalculator .clearOnly {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
}

.modTeaserCalculator .outOfSight {
	position: absolute;
	top: 0;
	left: -4000px;
}

/* @end Common Classes */

/* NOTE: Much of the typography styling is handled in rte.css */

/* @group Forms */


.modTeaserCalculator form input, .modTeaserCalculator form textarea {
	margin-right: 5px;
}

.modTeaserCalculator form input:focus, .modTeaserCalculator form input:hover {
	color: black;
}

.modTeaserCalculator form select {
	font-size: 11px;
}

.modTeaserCalculator form option {
	margin: 0px;
	margin-left: 5px;
	margin-right: 10px;
}

.modTeaserCalculator optgroup {
	font-weight: bold;
	font-style: italic;
	margin: 0;
	margin-top: 5px;
}

.modTeaserCalculator optgroup option {
	padding-left: 5px;
}

.modTeaserCalculator legend {
	font-weight: bold;
	color: black;
}

.modTeaserCalculator .csc-default table td {
}

.modTeaserCalculator .factsAndFigures tbody td {
	padding: 0 0 6px 0;
}

.modTeaserCalculator .factsAndFigures .td-0 {
	width: 120px;
	text-align: ;
}

.modTeaserCalculator .wichtigeKennzahlen tbody td {
	padding: 0 0 6px 0;
}

.modTeaserCalculator .wichtigeKennzahlen .td-0 {
	width: 200px;
}

.modTeaserCalculator .wichtigeKennzahlen .td-1 {
	width: 450px;
}

.modTeaserCalculator .csc-default {
	clear: both;
}



/* @end Forms */

/* @end Base Styling */

/* @group Uniform! */

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

.modTeaserCalculator div.selector, 
.modTeaserCalculator div.selector span, 
.modTeaserCalculator div.checker span,
.modTeaserCalculator div.radio span, 
.modTeaserCalculator div.uploader, 
.modTeaserCalculator div.uploader span.action,
.modTeaserCalculator div.button,
.modTeaserCalculator div.button span {
	background-image: url('/~/media/Files/www_smiledirect_ch/Calculator/Images/sprite.png');
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}

.modTeaserCalculator .selector, 
.modTeaserCalculator .radio, 
.modTeaserCalculator .checker, 
.modTeaserCalculator .uploader,
.modTeaserCalculator .button, 
.modTeaserCalculator .selector *, 
.modTeaserCalculator .radio *, 
.modTeaserCalculator .checker *, 
.modTeaserCalculator .uploader *,
.modTeaserCalculator .button * {
	margin: 0;
	padding: 0;
}

/* INPUT & TEXTAREA */

.modTeaserCalculator input.text,
.modTeaserCalculator input.email, 
.modTeaserCalculator input.password,
.modTeaserCalculator textarea.uniform {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding: 3px;
	color: #777;
	background: #fff url('/~/media/Files/www_smiledirect_ch/Calculator/Images/bg-input-focus.png') repeat-x 0px 0px;
	background: #fff url('/~/media/Files/www_smiledirect_ch/Calculator/Images/bg-input.png') repeat-x 0px 0px;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
}

.modTeaserCalculator input.text:focus,
.modTeaserCalculator input.email:focus,
.modTeaserCalculator input.password:focus,
.modTeaserCalculator textarea.uniform:focus {
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	border-color: #999;
	background: #fff url('/~/media/Files/www_smiledirect_ch/Calculator/Images/bg-input-focus.png') repeat-x 0px 0px;
}

/* SPRITES */

/* Select */

.modTeaserCalculator div.selector {
	background-position: -483px -130px;
	line-height: 26px;
	height: 26px;
}

.modTeaserCalculator div.selector span {
	background-position: right 0px;
	height: 26px;
	line-height: 26px;
}

.modTeaserCalculator div.selector select {
	/* change these to adjust positioning of select element */
	top: 0px;
	left: 0px;
}

.modTeaserCalculator div.selector:active, 
.modTeaserCalculator div.selector.active {
	background-position: -483px -156px;
}

.modTeaserCalculator div.selector:active span, 
.modTeaserCalculator div.selector.active span {
	background-position: right -26px;
}

.modTeaserCalculator div.selector.focus,
.modTeaserCalculator div.selector.hover,
.modTeaserCalculator div.selector:hover {
	background-position: -483px -182px;
}

.modTeaserCalculator div.selector.focus span,
.modTeaserCalculator div.selector.hover span,
.modTeaserCalculator div.selector:hover span {
	background-position: right -52px;
}

.modTeaserCalculator div.selector.focus:active,
.modTeaserCalculator div.selector.focus.active,
.modTeaserCalculator div.selector:hover:active,
.modTeaserCalculator div.selector.active:hover {
	background-position: -483px -208px;
}

.modTeaserCalculator div.selector.focus:active span,
.modTeaserCalculator div.selector:hover:active span,
.modTeaserCalculator div.selector.active:hover span,
.modTeaserCalculator div.selector.focus.active span {
	background-position: right -78px;
}

.modTeaserCalculator div.selector.disabled {
	background-position: -483px -234px;
}

.modTeaserCalculator div.selector.disabled span {
	background-position: right -104px;
}

/* Checkbox */

.modTeaserCalculator div.checker {
	width: 19px;
	height: 19px;
}

.modTeaserCalculator div.checker input {
	width: 19px;
	height: 19px;
}

.modTeaserCalculator div.checker span {
	background-position: 0px -260px;
	height: 19px;
	width: 19px;
}

.modTeaserCalculator div.checker:active span, 
.modTeaserCalculator div.checker.active span {
	background-position: -19px -260px;
}

.modTeaserCalculator div.checker.focus span,
.modTeaserCalculator div.checker:hover span {
	background-position: -38px -260px;
}

.modTeaserCalculator div.checker.focus:active span,
.modTeaserCalculator div.checker:active:hover span,
.modTeaserCalculator div.checker.active:hover span,
.modTeaserCalculator div.checker.focus.active span {
	background-position: -57px -260px;
}

.modTeaserCalculator div.checker span.checked {
	background-position: -76px -260px;
}

.modTeaserCalculator div.checker:active span.checked, 
.modTeaserCalculator div.checker.active span.checked {
	background-position: -95px -260px;
}

.modTeaserCalculator div.checker.focus span.checked,
.modTeaserCalculator div.checker:hover span.checked {
	background-position: -114px -260px;
}

.modTeaserCalculator div.checker.focus:active span.checked,
.modTeaserCalculator div.checker:hover:active span.checked,
.modTeaserCalculator div.checker.active:hover span.checked,
.modTeaserCalculator div.checker.active.focus span.checked {
	background-position: -133px -260px;
}

.modTeaserCalculator div.checker.disabled span,
.modTeaserCalculator div.checker.disabled:active span,
.modTeaserCalculator div.checker.disabled.active span {
	background-position: -152px -260px;
}

.modTeaserCalculator div.checker.disabled span.checked,
.modTeaserCalculator div.checker.disabled:active span.checked,
.modTeaserCalculator div.checker.disabled.active span.checked {
	background-position: -171px -260px;
}

/* Radio */

.modTeaserCalculator div.radio {
	width: 18px;
	height: 18px;
}

.modTeaserCalculator div.radio input {
	width: 18px;
	height: 18px;
}

.modTeaserCalculator div.radio span {
	height: 18px;
	width: 18px;
	background-position: 0px -279px;
}

.modTeaserCalculator div.radio:active span, 
.modTeaserCalculator div.radio.active span {
	background-position: -18px -279px;
}

.modTeaserCalculator div.radio.focus span, 
.modTeaserCalculator div.radio:hover span {
	background-position: -36px -279px;
}

.modTeaserCalculator div.radio.focus:active span,
.modTeaserCalculator div.radio:active:hover span,
.modTeaserCalculator div.radio.active:hover span,
.modTeaserCalculator div.radio.active.focus span {
	background-position: -54px -279px;
}

.modTeaserCalculator div.radio span.checked {
	background-position: -72px -279px;
}

.modTeaserCalculator div.radio:active span.checked,
.modTeaserCalculator div.radio.active span.checked {
	background-position: -90px -279px;
}

.modTeaserCalculator div.radio.focus span.checked,
.modTeaserCalculator div.radio:hover span.checked {
	background-position: -108px -279px;
}

.modTeaserCalculator div.radio.focus:active span.checked, 
.modTeaserCalculator div.radio:hover:active span.checked,
.modTeaserCalculator div.radio.focus.active span.checked,
.modTeaserCalculator div.radio.active:hover span.checked {
	background-position: -126px -279px;
}

.modTeaserCalculator div.radio.disabled span,
.modTeaserCalculator div.radio.disabled:active span,
.modTeaserCalculator div.radio.disabled.active span {
	background-position: -144px -279px;
}

.modTeaserCalculator div.radio.disabled span.checked,
.modTeaserCalculator div.radio.disabled:active span.checked,
.modTeaserCalculator div.radio.disabled.active span.checked {
	background-position: -162px -279px;
}

/* Uploader */

.modTeaserCalculator div.uploader {
	background-position: 0px -297px;
	height: 28px;
}

.modTeaserCalculator div.uploader span.action {
	background-position: right -409px;
	height: 24px;
	line-height: 24px;
}

.modTeaserCalculator div.uploader span.filename {
	height: 24px;
	/*change this line to adjust positioning of filename area */
	margin: 2px 0px 2px 2px;
	line-height: 24px;
}

.modTeaserCalculator div.uploader.focus,
.modTeaserCalculator div.uploader.hover,
.modTeaserCalculator div.uploader:hover {
	background-position: 0px -353px;
}

.modTeaserCalculator div.uploader.focus span.action,
.modTeaserCalculator div.uploader.hover span.action,
.modTeaserCalculator div.uploader:hover span.action {
	background-position: right -437px;
}

.modTeaserCalculator div.uploader.active span.action,
.modTeaserCalculator div.uploader:active span.action {
	background-position: right -465px;
}

.modTeaserCalculator div.uploader.focus.active span.action,
.modTeaserCalculator div.uploader:focus.active span.action,
.modTeaserCalculator div.uploader.focus:active span.action,
.modTeaserCalculator div.uploader:focus:active span.action {
	background-position: right -493px;
}

.modTeaserCalculator div.uploader.disabled {
	background-position: 0px -325px;
}

.modTeaserCalculator div.uploader.disabled span.action {
	background-position: right -381px;
}

.modTeaserCalculator div.button {
	background-position: 0px -523px;
}

.modTeaserCalculator div.button span {
	background-position: right -643px;
}

.modTeaserCalculator div.button.focus,
.modTeaserCalculator div.button:focus,
.modTeaserCalculator div.button:hover,
.modTeaserCalculator div.button.hover {
	background-position: 0px -553px;
}

.modTeaserCalculator div.button.focus span,
.modTeaserCalculator div.button:focus span,
.modTeaserCalculator div.button:hover span,
.modTeaserCalculator div.button.hover span {
	background-position: right -673px;
}

.modTeaserCalculator div.button.active,
.modTeaserCalculator div.button:active {
	background-position: 0px -583px;
}

.modTeaserCalculator div.button.active span,
.modTeaserCalculator div.button:active span {
	background-position: right -703px;
	color: #555;
}

.modTeaserCalculator div.button.disabled,
.modTeaserCalculator div.button:disabled {
	background-position: 0px -613px;
}

.modTeaserCalculator div.button.disabled span,
.modTeaserCalculator div.button:disabled span {
	background-position: right -733px;
	color: #bbb;
	cursor: default;
}

/* PRESENTATION */

/* Button */

.modTeaserCalculator div.button {
	height: 30px;
}

.modTeaserCalculator div.button span {
	margin-left: 13px;
	height: 22px;
	padding-top: 8px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-left: 2px;
	padding-right: 15px;
}

/* Select */

.modTeaserCalculator div.selector {
	width: 190px;
	font-size: 12px;
}

.modTeaserCalculator div.selector select {
	width: 190px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	border: solid 1px #fff;
}

.modTeaserCalculator div.selector span {
	padding: 0px 25px 0px 2px;
	cursor: pointer;
}

.modTeaserCalculator div.selector span {
	color: #666;
	width: 158px;
	text-shadow: 0 1px 0 #fff;
}

.modTeaserCalculator div.selector.disabled span {
	color: #bbb;
}

.modTeaserCalculator .herbstTable {
}
.modTeaserCalculator .herbstTable div.selector {
	width: 130px;
}
.modTeaserCalculator .herbstTable div.selector select {
	width: 130px;
}
.modTeaserCalculator .herbstTable div.selector span {
	width: 98px;
}

.modTeaserCalculator .herbstTable td {
	margin: 0;
	padding: 0 5px;
	vertical-align: top;
}

.modTeaserCalculator .herbstTable .topTab {
	font-size: 0px;
	height: 8px;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.modTeaserCalculator .herbstTable tr {
}



/* Checker */

.modTeaserCalculator div.checker {
	margin-right: 5px;
}

/* Radio */

.modTeaserCalculator div.radio {
	margin-right: 3px;
}

/* Uploader */

.modTeaserCalculator div.uploader {
	width: 190px;
	cursor: pointer;
}

.modTeaserCalculator div.uploader span.action {
	width: 85px;
	text-align: center;
	text-shadow: #fff 0px 1px 0px;
	background-color: #fff;
	font-size: 11px;
	font-weight: bold;
}

.modTeaserCalculator div.uploader span.filename {
	color: #777;
	width: 82px;
	border-right: solid 1px #bbb;
	font-size: 11px;
}

.modTeaserCalculator div.uploader input {
	width: 190px;
}

.modTeaserCalculator div.uploader.disabled span.action {
	color: #aaa;
}

.modTeaserCalculator div.uploader.disabled span.filename {
	border-color: #ddd;
	color: #aaa;
}

/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.modTeaserCalculator .selector, 
.modTeaserCalculator .checker, 
.modTeaserCalculator .button, 
.modTeaserCalculator .radio, 
.modTeaserCalculator .uploader {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}

.modTeaserCalculator .selector select:focus,
.modTeaserCalculator .radio input:focus,
.modTeaserCalculator .checker input:focus,
.modTeaserCalculator .uploader input:focus {
	outline: 0;
}

/* Button */

.modTeaserCalculator div.button a,
.modTeaserCalculator div.button button,
.modTeaserCalculator div.button input {
	position: absolute;
}

.modTeaserCalculator div.button {
	cursor: pointer;
	position: relative;
}

.modTeaserCalculator div.button span {
	display: -moz-inline-box;
	display: inline-block;
	line-height: 1;
	text-align: center;
}

/* Select */

.modTeaserCalculator div.selector {
	position: relative;
	padding-left: 10px;
	overflow: hidden;
}

.modTeaserCalculator div.selector span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.modTeaserCalculator div.selector select {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity:0);
	height: 25px;
	border: none;
	background: none;
}

/* Checker */

.modTeaserCalculator div.checker {
	position: relative;
}

.modTeaserCalculator div.checker span {
	display: -moz-inline-box;
	display: inline-block;
	text-align: center;
}

.modTeaserCalculator div.checker input {
	opacity: 0;
	filter: alpha(opacity:0);
	display: inline-block;
	background: none;
}

/* Radio */

.modTeaserCalculator div.radio {
	position: relative;
}

.modTeaserCalculator div.radio span {
	display: -moz-inline-box;
	display: inline-block;
	text-align: center;
}

.modTeaserCalculator div.radio input {
	opacity: 0;
	filter: alpha(opacity:0);
	text-align: center;
	display: inline-block;
	background: none;
}

/* Uploader */

.modTeaserCalculator div.uploader {
	position: relative;
	overflow: hidden;
	cursor: default;
}

.modTeaserCalculator div.uploader span.action {
	float: left;
	display: inline;
	padding: 2px 0px;
	overflow: hidden;
	cursor: pointer;
}

.modTeaserCalculator div.uploader span.filename {
	padding: 0px 10px;
	float: left;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
}

.modTeaserCalculator div.uploader input {
	opacity: 0;
	filter: alpha(opacity:0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	float: right;
	height: 25px;
	border: none;
	cursor: default;
}
/* @end */

/* @end */

/* @group Layout */

.modTeaserCalculator .headerWrap .contentSection,
.modTeaserCalculator .contentWrap .contentSection,
.modTeaserCalculator #globalMenuWrapper .contentSection {
	width: 980px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

.modTeaserCalculator .contentWrap {
	position: relative;
	background: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/cnt-bg-topDown.gif) repeat-x;
	margin: 4px 0 0 0;
	padding: 20px 0 0 0;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

.modTeaserCalculator .contentWrap .titelBild {
	position: relative;
	top: -20px;
}

.modTeaserCalculator #feature {
	margin-bottom: 30px;
	background: #e6e6e6;
	padding: 15px;
}

.modTeaserCalculator #generatedContent-1 {
	width: 200px;
	float: left;
	margin-right: 20px;
}

.modTeaserCalculator #generatedContent-2 {
	width: 230px;
	float: right;
}

.modTeaserCalculator #f1d #contentBlock-1 {
	float: right;
	width: 782px;
}

.modTeaserCalculator #f1e #contentBlock-1 {
	float: left;
	width: 782px;
}

.modTeaserCalculator #f1f #contentBlock-1 {
	float: left;
	width: 584px;
}

.modTeaserCalculator #f2a #contentBlock-1 {
	float: left;
	width: 730px;
}

.modTeaserCalculator #f2a #contentBlock-2 {
	width: 230px;
	float: right;
}

.modTeaserCalculator #f2b #contentBlock-1 {
	float: left;
	width: 782px;
}

.modTeaserCalculator #f2b #contentBlock-2 {
	width: 230px;
	float: right;
}

.modTeaserCalculator #f2c #contentBlock-1 {
	float: left;
	width: 730px;
}

.modTeaserCalculator #f2c #contentBlock-2 {
	width: 230px;
	float: right;
}

.modTeaserCalculator #f2d #contentBlock-1 {
	float: left;
	width: 510px;
}

.modTeaserCalculator #f2d #contentBlock-2 {
	width: 200px;
	float: right;
}

.modTeaserCalculator #f2e #contentBlock-1 {
	float: left;
	width: 510px;
	margin-right: 20px;
}

.modTeaserCalculator #f2e #contentBlock-2 {
	width: 200px;
	float: left;
}

.modTeaserCalculator #f3a #contentBlock-1,
.modTeaserCalculator #f3b #contentBlock-1 {
	float: left;
	width: 510px;
	margin-right: 20px;
}

.modTeaserCalculator #f3a #contentBlock-2,
.modTeaserCalculator #f3b #contentBlock-2 {
	width: 200px;
	float: left;
}

.modTeaserCalculator #f3a #contentBlock-3,
.modTeaserCalculator #f3b #contentBlock-3,
.modTeaserCalculator #f3c #contentBlock-3,
.modTeaserCalculator #f3d #contentBlock-3 {
	width: 230px;
	float: right;
}

.modTeaserCalculator #f3c #contentBlock-1,
.modTeaserCalculator #f3d #contentBlock-1 {
	float: left;
	width: 510px;
}

.modTeaserCalculator #f3c #contentBlock-2,
.modTeaserCalculator #f3d #contentBlock-2 {
	width: 200px;
	float: left;
	margin-right: 20px;
}


.modTeaserCalculator .startseitenblock {
	position: absolute;
	top: 50px;
	width: 980px;
}

.modTeaserCalculator .orangeBox {
	position: relative;
	z-index: 999;
	background: #f5a81a;
	border-right: 1px solid #c6c5c6;
	border-bottom: 1px solid #c6c5c6;	
	width: 100%;
	color: #fff;
	float: right;
	margin: 0 0 8px 0;
	padding: 8px 0 4px 0;
	opacity: 0.9;
    -webkit-border-radius: 20px 6px 20px 6px;
    -moz-border-radius: 20px 6px 20px 6px;
    border-radius: 20px 6px 20px 6px;
	behavior: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/PIE.htc);
}

.modTeaserCalculator #f1a .orangeBox {
	width: 200px;
	text-align: center;
	color: #fff;
	padding: 12px 0 0 0;
    -webkit-border-radius: 20px 6px;
    -moz-border-radius: 20px 6px;
    border-radius: 20px 6px;
	position: relative;
	z-index: 1;
	background: #f5a81a;
	border-right: 1px solid #f89500;
	border-bottom: 1px solid #f89500;	
}

.modTeaserCalculator #f1a .orangeBox a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
/* @end Layout */

/* @group Headlines */

.modTeaserCalculator h1, .modTeaserCalculator h2, .modTeaserCalculator h3, .modTeaserCalculator h4, .modTeaserCalculator h5, .modTeaserCalculator h6 {
	line-height: 1.0em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.modTeaserCalculator h4, .modTeaserCalculator h5, .modTeaserCalculator h6 {
	font-weight: bold;
}

.modTeaserCalculator h1 {
	font-size: 2em;
	padding: 1em 0 0.5em 0;
	font-weight: bold;
	color: #f5a616;
}


.modTeaserCalculator h2 {
	font-size: 1.5em;
	padding: .75em 0 0.25em 0;
	color: #706f70;
}

.modTeaserCalculator h3.moduleHeader {
	font-size: 1.25em;
	padding: .75em 0 0.25em 0;
	color: #706f70;
}

.modTeaserCalculator h3 {
	font-size: 1.25em;
	padding: 0 0 0.25em 0;
	line-height: 1.5em;
}

.modTeaserCalculator h4 {
	font-size: 1em;
	padding: 0 0 0.5em;
}

.modTeaserCalculator h5 {
	font-size: 1em;
	padding: 0 0 0.5em;
}

.modTeaserCalculator h6 {
	font-size: 1em;
	padding: 0 0 0.5em;
}

.modTeaserCalculator .rechnerBox h1 {
	font-size: 2em;
}

.modTeaserCalculator b 
{
   font-size: 30px;
}

/* @end Headlines */

/* @group Tabbed Box */

.modTeaserCalculator #tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:470px;
}
.modTeaserCalculator .tabbed_box h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #ffffff;
	margin-bottom: 10px;
}
.modTeaserCalculator .tabbed_box h4 small {
	color: #e3e9ec;
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: -4px;
	left: 6px;
	letter-spacing: 0px;
}
.modTeaserCalculator .tabbed_area {
	background-color: #636d76;
	padding: 0px;
}

.modTeaserCalculator ul.tabs {
	margin: 0px; padding:0px;
	margin-top: 15px;
	margin-bottom: 6px;
}

.modTeaserCalculator ul.tabs li {
	list-style: none;
	display: inline;
}
.modTeaserCalculator ul.tabs li a {
	background-color: #464c54;
	color: #ffebb5;
	padding: 8px 14px 8px 14px;
	text-decoration: none;
	border: 1px solid #464c54;
	background-image: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/tab_off.jpg);
	background-repeat: repeat-x;	 
	background-position: bottom;
	width: 120px;
}
.modTeaserCalculator ul.tabs li a:hover {
	background-color: #2f343a;
	border-color: #2f343a;
}
.modTeaserCalculator ul.tabs li a.active {
	background-color: #ffffff;
	color: #282e32;
	border: 1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-repeat: repeat-x;
	background-position: top;
	width: 200px;
}

.modTeaserCalculator .tabbed_area .content {
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #464c54; 	
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/content_bottom.jpg);
	background-repeat: repeat-x;	 
	background-position: bottom;	
}

.modTeaserCalculator #content_2 { display: none; }

/* @end */

/* @group Rechnerbox auf der Startseite */

.modTeaserCalculator #fz-form,
.modTeaserCalculator #hau-form,
.modTeaserCalculator .fz-rechner-startseite table,
.modTeaserCalculator .fz-rechner-startseite td,
.modTeaserCalculator .fz-rechner-startseite p,
.modTeaserCalculator .fz-rechner-startseite label {
	margin: 0;
	padding: 0;
}

.modTeaserCalculator #hau-form .checker,
.modTeaserCalculator #hau-form .homeHauCheck {
	margin: 0;
	padding: 2px 0 0 0;
}

.modTeaserCalculator .fz-rechner-startseite .trsp {
	margin: 14px 0 8px 0;
}

.modTeaserCalculator .fz-rechner-small,
.modTeaserCalculator .hau-rechner-small {
	overflow: hidden;
	display: table;
}
.modTeaserCalculator .fz-rechner-small label.hHC-label {
padding: 0;
margin: -18px 0 0 25px;
}
.modTeaserCalculator .fz-rechner-startseite label {
	margin: 8px 0 0 0;
	font-weight: normal;
	font-size: 13px;
}

.modTeaserCalculator .smallRechnerBox {
	position: relative;
}

.modTeaserCalculator .smallRechnerBox .rechnerToggle {
	top: 0;
}

.modTeaserCalculator .fz-rechner-startseite .mraWidgetButton,
.modTeaserCalculator .fz-rechner-startseite .carWidgetButton,
.modTeaserCalculator .fz-rechner-startseite .homeWidgetButton {
	margin: 14px 0 0 0;
	padding: 0;
}

.modTeaserCalculator .fz-rechner-startseite .toggleTab {
	padding: 0 0 40px 0;
}

.modTeaserCalculator .rechner-selector  {
	margin: 10px 0 0 0;
}


.modTeaserCalculator .fz-rechner-small label,
.modTeaserCalculator .hau-rechner-small label,
.modTeaserCalculator .fz-rechner-startseite {
	font-weight: normal;
}

.modTeaserCalculator table.fz-rechner-startseite {
	width: 100%;
}

.modTeaserCalculator .fz-rechner-startseite td {
	padding-left: 0;
	padding-right: 0;
}

.modTeaserCalculator .fz-rechner-small td,
.modTeaserCalculator .hau-rechner-small td {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.modTeaserCalculator .fz-rechner-startseite #carInceptionDate,
.modTeaserCalculator .fz-rechner-small #carInceptionDate,
.modTeaserCalculator .fz-rechner-small #homeInceptionDate {
	width: 185px;
}

.modTeaserCalculator .fz-rechner-small .mraWidgetButton,
.modTeaserCalculator .fz-rechner-small .carWidgetButton,
.modTeaserCalculator .fz-rechner-small .homeWidgetButton {
	margin: 20px 0 0 0;
	float: right;
}

.modTeaserCalculator .rechnerBox {
   /* -webkit-border-radius: 20px 6px;
    -moz-border-radius: 20px 6px;
    border-radius: 20px 6px;
	position: relative;
	z-index: 1;
	background: #f5a81a;
	border-right: 1px solid #f89500;
	border-bottom: 1px solid #f89500;	
	color: #fff;*/
	opacity: 0.9;
	/*width: 430px;
	behavior: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/PIE.htc);*/
}

.modTeaserCalculator .rechnerBox h1,
.modTeaserCalculator .rechnerBox h3 {
	padding: 0 6px;
	margin-bottom: 12px;
	color: #fff;
	font-weight: normal;
}

.modTeaserCalculator .rechnerBox h3 {
	margin-bottom: 6px;
}

.modTeaserCalculator .rechnerBox .innerBlock {
	padding: 10px 2px 2px 3px;
}


/* @end */

/* @group Navbox-Umschalter für Rechner */



.modTeaserCalculator .nav {
	height: 25px;
	position: relative;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	width: 471px;
	z-index: 500;
}

.modTeaserCalculator .nav .table {
	display: table;
	margin: 0 auto;
}

.modTeaserCalculator .nav .select,
.modTeaserCalculator .nav .current {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	white-space: nowrap;
}

.modTeaserCalculator .nav li {
	margin: 0;
	padding: 0;
	height: auto;
	float: left;
}

.modTeaserCalculator .nav .select a {
	display: block;
	height: 25px;
	float: left;
	background: url(left.gif) no-repeat;
	padding: 0 0 0 5px;
	text-decoration: none;
	line-height: 25px;
	white-space: nowrap;
	
	
/*	background: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/rechnerTabNavBG.gif) repeat-x left top;*/
	width: 46%;
	border-width: 1px;
	border-style:solid;	
	border-color: #f8be53 #f08b19 #f08b19 #f8be53;
    -webkit-border-radius: 8px 0px;
    -moz-border-radius: 8px 0px;
    border-radius: 8px 0px;
	behavior: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/PIE.htc);
	}

.modTeaserCalculator .nav .select a b {
	display: block;
	padding: 0 10px 0 5px;
	color: #fff;
}

.modTeaserCalculator .nav .current a {
	display: block;
	height: 25px;
	float: left;
	padding: 0 0 0 5px;
	text-decoration: none;
	line-height: 25px;
	white-space: nowrap;
	color: #fc6;
}

.modTeaserCalculator .nav .current a b {
	display: block;
	padding: 0 10px 1px 5px;
}

.modTeaserCalculator .nav .select a:hover, 
.modTeaserCalculator .nav .select li:hover a {
	padding: 0 0 0 5px;
	cursor: pointer;
	color: #fff;
}

.modTeaserCalculator .nav .select a:hover b, 
.modTeaserCalculator .nav .select li:hover a b {
	display: block;
	float: left;
	padding: 0 10px 0 5px;
	cursor: pointer;
}

.modTeaserCalculator .nav .select_sub {
	display: none;
}

/* IE6 only */

.modTeaserCalculator .nav table {
	border-collapse: collapse;
	margin: 0 0 -1px 0;
	font-size: 1em;
	width: 0;
	height: 0;
}

.modTeaserCalculator .nav .sub {
	display: table;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.modTeaserCalculator .nav .select :hover .select_sub, 
.modTeaserCalculator .nav .current .show {
	display: block;
	position: absolute;
	width: 471px;
	top: 25px;
	padding: 10px 0 0 0;
	z-index: 100;
	left: 0;
	text-align: center;
}

.modTeaserCalculator .nav .select :hover .select_sub {
	background: #f5a81a;
	border-: 1px solid #c6c5c6;
	border-bottom: 1px solid #c6c5c6;	
	width: 100%;
	color: #fff;
	float: right;
	margin: 0 0 8px 0;
	padding: 8px 0 4px 0;
	opacity: 0.9;
    -webkit-border-radius: 0 0 20px 6px;
    -moz-border-radius: 0 0 20px 6px;
    border-radius: 0 0 20px 6px;
	behavior: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/PIE.htc);
}

.modTeaserCalculator .nav .current .show {
	z-index: 10;
}

.modTeaserCalculator .nav .select :hover .sub li a, 
.modTeaserCalculator .nav .current .show .sub li a {
	display: block;
	float: left;
	background: transparent;
	padding: 0 0 0 5px;
	background: url(left.gif) no-repeat 0 0;
	margin: 0;
	white-space: nowrap;
	border: 0;
	color: #000;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
}

.modTeaserCalculator .nav .select :hover .sub li a i, 
.modTeaserCalculator .nav .current .show .sub li a i {
	display: none;
}

.modTeaserCalculator .nav .select :hover .sub li a b {
	padding: 0 10px 0 5px;
	background: url(right.gif) no-repeat right 0;
	font-weight: normal;
}

.modTeaserCalculator .nav .current .sub li.sub_show a {
	color: #fc6;
	cursor: default;
	padding: 0 0 0 5px;
	background: url(left.gif) no-repeat 0 -200px;
}

.modTeaserCalculator .nav .current .sub li.sub_show a b {
	padding: 0 10px 0 5px;
	background: url(right.gif) no-repeat right -200px;
	font-weight: normal;
}

.modTeaserCalculator .nav .current .sub li a b {
	padding: 0 10px 0 5px;
	background: url(right.gif) no-repeat right 0;
	font-weight: normal;
}

.modTeaserCalculator .nav .select :hover .sub li a:hover, 
.modTeaserCalculator .nav .current .sub li a:hover {
	visibility: visible;
	color: #fff;
	padding: 0 0 0 5px;
	background: url(left.gif) no-repeat 0 -200px;
}

.modTeaserCalculator .nav .select :hover .sub li a:hover b, 
.modTeaserCalculator .nav .current .sub li a:hover b {
	padding: 0 10px 0 5px;
	background: url(right.gif) no-repeat right -200px;
}

.modTeaserCalculator .nav .select :hover .sub :hover i, 
.modTeaserCalculator .nav .current .show .sub :hover i,
.modTeaserCalculator .nav .current .sub li.sub_show a i {
	display: block;
	width: 750px;
	position: absolute;
	left: 0;
	top: 30px;
	text-align: center;
	font-style: normal;
	z-index: 100;
}

.modTeaserCalculator .nav .current .sub li.sub_show a:hover, 
.modTeaserCalculator .nav .current .sub li.sub_show a:hover i {
	color: #fc6;
}

.modTeaserCalculator .nav .current .sub li.sub_show a i {
	z-index: 50;
}

/* @end */


/* @group Tabbed Box */

.modTeaserCalculator #tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:470px;
}
.modTeaserCalculator .tabbed_box h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #ffffff;
	margin-bottom: 10px;
}
.modTeaserCalculator .tabbed_box h4 small {
	color: #e3e9ec;
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: -4px;
	left: 6px;
	letter-spacing: 0px;
}
.modTeaserCalculator .tabbed_area {
	background-color: #636d76;
	padding: 0px;
}

.modTeaserCalculator ul.tabs {
	margin: 0px; padding:0px;
	margin-top: 15px;
	margin-bottom: 6px;
}

.modTeaserCalculator ul.tabs li {
	list-style: none;
	display: inline;
}
.modTeaserCalculator ul.tabs li a {
	background-color: #464c54;
	color: #ffebb5;
	padding: 8px 14px 8px 14px;
	text-decoration: none;
	border: 1px solid #464c54;
	background-image: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/tab_off.jpg);
	background-repeat: repeat-x;	 
	background-position: bottom;
	width: 120px;
}
.modTeaserCalculator ul.tabs li a:hover {
	background-color: #2f343a;
	border-color: #2f343a;
}
.modTeaserCalculator ul.tabs li a.active {
	background-color: #ffffff;
	color: #282e32;
	border: 1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-repeat: repeat-x;
	background-position: top;
	width: 200px;
}

.modTeaserCalculator .tabbed_area .content {
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #464c54; 	
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/content_bottom.jpg);
	background-repeat: repeat-x;	 
	background-position: bottom;	
}

.modTeaserCalculator #content_2 { display: none; }

/* @end */



/* @group Rechner */

/* root element for tabs  */
.modTeaserCalculator ul.css-tabs {  
	margin: 0 !important; 
	padding: 0;
	height: 36px;
	border-bottom: 1px solid #f08b19;	
}


/* single tab */
.modTeaserCalculator ul.css-tabs li {  
	float: left;	 
	padding: 0; 
	margin: 0; 
	list-style-type: none;	
}

/* link inside the tab. uses a background image */
.modTeaserCalculator ul.css-tabs a { 
	border-width: 1px;
	border-style: solid;	
	border-color: #f8be53 #f08b19 #f08b19 #f8be53;
    -webkit-border-radius: 8px 0px;
    -moz-border-radius: 8px 0px;
    border-radius: 8px 0px;
	float: left;
	display: block;
	padding: 5px 20px;	
	text-decoration: none;
/*	border-bottom: 0px;*/
	height: 20px;
	background: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/h1-background-orange.gif) repeat-x;
	margin-right: 2px;
	position: relative;
	top: 1px;	
	outline: 0;
	font-weight: bold;
	color: #fff;
	behavior: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/PIE.htc);
}

.modTeaserCalculator ul.css-tabs a:hover {
/*	background-color: #F7F7F7;*/
	color: #666;
}

.modTeaserCalculator ul.css-tabs .menuIcon {
	margin: 0 10px 0 0;
}
	
/* selected tab */
.modTeaserCalculator ul.css-tabs a.current {
	height: 24px;
	border-style: solid;
	border-bottom: 1px solid;
	border-bottom-color: #f5a81a;
    -webkit-border-radius: 8px 0px 0px 0px;
    -moz-border-radius: 8px 0px 0px 0px;
    border-radius: 8px 0px 0px 0px;
/*	background-color:#ddd;*/
	border-bottom: 1px solid #f5a81a;
	color: #fff;	
	cursor: default;
	behavior: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/PIE.htc);
}

/* tab pane */
.modTeaserCalculator .css-panes .fz,
.modTeaserCalculator .css-panes .hau {
	display: none;
	border-width: 0 1px 1px 1px;
	min-height: 120px;
	padding: 0px 15px;
	background-color: #f5a81a;
	border-style: solid;
	border-color: #f8be53 #f08b19 #f08b19 #f8be53;
    -webkit-border-radius: 0px 0px 18px 4px;
    -moz-border-radius: 0px 0px 18px 4px;
    border-radius: 0px 0px 18px 4px;
	behavior: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/PIE.htc);
}


/* @end */

/* @group selectorBox */

.modTeaserCalculator #selectorTabs  {
	width: 86px;
}

.modTeaserCalculator #selectorTabs a {
	outline-color: #888;
}

.modTeaserCalculator #selectorTabs h3 {
	margin: 0;
	padding: 7px 0;
	font-size: 14px;
}

.modTeaserCalculator #selectorTabs a h3 {
	color: #333;
	font-weight: bold;
	margin-left: 50px;
}

.modTeaserCalculator #selectorTabs a h3:hover {
	color: #666;
}

.modTeaserCalculator #feature_list {
	overflow: hidden;
	position: relative;
	width: 100%;
	
}

.modTeaserCalculator #feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

.modTeaserCalculator #feature_list ul li {
	display: table;
	padding-top: 3px;
	    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

.modTeaserCalculator ul#selectorTabs li .current h3 {
	color: #fff;
}

.modTeaserCalculator ul#selectorTabs li a {
	border-width: 1px;
	border-style: 	solid;	
	border-color: #f8be53 #f08b19 #f08b19 #f8be53;
    -webkit-border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    border-radius: 8px 0px 8px 0px;
	float: left;
	display: block;
	padding: 5px 20px;	
	text-decoration: none;
/*	border-bottom: 0px;*/
	height: 50px;
	/*background: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/h1-background-orange.gif) repeat-x;*/
	margin-right: 2px;
	position: relative;
	top: 1px;	
	outline: 0;
	font-weight: bold;
	color: #fff;
	width: 40px;
	behavior: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/PIE.htc);
}

.modTeaserCalculator ul#selectorTabs li a:hover {
	text-decoration: none;
}

.modTeaserCalculator ul#selectorTabs li a.current {
	/*background: url('/~/media/Files/www_smiledirect_ch/Calculator/Images/feature-tab-current-white.png') right center;*/
	height: 50px;
	border-style: solid;
	border-right: 1px solid;
	border-right-color: #f5a81a;
    -webkit-border-radius: 8px 0px 0px 0px;
    -moz-border-radius: 8px 0px 0px 0px;
    border-radius: 8px 0px 0px 0px;
/*	background-color:#ddd;*/
	border-right: 1px solid #f5a81a;
	color: #fff;	
	cursor: default;
	behavior: url(/~/media/Files/www_smiledirect_ch/Calculator/Images/PIE.htc);
	width: 45px;
}

.modTeaserCalculator ul#selectorTabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

.modTeaserCalculator ul#selectorOutput {
	width: 300px;
	height: 340px;
	left: 86px;
	position: relative;
}

.modTeaserCalculator ul#selectorOutput li {
	overflow: hidden;
	position: absolute;
	width: 300px;
}



.modTeaserCalculator ul#selectorTabs .icn-rechner-abt-car {
	background: url('/~/media/Files/www_smiledirect_ch/Calculator/Images/ico/icons-rechner-car-black.png') 4px no-repeat #f8be54;
}

.modTeaserCalculator ul#selectorTabs .icn-rechner-abt-mra {
	background: url('/~/media/Files/www_smiledirect_ch/Calculator/Images/ico/icons-rechner-mra-black.png') 2px no-repeat #f8be54;
}

.modTeaserCalculator ul#selectorTabs .icn-rechner-abt-hau {
	background: url('/~/media/Files/www_smiledirect_ch/Calculator/Images/ico/icons-rechner-hau-black.png') 2px 9px no-repeat #f8be54;
}

.modTeaserCalculator ul#selectorTabs .icn-rechner-abt-tra {
	background: url('/~/media/Files/www_smiledirect_ch/Calculator/Images/ico/icn-rechner-travel-black.png') 4px 6px no-repeat #f8be54;
}

.modTeaserCalculator ul#selectorTabs .icn-rechner-abt-car.current {
	background: url('/~/media/Files/www_smiledirect_ch/Calculator/Images/ico/icons-rechner-car-white.png') 4px no-repeat #f5a81a;
}

.modTeaserCalculator ul#selectorTabs .icn-rechner-abt-mra.current {
	background: url('/~/media/Files/www_smiledirect_ch/Calculator/Images/ico/icons-rechner-mra-white.png') 2px no-repeat #f5a81a;
}

.modTeaserCalculator ul#selectorTabs .icn-rechner-abt-hau.current {
	background: url('/~/media/Files/www_smiledirect_ch/Calculator/Images/ico/icons-rechner-hau-white.png') 2px 9px no-repeat #f5a81a;
}

.modTeaserCalculator ul#selectorTabs .icn-rechner-abt-tra.current {
	background: url('/~/media/Files/www_smiledirect_ch/Calculator/Images/ico/icn-rechner-travel-white.png') 4px 6px no-repeat #f5a81a;
}

.modTeaserCalculator #selectorOutput td,
.modTeaserCalculator #selectorOutput td label {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.modTeaserCalculator #selectorOutput td {
	padding: 0 0 5px 0;
}

/* tab pane */
.modTeaserCalculator .fz {
	height: 330px;
	margin-top: 1px;
	border-width: 1px 1px 1px 0;
	padding: 0px 15px;
	background-color: #f5a81a;
	border-style: solid;
	border-color: #f8be53 #f08b19 #f08b19 #f8be53;
    -webkit-border-radius: 0px 0px 18px 4px;
    -moz-border-radius: 0px 0px 18px 4px;
    border-radius: 0px 0px 18px 4px;
	padding-left: 30px;
}

.modTeaserCalculator .innerBlock h1 {
	padding: 5px 0px 10px 15px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #f8be53 #f08b19 #f08b19 #f8be53;
	-webkit-border-radius: 18px 0px 18px 0px;
    -moz-border-radius: 18px 0px 18px 0px;
    border-radius: 18px 0px 18px px;
	width: 370px;
	margin: 0px;
	background-color: #f5a81a;
}

.modTeaserCalculator .fz .carWidgetButton {
	padding-top: 10px;
}

.modTeaserCalculator .fz .carWidgetButton,
.modTeaserCalculator .fz .mraWidgetButton,
.modTeaserCalculator .fz .homeWidgetButton {
	position: absolute;
	right: 50px;
}

.modTeaserCalculator .fz h2 {
	padding-bottom: 15px;
	color: #FFF;
	font-weight: bold;
	font-size: 30px;
}

.modTeaserCalculator .fz #hau-form .checker{
	float: left;
}

.modTeaserCalculator .fz .selector,
.modTeaserCalculator .fz input {
	margin-top: 2px;
}

.modTeaserCalculator .fz label {
	font-size: 18px;
	color: #FFF;
}

.modTeaserCalculator .fz table {
	width: 230px;
}

.modTeaserCalculator .fz.toggleTab {
	padding-left: 53px;
}

.modTeaserCalculator .fz #carInceptionDateMra,
.modTeaserCalculator .fz #TravInceptionDate {
	width: 185px;
}

.modTeaserCalculator .toggleTab .fz-rechner-small .carWidgetButton {
	margin: 0px 0 0 0;
}
/* @end */






.modTeaserCalculator label {
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

.modTeaserCalculator .instructions {
	font-size: 0.8em;
	line-height: 1.1em;
}

.modTeaserCalculator input[type=text],
.modTeaserCalculator input[type=password],
.modTeaserCalculator textarea,
.modTeaserCalculator select {
	background-color: #fff;
	border: 1px solid #bbb;
	margin: 5px 0 0 0;
}

.modTeaserCalculator input[type=text]:focus,
.modTeaserCalculator input[type=password]:focus
.modTeaserCalculator textarea:focus,
.modTeaserCalculator select:focus {
	border-color: #666;
}

.modTeaserCalculator input[type=text],
.modTeaserCalculator input[type=password] {
	/* width: 300px; */
	padding: 3px;
}


.modTeaserCalculator input[type=checkbox],
.modTeaserCalculator input[type=radio] {
	position: relative;
	top: .25em;
}

.modTeaserCalculator #tx-srfeuserregister-pi1-fe_users_form input[type=checkbox] + label,
.modTeaserCalculator #tx-srfeuserregister-pi1-fe_users_form input[type=radio] + label {
	margin-top: 0;
	display: inline;
	font-weight: normal;
}

.modTeaserCalculator #tx-srfeuserregister-pi1-fe_users_form input[type=checkbox] + label:after,
.modTeaserCalculator #tx-srfeuserregister-pi1-fe_users_form input[type=radio] + label:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.modTeaserCalculator ul.titelBild {
	width:980px;
	margin: 0;
	border: none;
	position: relative;
	overflow: hidden;
	height: 628px;
}

.modTeaserCalculator ul.titelBild li {
	top: 0px;
	left: 0px;
	height: 628px;
	font-size: 1.25em;
	opacity: 1;
	position: absolute;
}

/* @group Table Styling */



.modTeaserCalculator td, .modTeaserCalculator th, .modTeaserCalculator caption {
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
}

.modTeaserCalculator col {
	background-color: silver;
	}

.modTeaserCalculator thead th, .modTeaserCalculator tfoot th, .modTeaserCalculator tfoot td {
	text-align: left;
	}

.modTeaserCalculator caption {
	background-color: #ccc;
	font-style: italic;
	}


.modTeaserCalculator td.spancolumn-1,
.modTeaserCalculator th.spancolumn-1 {
	width: 30px;
	}

.modTeaserCalculator td.spancolumn-2,
.modTeaserCalculator th.spancolumn-2 {
	width: 80px;
	}

.modTeaserCalculator td.spancolumn-3,
.modTeaserCalculator th.spancolumn-3 {
	width: 130px;
	}

.modTeaserCalculator td.spancolumn-4,
.modTeaserCalculator th.spancolumn-4 {
	width: 180px;
	}
	
.modTeaserCalculator td.spancolumn-5,
.modTeaserCalculator th.spancolumn-5 {
	width: 230px;
	}


.modTeaserCalculator td.spancolumn-6,
.modTeaserCalculator th.spancolumn-6 {
	width: 280px;
	}

.modTeaserCalculator td.spancolumn-7,
.modTeaserCalculator th.spancolumn-7 {
	width: 330px;
	}

.modTeaserCalculator td.spancolumn-8,
.modTeaserCalculator th.spancolumn-8 {
	width: 380px;
	}

.modTeaserCalculator td.spancolumn-9,
.modTeaserCalculator th.spancolumn-9 {
	width: 430px;
	}


.modTeaserCalculator td.spancolumn-10,
.modTeaserCalculator th.spancolumn-10 {
	width: 480px;
	}

.modTeaserCalculator td.spancolumn-11,
.modTeaserCalculator th.spancolumn-11 {
	width: 530px;
	}

.modTeaserCalculator td.spancolumn-12,
.modTeaserCalculator th.spancolumn-12 {
	width: 580px;
	}

.modTeaserCalculator table.produktbausteine {
	background: #fff;
}

.modTeaserCalculator table.produktbausteine td {
	border-bottom: 1px solid #666;
}

.modTeaserCalculator table.produktbausteine td p {
	padding: 0;
}

.modTeaserCalculator td.produkt-left,
.modTeaserCalculator td.produkt-right {
	width: 47.5%;
}

.modTeaserCalculator td.produkt-1,
.modTeaserCalculator td.produkt-2,
.modTeaserCalculator td.produkt-3 {
	width: 30.3%;
}

.modTeaserCalculator td.orange {
	background: #f5a81a;
	color: #fff;
}

.modTeaserCalculator td.iconSpalte {
	text-align: center;
	background: #ccc;
	width: 6%;
	margin: 0;
	padding: 0;
}

.modTeaserCalculator td.iconSpalte_leer {
	width: 6%;
	margin: 0;
	padding: 0;
}

/* @end Table Styling */

.modTeaserCalculator .orangeBox h3 {
	line-height: 1em;
	margin: 0.5em 0.5em 0 0.5em;
}

/* @group UI-Korrekturen */

.modTeaserCalculator .ui-autocomplete { 
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align:left;
}

.modTeaserCalculator .ui-autocomplete-error { 
	background:#e95d0f !important;
	color:#fff !important;
}

.modTeaserCalculator .ui-autocomplete .ui-menu-item {
	font-size: 0.8em;
}

.modTeaserCalculator #ui-datepicker-div {
	display: none;
}

.modTeaserCalculator .ui-widget-content.ui-corner-all.ui-autocomplete-error {
	width: 220px;
}

.modTeaserCalculator .ui-autocomplete-loading { background: white url('/~/media/Files/www_smiledirect_ch/Calculator/Images/ajax-loader.gif') right center no-repeat; }



/* @end */

.modTeaserCalculator #volltext {
	width: 185px;
}

.modTeaserCalculator .neuButton img {
	position: absolute;
	z-index: 8888;
	top: 300px;
	left: -70px;
}