/**
 * @package DSL-Core
 * @lastmodified $Id: dsl.css 6227 2013-10-11 09:54:19Z m.patommel $
 *
 * @tableofcontents
 *
/* @section 1. Global Styles */

body {
    font: 0.75em/1.3em arial;
    color: #444;
    background: #f6f6f6
}

.wrapper {
    width: 80em;
    margin: 0 auto
}

.content, .sidebar {
    margin-top: 1.5em
}

h3.titleSpecial, div.titleSpecial {
    background: -webkit-linear-gradient(#0092ef, #0277da);
    background: linear-gradient(#0092ef, #0277da);
    color: #fff;
    padding: 0 5px 0 15px;
    font: bold 1.2em/2.5em oswald, arial
}

/* @section 2. Elements */

h1, h2, h3 {
    color: #0278db
}

h1 {
    font: 700 1.5em/1.5em oswald, arial
}

h2 {
    font: 700 1.2em/1.2em oswald, arial
}

h3 {
    font: 700 1.2em/1.2em oswald, arial
}

.titleDefault,
.titleSidebar,
.titleSidebarAlternative {
    font: 700 1.2em/1.2em oswald, arial;
    color: #0278db;
}

a {
    color: #0278db
}

.jsHide {
    display: none
}

/* Bilder */

.image {
    max-width: 100%
}

.image img {
    display: block
}

.imageBorder {
    padding: 0.5em
}

.imageBorder img {
    display: block
}

/* @section 2.1 Text */
.noWrap {white-space: nowrap;}
.textOneFreeSpace {margin-bottom:0.8em;}

/* @section 2.2 Boxes */

.box {
    margin: 15px;
    background: #fff
}

.boxLarge .boxDefault {
    box-shadow: inset 0 0 4px #fff;
    border-radius: 0.5em;
    background: #e3e3e3;
    background: -webkit-linear-gradient(top, #fff, #e3e3e3);
    background: linear-gradient(top, #fff, #e3e3e3);
}

/* @section 2.2.1 Box Teaser */

.teaser {
    position: relative;
    box-shadow: 1px 1px 3px #b4b3b1
}

.teaserAdvantage {
    float: none;
    padding: 15px 0 0 220px;
    width: auto
}

.teaserAdvantage h1 {
    color: #fff
}

.teaserAdvantage ul {
    margin: 0
}

.teaserAdvantage li {
    float: left;
    font-size: 0.9em;
    margin: 10px 30px 0 0
}

/* @section 2.2.3 Box Plain */
/* @section 2.3 Forms */

.formDefault textarea,
.formDefault input[type=text] {
    width: 100%;
}

.formDefault input[type=text] {
    height: 2.5em;
}

.boxContent {
    margin-bottom: 1.5em
}

.boxContent, .bodyLarge .boxSidebar {
    border-bottom: 1px solid #b4b3b1;
    background: #fff;
    box-shadow: 1px 1px 3px #b4b3b1
}

.bodyLarge .boxSidebar {
    margin-bottom: 1.5em
}

.boxArticle {
    padding: 1.25em 1.5em;
    border-top: 1px solid #d9d9d9
}

.boxArticle h1, .boxArticle h2, .boxArticle h3 {
    padding-bottom: 10px
}

.boxArticle h1, .boxArticle h1 a {
    color: #0278DB;
    text-decoration: none
}

.boxArticle h3, .boxArticle h2 {
    font: 700 1.5em/1.25em oswald, arial;
}

.boxArticle h3, .boxArticle h3 a {
    color: #0278DB;
    text-decoration: none;
}

.boxArticle .tabBox {
    height: 54px
}

.boxArticle p {
    line-height: 1.5em;
    margin-bottom: 10px
}

.boxArticle.boxArticleFirst {
    border: none
}

.image, .boxNewsfeed .alignleft {
    float: left;
    padding: 5px;
    background: #fff;
    margin: 0 10px 10px 0;
    box-shadow: 0 0 4px #adadad
}

.image:hover {
    box-shadow: 0 0 4px #404040
}

.image .inner {
    width: 200px;
    height: 133px;
    border: 1px solid #d6d6d6;
    background-image: url('../img/articles/sprite_articles.jpg')
}

.dslTarife {
    background-position: 0 -133px
}

.dslTarifvergleich {
    background-position: 0 -266px
}

.dslAngebote {
    background-position: 0 -399px;
    height: 147px
}

.titleSpecial {
    color: #fff;
    padding-bottom: 0
}

.privacy .textSpecial {
    margin: 15px 0 5px
}

.privacyList {
    margin: 10px 0
}

.boxPress .breadcrumb {
    margin-bottom: 35px
}

.boxPress h2 {
    margin: 0 20px 30px 20px;
    color: #0D82B8
}

.boxPress iframe {
    margin-left: 5px;
    width: 97%;
    height: 1237px
}

/* Callback */

.boxCallback h3 {
    padding-left: 15px;
    line-height: 35px
}

.boxCallback p {
    margin-bottom: 10px
}

.boxCallback dt {
    margin-top: 10px
}

.formCallback li {
    margin-top: 1em
}

.boxCallback .tel strong {
    margin-left: 0.25em
}

.boxCallback .tel {
    color: #666;
    font: 2.1em oswald, arial;
    border-bottom: 0.125em solid #d9d9d9;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em
}

.boxCallback .textDisclaimer{
    font: 0.75rem/1.3rem arial;
}

.formDefault input[type=checkbox] {
    float: left
}

.formDefault .labelText {
    display: block;
    margin-left: 20px;
    padding-top: 0
}

.formDefault .labelText .hasTooltip {
    color: #0278db;
    text-decoration: underline
}

.formCallback .boxNote {
    border-color: #fff
}

.formCallback .boxNote.error {
    border-color: #d8000c
}

.formCallback .itemFourth {
    display: inline-block;
    width: 30%
}

.formCallback .itemFifth {
    float: right;
    width: 65%
}

.formDefault .labelError {
    vertical-align: middle;
    background: none;
    padding: 0
}

.formDefault .agree ~ .labelError {
    margin: 0
}

/* @section 2.3.2 Form Teaser */

.formTeaser .checkBoxes {
    margin-top: 1.5em
}

.formTeaser .checkBoxes label {
    padding: 0 0.25em
}

.buttonTeaser {
    margin: 0 auto;
    font-size: 1.75em
}

.formTeaser .itemSwitcher {
    float: left
}

.formTeaser .itemSwitcher:first-child {
    margin-right: 10px
}

.formTeaser .itemSwitcher .label {
    margin-left: 2px;
    font-weight: normal
}

.formTeaser .itemSwitcher .label.active {
    font-weight: bold
}

.teaserCalculator {
    width: 100%;
    margin: 20px 0 0;
}

.teaserCalculator .title {
    font: bold 1.2em/1.3 arial
}

.teaserCalculator input, .teaserCalculator label {
    vertical-align: middle;
}

.teaserCalculator ul.line {
    clear: both;
}

.teaserCalculator li {
    padding-bottom: 5px
}

.teaserCalculator button {
    display: block;
    margin: 10px auto 0
}

.titleTeaser {
    font: 2.25em/1.5em oswald, arial
}

.titleTeaser strong {
    font-size: 1.5em
}

.titleTeaser span {
    font-weight: 300
}

.titleTeaser strong, .titleTeaser span {
    display: block
}

/* @section 2.4 Badges */

/* @section 2.4.1 Badge Medium Teaser */

.badgeMediumTeaser, .badgeMediumTeaserInner {
    background: url('../img/dsl_sprite_badgets.png') no-repeat;
    width: 109px;
    height: 109px;
    text-indent: -999em;
    direction: ltr;
    position: absolute;
    right: -1px;
    top: -1px;
    border-radius: 0 0.5em 0 0;
}

.badgeMediumTeaser {
    background-position: -494px 0
}

.badgeMediumTeaserInner {
    background-position: -494px -115px
}

/* @section 2.4.3 Badges Small Teaser */
/* @section 2.4.4 Verfuegbarkeits Teaser */

.boxMiniTeaser {
    position: relative;
    margin: 20px 0;
    min-height: 150px;
    padding: 10px;
    border: 1px solid #0876b3;
    background: #d9f5ff;
    background: -webkit-linear-gradient(top, #fff, #d9f5ff);
    background: linear-gradient(top, #fff, #d9f5ff);
}

.formTeaserProvider {
    width: 50%
}

.formTeaserProvider input {
    vertical-align: middle
}

.formTeaserProvider .label {
    font-weight: bold;
    vertical-align: middle
}

.formTeaserProvider select {
    width: 91%;
    height: 28px;
    padding: 4px 2px;
    line-height: 28px
}

.formTeaserProvider button {
    margin: 10px 40px
}

.zipCodeTeaser button {
    margin: 10px 0 0
}

.formTeaserProvider hr {
    border: 1px dotted #dbecff
}

.teaserProviderGirl {
    background: url('../img/teaser/provider_girl.png') no-repeat;
    position: absolute;
    bottom: 0;
    right: 4%;
    width: 228px;
    height: 165px
}

/* @section 2.6 Icons */

.ico {
    display: inline-block
}

.icoTickSmall {
    color: #50b555
}

.icoArrow, .icoArrowSmaller {
    color: #0278db
}

.errorCompare p {
    margin: 10px 0
}
/* noborder iframe */
.noborder {
    border: none;
}

/* Vergleichsseite mit iframe von PVG */

.boxCompareIframe {
    min-height: 500px;
    margin: 15px;
    background: url('../img/loading.gif') center 100px no-repeat
}

.errorCompare {
    margin: 15px
}

.js .errorCompare {
    display: none
}

/* @section 2.14 Notes - kann evtl. ins KIT übernommen werden */

.boxNote {
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em
}

/* Notes (Update) */

.error {
    color: #d8000c;
    background: #fcb5b5;
    background: -webkit-linear-gradient(top, #fed1d1, #fcb5b5);
    background: linear-gradient(top, #fed1d1, #fcb5b5);
}

.warning {
    color: #9f6000;
    background: #fce58a;
    background: -webkit-linear-gradient(top, #feefb3, #fce58a);
    background: linear-gradient(top, #feefb3, #fce58a);
}

.success {
    color: #4f8a10;
    background: #cbef8d;
    background: -webkit-linear-gradient(top, #dff2bf, #cbef8d);
    background: linear-gradient(top, #dff2bf, #cbef8d);
}

/* Notes Alternate */

.successAlternate, .content .speedtestSuccess .value {
    border: 1px solid #4f8a10;
    background: #4f8a10;
    background: -webkit-linear-gradient(top, #6cbd17, #4f8a10);
    background: linear-gradient(top, #6cbd17, #4f8a10);
    box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.4), 0 0 5px 1px #6cbd17
}

.warningAlternate, .content .speedtestWarning .value {
    border: 1px solid #9f6000;
    background: #9f6000;
    background: -webkit-linear-gradient(top, #d17d00, #9f6000);
    background: linear-gradient(top, #d17d00, #9f6000);
    box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.4), 0 0 5px 1px #d17d00;
}

.errorAlternate, .content .speedtestError .value {
    border: 1px solid #d8000c;
    background: #d8000c;
    background: -webkit-linear-gradient(top, #ff5f5f, #d8000c);
    background: linear-gradient(top, #ff5f5f, #d8000c);
    box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.4), 0 0 5px 1px #ff5f5f;
}

/* @section 2.16 Ads */

.gads_container {
    position: relative;
    margin: 15px;
    padding: 10px
}

.notice {
    position: absolute;
    top: 0;
    right: 0
}

.notice a {
    text-decoration: none
}

.landingAdBlockFix {
    margin-bottom: 30px
}

.box .gads_container li, .box .gads_container li {
    padding: 8px 0
}

/* Anzeigen Label ohne Unterstrich */

.bodyLarge ul.gads_container li.notice a {
    text-decoration: none
}

/* @section 2.19 HotlineDefault */
.hotlineBoxSidebar{
    float:left;
    width:52%;
    padding-top:0.5em;
}

.hotlineBoxDefault div{
    margin-bottom:0.8rem;
}

.hotlineBoxDefault div:last-child{
    margin-bottom:0;
}

/* @section 3. Layout */

.textLight {
    font-size: 0.75em
}

/* @section 3.1 Header */

.brandingHeader .headerDescription {
    display: none
}

.brandingHeader .headerLink {
    position: absolute;
    height: 75px;
    width: 120px;
    margin: -30px 0 0;
}

/* @section 3.4 Sidebar */

.boxSidebar {
    margin-right: 0
}

.boxSidebar .titleSidebarAlternative {
    display: block;
    background: #d3d3d3;
    line-height: 35px;
    padding: 0 5px 0 15px;
    border-bottom: 1px solid #b3b2b1;
    color: #444
}

.boxSidebar .icoLexicon, .boxSidebar .icoGuidebook {
    float: right;
    margin-top: 7px
}

.boxLexicon, .boxGuidebook, .boxNewsletter, .boxCallback {
    margin-top: 15px
}

.boxLexicon li, .boxGuidebook li {
    padding-bottom: 3px
}

div.faq li {
    margin-bottom: 5px
}

.sidebarCompare .boxSeal {
    width: 95%;
    text-align: center
}

.badgeSeal, .badgeSealTaller, .badgeSealSmall {
    background: url('../img/seal.svg') no-repeat 0 0 / 100% auto;
    display: inline-block;
    text-indent: -999em;
}

.badgeSeal {
    height: 5em;
    width: 9.25em
}

.badgeSealTaller {
    background: url('../img/sealTaller.svg') no-repeat 0 0 / 100% auto;
    height: 115px;
    width: 120px;
}

.badgeSealSmall {
    height: 3.75em;
    width: 7em
}

.sidebarCompare .descSeal {
    color: #ccc
}

.sidebarCompare {
    margin: 20px 0
}

.sidebarCompare .boxSidebar {
    width: 95%;
    border: none
}

.sidebarCompare .boxSidebar .titleSidebar {
    display: inline-block;
    color: #0278db;
    padding: 0 5px 0 15px;
    font: 700 1.6em oswald, arial;
    background: #fff;
    border: none;
}

.sidebarCompare .titleSidebar {
    margin: 0.5em 0
}

.sidebarCompare .boxDefault {
    padding: 10px;
    background: #e9f5ff;
    box-shadow: none
}

.hotline {
    margin-bottom: 5px;
    color: #0278db;
    font: 700 1.5em/2em oswald, arial
}

.sidebarCompare .email {
    margin-top: 15px
}

.listAdvantages li {
    color: #777;
    font: 1.125em/1.75em oswald, arial;
    margin-left: 2em;
    position: relative
}

.listAdvantages li + li {
    margin-top: 1em
}

.listAdvantages li:before {
    color: #fcae18;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
    left: -28px;
}

.iframeNewsletter {
    overflow: hidden
}

.sidebar .tooltipError {
    top: -4px
}

/* @section 4. Section */
/* @section 4.1 Index */

/* Deal des Monats */

.boxDealMonth {
    padding: 0.5em 1em;
    color: #fff;
    text-shadow: 1px 1px 1px #3385b8;
    border: 1px solid #0869a5;
    border-bottom: none;
    background: #0277da;
    background: -webkit-linear-gradient(#0092ef, #0277da);
    background: linear-gradient(#0092ef, #0277da);
}

.boxDealMonth .tooltip {
    text-shadow: none
}

.boxDealMonthHeader {
    color: #fff;
    font: 700 1.675em/1.75em oswald, arial;
}

.boxDealMonth h4 {
    max-width: 200px
}

.boxDealMonth li {
    margin-bottom: 0.5em
}

.boxDealMonthImage {
    position: relative;
    float: left;
    width: 40%;
    height: 80px;
    background: -webkit-radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
}

.boxDealMonthImage img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 85px;
}

.boxDealMonthPrice {
    float: left;
    height: 85px;
    position: relative
}

.boxDealMonthPrice .priceLabel {
    color: #fff;
    text-shadow: 1px 1px 3px #07496f;
    font: 700 1em/1em oswald, Arial;
}

.boxDealMonthPrice .priceLabelEuro {
    position: absolute;
    left: 0;
    top: 30px;
    width: 75px;
    text-align: right;
    font-size: 5em
}

.boxDealMonthPrice .priceLabelPoint {
    position: absolute;
    left: 80px;
    top: 17px;
    font-size: 6em
}

.boxDealMonthPrice .priceLabelCent {
    position: absolute;
    left: 80px;
    top: 18px;
    font-size: 2.5em
}

.boxDealMonthPrice .priceLabelPerMonth {
    position: absolute;
    left: 136px;
    top: 24px;
    font-size: 1.25em
}

.boxDealMonthPrice .priceLabelUnit {
    position: absolute;
    left: 120px;
    top: 14px;
    width: 10px;
    font-size: 1.5em;
    line-height: 0.6em
}

.boxDealMonthPrice .inner {
    position: absolute;
    left: 105px;
    top: 47px;
    width: 6.5em
}

.boxDealMonth .tooltipCosts, .tooltipCosts {
    position: relative;
    left: -37em;
    top: 0;
    width: 37em
}

.boxProviderLogo {
    min-height: 3em;
    padding: 0.25em;
    background: #fff;
    text-align: center;
    border-left: 1px solid #0869a5;
    border-right: 1px solid #0869a5;
}

.offerCorner {
    position: relative;
    height: 2em;
    background: #0277da;
}

.offerCorner:after {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    height: 0;
    width: 0;
    margin: auto;
    bottom: -3.9em;
    border-width: 2em 4em;
    border-style: solid;
    border-color: #0277da transparent transparent;
    -webkit-transform: scale(0.999);
    transform: scale(0.999);

}

.offerChange {
    margin: 10px 0;
    font-weight: bold
}

.offerChange, .offerCountDown {
    border: 1px solid #b1b1b1
}

.offerValue {
    color: #0278DB;
    font-size: 1.3em
}

.offerCountDown span {
    color: #0278DB;
    font: bold 1.4em/35px oswald, arial
}

.offerCountDown .dash, .offerCountDown .digit {
    display: inline-block
}

.offerCountDown .dash {
    margin: 0 3px
}

.offerCountDown .digit {
    border: 1px solid #000;
    color: #fff;
    font-size: 1.8em;
    line-height: 31px;
    margin: 0 1px;
    height: 31px;
    width: 19px;
    overflow: hidden;
    border-radius: 3px;
    background: #111;
    background: -webkit-linear-gradient(top, #111 0%, #333 48%, #000 50%, #777 53%, #363636 55%, #4f4f4f 100%);
    background: linear-gradient(to bottom, #111 0%, #333 48%, #000 50%, #777 53%, #363636 55%, #4f4f4f 100%);
}

.digitTop {
    text-align: center
}

.offerCountDown .dash_title li {
    font-weight: bold;
    display: inline-block;
    width: 50px
}

.offerStatus {
    position: relative;
    height: 1em;
    border: 1px solid #c8b094;
    margin: 1em 1em 0.5em;
    box-shadow: inset 0 0 0 2px #fff;
    border-radius: 4px;
    background: linear-gradient(top, #e6e6e6, #f9f9f9);
    background: -webkit-linear-gradient(top, #e6e6e6, #f9f9f9);
}

.offerStatusInner {
    border: 1px solid #bb6b0c;
    height: 1em;
    width: 50%;
    max-width: 97%;
    margin: -1px 0 0 -1px;
    left: 0;
    position: absolute;
    border-radius: 4px 0 0 4px;
    background: #fcbc40;
    background: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0) 90%), -webkit-linear-gradient(top, #fcbc40, #fcbc40 50%, #fcae18 50%, #fc7d02);
    background: linear-gradient(top left, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0) 90%), linear-gradient(top, #fcbc40, #fcbc40 50%, #fcae18 50%, #fc7d02);
}

.gads_container {
    margin: 15px;
    position: relative;
    border: 1px solid #ccc
}

.ad {
    margin: 5px 10px
}

ul.gads_container li.last {
    border-bottom: none
}

ul.gads_container li.ad {
    padding: 10px 0
}

ul.gads_container li.ad .head {
    font-size: 1.2em;
    letter-spacing: 0
}

ul.gads_container li.ad .text, ul.gads_container li.ad .url {
    font-size: 11px
}

.notice {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px 10px;
    font-size: 11px
}

.notice a {
    text-decoration: none
}

.offerInfoText {
    margin-top: 10px;
    font-size: 0.75em
}

.boxOffer {
    border: 1px solid #0869a5;
    padding: 2.5em 1em 0.5em;
    text-align: center
}

.boxSidebar.boxOffer {
    border: 1px solid #0869a5;
}

.boxSocialNetwork .box {
    margin: 15px auto;
    width: 250px;
    display: block
}

/* @section 4.3 Vergleichseite (Compare) */

.wrapperSmall {
    margin: 0 15px
}

/* @section 4.3.1 Global */

.bodySmall .teaser {
    padding: 0;
    background: url('../img/dsl_sprite_3.6.0.png') 0 -328px;
    color: #fff;
    height: 93px
}

.tableResult .rowResult td {
    border-bottom: 1px solid #cdd6db;
    padding: 0.5em
}

.tableResult .colThird strong {
    font: bold 2em oswald, arial
}

.tableResult .buttonDefaultForward {
    display: inline-block;
    margin: 1em 0
}

.tableResult .icoInfo {
    margin-right: 0.25em;
}

.boxTablePrint {
    color: #666;
    font-size: 0.875em;
    margin-top: 2em;
}

.boxComparison ul.gads_container {
    margin-left: -2px
}

.boxComparison ul.gads_container li.ad {
    padding: 8px 5px
}

.seoCompare {
    margin: 20px 0 20px 0;
    overflow: visible
}

/* price details tooltip */

.tooltipCosts .titleDefault {
    display: block;
    line-height: 30px;
    padding: 0 10px;
    background: #fff
}

.tooltipCosts table {
    padding: 10px;
    text-align: center
}

.tooltipCosts table thead tr th {
    border-bottom: 2px solid #cdd6db
}

.tooltipCosts table thead tr th, .tooltipCosts table tbody tr td {
    padding: 5px;
    white-space: nowrap
}

.tooltipCosts table tfoot tr {
    font: 0.9em/1.2em arial;
    text-align: left;
    border-bottom: none
}

.tooltipCosts .last {
    text-align: right;
    font-weight: bold;
    border-top: 2px solid #cdd6db
}

.tooltipCosts .last td {
    padding-right: 35px;
}

/* @section 4.12 News */

.boxNewsfeed .image img {
    height: auto;
    width: auto;
    vertical-align: bottom
}

.boxNewsfeed .alignleft {
    margin-top: 5px
}

.content .boxNewsfeed .wp-caption-text {
    font: 0.875em arial;
    margin: 0;
    color: #7f7f7f
}

/* @section 5. Modal */

.lightboxFull iframe {
    overflow: hidden;
    padding: 0;
    border: 3px solid #0876b3
}

/* Callback */

.boxCallback .titleSidebarAlternative {
    padding-left: 15px;
    line-height: 35px
}

.boxCallback p {
    margin: 0 0 10px
}

.boxCallback dt {
    margin-top: 10px
}

/* Callback Popup */

.callbackTweak .textError {
    margin-top: 3px
}

.popup .callbackTweak .tooltipError {
    border-width: 1px;
    left: auto;
    padding: 0 6px;
    right: 32px;
    text-align: center;
    top: -26px;
}

.popup .callbackTweak li:nth-child(5) .tooltipError {
    right: -98px;
}

/* Newsletter */
.formNewsletter li {
    margin: 1em 0
}

.formNewsletter input[type=checkbox] {
    margin-right: 5px;
}

/*.formNewsletter input.error[type="checkbox"] + label + label {color: #d8000c;}*/
.formNewsletter .boxNote {
    border-color: #fff;
}

/* Landingpage */

.landing {
    background-position: 0 -30px
}

.landing .wrapper {
    margin: 0 15px
}

.landing .wrapper .gads_container {
    width: 820px;
    margin: 15px auto auto 100px
}

.landing .wrapper .gads_container .ad a {
    margin-right: 5px;
    letter-spacing: 0;
    line-height: 45px
}

.landingMarginFix {
    margin-top: -30px
}

.header .landingHeighFix {
    height: 54px
}

/* @section 7. Teaser */

/* Google Ads */

.landingAdBlockFix {
    margin-bottom: 30px
}

div.wrapper ul.gads_container li, div.wrapper ul.gads_container li {
    padding: 8px 0
}

/* Anzeigen Label ohne Unterstrich */

body.large ul.gads_container li.notice a {
    text-decoration: none
}

/* Notes */

.boxNote {
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    border-radius: 4px
}

/* Notes Alternate */

.successAlternate {
    border: 1px solid #4f8a10;
    background: #4f8a10;
    background: linear-gradient(top, #6cbd17, #4f8a10);
    background: -webkit-linear-gradient(top, #6cbd17, #4f8a10);
    box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.4), 0 0 5px 1px #6cbd17
}

.warningAlternate {
    border: 1px solid #9f6000;
    background: #9f6000;
    background: -webkit-linear-gradient(top, #d17d00, #9f6000);
    background: linear-gradient(top, #d17d00, #9f6000);
    box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.4), 0 0 5px 1px #d17d00;
}

.errorAlternate {
    border: 1px solid #d8000c;
    background: #d8000c;
    background: -webkit-linear-gradient(top, #ff5f5f, #d8000c);
    background: linear-gradient(top, #ff5f5f, #d8000c);
    box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.4), 0 0 5px 1px #ff5f5f;
}

/* Lightbox */

.lightboxFull iframe {
    overflow: hidden;
    padding: 0;
    border: 3px solid #0876B3
}

.lightboxFull .buttonLightbox {
    right: 7px
}

.lightboxFull .lightboxWrapper {
    margin: 0 0 0 -28px
}

/* @section 6. Landingpages */

.landing {
    background-position: 0 -30px
}

.landing .box {
    margin: 0 15px
}

.landing .box .gads_container {
    width: 820px;
    margin: 15px auto auto 100px
}

.landing .box .gads_container .ad a {
    margin-right: 5px;
    letter-spacing: 0;
    line-height: 45px
}

/* @section 7. Tricks & Hints */

.trackingInfo {
    display: none
}

/* @section 8. Flexbanner */

.tooltipCosts {
    padding: 0.25em
}

.tooltipCosts table {
    text-shadow: none;
    text-align: left
}

/* @section 8. Flexbanner */

.flexWrap {
    position: relative;
    text-align: center
}

.flexTop {
    margin: 0 auto 0
}

.flexSky {
    position: absolute;
    top: 165px;
    right: -170px
}

.indexLanding4 .flexSky {
    position: absolute;
    top: 460px;
    right: -220px
}

/* Kaskade wurde über <div> künstlich erhöht */
div.flexWall1.flexWrap, div.flexWall2.flexWrap {
    margin-top: 90px
}

.flexWall1.flexWrap .flexTop, .flexWall2.flexWrap .flexTop {
    position: absolute;
    top: -90px
}

/* Ausrichtung der Wallpaper 1 */
.flexWall1.flexWrap .flexTop {
    right: -170px
}

.flexWall1.flexWrap .flexSky {
    top: 0
}

/* Ausrichtung der Wallpaper 2 */
.flexWall2.flexWrap .flexTop {
    right: -25px
}

.flexWall2.flexWrap .flexSky {
    top: -90px
}

.headerLink span {
    position: relative;
    top: 15px
}

/* @section 9. dsl_query.css */

.bodyLarge .teaser,
.bodySmall .teaserLanding {
    background: url('../img/teaser/teaser_background.jpg') 0 -40px
}

.formTeaser {
    float: left;
    border-radius: 1em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    padding: 1em 0.5em 1.5em;
    margin: 5em 0 4em;
    width: 25em;
    background: #d3d3d3;
    background: -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%);
}

.titleTeaser {
    float: left;
    color: #0278DB;
    margin: 3em 1.5em 2.5em 1.5em
}

.sidebar {
    width: 33.33%;
    float: right
}

.bodyLarge .content {
    width: 66.66%;
    float: left
}

.bodyLarge .boxContent {
    margin-right: 1.5em
}

.descriptionTeaserNavigation {
    display: block
}

.formTeaser .badgeSeal {
    height: 5.5em
}

.boxSlidebar {
    font-size: 0.75em
}

.priceResult {
    font-size: 3.5em;
    line-height: 1.25em
}

.textHighlightLarge {
    font-size: 1.5em
}

/* show full link on desktop */
.tableCompare .itemFifth .linkDetails.linkProduktinformationsblatt {
    display: inline;
}
/* hide small link on desktop */
.tableCompare .itemFifth .linkDetails.linkProduktinformations {
    display: none;
}