/* Base CI */
html {
    background: #FFFFFF;
    color:      #000000;
    font-size:  100.01%;
    direction:  ltr;
}
body {
    font:       normal 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
* {
    font-size:         1em;
    font-family:       inherit;
    line-height:       inherit;
}
body * { background-repeat: no-repeat; /* Better for Opera 7 */ }

a         { color: #1144CC; text-decoration: none; }
a:visited { color: #5577FF; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: none; }

html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, fieldset { margin: 0px; padding: 0px; }
p        { margin: 0px 0px 1em 0px; line-height: 1.3em; }
li       { display: block; list-style: none; }
img      { border: none; }
body     { padding: 0px 10px 10px 0px; }
form     { display: inline; }
table    { border-collapse: collapse; border-spacing: 0px; empty-cells: show; }
td, th   { text-align: left; vertical-align: top; }
iframe   { display: block; border: 0px; margin: 0px; padding: 0px; }
legend   { display: none; color: #000000; }
option   { background-color: #FFFFFF; }
fieldset { border: 0px solid; } /* This is needed by elderly phantoms of the Opera */


.hr     { display: none; clear: both; }
.hr hr  { display: none; }
.skip * { display: none; } /* NOTE: You must not set .skip to display:none, because IE needs a non-floated element at the beginning of #content. */

/*             Opera et.al.                                 Internet Explorer                                             Gecko */
input        { vertical-align: 3px; } * html input        { vertical-align: 0px; }                   :root input        { vertical-align: 0px; }
input.submit { vertical-align: 3px; } * html input.submit { vertical-align: 1px; padding: 0px 4px; } :root input.submit { vertical-align: 1px; }
input.radio  { vertical-align: 0px; }                                                                :root input.radio  { vertical-align: -1px;}
label        { vertical-align: 4px; }                                                                :root label        { vertical-align: 2px; }
*+html input        { vertical-align: 0px; }
*+html input.submit { vertical-align: 1px; padding: 0px 4px; }
/* ... */

input.radio  { margin-right: 3px; margin-left: 0px; }
label        { margin-right: 0.3em; }



/* Main Layout */
.statistics {
    position: absolute;
}
#container {
    width:        985px;
    w\idth:       975px;
    background:   #FFFFFF url(//img.web.de/v/home06/icons/bg-page-content.gif) repeat-y 10px 0px;
    padding-left: 10px;
}
#header {
    position:       relative;
    padding-bottom: 12px;
    width:          975px;
    height:         96px;
    he\ight:        84px;
    background:     #FFFFFF url(//img.web.de/v/home06/icons/bg-page-top.jpg) no-repeat left top;
    font-size:      0.8em;
}
#adv {
    xborder:         0px solid #CED4DA;
    xborder-width:   0px 1px;
    xborder-bottom:  1px solid #CED4DA;
    background:     #CED4DA url(//img.web.de/v/home06/icons/bg-adv.gif) repeat-y left top;
    padding:        2px 10px;
    height:         84px;
    he\ight:        80px;
}
#nav {
    display:     inline;
    float:       left;
    width:       155px;
    margin-top:  13px;
    margin-left: 7px;
    background:  #FFFFFF;
}
#content {
    padding-left: 172px;
    padding-top:  13px;
    background:   url(//img.web.de/v/home06/icons/bg-page-contenttop.gif) no-repeat left top;
}
#footer {
    clear:         both;
    background:    #FFFFFF url(//img.web.de/v/home06/icons/bg-page-bottom.gif) no-repeat left bottom;
    xborder-bottom: 10px solid #FFFFFF;
    xmargin-bottom: 10px;
}
* html #content { /* Avoid magical margins within the content in IE: */
    xborder: 1px solid;
}
* html #adv { /* IE displays the #container's background above this element, so: */
    xheight: 1%;
}
x#skipContent {
    height: 1.5em;
}
.area   { margin-right: 0px !important; }

/* Header */
#header a {
    text-decoration: none;
}
#header h1 a {
    position:   absolute;
    top:        22px;
    left:       35px;
    width:      100px;
    height:     60px;
    background: url(//img.web.de/v/home06/icons/logo-webde.gif) no-repeat center top;
}

