/*******************************************************************************/
/*Basis layout*/
body.frontend #content {
    width               : 728px;
}
body.frontend #content .page {
    line-height         : 18px;
}

#container {
    padding             : 15px 20px 15px 20px;
}

.menu-content-image {
    position            : relative;
    left                : 0;
    margin-bottom       : 10px;
}

.content-with-right-column {
    width               : 470px; 
    float               : left;
}


/*******************************************************************************/
/*Content Right*/
.content-right {
    float               : right;
    width               : 256px;
    margin-top          : 15px;
    background          : url(/images/default/layout/bg-content-right.png) no-repeat;
    position            : relative;
    right               : -20px;
}

.content-right h3 {
    margin-bottom       : 10px;
}

.content-right-text {
    padding             : 20px 20px 10px 20px;
}

.content-right-bottom {
    background          : url(/images/default/layout/bg-content-right-bottom.png) no-repeat;
    height              : 18px;
}

#content .content-right ul {
    margin-bottom       : 0px;
}

.content-right ul li {
    font-size           : 11px;
    list-style-image    : url(/images/default/layout/bg-list-right-column.gif);
    padding-bottom      : 4px;    
}

div.content-image-text {
    margin-bottom       : 14px;
}
div.content-image-text-float table.content-image-text-float img.custom-image-frame {
    border              : 2px solid #ccc;
  }

.content-right-check-availability {
    background-image    : url(/images/default/layout/shdsl-pruefen.png);
    background-repeat   : no-repeat;
    bottom              : 1px;
    height              : 197px;
    width               : 250px;
    float               : right;
    margin-top          : 20px;
    right               : -20px;
    position            : relative;
}

.content-right-check-availability a {
    color               : white;
    display             : block;
    font-size           : 13px;
    font-weight         : bold;
    height              : 38px;
    margin-left         : 11px;
    margin-top          : 50px;
    padding-left        : 50px;
    padding-top         : 5px;
    text-align          : center;
    text-decoration     : none;
    width               : 185px;
    position            : absolute;
}

.content-right-benchmark-service {
    background-image    : url(/images/default/layout/bewertungsservice.png);
    background-repeat   : no-repeat;
    bottom              : 1px;
    height              : 197px;
    width               : 250px;
    float               : right;
    margin-top          : 20px;
    right               : -20px;
    position            : relative;
}

.content-right-benchmark-service a {
    color               : white;
    display             : block;
    font-size           : 13px;
    font-weight         : bold;
    height              : 38px;
    margin-left         : 11px;
    margin-top          : 33px;
    padding-left        : 50px;
    padding-top         : 5px;
    text-align          : center;
    text-decoration     : none;
    width               : 185px;
    position            : absolute;
}
.content-right-text div.headline {
    font-weight         : bold;
    font-size           : 13px;
    margin-bottom       : 10px;
}

/*******************************************************************************/
/*Custom Chapter*/
.custom-chapter {
    background          : url(/images/default/layout/custom-chapter.png) no-repeat;
    width               : 468px;
    height              : auto;
    margin-bottom       : 15px;
}

.custom-chapter h2 {
    padding             : 16px 20px 0px 20px;
    font-size           : 13px;
    color               : #666;
    text-transform      : none;
}

.custom-chapter div {
    background          : url(/images/default/layout/custom-chapter-bottom.png) no-repeat 0 bottom;
    padding             : 0 20px 20px;
    margin-top          : 10px;
    margin-bottom       : 0;
}

.custom-chapter p {
    margin-bottom       : 0;
}

/*******************************************************************************/
/*Chapter*/
#content .content-index ul {
    margin              : 10px 0 26px 0;
}

/*******************************************************************************/
/*Pager*/
#pager_page {
    float               : left;
}

.pager input.submit {
    float               : left;
    border              : 1px solid #999;
    background          : #f1f1f1;
    color               : #666;
    cursor              : pointer;
    height              : auto;
    margin-left         : 5px;
}

/*******************************************************************************/
/*Teaser*/
.teaser {
    line-height         : normal;
}
.teaser h2 {
    font-size           : 13px;
    color               : #666;
    text-transform      : none;
    margin-bottom       : 5px;
}

.teaser h2 a {
    text-decoration     : none;
    color               : #666;
}

.teaser .descr {
    height              : 58px;
    font-size           : 11px;
}

.teaser .more a {
    color               : #fff;
    padding-left        : 52px;
    font-size           : 11px;
}

.custom-teaser-left {
    background          : url(/images/default/layout/teaser-box.png) no-repeat scroll 0 0;
    height              : 110px;
    padding             : 20px;
    width               : 215px;
    float               : left;
    position            : relative;
}

