body, html {
    background-image: url(/images/background.png);
    background-repeat: repeat-x;
    background-color: #e6e8ef;
}

.bodywrapper {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/images/background-shadow.png);
}

.container {
    margin-top: 0;
    background-color: #fff;
}

#header h1 span {
    margin-left: -30000px;
}
#header h1 a {
    background-image: url(/images/flatratesvergleich.png);
    display: block;
    width: 323px;
    height: 79px;
    float: left;
}

#header {
    height: 80px;
    border-bottom: 6px solid #c0c6d6;
}


#header h1 {
    margin-bottom: 0;
}
h2, h3, h4 {
    color: #051d5a;
}
a {
    color: #051d5a;
}
.box {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #E6E8EF;
    border: 1px solid #c8cad0;
}
.notice {
    border-color: #e69d00;
    background-color: #f9e6bf;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
a.silent {
    color: #666 !important;
    font-weight: normal !important;
}
ul#topmenu {
    padding-top: 52px;
    margin-left: 380px;
}
ul#topmenu li {
    list-style-type: none;
    float: left;
}
ul#topmenu li a {
    padding: 4px 10px 4px 10px;
    margin: 0 2px 0 2px;
    font-size: 18px;
    font-weight: bold;
    color: #051d5a;
    text-decoration: none;
}

ul#topmenu ul {
    position: absolute;
    padding-left: 0;
    display: none;
    width: 200px;
}
ul#topmenu ul li {
    float: none;
    clear: both;
}
ul#topmenu li li a {
    padding: 4px 10px 4px 10px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #051d5a;
    text-decoration: none;
    background-image: url(/images/sidenavigation.png);
    background-position: bottom right;
    border-bottom: 1px dotted #e69d00;
}
ul#topmenu li li a:hover {
    background-color: #051d5a;
    color: #fff;
}
ul#topmenu ul ul {
    position:  static;
    margin-top: 0;
}
ul#topmenu li li li a {
    background-image: url(/images/sidenavigation.png);
    background-position: bottom left;
    padding-left: 20px;
    font-size: 11px;
    font-weight: normal;
}

#topnavigation li a.active, #topnavigation li a.active:hover {
    color: #fff;
    background-color: #c0c6d6;
}
#topnavigation li a:hover {
    background-color: #e6e8ef;
    color: #222;
}
#secondnavigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #e6e8ef;
    height: 30px;
}
#secondnavigation li {
    float: left;
    padding: 0 6px 0 6px;
}
#secondnavigation li a {
    display: block;
    background-color: #c0c6d6;
    height: 24px;
    padding: 0 6px 0 6px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    line-height: 24px;
    margin-top: 3px;
}

.teaser {
    background-color: #e6e8ef;
    height: 160px;
}
.teaser .image {
    width: 215px;
    float: left;
}

.teaser .image-right {
    width: 215px;
    float: right;
}

.teaser .content {
    margin-left: 230px;
    padding-right: 10px;
}
.teaser .content-right {
    margin-right: 230px;
}
#footer {
    padding: 0 10px 0 10px;
}
.hidden {
    display: none;
}
table.compare {
    width: 100%;
    text-align: center;
    overflow: auto;
    font-size: 11px;
}
table.compare table {
    margin: 0 10px 0 10px;
}
table.compare table td {
    border-width: 0;
}
table.compare td, table.compare th {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 3px 4px 3px 4px;

}
ul.vorteile li {
    list-style-image: url(/images/icons/checkmark.gif);
}

.compare ul.features {
    margin: 0;
    padding: 0;
    font-size: 11px;
}
.compare ul.features li {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    list-style-image: url(/images/icons/checkmark.gif);

}
table.compare tr td.spacer {
    border-bottom: 1px solid #ddd;
    padding: 0;
    margin: 0;
}
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
.logo {
    float: left;
    margin: 10px;
}
.infobox {
    padding-left: 10px;
    padding-right: 10px;
}

.right {
    text-align: right;
}
.compare thead tr th {
    background-color: #c0c6d6;
    color: #333;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
}
.compare thead tr th img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.compare thead tr th p {
    color: #777;
    font-weight: normal;
}
.compare tbody tr:hover td, .compare tbody tr.even:hover td, .compare tbody tr:hover th {
    background-color: #dadce3;
}
.compare tbody table tr:hover td, .compare tbody table tr.even:hover td {
    background-color: #cecfd6;
}

