/* CSS for all the calculators */

/*  base box of width 814px */
img {border:none;}
.module-4col {width:800px; margin:0;}
.calculator-4col {width:814px; margin:0; padding:0; margin-bottom:8px; overflow:hidden; font-family:Verdana;}
.calculator-4col p {color:#6a7b8b}
.calculator-content {width:800px; margin:7px 0px 7px 0; padding:0; overflow:hidden;}
.calculator-content .content-2col-left {width:322px;float:left;margin:0 20px 0 0;}
.calculator-content .content-2col-right {width:414px;_width:416px;float:left}
.calculator-content-2col {width:414px;_width:416px; margin:0; padding:0; margin-bottom:17px; overflow:hidden;}
h4.calc-heading {background-color:#ccc; border-bottom:solid 1px #999; font-size:12px; color:#333; font-weight:bold; padding:4px 7px 4px 7px; margin:0;font-family:Verdana;}
.sorting {padding:4px 0px;}
.sorting p {padding: 5px}
.sorting p a.active, span.active {color:#000066; text-decoration:none; font-size:10px;font-family:Verdana;}
.sorting p a.inactive {color:#ff6600; text-decoration:none; font-size:10px;font-family:Verdana;}
.sorting p a.inactive:hover {text-decoration:underline;}
.calculator-comparison {width:798px; margin:0px; padding:0px;  margin-bottom:8px; overflow:hidden;}
.calculator-comparison h3, .calculator-comparison h3 span {color:#000066;font-size:14px;padding:7px 0;margin:0}
td {padding:5px 5px 5px 7px;}
.text-center {text-align:center;}
.preis-heading {font-weight:bold; color:#6a7b8b;}
.preis-heading span {font-size:32px; font-weight:bold; color:#6a7b8b;}
.preis-heading span.smaller {font-weight:normal;font-size:10px;color:#6a7b8b;}
.result-preis {position:relative;float:left;width:111px;margin-right:96px}
.result-preis p {font-size:10px; font-weight:bold;color:#6a7b8b;line-height:10px}
.result-preis p span {font-size:22px; font-weight:bold;line-height:24px}
.result-preis p.normal {font-weight:normal;padding:0;margin:0}
.result-preis p span.smaller, span.smaller {font-weight:normal;font-size:10px;color:#6a7b8b;}
.result-preis span.small-bold {font-weight:bold;font-size:10px;color:#6a7b8b;}
.result-preis span.font26 {font-weight:bold;font-size:26px;color:#6a7b8b;}
.result-preis span.monate {font-size:10px; font-weight:bold;line-height:18px}
.result-preis-mid {float:left;width:100px}
.dark-bg {background:#EFF3FD}
div.scouty {display:none}
.scouty-balloon {display:none}
.scouty-balloon-thanks {float:left;padding:5px 15px 5px 5px; margin:10px 0 0; width:145px;height:70px; color:#000066}
.scouty-header {margin:0px !important;width:100% !important}
.icon-helpCont{margin:0px;}
.icon-help {margin-right:6px;margin-top:3px;width:14px;height:15px}
.icon-util {display:none}
.dv-overlay {background:#fff;width:1px;height:1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;z-index:99}
.sicher-image {width:150px;text-align:right;padding:0;margin:0;_margin-top:-1px}
.compare-button {padding:13px 0 17px; margin:0;}
.compare-button input {float:left;margin-right:15px}
.back-button {padding:13px 0; margin:0;}
.back-button input {float:left;margin-right:7px}
.compare-button p {margin-left:180px}
.gk-dotted-row {padding:7px 0 7px 14px}
.gk-dotted-row .small-label {float:left;width:40px;display:block;margin:0 2px ;padding:0;vertical-align:middle}
.pdf-links-cont {padding:20px 0 0 0}
.pagination {float:left;text-align:center;width:340px}
.dots-margin-top {margin-top:42px}
.dots-margin-bottom {margin-top:8px}
.pagin-div {text-align:center;margin-top:7px}
.btn-detail-bottom {float:left;margin-left:10px;margin-right:7px}
.comp-table-footer {margin-top:7px}
.comp-table-footer input {float:left;margin:0 7px 0 0px}
.speichern-box .save, .speichern-box .print {margin:3px 5px 0 0;float:left;cursor:pointer}
.speichern-box .save {display:none;}
/*****************************/

/* tabbed structure */
.tab-container {width: 814px;padding: 0;margin: 0;}
.tab-container h1 {font-size: 18px;padding:5px 7px 21px 0px; color:#000066;}

/* RK */
.add-info {position:absolute;left:115px;top:10px;_top:12px;width:100px}
.add-info p.normal {font-weight:bold; font-size:10px}
.add-info p span.monate {font-weight:bold; font-size:14px}

/* calculator form */
.calc-formcontainer {width: 100%;color:#6A7B8C}
.calc-formcontainer h3, .calculator-4col h3, .calc-formcontainer h3 span, .calculator-4col h3 span {font-size: 14px;margin:0 0 5px 0;color:#000066;padding:0}
.calc-formcontainer h4, .calculator-4col h4 {font-size: 10px;font-weight:normal;margin:0;color:#000066;}
.content-2col-left h3 {margin-bottom:10px; padding:0px}
.content-2col-left h3.no-margin {margin-bottom:1px; padding:0 0 0 14px} /*In Pecumax Calcs*/
.content-2col-left .dots {width:375px; margin:0 0 0 14px}
.calc-formcontainer h4 {height:18px;padding:4px 0 0 0px;margin: 0 0 17px 0}
label.width150, span.width150 {width:150px;display:block;}
label.input-label {position:relative;*top:-5px;}
.calc-formcontainer img{vertical-align:middle}
.calcFormRow {padding:5px 0 8px 0px;_padding:5px 0 6px 0px;margin:0;}
.calcFormRowLast {padding:11px 0 3px;*padding-top:9px;margin:0;}
.calcFormRowLast input {float:right;margin-top:7px}
.calcFormRow span.field-label {width:145px;padding-right:0 15px 0 0;margin:0;color:#6A7B8C}
.calcFormRow div.width150 {width:140px!Important}
.calcFormRow div.width150 span {width:140px!Important}
select.width150 {width:150px}
input.width100, select.width100 {width:100px}
input.width50 {width:50px}
input.dmg-small {width:93px;margin:0 2px 0 0} /*RS*/
input.width150, input.width100, input.width50, input.dmg-small, select.width100, select.width150, select.width156  {padding:2px 0;font-family:verdana;font-size:11px;font-weight:normal}
.radioLabel input {float:left; position:relative;margin:1px 5px 0 0;*margin:0;display:block;padding:0}
.radioLabel label {width:70px;_width:50px;margin:0px;*margin:4px 0 0 -1px;display:block;padding:0}
.abs-button {_margin:0px 0 4px}
.btn-online-abs {margin-right:25px;}
.field-small {float:left;color:#6A7B8C;margin:0;width:97px}
.compare-button1 {float:left; margin-right:20px; margin-top:-70px}


.calc-result {border:solid 1px #bec8e1; margin:0 0 7px; width:410px;_width:412px}
.calc-result .top-row, .calc-result .bottom-row {padding:7px 7px 7px 4px;}
.top-row .cbox-div {float:left;width:30px;margin:0 -7px 0 0}
.bottom-row {height:28px;*height:}
.bottom-row .left-col {float:left;margin:0 0 0 24px;_margin:0 0 0 15px}
/*AngeBote Module*/
.ang-content {text-align: center}
.ang-content p {font-size:2em; margin:3px 0}
.ang-content img {margin-top: 5px;}

/*tables*/
table.produkt-details tr, table.comparator tr {vertical-align:top}
/* produkt-details */
table.produkt-details tr td {padding:5px 0}
table.produkt-details {width: 410px;_width:412px;margin: 0; padding:0; color: #6A7B8C}
table.produkt-details .firstCol {width: 148px;_width:213px; font-weight:bold;padding:5px 10px 10px 28px;_padding-right:14px}
table.produkt-details .iconCol {width:20px}
table.slider {width:165px;border:none}
table.slider tr td{padding:0;margin:0}
table.slider tr td.width20pc{width:25%;}
table.slider tr td.width50pc{width:49%;}
table.slider tr td.width33pc{width:33%;}


/* comparator table */
table.comparator {width:760px;margin:0 0 7px 0px;padding:5px 0 0;color: #6A7B8C;font-size:10px;border:1px solid #bbb}
table.comparator tr td.width184 {width:180px;padding: 5px 0px 5px 5px;_padding-top:5px;margin:0;font-weight:bold}
table.comparator tr td {width:178px;padding:5px;margin:0;vertical-align:top}
table.comparator tr td.width48 {width:51px;padding-right:14px;margin:0;text-align:center}
table.comparator tr td.preis-heading {font-size:32px;line-height:32px}
table.comparator tr td.font26 {font-size:26px;font-weight:bold}
.comparator-buttons {width:773px;*width:775px;padding-top:7px;border-right:1px solid #bbb;border-bottom:1px solid #bbb;border-left:1px solid #bbb;}
table.comp-header {width:775px;margin:0px;padding:0}
table.comp-header tr td{padding:0;margin:0;font-size:10px;}
table.comp-header tr td p{color: #6A7B8C;}
table.comp-header tr td.first-col {width:175px;}

/* images */
img.scouty {display:none}
img.img-processing {width:375px; height:230px}
img.img-trust-credibility {width:375px; height:130px;margin-left:5px}
img.logo-provider {width:105px; height:23px}
input.page-arrow {margin:0 3px}

/*pecumax styles*/
.px-header {background:#EFF3FD;margin:0 0 2px;padding:0;height:21px}
.px-header h4 {background:none;margin:0;clear:both}
.bg-on-button {background:url('../images/btn_up_arrow.gif') no-repeat right bottom; padding:6px 33px 5px 0;line-height:20px}
.bg-off-button {background:url('../images/btn_down_arrow.gif') no-repeat right bottom; padding:6px 33px 5px 0;line-height:20px}
.form-top-text {float:right;padding:7px 6px 4px 0;margin-bottom:20px;line-height:12px;}
.page-note {float:left;color:#999;text-align:right;width:190px;padding:0 20px 0 0;_padding:5px 15px 0 0}
html>body .page-note{margin:7px 0px 0 0}
.red-pipe {color:#D3223F}
.speichern-link {background:url('../images/icon_save.gif') no-repeat left center;padding:5px 0 5px 20px;line-height:12px}


/*form element widths*/
.width195 {width:195px}
.width143 {width:143px}
.width47 {width:47px}
input.width44 {width:44px;}
.margin-left-blank {margin-left:15px;*margin-left:10px}
.top-gap20 {margin-top:0px}
/*sliders*/
.slider1 {position:relative; background:url('../images/slider_rail_1.gif') no-repeat left center;width:165px; height:19px}
.slider2 {position:relative; background:url('../images/slider_rail_2.gif') no-repeat left center;width:165px; height:19px}
.slider3 {position:relative; background:url('../images/slider_rail_3.gif') no-repeat left center;width:165px; height:19px}
.slider4 {position:relative; background:url('../images/slider_rail_4.gif') no-repeat left center;width:165px; height:19px}
.slider5 {position:relative; background:url('../images/slider_rail_2.gif') no-repeat left center;width:165px; height:19px}
.slider6 {position:relative; background:url('../images/slider_rail_6.gif') no-repeat left center;width:165px; height:19px}
.slider7 {position:relative; background:url('../images/slider_rail_7.gif') no-repeat left center;width:165px; height:19px}
.handle1 {position:absolute; background:url('../images/img_slider_handle.gif') no-repeat left center;width:17px;height:19px;}