.custom-teaser-middle {
    background          : url(/images/default/layout/teaser-box.png) no-repeat scroll 0 0;
    height              : 110px;
    padding             : 20px;
    width               : 215px;
    float               : left;
    position            : relative;
    left                : -2px;
}

.custom-teaser-right {
    background          : url(/images/default/layout/teaser-box-right.png) no-repeat scroll 0 0;
    height              : 110px;
    padding             : 20px;
    width               : 215px;
    float               : left;
    position            : absolute;
    right               : -15px;
    margin-top          : 1px;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
   :root .custom-teaser-right { margin-top: 19px; }
}

/*Hauptteaser*/
.custom-teaser-big-internetauftritte,
.custom-teaser-big-breitband-internet {
    height              : 235px;
    width               : 727px;
    margin-bottom       : 18px;
    position            : relative;
    left                : 1px;
    padding             : 20px 0 0 20px;
    line-height         : normal;
}
.custom-teaser-big-internetauftritte {
    background          : url(/images/default/layout/custom-teaser-internetauftritte.png) no-repeat scroll 0 0;
}    

.custom-teaser-big-breitband-internet {
    background          : url(/images/default/layout/custom-teaser-breitband-internet.png) no-repeat scroll 0 0;
}

.custom-teaser-big-internetauftritte h2,
.custom-teaser-big-breitband-internet h2 {
    font-size           : 22px;
    font-family         : "Arial Narrow", Arial, sans-serif;
    width               : 250px;
    margin-bottom       : 16px;
}

.custom-teaser-big-internetauftritte h2 a,
.custom-teaser-big-breitband-internet h2 a {
    color               : #666;
    text-decoration     : none;
    text-transform      : uppercase;
}

.custom-teaser-big-internetauftritte .descr,
.custom-teaser-big-breitband-internet .descr {
    width               : 200px;
    padding             : 0 36px 0 0;
    margin-bottom       : 0;
}

.custom-teaser-big-internetauftritte .more,
.custom-teaser-big-breitband-internet .more {
    width               : 418px;
    margin-top          : 205px;
}

.custom-teaser-big-internetauftritte .more a,
.custom-teaser-big-breitband-internet .more a {
    color               : #fff;
    font-size           : 11px;
}

div.custom-main-image {
    left                : 0px;
    top                 : 0px;
}

/* Suche */
.box-search {
    top                 : 48px !important;
    left                : 660px !important;
    width               : 300px !important;
    padding             : 0 !important;
    text-align          : right;
}
.box-search div.h2 {
    display             : none;
}

.box-search input.text {
    width               : 235px !important;
    border              : 1px solid #999 !important;
    padding             : 3px 3px 2px 3px !important;
}
.box-search input.submit {
    background          : url(/images/default/layout/bg_submit.png) no-repeat scroll center center;
    border              : 1px solid #999;
    border-left         : 0;
    cursor              : pointer;
    width               : 29px;
    height              : 21px;
    float               : right;
    padding             : 0 !important;
    margin              : 0 !important;
}

/* imos-Tabellen */
table.imos-default {
    width               : 100%;
}
table.imos-default tr td {
    font-size           : 11px;
    padding             : 2px 7px;
    border              : 1px solid #999;
}
table.imos-default td.head,
table.imos-default tr.head td {
    font-weight         : bold;
    background-color    : #DBE5F1;
    color               : #666;
    padding             : 4px 7px;
}
table.imos-default tr.active td {
    background-color    : #F2F2F2;
}
table.imos-default tr.active td.head {
    background-color    : #DBE5F1;
    color               : #666;
}
table.imos-default td.align-left {
    text-align          : left;
}
table.imos-default td.align-center {
    text-align          : center;
}
table.imos-default td.align-right {
    text-align          : right;
}
table.imos-default tr td.first {
    width               : 180px;
}




table.custom-image-frame {
    margin-left         : -8px;
}
table.custom-image-frame td.image-left {
    background          : url(/images/default/layout/content-screenshot.jpg) no-repeat 0 0;
    padding-right       : 20px;
}
table.custom-image-frame td.image-left img.custom-image-frame {
    padding-top         : 18px;
    padding-left        : 10px;
}
table.custom-image-frame td.image-left img.custom-image-frame {
    padding-right       : 15px;
}
table.custom-image-frame td.image-left p.setting-image-footer {
    padding-left        : 8px;
    margin-top          : 10px;
}

.content-columns {
    left: 0;
}
table.content-columns td.columnright div table.content-image-text-float {
    float               : right;
}