.compare tbody tr.even td {
    background-color: #e6e8ef;
}
.compare tbody th {
    background-color: #dcdee5;
}

.compare a {
    color: #e69d00;
    font-weight: bold;
    font-size: 10px;
}

.compare tbody tr:hover a {
    color: #222;
}
.compare .small {
    color: #999;
}
.compare th .small {
    color: #333;
}
.compare td.different, .compare tr.even td.different {
    background-color: #f9e6bf;
}
.filter fieldset {
    float: left;
    margin: 0 10px 10px 10px;
}

fieldset {
    border-color: #e69d00;
    background-color: #fff7e6;
}

.flat, .tarif_option {
    display: block;
    width: 46px;
    background-color: #ebffe6;
    border: 2px solid #90b488;
    padding: 0 4px 0 4px;
    text-align: center;
    color: #22391d;
    font-size: 0.8em;
}
.tarif_option {
    color: #825900;
    background-color: #f9e6bf;
    border: 2px solid #e69d00;
    margin: 1px;
}
#sidenavigation {
    float: left;
    width: 183px;
    margin-right: 5px;
    border: 1px solid #efefef;
    padding: 5px;
}
#sidenavigation li {
    list-style-type: none;
}
.span-19 {
    background-color: #fff;
}
#sidenavigation ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

#sidenavigation ul li a {
    display: block;
    text-decoration: none;
    color: #333;
    line-height: 34px;
    padding: 0 0 0 10px;
    background-image: url(/images/litop.png);
    background-repeat: no-repeat;
    font-weight: bold;
    background-position: top left;
}
#sidenavigation ul ul li
{
    background-image: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #c5cada;
    padding-left: 10px;
}
#sidenavigation ul ul li a {
    line-height: 12px;
    padding-left: 15px;
    background-image: url(/images/icons/16/li.gif);
    background-repeat: no-repeat;
    color: #5c4617;
    font-weight: normal;
    background-position: top left;
}

#sidenavigation ul li a.active {
    font-weight: bold;
    color: #222;
}
#sidenavigation ul ul li a.active {
    font-weight: bold;
}
#sidenavigation ul ul li.active {
    background-color: #efefef;
}
#sidenavigation ul ul li a:hover {
}

.filterbar
{
    z-index: 998;
    width: 950px;
}
.filterbar fieldset {
    margin-top: 10px;
}
.aktion {
    font-weight: bold;
    color: #44951c;
}

.compare ul {
    margin: 0;
    padding: 0;
}
.compare ul li {
    list-style-position: inside;
}
.compare .additional {
    font-size: 11px;
    color: #333;
}
#footer {
    clear: both;
}
#footer a {
    color: #aaa;
}
a.footnote {
    color: #666;
    text-decoration: none;
    font-weight: normal;
}

.footnotes {
    color: #999;
    font-size: 11px;
}

.footnotes h4 {
    font-size: 11px;
}
#sidenavigation .quickfinder {
    margin: 3px;
    border: 1px solid #e69d00;
}
.quickfinder {
    font-size: 11px;
    z-index: 2000;
    color: #5c4617;
}
.quickfinder form {
    padding: 0 6px 0 6px;
}
.quickfinder .quickfinder-row form {
    margin-left: 210px;
    width: 730px;
    display: block;
}
.quickfinder-row {
    z-index: 10000;
    border: 1px solid #e69d00;
    width: 940px;
    margin: 10px auto 0 auto;
    background-color: #ffebbf;
}
.quickfinder h4 {
    background-color: #e69d00;
    line-height: 30px;
    padding-left: 10px;
    font-weight: bold;
    color: #051D5A;
}
ul.radio_list li {
    list-style-type: none;
    float: left;
    margin: 0 4px;
}
ul.radio_list {
    margin: 0;
    padding: 0;
}
.quickfinder ul.radio_list {
    margin: 0;
    padding: 0;
}

