@charset 'utf-8';

.extWidth #header, 
.extWidthNoNav #header {background-image: url(//img.gmx.net/mobilesInternet/gmx/img/page-header-976-dsl-2.jpg);}

#nav-top {
    display: block;
    left: 172px;
    position: absolute;
    top: 45px;
    z-index: 100;
}
#nav-top li {
    border: 0px solid;
    display: inline;
    float: left;
    height: 39px;
    margin-right: 2px;
    padding: 0px;
    width: auto;
}
#nav-top li a {
    display: block;
    height: 100%;
    width: 100%;
}
#nav-top li a span {
    display: none;
}
#nav-top li#navTopDsl {
    width: 52px;
}
#nav-top li#navTopProdukte {
    width: 90px;
}
#nav-top li#navTopThemen {
    width: 90px;
}
#nav-top li#navTopShopping {
    width: 90px;
}
#nav-top li#navTopEntertainment {
    width: 136px;
}
#nav-top li#navTopEmail {
    width: 150px;
}
#nav-top li#navTopMeinGMX { width: 90px;}

#intro {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/visual.jpg) no-repeat 0% 100%;
    color: #0A328C;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 201px;
    margin-left: -10px;
    padding-left: 180px;
    position: relative;
}
#intro h1 {
    font-size: 19px;
    margin: 0 0 5px;
    padding: 10px 0 0;
}
#intro p .offer {
    color: #CC0000;
    font-weight: 700;
}

#introHandy, 
#introNotebook {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/bg/verlauf_oben.gif) repeat-x 0% 100%;
    color: #000000;
    height: 96px;
    position: absolute;
    top: 105px;
}
#introNotebook {
    left: 714px;
    width: 243px;
}
#introHandy {
    background: none;
    left: 226px;
    padding-left: 14px;
    width: 474px;
}
#introHandy h2, 
#introNotebook h2 {
    font-size: 19px;
    margin: 0;
    padding: 0 0 10px;
}
#introNotebook h3 { margin-left: -14px; }
#introNotebook ul { margin-left: 10px; }
#introHandy li,
#introNotebook li {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/img_haken.gif) no-repeat 0% 5px;
    padding: 2px 0 2px 22px;
}