/*
#header #headerQuestion {
    position: absolute;
    bottom:   -108px;
    left:     171px;
}
#header #headerPersonalize {
    position: absolute;
    bottom:   -108px;
    right:    12px;
}
.noAdv #header #headerQuestion,
.noAdv #header #headerPersonalize {
    bottom:   -24px;
}
#header #headerQuestion    a:hover,
#header #headerPersonalize a:hover {
    text-decoration: underline;
}
*/
#header #headerHelp a {
    position:      absolute;
    top:           18px;
    right:         7px;
    width:         22px; /* IE 5.x */
    w\idth:        16px; /* Everything else */
    height:        16px;
    padding-right: 6px;
    margin-left:   6px;
    background:    url(//img.web.de/v/home06/icons/icon-help.gif) no-repeat left top;
}
#header #headerSupport a {
    position:      absolute;
    top:           18px;
    right:         36px;
    width:         22px; /* IE 5.x */
    w\idth:        16px; /* Everything else */
    height:        16px;
    padding-right: 6px;
    margin-left:   6px;
    border-right:  1px solid #CED4DA;
    background:    url(//img.web.de/v/home06/icons/icon-support.gif) no-repeat left top;
}
#header h1             a span,
#header #headerHelp    a span,
#header #headerSupport a span {
    display: none;
}
#header ul { display: none; }
#header #headerLogout a {
    position:        absolute;
    top:             18px;
    right:           65px;
    padding:         0px 6px 0px 18px;
    border-right:    1px solid #CED4DA;
    height:          16px;
    text-decoration: none;
    background:      url(//img.web.de/v/home06/icons/icon-logout.gif) no-repeat left top;
}
#header #headerLogout a, #header #headerLogout a span {
    xfont-size:   11px;
    xline-height: 13px;
    color:       #000000;
}
#header #headerLogout a span {
    position: relative;
    top:      -1px;
}
#header #headerLogout a:hover span {
    text-decoration: underline;
}
* html #header #headerLogout a:hover {
    text-decoration: underline;
}


html#buster #container,
html#buster #header                  { width: 811px; }
html#buster #container               { padding-left: 0px; }
html#buster #content                 { float: left; width: 811px; w\idth: 801px; padding-left: 10px; padding-top: 3px; }
html#buster #infoLine                { display: none; }

html#buster #container { background-image: url(//img.web.de/v/home06/icons/bg-page-buster-contenttop.gif); background-color: transparent; background-position: 0px 96px; background-repeat: no-repeat; }
html#buster #header    { background-image: url(//img.web.de/v/home06/icons/buster-herbst_2006.gif);        background-color: transparent; padding-bottom: 12px; }
html#buster #content   { background-image: url(//img.web.de/v/home06/icons/bg-page-buster-content.gif);    background-color: #FFFFFF; background-repeat: repeat-y; xborder: 1px solid green; }
html#buster #footer    { background-image: url(//img.web.de/v/home06/icons/bg-page-buster-bottom.gif);     background-color: transparent; }



/* Advertisements */
.noAdv #adv {
    padding: 0px;
    height:  0px;
}
.noAdv #adv * {
    display: none;
}
#adv {
    position:   relative;
    text-align: center;
    display:    table;
    width:      975px; /* Opera forgets about the padding, so ... */
}
:root  #adv { w\idth: 955px; } /* ... we need to fix things ... */
* html #adv { w\idth: 955px; } /* ... for all the rest, except elderly IEs. */
#adv .banner {
    display:        table-cell;
    vertical-align: middle;
}
* html #adv { overflow: hidden; }
* html #adv .banner {
    position: absolute;
    height:   auto;
    top:      50%;
    left:     50%;
}
* html #adv .banner a {
    position: relative;
    display:  block;
    top:      -50%;
    left:     -50%;
}