.quickfinder ul.radio_list li {
    float: left;
    list-style-type: none;
    list-style-position: inside;
}
.quickfinder .quickfinder-row h4 {
    display: block;
    float: left;
    background-color: transparent;
    width: 190px;
    height: 76px;
    background-image: url(/images/sidenavigation.png);
    background-position: bottom left;
    background-repeat: repeat-y;
}
.floatingbar {
    width: 950px;
    background-color: #fff;
    opacity: 0.4;
    z-index: -1;
    height: 92px;
    position: absolute;
    top:0;
    -webkit-box-shadow: 0 6px 10px #222;
    -moz-box-shadow: 0 6px 10px #222;
}
.icon {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

div.total {
    width: 100px;
}
div.total .price {
    font-size: 14px;
    font-weight: bold;
}

div.total .icon {
    float: right;
    margin-top: 6px;
    margin-right: 6px;
}

.tweets {
    background-color: #59B;
    padding: 10px;

}
.tweets h3 {
    color: #fff;
}
.tweets .tweet {
    padding: 4px 10px 4px 10px;
}
.tweets .tweet .profile_image {
    float: left;
    width: 48px;
    height: 48px;
}

.tweets .tweet p {
    margin: 0 0 0 60px;
    background-color: #fff;
    -moz-border-radius-top: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    padding: 4px 10px 4px 10px;
    height: 40px;
}
.compare .ui-state-highlight .ui-button-text {
    color: #444;
    font-weight: normal;
}
.compare .ui-state-highlight:hover .ui-button-text, .compare tr:hover .ui-state-highlight .ui-button-text {
    color: #000;
}
.tweets .tweet .author {
    display: block;
    margin-left: 60px;
    background-color: #fff;
    color: #ccc;
    padding-left: 20px;
    font-size: 11px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.hreview .rating {
    display: none;
}

.tarifrechner .ui-button {
    color: #c80000;
    border: 1px solid #c80000;
}
.teaser .content .tarifrechner_button {
    margin-top: -36px;
    margin-left: 520px;
}
.teaser .content-right .tarifrechner_button {
    margin-top: -36px;
    margin-left: 520px;
}
.image_button {
    height: 43px;
    width: 180px;
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
}
.image_button_small {
    height: 31px;
    width: 122px;
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
}
.freunde-fragen-button {
    background-image: url(/images/freunde-fragen-button.png);
}
.continue_button {
    background-image: url(/images/continue_btn.png);
}

.umtscheck_button {
    border: 0;
    background-image: url(/images/umtscheck_btn.png);
}


.tarifrechner_button {
    height: 43px;
    width: 180px;
    background-image: url(/images/tarifrechner.png);
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
}
.tarifrechner_button_alt {
    background-position: top right;
}
.verfuegbarkeit_button {
    height: 43px;
    width: 180px;
    background-image: url(/images/verfuegbarkeit_btn.png);
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
}
.fragestellen_button {
    height: 43px;
    width: 180px;
    background-image: url(/images/fragestellen_btn.png);
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
}
.sort_tarife_button {
    background-image: url(/images/sort_table_button.png);
}


.tarifrechner_button:hover, .verfuegbarkeit_button:hover, .image_button:hover, .image_button_small:hover {
    background-position: bottom left;
}
.tarifrechner_button_alt:hover {
    background-position: bottom right;
}
.tarifrechner_button span, .image_button span, .image_button_small span {
    margin-left: -40000px;
    text-align: left;
}
.tarifrechner_large .ui-button {
    padding: 6px 10px 6px 10px;
    font-size: 14px;
    font-weight: bold;
}
.speed {
    width: 6px;
    width: 100%;
}
.speed div {
    background-color: #c0c6d6;
    border: 1px solid #051d5a;
    height: 4px;
}
.speed_6000 {
    width: 30%;
}
.speed_2000 {
    width: 10%;
}
.speed_16000 {
    width: 70%;
}

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
.large {
    line-height: 100%;
}
.error_list
{
    width: 350px;
    color: #f80000;
    margin: 0;
    padding: 10px 10px 10px 40px;
    background-image: url(/images/icons/32/messagebox_warning.png);
    background-repeat: no-repeat;
    background-position: top left;
    list-style-type: none;
    background-color: #f9dbdb;
    border: 1px solid #f80000;

}
/* ---------------------------------------------------------------------------*/
input.error {
    border: 1px solid #f80000;
    background-color: #f8e5e5;
}
/* ---------------------------------------------------------------------------*/
div.netz {
    background-image: url(/images/netze.png);
    height: 17px;
    background-repeat: no-repeat;
    background-position-y: -17px;
}
div.netz-tmobile {
    background-position-x: 0px;
    background-position-y: 0px;
    width: 70px;
}
div.netz-vodafone {
    background: transparent url(/images/netze.png) -80px 0px no-repeat;
    width: 65px;
}
div.netz-eplus {
    background: transparent url(/images/netze.png) -150px 0px no-repeat;
    width: 40px;

}
div.netz-o2 {
    background: transparent url(/images/netze.png) -190px 0px no-repeat;
    width: 28px;
}


div.netz span {
    position: absolute;
    left: -9999999px;
}

/* ---------------------------------------------------------------------------*/
div.stars
{
    height: 24px;
    background-position: bottom left;
    background-image: url(/images/stars.png);
    width: 120px;
}
div.stars_positive
{
    background-image: none !important;
}
div.stars span
{
    display: none;
}
div.stars div
{
    background-position: top left;
    background-image: url(/images/stars.png);
    height: 25px;

}
div.stars5
{
    width: 120px;
}

div.stars4
{
    width: 96px;
}

div.stars3
{
    width: 72px;
}

div.stars2
{
    width: 48px;
}

div.stars1
{
    width: 24px;
}
div.stars0
{
    width: 0;
}

/* ---------------------------------------------------------------------------*/
#remind {
    height: 30px;
    border-top: 1px solid #ccc;
    padding-top: 4px;
    font-size: 11px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #c0c6d6;
    display: none;
    z-index: 1000;
}
#remind-content {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}
.ui-effects-transfer {
    border: 2px dotted gray;
    z-index: 1000;

}
/* ---------------------------------------------------------------------------*/
div.top {
    height: 42px;
    width: 98px;
}
div.top div {
    position: absolute;
    height: 42px;
    width: 98px;
    z-index: 2;
    background: url(/images/top.png) top right no-repeat;
}
div.top div.aktion {
    position: absolute;
    height: 42px;
    width: 98px;
    z-index: 2;
    background: url(/images/aktion.png) top right no-repeat;
}
div.top img {
    margin-top: 9px;
}
/* ---------------------------------------------------------------------------*/
/*NEW SLIDER STYLES FOR SCALE, ETC*/
/* slider widget */
.ui-slider  {
	text-decoration: none !important;
}
.ui-slider .ui-slider-handle  {
	overflow: visible !important;
}
.ui-slider .ui-slider-tooltip {
	display: none;
}
.ui-slider .screenReaderContext {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	left: -999999999px;
}
.ui-slider .ui-state-active .ui-slider-tooltip, .ui-slider .ui-state-focus .ui-slider-tooltip, .ui-slider .ui-state-hover .ui-slider-tooltip {
	display: block;
	position: absolute;
	bottom: 2.5em;
	text-align: center;
	padding: .3em .2em .4em;
	font-size: .9em;
	width: 8em;
	margin-left: -3.7em;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down, .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
	position: absolute;
	display: block;
	width:0;
	height:0;
	border-bottom-width: 0;
	background: none;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {
	border-left: 7px dashed transparent;
	border-right: 7px dashed transparent;
	border-top-width: 8px;
	bottom:	-8px;
	right: auto;
	left: 50%;
	margin-left: -7px;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
	border-left: 6px dashed transparent;
	border-right: 6px dashed transparent;
	border-top: 7px solid #fff;
	bottom:	auto;
	top: -9px;
	left: -6px;
}
.ui-slider a {
	text-decoration: none;
}
.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ui-slider ol, .ui-slider dl {
	position: relative;
	top: 1.3em;
	width: 100%;
}
.ui-slider dt {
	top: 1.5em;
	position: absolute;
	padding-top: .2em;
	text-align: center;
	border-bottom: 1px dotted #ddd;
	height: .7em;
	color: #999;
}
.ui-slider dt span {
	background: #fff;
	padding: 0 .5em;
}
.ui-slider li, .ui-slider dd {
	position: absolute;
	overflow: visible;
	color: #666;
}
.ui-slider span.ui-slider-label {
	position: absolute;
}
.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
	display: none;
}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
	display: block;
}
.ui-slider span.ui-slider-tic {
	position: absolute;
	left: 0;
	height: .8em;
	top: -1.3em;
}
.ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content {
	border-right: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-top: 0;
	border-bottom: 0;
}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
	display: none;
}
/* ---------------------------------------------------------------------------*/

.hoverbox:hover {
    background-color: #c0c6d6;
    cursor: pointer;
}
/* ---------------------------------------------------------------------------*/