#productSelection {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/bg/verlauf_box_unten.gif) no-repeat 0% 0%;
    border-right: 1px solid #CED4DA;
    display: block;
    float: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    overflow: hidden;
    margin-left: -10px;
    position: relative;
    width: 714px;
}
#productSelection ul {
    overflow: hidden;
    border-top: 1px solid #CED4DA;
    position: relative;
    margin-left: 10px;    
    width: 704px;
}
#productSelection li ul { 
    width: auto;
    border-top: 0px solid #CED4DA;
}
#productSelection li {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/HG_box.jpg) no-repeat;
    border-left: 1px solid #CED4DA;
    border-bottom: 1px solid #CED4DA;
    display: block;
    float: left;
    font-size: 11px;
    height: 168px;
    line-height: 13px;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 351px;
}
#productSelection li.empty { background-image: none; }
#productSelection li div {
    float: left;
    width: 144px;
    height: 168px;
}
#productSelection li div img {
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#productSelection li div.wide img {
    left: 16px;
}
#productSelection li span.discount {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/icons/icon-guenstiger.gif) no-repeat;
    display: block;
    overflow: hidden;
    height: 0px;
    padding-top: 131px;
    position: absolute;
    right: 0px;
    top: 86px;
    width: 131px;
}
#productSelection li h4 {
    color: #0A328C;
    font-size: 14px;
    margin: 0;
    padding: 10px 0 4px;
    position: relative;
}
#productSelection li strong {
    font-size: 11px;
    display: block;
    color: #000000;
    margin: 0;
    padding: 0 0 4px;
    position: relative;
}
#productSelection li p {
    color: #0A328C;
    line-height: 16px;
    padding-top: 10px;
}
#productSelection ul li ul li {
    background: none;
    border: 0;
    float: none;
    width: auto;
    height: auto;
    z-index: 0;
}
#productSelection li .more {
    color: #AE1400;
    display: block;
    margin: 4px 0px 0 0;
    position: absolute;
    right: 20px;
}
#productSelection li .price {
    color: #CC0000;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 16px;
    position: relative;
    z-index: 1000;
}
#productSelection li .price strong {
    font-size: 14px;
    color:#CC0000;
}
#productSelection li .uvp {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/bg/strich.gif) no-repeat;
    display: block;
    float: left;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    width: 67px;
    text-align: center;
    text-decoration: none;
    position: relative;
    z-index: 1000;
}
#productSelection li .windowsMobile {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/windows_mobile.jpg) no-repeat;
    bottom: 3px;
    height: 15px;
    position: absolute;
    left: 120px;
    width: 47px;
}
#productSelection li.free span.price,
#productSelection li.free strike.uvp,
#productSelection li.free span.windowsMobile { display: none; }
#productSelection li .order {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/btn/button-weiter.gif) no-repeat;
    bottom: 5px;
    height: 22px;
    position: absolute;
    right: 20px;
    width: 81px;
}
#productSelection li .iconTouch {
    /*background: url(http://img.gmx.net/mobilesInternet/gmx/img/touchIcon.gif) no-repeat;*/
    bottom: 3px;
    height: 12px;
    position: absolute;
    left: 11px;
    width: 50px;
    color: #888888;
    padding-left: 22px;
    padding-top: 8px;
    line-height: 16px;
    cursor: pointer;
}
* html #productSelection li .iconTouch {
    bottom: 0px;
    padding-top: 6px;
}
#productSelection li div a {
    text-decoration: none;
}
#productSelection li .order span { display: none; }
#hotline {
    float: left;
    display: inline;
    font-size: 11px;
    padding: 50px 10px 10px;
    position: relative;
    width: 220px;
}
#hotline span.iconTelefon {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/icons/Hotline.jpg) no-repeat 0px 0px;
    display: block;
    float: left;
    height: 20px; 
    width: 20px;
    padding-right: 4px;
    margin-top: -7px;
}
* html #hotline span.iconTelefon { padding-right: 1px; } 
#tarifForm {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/notebook_031109.jpg) no-repeat -1px -118px;
    float: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 677px;
    width: 242px;
}

#tarifForm .more {
    color: #AE1400;
    font-size: 11px;
    margin: 0 0 0 10px;
}
#tarifForm p { padding: 190px 20px 16px 25px;  font-size: 11px; line-height:14px }
#tarifForm form { display: inline; }
#tarifForm form div {
    padding: 0 20px 10px 25px;
    position: relative;
}
#tarifForm form h4 {
    margin-bottom: 16px;
}

#tarifForm .radio {
    margin: 0;
    position: relative;
}
* html #tarifForm .radio {
    margin: 0 0 0 -5px;
}
*+html #tarifForm .radio {
    margin: 0 0 0 -5px;
}
#tarifForm label {
    display: block;
    margin: -16px 0 16px 18px;
    width: 175px;
}
* html #tarifForm label {
    margin-top: -20px;
}
*+html #tarifForm label {
    margin-top: -20px;
}
#tarifForm .weiter {
    margin: 0 0 0 110px;
}
#tarifForm dt {
    padding-top: 10px;
}
#tarifForm dl {
    clear: both;
    overflow: hidden;
    padding: 36px 12px 10px 15px;
}
*+html #tarifForm dl { padding-top: 26px; }