/* Navigation */
#nav a {
    color: #000000;
}
#nav a span {
    padding: 3px 0px;
}
#nav li.new a  span,
#nav li.new h2 span {
    padding-right: 25px;
    background:    url(//img.web.de/v/home06/icons/marker-neu.gif) no-repeat 100% 1px;
}
#nav li.hint a  span,
#nav li.hint h2 span {
    padding-right: 25px;
    background:    url(//img.web.de/v/home06/icons/marker-tipp.gif) no-repeat 100% 1px;
}

#nav #navPortal,
#nav #navChannels,
#nav #navServices,
#nav #navHotlinks {
    padding-left:  5px;
    margin-bottom: 10px;
}
#nav #navPortal {
    position:  absolute;
    top:       48px;
    left:      174px;
    font-size: 13px; /* Dependent on the header image */
}
#nav #navPortal ul {
    width:       802px; /* 975 (#container=>width) - 173 (#navPortal=>left) */
    margin-left: 4px;
}
#nav #navPortal li {
    float:       left;
    width:       auto;
    padding:     8px 4px 2px 4px;
    height:      36px;
    line-height: 36px;
    border:      0px solid #000000;
}
#nav #navPortal li a {
    float:   left;
    padding: 0px 17px 0px 16px;
    height:  36px;
}
#nav #navPortal li a:hover {
    text-decoration: none;
    border-bottom:   0px solid;
}
#nav #navPortal li a span {
    visibility: hidden;
}

#nav #navChannels {
    font-size:    0.85em;
}
#nav #navChannels ul {
    xborder-top: 1px solid #CED4DA;
}
#nav #navChannels li {
    border-bottom: 1px solid #CED4DA;
    background:    url(//img.web.de/v/home06/icons/bg-nav-channel.gif) repeat-x left top;
}
#nav #navChannels li a {
    display:      block;
    padding-left: 24px;
    background:   no-repeat 4px center;
    line-height:  26px;
}
* html #nav #navChannels li a { height: 1%; } /* IE needs hasLayout to have links larger than their content */
#nav li#navChannelsTv        a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-sport.gif); }
#nav li#navChannelsRoute     a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-motor.gif); }
#nav li#navChannelsComic     a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-unterhaltung.gif); }
#nav li#navChannelsExclusive a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-beruf.gif); }
#nav li#navChannelsDating    a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-handy.gif); }
#nav li#navChannelsGallery   a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-sport.gif); }
#nav li#navChannelsQuiz      a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-beruf.gif); }
#nav li#navChannelsFinance   a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-finanzen.gif); }
#nav li#navChannelsMotor     a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-motor.gif); }
#nav li#navChannelsBoulevard a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-unterhaltung.gif); }
#nav li#navChannelsGames     a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-handy.gif); }
#nav li#navChannelsMillions  a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-finanzen.gif); }
#nav li#navChannelsHoliday   a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-reise.gif); }
#nav li#navChannelsSport     a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-sport.gif); }
#nav li#navChannelsShopping  a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-finanzen.gif); }
#nav li#navChannelsHoroscope a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-motor.gif); }
#nav li#navChannelsSmallads  a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-beruf.gif); }
#nav li#navChannelsWeather   a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-reise.gif); }
#nav li#navChannelsHandy     a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-handy.gif); }
#nav li#navChannelsJobs      a { background-image: url(//img.web.de/v/home06/icons/icon-nav-channel-beruf.gif); }

#nav #navServices {
    font-size:    0.85em;
}
#nav #navServices a {
    display:      block;
    padding-left: 18px;
    background:   url(//img.web.de/v/home06/icons/bg-btn-fwd-left.gif) no-repeat left top;
    line-height:  21px;
}
* html #nav #navServices a { line-height: 20px; }
*+html #nav #navServices a { line-height: 20px; }
#nav #navServices a span {
    display:        block;
    padding-top:    0px;
    padding-right:  2px;
    background:     url(//img.web.de/v/home06/icons/bg-btn-right.gif) no-repeat right top;
}
x*+html #nav #navServices a span { padding-top: 2px; }
/*
*/


