/* 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;
padding-top: 3px;
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.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;
}
x#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 body { padding-bottom: 0px; }
html#buster #container,
html#buster #header { width: 821px; w\idth: 811px; }
html#buster #container { padding-left: 10px; }
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: #FFFFFF; background-position: 10px 96px; background-repeat: no-repeat; padding-bottom: 10px; }
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; }
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 #navChannels2,
#nav #navBusterSlider,
#nav div#navPromo,
#nav #navServices,
#nav #navHotlinks {
padding-left: 5px;
margin-bottom: 10px;
}
#nav #navPortal,
#nav #navChannels,
#nav #navChannels2,
#nav #navBusterSlider,
#nav #navServices,
#nav #navHotlinks {
font-size: 0.85em;
}
#nav #navPortal {
position: absolute;
top: 56px;
left: 173px;
xfont-size: 13px; /* Dependent on the header image */
}
#buster #nav #navPortal { left: 162px; }
#nav #navPortal ul {
width: 802px; /* 975 (#container=>width) - 173 (#navPortal=>left) */
margin-left: 4px;
}
#nav #navPortal li {
float: left;
display: inline;
width: auto;
height: 37px;
he\ight: 34px;
margin-right: 1px;
padding: 2px 1px 1px 1px;
border: 0px solid #000000;
xbackground: red;
}
x#nav #navPortal li:hover {
opacity: 0.2;
}
#nav #navPortal li a {
display: block;
width: 100%;
height: 100%;
xbackground: purple;
}
#nav #navPortal li a:hover {
text-decoration: none;
border-bottom: 0px solid;
}
#nav #navPortal li a span {
xvisibility: hidden;
display: none;
}
#nav #navPortal li#navPortal_DSLModem { width: 121px; w\idth: 119px; }
#nav #navPortal li#navPortal_Produkte { width: 99px; w\idth: 97px; }
#nav #navPortal li#navPortal_Magazine { width: 101px; w\idth: 99px; }
#nav #navPortal li#navPortal_Shopping { width: 99px; w\idth: 97px; }
#nav #navPortal li#navPortal_Games { width: 84px; w\idth: 82px; }
#nav #navPortal li#navPortalDsl { width: 121px; w\idth: 119px; }
#nav #navPortal li#navPortalProducts { width: 99px; w\idth: 97px; }
#nav #navPortal li#navPortalChannels { width: 101px; w\idth: 99px; }
#nav #navPortal li#navPortalShopping { width: 99px; w\idth: 97px; }
#nav #navPortal li#navPortalGames { width: 84px; w\idth: 82px; }
#nav #navChannels li,
#nav #navChannels2 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,
#nav #navChannels2 li a {
display: block;
padding-left: 24px;
background: no-repeat 4px center;
line-height: 26px;
}
* html #nav #navChannels li a,
* html #nav #navChannels2 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 div#navPromo li,
#nav li#navPromo { overflow: hidden; }
#nav li#navPromo a#linkConvergence { display: block; padding: 0px; width: 150px; overflow: hidden; background: none; }
#nav li.closed a#linkConvergence { height: 0px; }
#nav li.closed a#linkConvergence img { display: none; }
#nav li#navPromo img { display: block; width: 150px; }
#nav #navServices {
margin-bottom: 6px;
}
#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;
}
x* html #nav #navServices { margin-bottom: 5px; }
x*+html #nav #navServices { margin-bottom: 5px; }
* html #nav #navServices a { line-height: 20px; }
*+html #nav #navServices a { line-height: 20px; }
#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,
#nav #navBusterSlider {
margin-bottom: 0px;
}
#nav #navHotlinks ul,
#nav #navBusterSlider 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,
#nav #navBusterSlider 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,
#nav #navBusterSlider 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;
}
#nav #navSpecials {
margin: 0px 0px 0px 5px;
background: #F8FAFB;
}
#nav #navSpecials li {
padding-top: 40px;
text-align: center;
}
xxxhtml#buster #nav div { display: none; }
html#buster #nav #navPortal { display: block; left: 151px; }
html#buster #nav #navPromo { display: none; }
html#buster #navBox { height: 13px; }
html#buster #nav { position: absolute; z-index: 1000; left: 10px; height: auto; background-color: transparent; }
html#buster #nav ul { padding-left: 3px; }
html#buster #container { }
html#buster #nav #navPortal { top: -52px; }
html#buster #nav #navSpecials { display: none; }
html#buster #nav #navChannels { margin-bottom: 0px; width: 153px; padding-right: 8px; background: url(//img.web.de/v/home06/icons/bg-nav-slider-top.png) no-repeat 0px 1px; }
* html#buster #nav #navChannels { background-image: url(//img.web.de/v/home06/icons/bg-nav-slider-top.gif); }
x* html#buster #nav #navChannels { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-nav-slider-top.png', sizingMethod='scale'); background-image: none; }
html#buster #nav #navChannels2 { margin-top: 1px; }
* html#buster #nav #navChannels2 { padding-top: 2px; }
html#buster #nav #navBuster2 #navHotlinks { padding-bottom: 0px; }
html#buster #nav #navHotlinks ul { border-bottom: none; }
html#buster #nav #navBuster { position: absolute; width: 166px; height: 43px; overflow: hidden; xbackground: url(//img.web.de/v/home06/icons/bg-nav-slider-main.png) repeat-y left top; }
html#buster #nav #navBuster2 #navChannels2,
html#buster #nav #navBuster2 #navServices,
html#buster #nav #navBuster2 #navHotlinks,
html#buster #nav #navBuster2 #navBusterSlider { padding-bottom: 10px; margin-bottom: 0px; background: url(//img.web.de/v/home06/icons/bg-nav-slider-main.png) repeat-y left top; }
* html#buster #nav #navBuster2 #navChannels2,
* html#buster #nav #navBuster2 #navServices,
* html#buster #nav #navBuster2 #navHotlinks,
* html#buster #nav #navBuster2 #navBusterSlider { background-image: url(//img.web.de/v/home06/icons/bg-nav-slider-main.gif); }
x* html#buster #nav #navBuster2 #navChannels2,
x* html#buster #nav #navBuster2 #navServices,
x* html#buster #nav #navBuster2 #navHotlinks { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/prod/webde/img/bg-nav-slider-main.png', sizingMethod='scale'); background-image: none; }
html#buster #nav #navBuster2 #navHotlinks { padding-bottom: 0px; }
html#buster #nav #navBuster2 { position: absolute; width: 166px; bottom: 1px; }
html#buster #nav #navBuster2 li { width: 150px; }
html#buster #nav #navBuster2 #allServicesLayer li { width: 143px; }
html#buster #nav #navBuster2 #navBusterSlider { width: 166px; padding-bottom: 0px; background: url(//img.web.de/v/home06/icons/bg-nav-slider-bottom.png) no-repeat left top; }
* html#buster #nav #navBuster2 #navBusterSlider { background-image: url(//img.web.de/v/home06/icons/bg-nav-slider-bottom.gif); }
x* html#buster #nav #navBuster2 #navBusterSlider { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/prod/webde/img/bg-nav-slider-bottom.png', sizingMethod='image'); background-image: none; }
html#buster #nav #navBuster2 #navBusterSlider ul { border-bottom: 0px none; }
html#buster #nav #navBuster2 #navBusterSlider a { height: 43px; line-height: 30px; padding: 0px; xbackground: no-repeat center center; text-align: center; color: #B8BDC3; color: #C00030; font-size: 0.9em; text-decoration: none; }
html#buster .closed #navBusterSlider a,
html#buster .closing #navBusterSlider a { background: url(//img.web.de/v/home06/icons/nav-slider-down.gif) no-repeat 50% 27px; }
html#buster .opened #navBusterSlider a,
html#buster .opening #navBusterSlider a { background: url(//img.web.de/v/home06/icons/nav-slider-up.gif) no-repeat 50% 27px; }
html#buster .opened #navBusterSlider a span.ifClosed,
html#buster .opening #navBusterSlider a span.ifClosed { display: none; }
html#buster .closed #navBusterSlider a span.ifOpened,
html#buster .closing #navBusterSlider a span.ifOpened { display: none; }
html#buster #nav #allServicesLayer { left: 3px; top: -83px }
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: 20px; }
*/
/* 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, *+html #footer ul { 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; position: relative; top: 3px; font-size: 1px; }
#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; display: inline; width: 156px; }
#navServices #allServicesLayer ul { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #CED4DA; margin-right: 10px; }
#navServices #allServicesLayer ul.last { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
#navServices #allServicesLayer li,
html#buster #navServices #allServicesLayer li a,
#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 */
*+html #navServices #navServicesOverview .header { height: 1%; } /* Magically disappearing background-image in IE 7 */
#content #allServicesLayer { font-size: 0.85em; }
* html #content #allServicesLayer .header { height: 1%; }
*+html #content #allServicesLayer .header { height: 1%; }
* html #content #allServicesLayer .area { padding-bottom: 0px; }
#buster #content #allServicesLayer { position: relative; left: 0px; top: -3px; }
#advMovein { position: absolute; top: -1000px; width: 970px; w\idth: 960px; height: 29px; font-size: 0.85em; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; background: url(//img.web.de/v/home06/icons/bg-movein-left.gif) no-repeat left top; margin-top: 10px; }
x#advMovein div { background: url(//img.web.de/v/home06/icons/bg-movein-right.gif) no-repeat right top; right: -5px; position: absolute; z-index: 1; }
#buster #advMovein { width: 806px; w\idth: 796px; margin-left: 10px; background-image: url(//img.web.de/v/home06/icons/bg-movein-buster-left.gif); }
x#buster #advMovein div { background-image: url(//img.web.de/v/home06/icons/bg-movein-buster-right.gif); }
#advMovein * { line-height: 27px; font-weight: bold; }
#advMovein div#advMoveinClose { position: absolute; right: -5px; padding-right: 10px; background: url(//img.web.de/v/home06/icons/bg-movein-right.gif) no-repeat right top; }
#buster #advMovein div#advMoveinClose { background-image: url(//img.web.de/v/home06/icons/bg-movein-buster-right.gif); }
#advMovein #advMoveinClose a { color: #888888; padding-left: 24px; background: url(//img.web.de/v/home06/icons/bg-movein-close.gif) no-repeat left center; }
#advMovein #advMoveinBrowserlogo { float: left; padding-top: 4px; }
#advMovein p { margin: 0px 0px 0px 100px; padding: 0px; }
#advMovein p a { text-decoration: none; color: #000000; }
#advMovein p a.more { text-decoration: underline; padding-left: 0.0em; color: #1144CC; }
#buster body { width: 811px; background-color: #FFFFFF; }
* html#buster body { width: 811px; padding: 0px; }
x.area { display: none; }
x.a5 { display: block; }