body
{
    background-color: #fff;
    margin: 0;
}
.container
{
    background-color: #fff;
}
.header
{
    padding-top: 9px;
}
.sidenavigation {
    background-image: url(/images/sidenavigation_background.png);
    background-repeat: repeat-y;
}
.homepage .header h1 {
    float: left;
    width: 500px;
}
.homepage .header h1 a {

    background-image: url(/images/prepaidvergleich.png);
    width: 500px;
    height: 57px;
}

.homepage .header .search {
    margin-left: 700px;
    margin-top: 20px;
    width: 280px;

}
.header h1 a
{
    background-repeat: no-repeat;
    display: block;
    margin-left: 20px;
    margin-top: 5px;
    background-image: url(/images/prepaidvergleich_small.png);
    width: 250px;
    height: 37px;
}
.header h1 {
    width: 280px;
    float: left;
    margin-bottom: 0;
}
.header img
{
    display: none;
}
.header h1 span
{
    display: none;
}
.center
{
    text-align: center;
}
.right
{
    text-align: right;
}
.justify
{
    text-align: justify;
}
h4 a
{
    color: #000;
}
h2, h2 a {
    color: #ff3900;
    font-family: Helvetica, "Arial Black";
}

h3, h3 a {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
div.rating {
    background-color: #efefef;
    height: 12px;
}
div.rating div.positive {
    background-color: #ff3900;
    height: 12px;
}
table.rating_overview {
    width: 300px;
}
table.rating_overview td {
    margin: 0;
    padding: 0 5px 0 5px;
    height: 14px;
}
div.stars
{
    background-image: url(/images/awards/stars.gif);
    height: 15px;
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 75px;
}
div.stars_positive
{
    background-image: none !important;
}
div.stars span
{
    display: none;
}
div.stars div
{
    background-position: top left;
    background-image: url(/images/awards/stars.gif);
    height: 15px;
    background-repeat: no-repeat;

}
div.stars5
{
    width: 75px;
}

div.stars4
{
    width: 60px;
}

div.stars3
{
    width: 45px;
}

div.stars2
{
    width: 30px;
}

div.stars1
{
    width: 15px;
}
div.stars0
{
    width: 0;
}
a {
    color: #000;
}
/* ---------------------------------------------------------------------------*/
.box {
    padding: 0;
    background-color: #fff;
    border: 1px solid #dddddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.box_light {
    background-color: #efefef;
    color: #777;
}
.box_ultralight {
    background-color: #f9f9f9;
    color: #999;
}
.box_light a {
    color: #333;
}
.box_light p {
    border-bottom: 0;
}
.box h2, .box .tagline, .box h3.tagline {
    background-color: #dddddd;
    font-size: 12px;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
    display: block;
    color: #666666;
}
.box .logobar {
    padding-top: 4px;
    margin-bottom: 6px;
}
.box .logobar img {
    display: block;
    width: 90px;
    margin-left: auto;
    margin-right: auto;
}

.box .tagline
{
    margin: 0;
}
.box h2 a, .box .tagline a {
    text-decoration: none;
    color: #666666;
}
.filterbox .absolute {
    position: absolute;
}
.box .box_content {
    padding: 9px 14px 9px 14px;
}
.filterbox .togglebtn {
    width: 15px;
    display: block;
    height: 15px;
    position: relative;
    top: 4px;
    left: 146px;
    background-image: url(/images/togglebtn.gif);
    background-position: top left;
    margin-left: 20px;

}
.filterbox .togglebtn_active {
    background-position: bottom left;
}
/* ---------------------------------------------------------------------------*/
.even .handybox {
    margin-right: 10px;
}
.handybox {
    width: 245px;
    float: left;
}
.handybox img.handy
{
    width: 80px;
    float: left;
}

.handybox .description
{
    margin-left: 90px;
    margin-right: 10px;
}
.handybox_even {
    margin-right: 10px;
}
.handybox h3 {
    font-size: 12px;
    margin-left: 10px;
    font-weight: bold;
}
.price {
    display: block;
    float: left;
    padding: 3px 5px 3px 5px;
    background-color: #777;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 80px;
    text-align: center;
    height: 30px;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.price_label {
    display: block;
    width: 140px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-weight: bold;
    font-size: 14px;
}
.topseller a.price {
    text-decoration: none;
}
.topseller a.price:hover {
    /* background-color: #FF3900 !important;
     color: #fff !important*/;
}


img.thumb {
    float: left;
    margin-right: 10px;
}
/* ---------------------------------------------------------------------------*/
.homepage div.handy {
}
.homepage div.handy div.image {
    width: 200px;
    float: left;
}

.homepage div.handy div.description {
    margin-left: 210px;
}
.homepage .newsbox {
}
/* ---------------------------------------------------------------------------*/
.teaserbox {
    /* overflow: auto;
     padding: 9px 15px 0px 15px;*/
}

.teaserbox .more, .teaserbox .more a {
    color: #ff3900;
    text-decoration: none;
    font-weight: bold;
}
.teaserbox .more a:hover {
    color: #000;
}

/* ---------------------------------------------------------------------------*/
ul.links {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.links li {
    float: left;
}
.right ul.links li {
    float: right;

}
ul.button-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.button-list li {
    height: 30px;
}
ul.button-list li a {
    display: block;
}
ul.feature_list
{
    margin-bottom: 0;
    list-style-image: url(/images/icon_yes.png);
}
ul.feature_list li.bottom {
    margin-bottom: 0;
}
ul.feature_list li {
    margin-bottom: 18px;
}
ul.footerlinks, ul.footerlinks ul {
    list-style-type: none;
}
/* ---------------------------------------------------------------------------*/

/* ---------------------------------------------------------------------------*/
.highlight_box {
    padding: 7px 18px 7px 18px;
    border: 2px solid #ff3900;
    background-color: #f8d6a6;
}
/* ---------------------------------------------------------------------------*/
.sidenavigation {
    margin-top: -15px;
    padding-top: 10px;
}
.sidenavigation ul li.top a {
    display: block;

}
.sidenavigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sidenavigation ul li.top a {
    height: 52px;
    margin-bottom: 8px;
    background-repeat: no-repeat;
    line-height: 52px;
    padding-left: 20px;
    text-decoration: none;
    font-weight: bold;
    /*    color: #333;*/
    color: #555;
    background-position: top left;
    background-image: url(/images/sidenavigation_li.png);

}
.sidenavigation ul li.top a.active {
    background-image: url(/images/sidenavigation_li_active.png);
    height: 59px;
    /*    color: #ff3900;*/
    color: #000;
}
.sidenavigation ul li.top a:hover {
    background-position: bottom left;
}
.sidenavigation ul li.top li {
    margin-left: 10px;
}
.sidenavigation ul li.top li a {
    height: 20px;
    line-height: 20px;
    background-image: none;
    font-weight:  normal;
}
.sidenavigation ul li.top li a.active
{
    background-image: none;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}
.sidenavigation ul li.top a span {
    display: block;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: center left;
}
.sidenavigation ul li.top a span.tarifrechner {
    background-image: url(/images/icons/kspread.png);

}
.sidenavigation ul li.top a span.blog {
    background-image: url(/images/icons/blog.png);

}
.sidenavigation ul li.top a span.handys {
    background-image: url(/images/icons/handys.png);

}
.sidenavigation ul li.top a span.tarife {
    background-image: url(/images/icons/cal.png);
}
.sidenavigation ul li.top a span.empfehlungen {
    background-image: url(/images/icons/empfehlungen.png);
}
.sidenavigation ul li.top a span.flatrates {
    background-image: url(/images/icons/flatrates.png);
}
.sidenavigation ul li.top a span.chat {
    background-image: url(/images/icons/voice-support.png);
}
.sidenavigation label {
    margin-top: 10px;
}
.sidenavigation .runout {
    background-color: #fff;
}
.sidenavigation .runout .corners {
    height: 5px;
    width: 190px;
    background-color: #ddd;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;

}
.sidenavigation ul.tariflist img {
    float: left;
    margin: 5px 4px 4px 0;
}
.sidenavigation ul.secondlevel li.active {
    background-color: #7e7e7e; /*#efefef;*/
    width: 170px;
    line-height: 26px;
    height: 26px;
    margin: 5px 10px 5px 10px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.sidenavigation ul.secondlevel .active a.active {
    width: 150px;
    height: 26px;
    font-weight: normal;
    line-height: 26px;
    color: #fff;
    margin: 5px 0 5px 10px;
}
.sidenavigation ul.tariflist .active img {
    margin: 8px 4px 7px 10px;
}
/* ---------------------------------------------------------------------------*/
.subheader
{
    background-color: #5d5d5d;
    color: #fff;
    background-image: url(/images/subheader_shadow.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
    height: 40px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
/* ---------------------------------------------------------------------------*/
.breadcrumb {
    color: #aaa;
    font-size: 10px;
    font-family: Verdana;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
}
.breadcrumb a {
    color: #ccc;
    margin-bottom: 0;
}
/* ---------------------------------------------------------------------------*/
.welcome {
    background-image: url(/images/welcome.gif);
    height: 198px;
    width: 950px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-position: top left;
}
.welcome .buttonPrepaid {

    padding-left: 36px;
    width: 445px;
    height: 55px;
    padding-top: 105px;
    float: left;
}
.welcome .buttonPrepaid a {
    display: block;
    width: 445px;
    height: 55px;
}
.welcome .buttonHandy {
    float: left;
    margin-top: 105px;
    width: 120px;
    height: 55px;
}
.welcome .buttonHandy a {
    display: block;
    height: 55px;
}
.welcome .btn a span {
    display: none;
}
.welcomeprepaid
{
    background-position: bottom left;
}
.welcomehandy
{
    background-position: bottom left;
}

/* ----------------------------------------------------------------------------*/
.teaserbox .span-5, box .span-4, .teaserbox .span-6 {
    border-top: 1px solid #f4cc97;
    padding-top: 17px;
}
.teaserbox h3 {
    font-size: 14px;
    font-weight: bold;
}
/* ---------------------------------------------------------------------------*/
.angebot {
    margin-bottom: 18px;
}
.angebot .timeleft
{
    margin-bottom: 0;
    font-size: 11px;
    padding-bottom: 0;
    width: 60px;
    float: left;
}
/* ---------------------------------------------------------------------------*/
.topseller h3 {
    color: #777777;
}

.topseller h4 {
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
}
.topseller {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/* ---------------------------------------------------------------------------*/
.filterbar {
    padding-top: 30px;
}
.filterbar ul {
    list-style-type: none;
    margin-left: 0;
}

.filterbar .box {
    background-image: url(/images/box_gradient.gif);
    background-repeat: repeat-x;
    background-postion: top left;
}
.filterbox .checkboxlabel, .filterbox li label {
    font-weight: normal;
    font-size: 11px;
}
/* ---------------------------------------------------------------------------*/
#slider-range
{
    margin: 0 10px 10px 10px;
}
/* ---------------------------------------------------------------------------*/
.tarifrechner h3 {
    margin: 10px 0 10px 6px;
}
.tarifrechner ul {
    list-style-type: none;
}
/* ---------------------------------------------------------------------------*/
.topnavigation {
    margin: 20px 0 0 100px;
    padding: 0 0 0 200px;
    list-style-type: none;
}
.topnavigation li {
    display: block;
    float: left;
    width: 120px;
    height: 28px;
    background-position: top left;
    background-image: url(/images/navigation_tab.png);
}
.topnavigation a {
    text-decoration: none;
    display: block;
    color: #333;
    text-align: center;
    height: 28px;
    line-height: 30px;
}
.topnavigation li.active {
    background-position: bottom left;
}
.topnavigation li.active a {
    color: #fff;
}

/* ---------------------------------------------------------------------------*/
div.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}
#tooltip {
    padding: 3px 6px;
    font-size: 11px;
    background: #333;
    color: #FFF;
    position: absolute;
    display: none;
    font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    opacity: .95;
    filter: alpha(opacity=95);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}
.preisvergleich td {
    border-bottom: 1px solid #333;
}
/* ---------------------------------------------------------------------------*/
th {
    background-color: #ddd
}
tr.even  {
    background-color: #eee;
}


td.ersparnis {
    color: #259820;
    font-weight: bold;
}

/* ---------------------------------------------------------------------------*/
.featured {
    float: left;
    width: 375px;
}
.featured a
{
    display: block;
    width: 375px;
    height: 200px;
    background-position: top center;
}

.featured a:hover
{
    background-position: bottom center;

}

.f_congstar a
{
    background-image: url(/images/featured/congstar.gif);
}

.f_callmobile a
{
    background-image: url(/images/featured/callmobile.gif);
}

.f_simyo a
{
    background-image: url(/images/featured/simyo.gif);
}

.f_otelo a
{
    background-image: url(/images/featured/otelo.gif);
}
/* ---------------------------------------------------------------------------*/

.pv-button-large {
    outline: 0;
    margin:0 4px 0 0;
    padding: 1.2em 3em;
    font-size: 1.2em;
}
.pv-button {
    margin:0 4px 0 0;
    padding: .4em 1em;
    text-decoration:none !important;
    cursor:pointer;
    text-align: center;
    zoom: 1;
}
.pv-button-small {
    padding: .2em .5em;
}
.pv-icon {
    float: left;
}

a.pv-button:hover {
    color: #fff;
}
/* ---------------------------------------------------------------------------*/
#table_compare th {
    font-size: 11px;
    font-weight: normal;
}
#table_compare td {
    padding: 0;
    height: 80px;
    border-right: 1px solid #fff;
    text-align: center;
}
#table_compare tr.hover {
    background-color: #ccc;
}

table .hover {
    background-color: #ddd;
    color: #000;
}
#table_compare .btn-tarifdetails {
    display: none;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 2px;
}
#table_compare .btn-tarifdetails a {
    color: #444;
    font-size: 11px;

}
#table_compare tr.hover .btn-tarifdetails {
    display: block;
}
#table_compare .btn-order {
    display: none;
}
#table_compare tr.hover .btn-order {
    display: block;
}
#table_compare .additional {
    display: none;
}
#table_compare tr.hover .additional {
    display: block;
}
#table_compare tr.hover .simple {
    display: none;
}
/* ---------------------------------------------------------------------------*/