#nav #navHotlinks {
    font-size:     0.85em;
    margin-bottom: 0px;
}
#nav #navHotlinks ul {
    border-bottom: 1px solid #CED4DA;
}
#nav #navHotlinks h2 {
    xpadding-top: 3px;
    xborder-top:  1px solid #CED4DA;
    line-height: 23px;
    padding-left: 4px;
    xbackground:  url(//img.web.de/v/home06/icons/bg-nav-channel.gif) repeat-x left top;
}
#nav #navHotlinks h2 span {
    xdisplay:      block;
    xborder-top:   1px solid #CED4DA;
}
#nav #navHotlinks li {
    border-top:  1px solid #CED4DA;
    xbackground:  url(//img.web.de/v/home06/icons/bg-nav-channel.gif) repeat-x left top;
}
#nav #navHotlinks li a {
    display:        block;
    padding-left:   12px;
    padding-bottom: 0px;
    background:     url(//img.web.de/v/home06/icons/arrow-fwd.gif) no-repeat 4px 50%;
    line-height:    23px;
}
x#nav #navHotlinks #navHotlinksOtherservices {
    border-bottom: 1px solid #CED4DA;
}



html#buster #nav div        { display: none; }
html#buster #nav #navPortal { display: block; }

html        #busterNav { display: none; }
html#buster #busterNav { display: block; height: 1%; }
html#buster #busterNav                { background: url(//img.web.de/v/home06/icons/bg-module-bottom-busternav-m3.gif) no-repeat left bottom; float: left; }
html#buster #busterNav .moduleContent { background: url(//img.web.de/v/home06/icons/bg-module-top-busternav-m3.gif)    no-repeat left top; }
html#buster #busterNav #navComplete ul { margin: 0px; }
html#buster #busterNav #navComplete li { float: left; width: 103px; margin-right: 10px; white-space: nowrap; overflow: hidden; height: 18px; }
html#buster #busterNav li a            { padding-left: 8px; background: url(//img.web.de/v/home06/icons/arrow-fwd.gif) no-repeat 0px 50%; line-height: 18px; }
html#buster #busterNav #navServices    { clear: left; }
html#buster #busterNav #navServices ul    { width: 400px; margin: 0px 0px 5px 0px; padding-top: 0px; font-weight: bold; }
html#buster #busterNav #navServices ul ul { width: 150px; }
* html#buster #busterNav #navServices ul li { margin-left: -16px; ma\rgin-left: 0px; }
xhtml#buster #busterNav li.hint a  span,
xhtml#buster #busterNav li.hint h2 span { padding-right: 25px; background: url(//img.web.de/v/home06/icons/marker-tipp.gif) no-repeat 100% 1px; }
xhtml#buster #busterNav li.new  a  span,
xhtml#buster #busterNav li.new  h2 span { padding-right: 25px; background: url(//img.web.de/v/home06/icons/marker-neu.gif) no-repeat 100% 1px; }
html#buster #busterNav h2 span { border-bottom: none; }

html#buster #busterNav #allServicesLayer { left: 10px; }

/* This one's for Opera 8.5: */
html#buster:root #busterNav #navServices      { height: 23px; }
html#buster #busterNav #navServicesOverview a { float: left; clear: left; margin-top: 1px; }
html#buster #busterNav #navServicesOverview #allServicesLayer a { float: none; }

/*
html#buster .area.a3             { margin-top: 200px; }
html#buster #nav                 { height:     200px; margin-top: 0px; }
html#buster #nav                 { display: block; position: absolute; top: 238px; width: 480px; }
html#buster #nav                 { background: url(//img.web.de/v/home06/icons/bg-module-top-m3.gif) no-repeat left top; }
html#buster #nav ul              { border: none; }
html#buster #nav li a            { color: #1144CC; padding-left: 8px; background: url(//img.web.de/v/home06/icons/arrow-fwd.gif) no-repeat 0px 50%; white-space: nowrap; overflow: hidden; }
html#buster #nav li a:visited    { color: #5577FF; }
html#buster #nav li, html#buster #nav li a { line-height: 18px; }
html#buster #nav li              { float: left; width: 108px; margin-right: 10px; padding: 0px; border: 0px none; background: none; }
html#buster #nav #navServices    { display: block; position: absolute; bottom: 0px; width: 480px; background: yellow; }
html#buster #nav #navServices li { position: absolute; bottom: 0px; right: 10px; width: 150px; }

html#buster #nav #navHotlinksInternetaccess { display: none; }
html#buster #nav #navHotlinksOtherservices  { display: none; }
*/