#tarifForm dl dt {
    font-weight: 700;
    margin-bottom: 5px;
}
#tarifForm dl dd {
    margin-bottom: 10px;
}
#tarifForm dl .more {
    display: inline;
    margin: 0;
    position: relative;
}
#infoTabs {
    background: #FFFFFF;
    position: relative;
}
#infoTabs h3 {
    color: #0A328C;
    margin: 0 0 10px;
}
.multiTabs {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/contentnav/tab-main-bottom.gif) repeat-x 0% 0%;
    display: block;
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 950px;
}
.multiTabs li {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/contentnav/tab-main-left.gif) no-repeat 0% 0%;
    display: block;
    float: left;
    height: 24px;
    line-height: 22px;
    margin-right: 5px;
    padding-left: 8px;
    position: relative;
}
.multiTabs li.active { background-position: 0% -24px; }
.multiTabs li a {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/contentnav/tab-main-right.gif) no-repeat 100% 0%;
    color: #000000;
    display: block;
    line-height: 22px;
    outline: none;
    padding: 2px 16px 0 5px;
    text-align: center;
}
.multiTabs li a:hover { color: #000000; }
.multiTabs li.active a {
    background-position: 100% -24px;
    font-weight: 700;
}
.multiBoxes li { display: none; }
.multiBoxes li.active {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/bg/verlauf_box_unten.gif) repeat-x 0% 0%;
    border: 1px solid #CED4DA;
    border-top: 0;
    display: block;
    width: 948px;
}
.multiBoxes div { padding: 16px 10px; }
#box-hsdpa div {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/bg/visual_box_edge.jpg) no-repeat 100% 0%;
    height: 185px;
    padding: 16px 300px 0 10px;
}
#box-push div {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/bg/visual_box_email_mobile.jpg) no-repeat 100% 0%;
    height: 185px;
    padding: 16px 280px 0 10px;
}
#box-nummer div {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/bg/visual_box_rufnummer.jpg) no-repeat 100% 0%;
    height: 185px;
    padding: 16px 280px 0 10px;
}
#box-vergleich div {
    background: url(http://img.gmx.net/mobilesInternet/gmx/img/bg/visual_box_wettbewerb.jpg) no-repeat 100% 0%;
    height: 185px;
    padding: 16px 280px 0 10px;
}
#infoTabs dt {
    font-weight: 700;
    float: left;
    margin-right: 5px;
}
#infoTabs p,
#infoTabs dd { margin-bottom: 16px; }
#techPartners {
    color: #677AA1;
    font-family: Arial, Verana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4em;
    margin: 20px 0;
}
#techPartners h5 {
    border-bottom: 1px solid #CED4DA;
    line-height: 25px;
    margin-bottom: 10px;
}
#techPartners img {
    float: left;
    margin-right: 5px;
}
#tarifDetails {
    color: #677AA1;
    font-family: Arial, Verana, Helvetica, sans-serif;
    font-size: 11px;
    margin-bottom: 10px;
    overflow: hidden;
}
#tarifDetails h3 {
    font-size: 14px;
    margin-bottom: 23px;
}
#tarifDetails h4 {
    font-size: 12px;
    margin-bottom: 10px;
}
#tarifDetails h5 {
    clear: both;
    font-weight: 400;
    padding-top: 10px;
}
#tarifDetails .detail {
    float: left;
    width: 474px;
}
#tarifDetails ul {
    list-style: square;
    margin-left: 16px;
}
* html #tarifDetails ul { margin-left: 20px; }
#tarifDetails li {
    display: list-item;
    list-style: square;
    margin-bottom: 5px;
}
/* Tabelle */
#tarifDetails table {
    width: 100%;
}
#tarifDetails th {
  border-bottom: 1px solid #CED4DA;
  border-right:  1px solid #CED4DA;
  padding: 5px;
  vertical-align: top;
}
#tarifDetails td {
  border-bottom: 1px solid #CED4DA;
  border-right:  1px solid #CED4DA;
  padding: 5px;
  text-align: right;
}

#tarifDetails th.last {
  border-right:  none;
}
#tarifDetails td.first {
  font-weight: 700;
  text-align: left;
}
#tarifDetails td.last {
  border-right:  none;
}
#tarifDetails tr.last td {
  border-bottom: none;
}
#tarifDetails .note {
    color: #677AA1;
    font-family: Arial, Verana, Helvetica, sans-serif;
    font-size: 11px;
    margin-top: 10px;
}