#footer-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10002;
}

#footer-container {
    height: 40px;
    background-color: #dddddd;
    opacity: 0.9;
    border-top: 1px solid #777;
    /*background: url(../images/footer-bg.png) repeat-x left bottom;*/
}

#footer {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
#footer #close_icon {
    float: left;
    text-align: left;
}

.silent a, a.silent, .ui-widget-content a.silent, .ui-widget-content .silent a {
    color: #999;
}
.silent a:hover, a.silent:hover, .ui-widget-content a.silent:hover, .ui-widget-content .silent a:hover {
    color: #000;
}
/* ---------------------------------------------------------------------------*/
.error_list {
    margin: 0;
    padding: 0;
    color: #ff0000;
    list-style-type: none;
}
.beforeTipped {
    color: #ccc;
}

/* ---------------------------------------------------------------------------*/
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;
}

/* ---------------------------------------------------------------------------*/
#tophandys {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#handyslider {
    margin: 0 20px 0 20px;
}
ul.handylist {
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: both;
    overflow: auto;
}
ul.handylist li.handy {
    width: 202px;
    float: left;
    height: 200px;
    margin: 10px;
    border: 1px solid #eee;
}
ul.handylist div.img {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
}
ul.marquee {
    /* required styles */
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    position: relative;
    overflow: hidden;

    /* optional styles for appearance */
    width: 100%;
    height: 100px; /* height should be included to reserve visual space for the marquee */

}

ul.marquee li {
    /* required styles */
    position: absolute;
    top: -999em;
    left: 0;
    display: block;
    white-space: nowrap; /* keep all text on a single line */
    clear: both;
}
.hidden {
    display: none;
}
table {
    margin:10px 0pt 15px;

}
thead tr {
    padding: 4px;
}
thead tr .header {
    text-align: left;
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-right: 10px;
    padding-top: 6px;
    margin-right: 6px;
    cursor: pointer;
}
thead tr .headerSortUp {
    background-image: url(/images/asc.gif);
}
thead tr .headerSortDown {
    background-image: url(/images/desc.gif);
}
.merge {
    display: block;
    margin: 0;
    background-color: #edffe7;
    text-align: center;
    font-size: 11px;
    padding: 1px;
    border: 1px solid #63b347;
    text-decoration: none;
}
a.merge:hover {
    background-color: #63b347;
    border: 1px solid #777;
}