/* Footer */
* html #footer, * html #footer ul { height: 1%; } /* IE 5.5 & 6: padding-right is missing, padding-top is doubled */
*+html #footer { height: 1%; } /* IE 7: magical padding-top */
#footer {
    padding:  10px 13px 15px 12px;
}
#footer ul {
    position:    relative;
    padding-top: 10px;
    xborder-top:  1px solid #CED4DA;
}
#footer li {
    display:   inline;
    font-size: 0.85em;
}
#footer li a {
    color:       #000000;
}
#footer li#footerHomepage {
    position: absolute;
    right:    0px;
}



/* Special Elements */
.tooltip {
    display:  none;
    position: absolute;
    z-index:  32000;
    width:    240px;
    border:   1px solid red;
    padding:  5px 10px;
    background-color: #FFFFFF;
    -moz-border-radius: 10px;
}
.tooltip.littlecontent { width: auto; }
.tooltip * {
    margin: 0px;
}




#allServicesLayer {
    position:   absolute;
    z-index:    2000;
    left:       auto;
    top:        108px;
    left:       182px;
    width:      793px;
    padding:    0px;
    background: #FFFFFF;
}
#navServices         #allServicesLayer  { display: none; }
#navServices .active #allServicesLayer  { display: block; }
#navServices         #allServicesLayer         { background: #FFFFFF url(//img.web.de/v/home06/icons/services-bg-main.gif) repeat-y left top; }
#navServices         #allServicesLayer .header { background: url(//img.web.de/v/home06/icons/services-bg-header.gif) no-repeat left top;    padding-top:    10px; }
#navServices         #allServicesLayer .footer { background: url(//img.web.de/v/home06/icons/services-bg-footer.gif) no-repeat left bottom; padding-bottom: 14px; height: 0px; }
#navServices         #allServicesLayer .header,
#navServices         #allServicesLayer .content,
#navServices         #allServicesLayer .footer { clear: both; padding-left: 10px; padding-right: 0px; }
x#navServices #allServicesLayer h2       { width: 238px; height: 20px; background: url(http://img.web.de/v/homepage/unterseiten/img/services/hl_services_01.gif) no-repeat left top; }
x#navServices #allServicesLayer h2 span  { display: none; }
#navServices #allServicesLayer h2       { font-size: 1.2em; padding: 15px 0px 1.2em 0px; background: none; }
#navServices #allServicesLayer div.area { float: left; width: 156px; }
#navServices #allServicesLayer ul       { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #CED4DA; margin-right: 10px; }
#navServices #allServicesLayer ul.last,
#navServices #allServicesLayer ul:last-child { margin-bottom: 0px;  padding-bottom: 0px;  border-bottom: none; }
#navServices #allServicesLayer li,
#navServices #allServicesLayer li a         { background: none; padding: 0px; line-height: 1.4em; font-weight: normal; }
#navServices #allServicesLayer li a         { color: #1144CC; }
#navServices #allServicesLayer li a:visited { color: #5577FF; }
#navServices #allServicesLayer li.first     { font-size: 1.1em; }
#navServices #allServicesLayer #allServicesLayerClose a {
    position:     absolute;
    right:        10px;
    top:          7px;
    padding-left: 11px;
    background:   url(//img.web.de/v/home06/icons/services-close.gif) no-repeat 0px 3px;
    line-height:  1.2em;
    font-size:    0.9em;
    font-weight:  normal;
    color:        #000000;
}
#navServices #allServicesLayer #allServicesLayerClose a span { background: none; }
* html #navServices #navServicesOverview         { height: 1%; } /* Magically appearing margin-bottom in IE 6 */
* html #navServices #navServicesOverview .header { height: 1%; } /* Magically disappearing background-image in IE 6 */