/*
	Der Vergleichsrechner muss - damit diese CSS-Datei "greift" - in einem div mit der Klasse "calculator" eingebunden werden.
*/
.calculator { margin-bottom: 10px; }
.calculator .cbg { padding: 6px 0; margin-top: 6px; border: 1px solid #ddd; }
.calculator .chead { height: 30px; line-height: 30px; font-weight: bold; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 18px; color: #333; }
.calculator .chead select { width: 100px; }
.calculator .cbg table { border-collapse: collapse; border: 0; }
.calculator .cbr { height: 20px; }
.calculator .sbr { height: 10px; }
.calculator .cimage { height: 150px; background-position: center center; margin-bottom: 3px; }
.calculator .cimage_in { height: 20px; padding-right: 20px; background-color: #fff; text-align: right; line-height: 20px; filter: alpha(opacity=65); -moz-opacity: .65; opacity: .65; }
.calculator .shead { line-height: 20px; font-weight: bold; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 15px; color: #333; padding-left: 10px; }
.calculator .tbg { margin-top: 1px; }
.calculator .tbg table { width: 100%; border-collapse: collapse; font-size: 11px; font-family: 'Verdana', Geneva, sans-serif; }
.calculator .tbg td { padding: 1px 5px; line-height: 20px; vertical-align: top; }
.calculator .tbg .area { line-height: 18px; border: 1px solid #999; }
.calculator .tbg .area a { color: #000; text-decoration: none; }
.calculator .tbg .area_clip, #cont .calculator .tbg .area_clip2 { height: 18px; display: block; padding: 0 20px 0 5px; background-image:url(img_area_clip_5e7a.png); background-repeat: no-repeat; background-position: top right; }
.calculator .tbg .area_clip2 { background-position: bottom right; }
.calculator .tbg .area_text { line-height: 16px; font-size: 11px; padding: 5px; border-top: 1px solid #999; }
.calculator .tbg .area_text ul { margin: 0 0 0 15px; }
.calculator .tbg .head { height: 24px; line-height: 24px; background-image: url(img_thead_5e7a.png); color: #333 ! important; padding-top: 0; padding-bottom: 0; }
.calculator .tbg .head .fsubmit { width: 100%; border: 0; background-image: url(img_thead_5e7a.png); background-position: 0 -26px; background-repeat: no-repeat; background-color: transparent; padding: 1px; color: #333; height: 26px; padding: 0 0 3px 2px; font-size: 11px; text-align: left; }
.calculator .tbg .head .fsubmit:hover { color: #000; }
.calculator .finput { background-image: url(img_fsubmit_5e7a.png); background-color: #fff ! important; background-repeat: repeat-x; background-position: 0 -60px; border: 1px solid #666; padding: 3px; width: 292px; font-family: 'Verdana', Geneva, sans-serif; font-size: 13px; }
.calculator .fsubmit_deac { background-image: url(img_fsubmit_5e7a.png); background-position: 0 -30px; color: #666; border: 0; height: 30px; width: 160px; padding-left: 20px; font-weight: bold; font-size: 13px; font-family: 'Verdana', Geneva, sans-serif; cursor: pointer; }
.calculator .buttonline { text-align: right; padding: 6px 0 2px 0; position: relative; height: 30px; }
.calculator .buttonline .button_deckungsvergleich { position: absolute; left: 0; }
.calculator .buttonline .button_abschluss { position: absolute; right: 0; }
.calculator #button_angebot_kvz .fsubmit { width: 300px; background-image: url(img_fsubmit_more_5e7a.png); background-position: 0 -120px; }
.calculator #buttonline_dasend .fsubmit { width: 300px ! important; background-image: url(img_fsubmit_more_5e7a.png); background-position: 0 -180px; }
.calculator #buttonline_dasend .fsubmit_deac { width: 300px ! important; background-image: url(img_fsubmit_more_5e7a.png); background-position: 0 -210px; }
.calculator .intext, #cont .calculator .intext_zustimmung { padding: 5px 10px ! important; line-height: 18px; text-align: justify; font-size: 11px; }
.calculator .intext_zustimmung ul { list-style-position: inside; list-style-type: square; }
.calculator table td.angebot_icons { display: none; }
.calculator #ergebnismenge { font-size: 11px; color: #666; line-height: 15px; }
.calculator #ergebnismenge1 { display: none ! important; }
.calculator .tbg .incheck { padding-top: 3px ! important; text-align: center; width: 15px; }
.calculator .cbg td { padding: 2px 5px; }
.calculator .cbg table .in1 { text-align: right; height: 22px; line-height: 22px; padding: 2px 20px 2px 0; width: 230px; vertical-align: top; }
.calculator .cbg table .in2 { line-height: 22px; padding: 2px 0; }
.calculator .wmtt { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiOMPAcBMgwAAEDgGmwprprAAAAABJRU5ErkJggg'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99990000,endColorstr=#99990000); color: #fff; line-height: 16px; width: 200px; position: absolute; display: none; padding: 5px 10px; font-size: 11px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.calculator span.button_deckungsvergleich .fsubmit, #cont .calculator span.button_deckungsvergleich .fsubmit_deac { background-image: url(img_fsubmit_more_5e7a.png); border: 0; height: 30px; width: 180px; padding-left: 15px; font-weight: bold; font-size: 13px; font-family: 'Verdana', Geneva, sans-serif; cursor: pointer; }
.calculator #button_angebot_1 span.button_deckungsvergleich .fsubmit { background-position: 0 -60px; }
.calculator #button_angebot_1 span.button_deckungsvergleich .fsubmit_deac { background-position: 0 -90px; }
.calculator .ftextarea { background-color: #fff; width: 300px; height: 100px; border: 1px solid #999; padding: 2px; }
.calculator #keinen_fahrzeugschein { background-image: url(img_fsubmit_more_5e7a.png); background-position: 0 -120px; width: 300px ! important; font-size: 0.9em; }
.calculator #drop_fz { background-image: url(img_fsubmit_more_5e7a.png); background-position: 0 -120px; width: 300px ! important; }
.calculator .design1_tarifbox { border-left: 1px solid #999; border-top: 1px solid #999; border-right: 1px solid #999; padding-left: 5px; height: 18px; line-height: 18px; font-weight: bold; }
.calculator .tbg tr.dotline { border-bottom: 1px dotted #999; }
.calculator .tbg tr.dotline .logothumb { border: 1px solid #999; padding: 1px; margin-top: 1px; }
.window_text { color: #000; }
.wmtt_hinweis { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBguAkQYAAA3gDaJHKF+AAAAABJRU5ErkJggg=='); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); color: #fff ! important; line-height: 16px; width: 340px; position: absolute; display: none; padding: 5px 10px; font-size: 11px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.wmtt_hinweis ul { margin-left: 15px; }