.irs {
position: relative; display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.irs-line {
position: relative; display: block;
overflow: hidden;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
position: absolute; display: block;
top: 0;
}
.irs-line-left {
left: 0; width: 11%;
}
.irs-line-mid {
left: 9%; width: 82%;
}
.irs-line-right {
right: 0; width: 11%;
}
.irs-bar {
position: absolute; display: block;
left: 0; width: 0;
}
.irs-bar-edge {
position: absolute; display: block;
top: 0; left: 0;
}
.irs-shadow {
position: absolute; display: none;
left: 0; width: 0;
}
.irs-slider {
position: absolute; display: block;
cursor: default;
z-index: 1;
}
.irs-slider.single {
left: 10px;
}
.irs-slider.from {
left: 100px;
}
.irs-slider.to {
left: 300px;
}
.irs-slider.type_last {
z-index: 2;
}
.irs-min {
position: absolute; display: block;
left: 0;
cursor: default;
}
.irs-max {
position: absolute; display: block;
right: 0;
cursor: default;
}
.irs-from, .irs-to, .irs-single {
position: absolute; display: block;
top: 0; left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute; display: none;
bottom: 0; left: 0;
width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0; left: 0;
width: 1px; height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0; left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px; line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute; display: block;
top: 0; left: -1%;
width: 102%; height: 100%;
cursor: default;
background: rgba(0,0,0,0.0);
z-index: 2;
}
.irs-disabled {
opacity: 0.4;
}
.lt-ie9 .irs-disabled {
filter: alpha(opacity=40);
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}.irs {
height: 55px;
}
.irs-with-grid {
height: 75px;
}
.irs-line {
height: 10px; top: 33px;
background: #EEE;
background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); border: 1px solid #CCC;
border-radius: 16px;
-moz-border-radius: 16px;
}
.irs-line-left {
height: 8px;
}
.irs-line-mid {
height: 8px;
}
.irs-line-right {
height: 8px;
}
.irs-bar {
height: 10px; top: 33px;
border-top: 1px solid #428bca;
border-bottom: 1px solid #428bca;
background: #428bca;
background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); }
.irs-bar-edge {
height: 10px; top: 33px;
width: 14px;
border: 1px solid #428bca;
border-right: 0;
background: #428bca;
background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); border-radius: 16px 0 0 16px;
-moz-border-radius: 16px 0 0 16px;
}
.irs-shadow {
height: 2px; top: 38px;
background: #000;
opacity: 0.3;
border-radius: 5px;
-moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
filter: alpha(opacity=30);
}
.irs-slider {
top: 25px;
width: 27px; height: 27px;
border: 1px solid #AAA;
background: #DDD;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); border-radius: 27px;
-moz-border-radius: 27px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
cursor: pointer;
}
#irs-active-slider, .irs-slider:hover {
background: #FFF;
}
.irs-min, .irs-max {
color: #333;
font-size: 12px; line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 5px;
background: rgba(0,0,0,0.1);
border-radius: 3px;
-moz-border-radius: 3px;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
background: #ccc;
}
.irs-from, .irs-to, .irs-single {
color: #fff;
font-size: 14px; line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: #428bca;
border-radius: 3px;
-moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
background: #999;
}
.irs-grid {
height: 27px;
}
.irs-grid-pol {
opacity: 0.5;
background: #428bca;
}
.irs-grid-pol.small {
background: #999;
}
.irs-grid-text {
bottom: 5px;
color: #99a4ac;
}
.irs-disabled {
}.content-box {
background-color: #ffffff;
border: 1px solid #afafaf;
border-radius: 5px;
margin: 10px 0;
width: 100%;
}
.clear {
clear: both;
}
.topbox {
background:#FCDEBA;
border: 1px solid #F19A3D;
box-shadow: 0 0 15px #C4C4C4;
float: left;
height: 165px;
width: 200px;
margin-right:8px;
padding-top:3px;
}
.topbox img { margin-top:0px; }
.topbox-text {
height:105px;background:#FF7F00;width:100%;color:#FFFFFF;text-align:center;padding-top:3px;font-size:11pt;line-height:13pt;
}
.first-word span {
color: #60a9b8;
}
.content_box {
background-color: #ffffff;
background-image: url(//prepaid-vergleich-online.de/tarife-out/images/main-menu-bg.png);
background-position: 0 -62px;
background-repeat: repeat-x;
border: 1px solid #bfbfbf;
border-radius: 5px;
float: left;
margin-bottom: 5px;
margin-right: 10px;
width: 488px;
}
.content_box100 {
background-color: #ffffff;
border: 1px solid #bfbfbf;
border-radius: 5px;
margin-bottom: 5px;
margin-right: 10px;
width: 100%;
}
.content_box100 a {
color: #0071c6;
}
.content_inner {
padding: 10px;
}
.content_inner h3 {
color: #ffffff;
font-size: 12pt;
margin-bottom: 16px;
}
.text {
color: #4a4d4a;
padding-left: 20px;
}
.infotip {
width: 390px;
}
.infotip td {
border: 0 none;
line-height: 1.2;
padding: 4px;
}
.infotip tr:nth-child(2n+2) {
background: none repeat scroll 0 0 #efefef;
}
.infotip img {
float: right;
margin: 10px;
}
.infotip ul {
list-style: disc outside none;
margin-left: 20px;
}
.infotip h2 {
color: #d23733;
font-size: 16pt;
}
.border {
background: none repeat scroll 0 0 #ffffff !important;
border-bottom: 1px dotted grey !important;
font-size: 11pt;
line-height: 2 !important;
}
.inner {
font-size: 13px;
padding: 15px 10px 5px;
width: 600px;
}
.button_anbieter {
background: none repeat scroll 0 0 #81bd00;
border: 1px solid #003f00;
color: #ffffff;
cursor: pointer;
font-weight: bold;
height: 16px;
margin-top: 5px;
padding: 2px 4px 4px;
width: 100px;
}
.button_anbieter:hover {
background: none repeat scroll 0 0 #6f6f6f;
}
.angebot {
border: 1px solid grey;
color: #000000;
cursor: pointer;
float: left;
height: 97px;
margin: 5px;
padding-top: 4px;
width: 168px;
}
.angebot:hover {
background: none repeat scroll 0 0 #dfdfdf;
border: 1px solid #c10000;
}
.schalter {
border: 1px solid #8c8e8c;
border-radius: 2px;
box-shadow: 1px 1px 2px #bbbbbb;
color: #000000;
font-size: 11px;
font-weight: bold;
height: 20px;
line-height: 22pt;
padding: 3px 2px;
text-decoration: none;
}
.klein {
padding: 0 10px !important;
}
.anbieter_out {
background: -moz-linear-gradient(center top , #0051a5, #0092e7) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #003084;
color: #ffffff !important;
padding: 4px 7px;
width: 90px;
}
.anbieter_out:hover {
background: -moz-linear-gradient(center top , #37b8eb, #0051a5) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.anbieter_check {
background: -moz-linear-gradient(center top , #efefef, #cecfce) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #000000;
width: 90px;
}
.anbieter_check:hover {
background: -moz-linear-gradient(center top , #cecfce, #efefef) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.entry table th {  font-family: Tahoma,Arial,Verdana,sans-serif !important; }
.tarife-title { background: #2d2d2d; box-shadow: inset -1px -5px 0px -1px #393939; border-bottom: 4px solid  #FFBE00 ; }
.tarife-title th { text-align:center !important; font-size: 12pt !important; color: #EFEFEF !important; font-family: Tahoma,Arial,Verdana,sans-serif !important; text-shadow: 0 1px 0 #393C39;  }
.smartphone_top  { background: #2d2d2d; box-shadow: inset -1px -5px 0px -1px #393939; min-height: 52px; border: 1px solid #7B7D7B; border-bottom: 5px solid #81bd00; padding:5px; }
.smartphone_bottom  { background: #2d2d2d; box-shadow: inset -1px -5px 0px -1px #393939; border: 1px solid #7B7D7B; color: #FFFFFF; border-top: 4px solid #81bd00; padding: 10px; }
.smartphone-tarife { border-collapse:collapse;width:100%; border: 1px solid #7B7D7B; }
.smartphone-tarife td { text-align:center;padding:2px; vertical-align:middle !important; color: #5A5D5A !important;}
.smartphone-tarife tr:nth-child(2n+1) {background-color: #EFEFEF; }
.smartphone-tarife tr:hover {background-color: #FFCF9F; }
.tarife-title th { text-align:center; font-size: 11pt; color: #FFFFFF; padding:2px; }
.tarife-title img { width: 16px; margin: 0px 2px; }
.tarifrechner td {background:none;}
.tarifrechner tr {background:none !important;}
.flat {  background: #7B7D7B; background: -moz-linear-gradient(center top , #6B6D6B, #7B7D7B) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #292C29;
box-shadow: 1px 1px 2px #BBBBBB;
color: #FFFFFF;
height: 16px;
line-height: 1;
margin: 1px 3px 1px 6px;
padding-top: 1px;
width: 80px;}
.rechner-box {float:left;margin-left:10px;line-height:17pt;text-align:left;width:300px;border-right: 1px solid #EFEFEF}
.rechner-box select {margin: 2px;}
.rechner-box input {margin: 2px;}
.rechner-detail { float:left;margin-left:10px;line-height:18pt;text-align:left; }
.buttonfeld {    box-shadow: 1px 1px 2px #BBBBBB; float: left; font-size: 11px;
font-weight: bold;
height: 20px;
line-height: 18px;
margin-right: 5px; margin-bottom: 2px;
padding: 1px 10px;
padding-top:3px;
text-decoration: none;
color: #FFFFFF;}
.anbieter_out { width:90px; background-color: #60a9b8; background: -moz-linear-gradient(center top , #60a9b8, #0061FF) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;   ;color: #FFFFFF; }
.anbieter_out:hover { color:#FFFFFF; }
.anbieter_check { width:90px; background: #FFFFFF; color: #000000; }
.anbieter_check:hover { color:#8F8F8F; }
.text {padding-left:20px;color:#4A4D4A}
.infotip { width: 390px; }
.infotip td {line-height: 1.2;  border: 0px; padding:4px;}
.infotip tr:nth-child(2n+2) { background: #EFEFEF; }
.infotip img {float:right;margin:10px;}
.infotip ul {margin-left:20px; list-style:disc;}
.infotip h2 {font-size: 16pt;color: #d23733;}
.border24 {border-bottom: 1px dotted grey !important;}
.eingabe { margin: 10px 0px; }
.eingabe h4 { float:left; margin:0px; font-size: 14pt; color: #60a9b8;}
.eingabe input {  border: 1px solid grey; border-radius: 2px; display: block; font-size: 11pt; margin: 0; padding: 4px 2px; width:40px; text-align:center; color: #E76100;
font-weight:bold; float:left;  }
.werte { float:right;}
.rechner-body {}
.rechner-body div { float:left; padding: 0 10px; width: 160px; text-align: left; }
.entry blockquote {
font-size: 12px !important;
font-style: italic;
line-height: 1,5 !important;
padding: 0 0 0 20px !important;
margin: 0 0 30px 40px !important;
min-height: 60px;
}
.handytarife-title input[type="text"] { height:30px; width:150px; }
.modal { background: rgba(000, 000, 000, 0.8); min-height:1000000px; }
.modal-body p { padding:0px;margin: 0px ;}
.modal-title { margin-top:5px !important;}
.smartphone-tarife-even { background-color: #FFFFFF;  border: 1px solid #DFDFDF; border-top: 1px solid white; padding-right: 5px !important; padding-left: 5px !important;  }
.smartphone-tarife-odd { background-color: #EFEFEF; border: 1px solid #DFDFDF; border-top: 1px solid white; padding-right: 5px !important; padding-left: 5px !important; }
.smartphone-tarife-even:hover, .smartphone-tarife-odd:hover  { background-color: #FFC6AA; }
.tarifbereich {padding-right: 5px !important; padding-left: 5px !important; padding-top:5px; padding-bottom:5px;}
.tarifbereich-center { text-align:center; }
.mittig { display:flex;align-items:center; }
.tarifzeile { padding: 10px 0px;}
.sections { padding-top: 10px !important; padding-bottom: 10px !important; }
.heading-content {
margin-bottom: 1rem;
margin-top: 1rem;
}
@media only screen and (max-width: 700px) {
.logobereich { border-bottom: 1px solid #BFBFBF; }
.preisbereich { border-bottom: 1px solid #BFBFBF; }
}