html {
overflow-y:scroll;
}
p {
margin:0;
padding:0;
}
.leftNavigationFrame {
background-color: #eee;
}
#NewsTabNavi {
display:block;
margin:7px 0 0 0;
padding-left:0;
z-index:1;
position: relative;
}
#NewsTabNavi li {
display:block;
float:left;
margin-right:1px;
}
#NewsTabNavi li.last {
margin-right:0px;
}
#NewsTabNavi li a {
display:block;
float:left;
text-decoration:none;
text-align: center;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-bottom:#ccc;
color:#333;
padding:3px 5px 4px 5px;
position: relative;
}
#NewsTabNavi li a:hover {
background:#dedede;
border-top:1px solid #dedede;
border-left:1px solid #dedede;
border-right:1px solid #dedede;
border-bottom:#ccc;
text-decoration:none;
width: 100%;
}
#NewsTabNavi li a.active {
background:#fff;
color:#333;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:#fff;
font-weight:bold;
padding:3px 5px 5px 5px;
margin-bottom:-1px;
}
#NewsTabNavi li a span {
display:block;
float:left;
}
#NewsTabNavi li a.active span {
margin: 0 10px;
float:none;
}
#NewsTabNavi li a span.newsItemsCount {
background:url(b/tabsBadgeLeft.png) left 1px no-repeat;
color:#fff;
line-height:15px;
height:14px;
margin-top:1px;
margin-left:3px;
padding-left:7px;
display:block;
font-weight:normal !important;
font-family:Arial, sans-serif ;
}
#NewsTabNavi li a span.newsItemsCount small {
height:14px;
line-height:15px;
display:block;
padding-right:7px;
background: url(b/tabsBadgeRight.png) right 1px no-repeat;
}
.startContentBox {
display: block;
border:1px solid #ccc;
background:#fff;
margin: 0 0 7px;
overflow:hidden;
}
.startContentBox h5 {
color:#666;
padding-bottom:2px;
font-size:11px;
border-bottom:1px solid #ccc;
margin:15px 5px 5px;
}
#keineGeburtstH5 {
border: none;
}
.keineGeburtstP {
margin: 0px 5px 5px;
padding: 5px 0 20px;
}
.startContentBox h4 {
color:#333;
padding-bottom:2px;
font-size:14px;
border-bottom:1px solid #ccc;
margin:15px 5px 10px;
}
.startContentBox a {
padding: 0 !important;
}
.margin10 {
margin:10px;
overflow:hidden;
}
.margin10GB {
margin: 0 10px;
overflow:hidden;
}
.marginTop10 {
margin-top:10px;
}
.margin5 {
margin:5px;
overflow:hidden;
}
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
.clear {
clear:both;
}
.profileImage50 {
display:block;
width:50px;
height:50px;
background-repeat: no-repeat;
background-position:center center;
padding:0 !important;
margin-bottom:0px !important;
}
.profileImage50 img {
border: none;
-ms-interpolation-mode:bicubic;
}
.profileImage50:hover {
text-decoration:none;
padding:0;
}
a.fotoNaviBack {
display:block;
width:28px;
height:32px;
text-indent:-99999px;
overflow:hidden;
background:url(b/foto_back.png) 0 0 no-repeat;
outline:none;
}
a.fotoNaviBack:hover {
background:url(b/foto_back.png) 0 -32px no-repeat;
}
a.fotoNaviForward {
display:block;
width:28px;
height:32px;
margin-left:2px;
text-indent:-99999px;
overflow:hidden;
background:url(b/foto_forward.png) 0 0 no-repeat;
outline:none;
}
a.fotoNaviForward:hover {
background:url(b/foto_forward.png) 0 -32px no-repeat;
}
.fotoLinkHinzu, .fotoLinkAbbrechen {
position:absolute;
height:20px;
line-height:20px;
z-index:6;
color:#ff9900 !important;
padding:1px 7px 1px 20px !important;
margin-left:10px;
}
.fotoLinkHinzu {
background:#ffe8c5 url(b/fotoplus.png) 2px 0 no-repeat;
}
.fotoLinkAbbrechen {
background:#ffe8c5 url(b/fotoabbruch.png) 2px 0 no-repeat;
}
a.fotoLinkHinzu:hover {
text-decoration:none !important;
background:#ff9900 url(b/fotoplus.png) 2px -20px no-repeat;
color:#fff !important;
}
a.fotoLinkAbbrechen:hover {
text-decoration:none !important;
background:#ff9900;
color:#fff !important;
background:#ff9900 url(b/fotoabbruch.png) 2px -20px no-repeat;
}
#keyboardBubble {
position:absolute;
background: url(b/dyn_sb_links.png) center left no-repeat;
color:#fff;
padding:5px 5px 5px 10px;
overflow:hidden;
}
* html #PandaLayerShadow {
visibility:hidden;
height:0px !important;
}
.thumb35 {
display:block;
height:35px;
width:35px;
}
.thumb40 {
display:block;
height:40px;
width:40px;
}
.thumb50 {
display:block;
height:50px;
width:50px;
}
.thumb80 {
border:5px solid #fff;
height:70px;
width:70px;
display:block;
}
.thumbnail {
border:0;
}
.thumblink {
float:left;
display:block;
margin-right:7px;
margin-bottom:7px;
text-decoration:none;
width:90px;
height:63px;
background-repeat:no-repeat;
background-position:0 0;
}
a:hover.thumblink {
text-decoration:none !important;
background-position:0 -65px;
}
* html #PandaLayerShadow{
visibility:hidden;
height:0px !important;
}
#PandaLayer a:link, #PandaLayer a:focus, #PandaLayer a:visited, #PandaLayer a:active {
color:#00A200;
text-decoration:none;
}
#PandaLayer a:hover{
color:#00A200;
text-decoration:underline;
}
.margin_center {
margin:0 auto;
}
#trailerButton {
display:block;
width:185px;
color:#fff;
height:58px;
background:url(b/gaeste/trailerbutton.png);
background-position: 0 2px;
background-repeat:no-repeat;
}
#trailerButton:hover{
background-position: 0 -58px;
}
.sprechblase {
position:absolute;
background: url(b/dyn_sb.png) top center no-repeat;
color:#fff;
padding:5px;
padding-bottom:3px;
max-width:150px;
overflow:hidden;
display:none;
}
.sprechblase_links {
position:absolute;
background: url(b/dyn_sb_links.png) center left no-repeat;
color:#fff;
padding:5px 5px 5px 10px;
max-width:180px;
overflow:hidden;
display:none;
}
.sprechblase_rechts {
position:absolute;
background: url(b/dyn_sb_rechts.png) center right no-repeat;
color:#fff;
padding:5px 10px 5px 5px;
max-width:180px;
overflow:hidden;
display:none;
}
.sprechblase_links_oben {
position:absolute;
background: url(b/dyn_sb_links_oben.png) top left no-repeat;
color:#fff;
padding:5px;
padding-bottom:3px;
max-width:375px;
overflow:hidden;
display:none;
}
#id_provider_container {
float:left;
width:219px;
border-bottom:1px solid #ccc;
}
#id_programm_auswahl {
height:280px;
overflow:hidden;
}
#id_provider_container_links {
float:left;
padding:5px;
padding-top:15px;
}
#id_provider_container_rechts {
float:left;
}
.class_id_auswahl {
clear:both;
display:none;
overflow:hidden;
height:0px;
}
.sprechblase_mitte {
position:absolute;
background: url(b/dyn_sb.png) top center no-repeat;
color:#fff;
padding:5px;
padding-bottom:3px;
margin-left:-60px;
margin-top:5px;
max-width:150px;
overflow:hidden;
display:none;
}
.smilie_shortcuts {
overflow:hidden;
width:0px;
display:none;
}
a.hnavi:link {
display: block;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a.hnavi:active {
display: block;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a.hnavi:visited {
display: block;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a.hnavi:hover {
display: block;
color: #FFFFFF;
font-size: 11px;
line-height: 16px;
text-decoration: none;
background-color: #f89500;
}
a.oben:link {
padding: 1px 0px;
color: #DDDDDD;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a.oben:active {
padding: 1px 0px;
color: #DDDDDD;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a.oben:visited {
padding: 1px 0px;
color: #DDDDDD;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a.oben:hover {
padding: 1px 0px;
color: #FFFFFF;
font-size: 11px;
line-height: 16px;
text-decoration: none;
background-color: #999999;
}
a.unten:link {
display: block;
padding: 1px 0px;
color: #AAAAAA;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}
a.unten:active {
display: block;
padding: 1px 0px;
color: #AAAAAA;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}
a.unten:visited {
display: block;
padding: 1px 0px;
color: #AAAAAA;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}
a.unten:hover {
display: block;
padding: 1px 0px;
background-color: #ffb342;
color: #FFFFFF;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}
a:link {
padding: 1px 0px;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a:active {
padding: 1px 0px;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a:visited {
padding: 1px 0px;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a:hover {
padding: 1px 0px;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: underline;
}
a.register:link {
display: block;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a.register:active {
display: block;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a.register:visited {
display: block;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
a.register:hover {
display: block;
color: #f89500;
font-size: 11px;
line-height: 16px;
text-decoration: none;
background-color: #ffe8c5;
}
#KommentiertInner .kommentiert_pager_page:hover {
background-color:#F89500;
color:#FFFFFF !important;
text-decoration:none;
}
input.cartlogin2 {
font-family: tahoma, arial;
padding: 2px 0 0 2px;
width: 198px;
HEIGHT: 20px;
BORDER: #CCC 1px solid;
FONT-SIZE: 12px;
color: #666;
background-color: #FFF;
}
input.cartsuche {
font-family: tahoma, arial;
padding: 2px 0 0 17px;
width: 136px;
background: url(b/suchebg.png) 0px center no-repeat;
HEIGHT: 17px;
BORDER: #FFF 1px solid;
FONT-SIZE: 11px;
color: #666;
background-color: #FFF;
}
input.barsuche {
font-family: tahoma, arial;
font-size: 11px;
line-height: 18px;
padding: 1px 0 2px 17px;
width: 139px;
background: url(b/layout/search_bg.png) 0px 0px no-repeat;
height: 18px;
border: 0;
color: #666;
background-color: #FFF;
}
input.cartlogin {
font-family: tahoma, arial;
padding: 2px 0 0 2px;
width: 153px;
HEIGHT: 15px;
BORDER: #CCCCCC 1px solid;
FONT-SIZE: 11px;
color: #666666;
background-color: #FFFFFF;
}
input.cart {
font-family: tahoma, arial;
padding: 2px 0 0 2px;
HEIGHT: 15px;
BORDER: #BBB 1px solid;
FONT-SIZE: 11px;
color: #333;
background-color: #FFF;
}
input.submit {
font-size: 11px;
font-family: tahoma, arial;
color: #333333;
}
select {
font-size: 11px;
font-family: tahoma, arial;
color: #333333;
}
.cartarea {
padding: 0 0 0 2px;
overflow-y: scroll;
font-family: tahoma, arial;
BORDER: #BBB 1px solid;
FONT-SIZE: 11px;
background-color: #fff;
}
/* gui_login_information & gui_schulkameraden_online */
.loginInfoProfile {
padding-left: 7px;
}
a img {
display: block;
}
.pbar {
background: url(b/layout/pbar.png);
}
.bar0 {
background: url(b/layout/bar_begin.png) 0px 0px no-repeat;
}
.bar1 {
background: url(b/layout/bar_bg.png) 0px 0px repeat-x;
}
.bar2 {
background: url(b/layout/bar_end.png) right top no-repeat;
}
.bar3 {
padding-right: 1px;
text-align: right;
background: url(b/layout/bar_bg.png) 0px 0px repeat-x;
}
.rahmenunten_horange {
BORDER-BOTTOM: #ffdfae 1px solid;
}
.rahmenoben_horange {
BORDER-TOP: #ffdfae 1px solid;
}
.rahmenrechts_horange {
BORDER-RIGHT: #ffdfae 1px solid;
}
.rahmenlinks_horange {
BORDER-LEFT: #ffdfae 1px solid;
}
.rahmenunten_grau2 {
BORDER-BOTTOM: #CCCCCC 1px solid;
}
.rahmenoben_grau2 {
BORDER-TOP: #CCCCCC 1px solid;
}
.rahmenrechts_grau2 {
BORDER-RIGHT: #CCCCCC 1px solid;
}
.rahmenlinks_grau2 {
BORDER-LEFT: #CCCCCC 1px solid;
}
.chat_trenn {
BORDER-BOTTOM: #DDDDDD 1px dashed;
}
.chat_trenn2 {
BORDER-BOTTOM: #DDDDDD 1px dashed;
BORDER-LEFT: #DDDDDD 1px dashed;
}
.rahmenunten_grau {
BORDER-BOTTOM: #DDDDDD 1px solid;
}
.rahmenoben_grau {
BORDER-TOP: #DDDDDD 1px solid;
}
.rahmenrechts_grau {
BORDER-RIGHT: #DDDDDD 1px solid;
}
.rahmenlinks_grau {
BORDER-LEFT: #DDDDDD 1px solid;
}
body {
margin: 0;
padding-top: 4px;
background-color: #ffffff;
}
body, div {
font-size: 11px;
font-family: tahoma, arial;
color: #333333;
}
img {
border-width: 0px;
}
#mf_big {
width: 930px;
margin: 5px auto;
padding: 0;
}
#mf_big img {
display: inline;
}
#mf_cont {
margin: 15px auto 0 auto;
padding: 0;
}
#mf_cont div, #mf_cont table {
margin: 0 auto;
}
#mf_cont img {
display: inline;
}
#mf_text {
line-height: 15px;
}
#mf_text img {
display: inline;
display: none;
}
#mf_sky {
text-align: center;
}
#mf_sky div {
margin: auto;
}
.sw_news {
margin-top:9px;
margin-bottom:9px;
}
.scc_advert {
margin-top:9px;
margin-bottom:9px;
}
#scc_logout_content {
display: block;
}
form {
display: inline;
padding:0;
margin:0;
}
#paddingleft2 {
padding-left: 2px;
}
#paddingright2 {
padding-right: 2px;
}
.ueberbalken {
background-color: #7f7f7f;
}
.rot {
color: #CD3434;
}
.uhr {
color: #999999;
font-size: 9px;
padding-left: 5px;
}
.orange {
color: #ff9900;
}
.grau {
color: #888888;
}
.mp1 {
background-color: #EEEEEE;
padding-top: 3px;
padding-bottom: 3px;
}
.mp2 {
background-color: #F8F8F8;
padding-top: 3px;
padding-bottom: 3px;
}
.graupadding {
color: #999999;
padding-left: 7px;
line-height: 16px;
vertical-align: top;
}
.border_weiss {
border-color: #FFFFFF;
border-width: 5px;
}
.border_grau {
border-color: #DDDDDD;
}
.ueber {
color: #FF9900;
font-size: 15px;
font-weight: bold;
line-height: 20px;
}
.ueber13 {
color: #FF9900;
font-size: 13px;
font-weight: bold;
}
.rechtenav {
background-color: #EEEEEE;
}
.bg_dunkelgrau {
background-color: #CCCCCC;
}
.bg_weiss {
background-color: #FFFFFF;
}
.bg_orange {
background-color: #ff9900;
}
.bg_lorange {
background-color: #ffc164;
}
.bg_horange {
background-color: #ffe2b6;
}
.bg_grau {
background-color: #CFCFCF;
}
.bg_hellgrau {
background-color: #E3E3E3;
}
.bg_hellgrau2 {
background-color: #EEEEEE;
}
.bg_hellgrau3 {
background-color: #F5F5F5;
}
.bg_red {
background-color: #FF0000;
}
.bg_blue {
background-color: #005AFF;
}
.grauerrahmendot {
BORDER-RIGHT: #999999 1px dotted;
BORDER-TOP: #999999 1px dotted;
BORDER-LEFT: #999999 1px dotted;
BORDER-BOTTOM: #999999 1px dotted;
}
.grauerrahmen2 {
BORDER-RIGHT: #CCCCCC 1px solid;
BORDER-TOP: #CCCCCC 1px solid;
BORDER-LEFT: #CCCCCC 1px solid;
BORDER-BOTTOM: #CCCCCC 1px solid;
}
.importerbox {
margin:15px;
}
* html .importerbox {
margin:8px;
margin-right:7px;
}
.grauerrahmen {
BORDER-RIGHT: #E0E0E0 1px solid;
BORDER-TOP: #E0E0E0 1px solid;
BORDER-LEFT: #E0E0E0 1px solid;
BORDER-BOTTOM: #E0E0E0 1px solid;
}
.horangerahmen {
BORDER-RIGHT: #ffdfae 1px solid;
BORDER-TOP: #ffdfae 1px solid;
BORDER-LEFT: #ffdfae 1px solid;
BORDER-BOTTOM: #ffdfae 1px solid;
}
.lorangerahmen {
BORDER-RIGHT: #ffc876 1px solid;
BORDER-TOP: #ffc876 1px solid;
BORDER-LEFT: #ffc876 1px solid;
BORDER-BOTTOM: #ffc876 1px solid;
}
.orangerahmen {
BORDER-RIGHT: #ff9900 1px solid;
BORDER-TOP: #ff9900 1px solid;
BORDER-LEFT: #ff9900 1px solid;
BORDER-BOTTOM: #ff9900 1px solid;
}
.weisserrahmen {
BORDER-RIGHT: #FFFFFF 1px solid;
BORDER-TOP: #FFFFFF 1px solid;
BORDER-LEFT: #FFFFFF 1px solid;
BORDER-BOTTOM: #FFFFFF 1px solid;
}
td {
color: #333333;
line-height: 16px;
font-size: 11px;
}
img {
border-color: #FFFFFF;
border-style: solid;
}
table.msgbox {
font-family: tahoma, arial;
padding: 2px 0 0 2px;
HEIGHT: 19px;
BORDER: #ff0000 1px solid;
color: #666666;
background-color: #ffe5be;
width:95%;
margin:0 auto;
}
table.msgbox2 {
font-family: tahoma, arial;
padding: 2px 0 0 2px;
HEIGHT: 19px;
BORDER: #00ff00 1px solid;
color: #666666;
background-color: #daffda;
width:95%;
margin:0 auto;
}
.topic {
font-weight: bold;
padding-left: 5px;
background-image: url(b/layout/topic_bg.png);
background-repeat: no-repeat;
background-position: right top;
height: 20px;
}
/* hiclip Uploadformular */
.hiclip_api1 {
width: 600px;
}
.hiclip_api1 table {
padding:15px 60px;
}
.hiclip_api1 td {
}
.hiclip_api1 h1 {
font-size:13px;
color:#FF9900;
border-bottom:1px solid #FF9900;
padding-left:10px;
}
.hiclip_api1 h2 {
font-size:11px;
}
.hiclip_api1 strong {
color: #333;
}
.hiclip_api1 .hiclip_helptxt {
color: #333;
}
.hiclip_api1 .hiclip_input {
font-family: tahoma, arial;
padding-top: 2px;
padding-left: 3px;
margin-bottom:10px;
HEIGHT: 19px;
BORDER-RIGHT: #BBBBBB 1px solid;
BORDER-TOP: #BBBBBB 1px solid;
FONT-SIZE: 11px;
BORDER-LEFT: #BBBBBB 1px solid;
BORDER-BOTTOM: #BBBBBB 1px solid;
color: #333333;
background-color: #FFFFFF;
}
.hiclip_api1 .hiclip_small {
}
.hiclip_api1 .hiclip_verysmall {
}
.hiclip_api1 .hiclip_button{
font-size: 11px;
font-family: tahoma, arial;
color: #333333;
}
.hiclip_api1 .hiclip_status {
color: #999;
}
.hiclip_api1 .description {
}
.hiclip_api1 textarea {
width: 100% !important;
}
.hiclip_api1 .hiclip_upload_border {
width: 500px;
border: 1px solid #ccc;
padding: 1px;
}
.hiclip_api1 .hiclip_upload_bar {
font-size: 0;
text-indent: -5000px;
height: 12px;
background: #FF9900;
width: 10%;
margin: 0;
}
.topic {
font-weight: bold;
padding-left: 5px;
background-image: url(b/layout/topic_bg.png);
background-repeat: no-repeat;
background-position: right top;
height: 20px;
}
/* hiclip Uploadformular */
.hiclip_api1 {
width: 600px;
}
.hiclip_api1 table {
padding:15px 60px;
}
.hiclip_api1 td {
}
.hiclip_api1 h1 {
font-size:13px;
color:#FF9900;
border-bottom:1px solid #FF9900;
padding-left:10px;
}
.hiclip_api1 h2 {
font-size:11px;
}
.hiclip_api1 strong {
color: #333;
}
.hiclip_api1 .hiclip_helptxt {
color: #333;
}
.hiclip_api1 .hiclip_input {
font-family: tahoma, arial;
padding-top: 2px;
padding-left: 3px;
margin-bottom:10px;
HEIGHT: 19px;
BORDER-RIGHT: #BBBBBB 1px solid;
BORDER-TOP: #BBBBBB 1px solid;
FONT-SIZE: 11px;
BORDER-LEFT: #BBBBBB 1px solid;
BORDER-BOTTOM: #BBBBBB 1px solid;
color: #333333;
background-color: #FFFFFF;
}
.hiclip_api1 .hiclip_small {
}
.hiclip_api1 .hiclip_verysmall {
}
.hiclip_api1 .hiclip_button {
font-size: 11px;
font-family: tahoma, arial;
color: #333333;
}
.hiclip_api1 .hiclip_status {
color: #999;
}
.hiclip_api1 .description {
}
.hiclip_api1 textarea {
width: 100% !important;
}
.hiclip_api1 .hiclip_upload_border {
width: 500px;
border: 1px solid #ccc;
padding: 1px;
}
.hiclip_api1 .hiclip_upload_bar {
font-size: 0;
text-indent: -5000px;
height: 12px;
background: #FF9900;
width: 10%;
margin: 0;
}
#LiveSignupIframe {
height:890px;
}
* html #LiveSignupIframe {
height:970px;
}
.trackaktion {
position:absolute;
background: url(b/dyn_sb.png) top center no-repeat;
color:#fff;
padding:5px;
padding-bottom:3px;
max-width:150px;
overflow:hidden;
display:none;
width:150px;
margin-left:-48px;
margin-top:16px;
}
.musicPlay {
display:block;
text-indent:-99999px;
background:url(b/music_play.png) 0 0 no-repeat;
}
.musicPause {
display:block;
text-indent:-99999px;
background:url(b/music_pause.png) 0 0 no-repeat;
}
.musicPlay:hover, .musicPause:hover {
background-position:0 -16px;
}
.musicPlay:focus, .musicPause:focus {
outline:none;
}
/*Newspoint */
#newspoint a.musik:hover{
background:#e9e5d8;
}
#newspoint a.tv:hover{
background:#c7e9e5;
}
#newspoint a.sport:hover{
background:#c7e9e0;
}
#newspoint a.digital:hover{
background:#c7eaf0;
}
#newspoint a.kino:hover{
background:#e5dcdd;
}
#newspoint a.lifestyle:hover{
background:#e6dfe4;
}
#newspoint a.weltweit:hover{
background:#d1e4ed;
}
#PrestiAdHeader {
width: 100%;
background: #fff;
border-bottom: 1px solid #eee;
height: 70px;
overflow: hidden;
text-align: center;
}
#PrestiSkipButton {
margin: 20px 20px 0 0;
font-size: 13px;
}
#PrestiLogo {
margin: 5px -90px 0 20px;
float: left;
}
#Protection {
padding: 50px 55px 40px 40px;
background: url(b/protection_headline.png) no-repeat 20px 15px;
}
#Protection h3 {
padding-bottom: 5px;
color: #666;
border-bottom: 1px solid #ccc;
font-size: 13px;
margin-top: 35px;
}
#Protection p {margin-bottom: 10px;}
#Protection ul {
margin:0;
padding: 0;
}
#Protection ul li {
margin:0;
list-style: none;
margin-top: 25px;
}
#Protection dl,
#Protection dt,
#Protection dd {margin: 0;}
#Protection dt {
display: block;
float: left;
width: 12px;
height: 15px;
text-indent: -9999px;
margin-top: 3px;
}
#Protection dt.one {background: url(b/protection_count.png) no-repeat; height: 14px;}
#Protection dt.two {background: url(b/protection_count.png) no-repeat 0 -14px ;height: 14px;}
#Protection dt.three {background: url(b/protection_count.png) no-repeat 0 -28px ;height: 14px;}
#Protection dt.four {background: url(b/protection_count.png) no-repeat 0 -43px ;height: 14px;}
#Protection dt.five {background: url(b/protection_count.png) no-repeat 0 -57px ;height: 15px;}
#Protection dt.six {background: url(b/protection_count.png) no-repeat 0 -72px ;height: 15px;}
#Protection ul li dd {margin-left: 30px;}
#Protection ul li strong {
font-size: 13px;
display: block;
margin-bottom: 6px;
}
#Protection .floatRight {
float: right;
margin-right: 25px;
margin-top: 20px;
}
* html #newspoint a img.npArtikelBild {
margin-left:2px !important;
}
* html .trackaktion {
position:absolute;
background: url(b/dyn_sb_obenlinks.png) top left no-repeat;
color:#fff;
width:160px;
padding:3px 0 3px 8px;
margin-top:0px;
display:none;
margin-left:-65px;
}
*+ html .trackaktion {
position:absolute;
background: url(b/dyn_sb_obenlinks.png) top left no-repeat;
color:#fff;
width:160px;
padding:3px 0 3px 8px;
margin-top:0px;
margin-left:-70px;
display:none;
}
*+ html .empfehlung{
background: url(b/dyn_sb.png) top center no-repeat;
margin-top:16px;
margin-left:-89px;
padding: 8px 3px 5px 5px;
}
* html .empfehlung{
background: url(b/dyn_sb.png) top center no-repeat;
margin-top:16px;
margin-left:-92px;
padding: 8px 3px 5px 5px;
}
*+ html .empfehlung .musicAddNo {
margin-left:100px;
}
* html .empfehlung .musicAddNo {
margin-left:100px;
}
*+ html .empfehlung #musicOkButton {
left:90px;
}
*+ html .empfehlung #musicCantAdd {
margin-left:90px;
}
* html .empfehlung #musicOkButton {
left:90px;
}
* html .empfehlung #musicCantAdd {
margin-left:90px;
}
*+ html #musicNotOkButton {
left:70px;
}
*+ html #musicOkButton {
left:70px;
}
*+ html .musicAddNo {
margin-left:75px;
}
* html #musicNotOkButton {
left:70px;
}
* html #musicOkButton {
left:70px;
}
* html .musicAddNo {
margin-left:75px;
}
* html #musicCantAdd {
margin-left:70px;
}
*+ html #musicCantAdd {
margin-left:70px;
}
* html .previewWrap {
margin-left:-30px;
}
* html .handyGamesFooter {
margin-left:15px !important;
}
*+ html .handyGamesFooterUebersicht {
padding-bottom:30px;
}
* html #fotoloader {
overflow:hidden;
}
* html .npEmpfTextSport2 {
width:286px !important;
}
* html img {
-ms-interpolation-mode: bicubic;
}
*+ html img {
-ms-interpolation-mode: bicubic;
}
* html #npBreakingNewsTop {
background:0 none !important;
font-weight:bold !important;
padding:0 !important;
}
* html #npBreakingBatch {
display:none !important;
}
*+html #npBreakingNewsTop {
background:0 none !important;
font-weight:bold !important;
padding:0 !important;
}
*+html #npBreakingBatch {
display:none !important;
}
* html #vvForm {
margin-left:121px !important;
margin-bottom:10px;
}
*+html #vvForm {
margin-bottom:10px !important;
}
#vvSubmit {
float:left;
margin-left:0;
width:120px;
}
*+ html #vvSubmit {
margin-left:-248px !important;
}
* html #vvSubmit {
margin-left:-120px !important;
}
#profilbildHinweis {
left:135px;
}
* html #profilbildHinweis {
left:0px !important;
}
.simfyPlaylists td {
padding-top:5px !important;
}
/* AVO Stuff */
#avoWrapper {
text-align: left;
width: 170px;
float: left;
margin-top: 20px;
}
#avoWrapper div {color: #aaa;}
#avoWrapper .avoContent a img {display: inline;}
#avoWrapper .avoHead {
color: #333;
text-align: center;
margin-bottom: 1px;
}
#avoWrapper .avoContent {
text-align: center;
margin-bottom: 20px;
}
/* microsite pokemon */
#pokeSiteTop *, #pokeSiteBottom * {
font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
text-align: left;
font-size: 14px;
}
#pokeSiteTop {
background: url(b/microsite/pokemon/pokeSiteTop_bg.jpg) center left no-repeat;
height: 973px;
position: relative;
}
#pokeSiteTop .text_content {
margin-left: 21px;
}
#pokeSiteTop .text_content .middle {
padding-top: 138px;
width: 250px;
}
#pokeSiteTop .text_content .middle p {
margin-bottom: 6px;
color: #3d3d3d;
}
#pokeSiteTop .text_content .bottom {
margin-top: 10px;
}
#pokeSiteTop .text_content .bottom p {
color: #47474b;
font-weight: bold;
margin-bottom: 5px;
}
#pokeSiteTop #yourHistoryForm {
clear: both;
margin: 20px 0 0 26px;
}
#pokeSiteTop #yourHistoryForm p {
margin-bottom: 5px;
}
#pokeSiteTop #yourHistoryForm p.column {
float: left;
margin-right: 10px;
}
#pokeSiteTop #yourHistoryForm p label {
display: block;
font-size: 13px;
}
#pokeSiteTop #yourHistoryForm p.disclaim {
font-size: 11px;
color: #1b1b1b;
width: 430px;
margin-top: 6px;
}
#pokeSiteTop #yourHistoryForm p.accept {
margin: 9px 0 2px 0;
float: left;
cursor: pointer;
}
#pokeSiteTop #yourHistoryForm p.accept.error u {
color: #6b1e03;
}
#pokeSiteTop #yourHistoryForm p.accept.error strong {
border: 1px solid #6b1e03 !important;
}
#pokeSiteTop #yourHistoryForm p.accept u {
color: #584e4a;
font-size: 12px;
line-height: 1;
}
#pokeSiteTop #yourHistoryForm p.accept strong.check {
display: block;
border: 1px solid #584e4a;
padding: 1px;
float: left;
margin: 1px 8px 0 0;
}
#pokeSiteTop #yourHistoryForm p strong.check span.userHasCheck {background: #584e4a;}
#pokeSiteTop #yourHistoryForm p.acceptAll {
clear: both;
font-size: 11px;
color: #685c57;
margin-bottom: 4px;
}
#pokeSiteTop #yourHistoryForm p.acceptAll strong {
font-size: 11px;
font-weight: bold;
text-decoration: underline;
cursor: pointer;
}
#pokeSiteTop #yourHistoryForm p.acceptAll strong.active {
color: #222;
}
#pokeSiteTop #yourHistoryForm p strong.check span {
display: block;
height: 8px;
width: 8px;
}
#pokeSiteTop #yourHistoryForm input,
#pokeSiteTop #yourHistoryForm textarea{
background: #fff;
border: 1px solid #b3b3b3;
font-size: 11px;
padding: 1px 2px;
}
#pokeSiteTop #yourHistoryForm input.small {width: 100px;}
#pokeSiteTop #yourHistoryForm input.large {width: 216px;}
#pokeSiteTop #yourHistoryForm textarea {width: 216px; height: 160px;}
#pokeSiteTop #yourHistoryForm input.error,
#pokeSiteTop #yourHistoryForm textarea.error {
border: 1px solid red;
background: #ddd;
}
#pokeSiteTop #yourHistoryForm input.disabled,
#pokeSiteTop #yourHistoryForm textarea.disabled {
background: #eee;
opacity: .9;
}
#pokeSiteTop #yourHistoryForm .layer {
display: block;
position: absolute;
width: 420px;
padding: 10px;
height: 390px;
box-shadow: 0 0 15px #333;
-webkit-box-shadow: 0 0 15px #333;
-moz-box-shadow: 0 0 15px #333;
background: #ddd;
overflow: auto;
margin-top: -445px;
opacity: .9;
border: 2px solid #666;
}
#pokeSiteTop #yourHistoryForm .layer.privacy {
height: 310px;
margin-top: -355px;
padding-bottom: 0;
}
#pokeSiteTop #yourHistoryForm .layer a.close_layer {
color: #333;
text-decoration: underline;
float: right;
font-weight: 700;
font-size: 11px;
}
#pokeSiteTop #yourHistoryForm .layer.invisible {
display: none;
}
#pokeSiteTop #yourHistoryForm .layer ol {
padding-left: 0;
}
#pokeSiteTop #yourHistoryForm .layer li {
margin-bottom: 5px;
margin-left: 20px;
}
#pokeSiteTop #yourHistoryForm .layer li,
#pokeSiteTop #yourHistoryForm .layer p {
font-size: 12px;
color: #000;
}
#pokeSiteTop #yourHistoryForm input#submitPokeForm {
display: block;
width: 101px;
height: 37px;
background: url(b/microsite/pokemon/Pokeform_Submit.png) center left no-repeat;
border: none;
text-indent: -9999px;
margin: 0 0 0 60px;
float: left;
}
#pokeSiteTop #yourHistoryForm span.noData {
color: maroon;
font-size: 11px;
display: none;
margin: 2px 0 0 175px;
position: absolute;
}
#pokeSiteTop #yourHistoryForm span.noData.visible {display: block;}
#pokeSiteBottom {
background: url(b/microsite/pokemon/pokeSiteBottom_bg.jpg) 1px top no-repeat;
height: 607px;
margin-bottom: 5px;
position: relative;
}
#pokeSiteBottom #mainVideo iframe {
position: absolute;
top: 105px;
left: 257px;
}
#pokeSiteBottom #mainVideo #change {
position: absolute;
top: 400px;
left: 254px;
float: left;
width: 236px;
}
#pokeSiteBottom #mainVideo #change a {
display: block;
background: #000;
width: 101px;
height: 74px;
border: 1px solid #aaa;
}
#pokeSiteBottom #mainVideo #change a:hover {
border: 1px solid #fff;
float: left;
}
#pokeSiteBottom #mainVideo #change a.active {
border: 1px solid #f2ca31;
cursor: default;
}
#pokeSiteBottom #mainVideo #change a.changeToOne {
background: url(b/microsite/pokemon/video_thumb_one.png) left top no-repeat;
float: left;
}
#pokeSiteBottom #mainVideo #change a.changeToTwo {
background: url(b/microsite/pokemon/video_thumb_two.png) left top no-repeat;
margin: 0;
float: right;
}
#pokeSiteBottom #mainVideo #change span.relate {
display: block;
position: absolute;
top: 80px;
z-index: 3;
font-size: 13px;
font-weight: bold;
left: 0;
color: #fff;
text-shadow: 1px 1px 1px #000;
}
#pokeSiteBottom #mainVideo #change span.relate.two {
left: 133px;
}
#cta {
background: url(b/microsite/pokemon/pokeSiteBottom_cta.png) left top no-repeat;
position: absolute;
top: 497px;
left: 247px;
display: block;
width:250px;
height:70px;
}
.ctaPackage {
position: absolute;
width: 240px;
top: 10px;
right: 10px;
height: 250px;
}
.ctaDs {
position: absolute;
width: 105px;
top: 573px;
left: 95px;
height: 37px;
}
.ctaNin {
position: absolute;
width: 135px;
top: 573px;
left: 205px;
height: 37px;
}
.ctaOf {
position: absolute;
width: 90px;
top: 573px;
left: 0px;
height: 37px;
}
/* IE 6, hell no!
************************************/
* html #pokeSiteTop #yourHistoryForm input.small {width: 98px;}
* html #pokeSiteTop #yourHistoryForm p {margin-bottom: 3px;}
* html #pokeSiteTop #yourHistoryForm p.accept {
height: 1%;
margin: 5px 0 0 0;
}
* html #pokeSiteTop #yourHistoryForm p.acceptAll {
margin-bottom: 8px;
line-height: 1;
}
* html #pokeSiteTop input#submitPokeForm,
* html #pokeSiteTop #yourHistoryForm p.accept .check span {
font-size:0;
display:block;
line-height:0
}
* html #pokeSiteTop #yourHistoryForm p.accept .check {height: 1%;}
* html #pokeSiteTop #yourHistoryForm input#submitPokeForm {margin: 0 0 0 30px;}
* html #pokeSiteTop #yourHistoryForm span.noData {margin: 2px 0 0 14px;}
/* IE 7 */
*+html #pokeSiteTop #yourHistoryForm input#submitPokeForm {
font-size:0;
display:block;
line-height:0
}
*+html #pokeSiteTop #yourHistoryForm textarea {height: 140px;}
*+html #pokeSiteTop #yourHistoryForm p.accept {margin-bottom: 0;}
*+html #pokeSiteTop #yourHistoryForm p.acceptAll {
line-height:.7;
margin-bottom: 13px;
}
*+html #pokeSiteTop #yourHistoryForm span.noData {margin: 2px 0 0 14px;}
*+html #pokeSiteTop #yourHistoryForm .layer {margin-top: -438px;}
/* IE 8 */
#pokeSiteTop #yourHistoryForm .layer {margin-top: -438px/9;}
body{
padding-bottom:20px;
}
#ChatWrapper, #ChatWrapper *{
margin:0;
padding:0;
}
#ChatWrapper.inactive, #ChatWrapper.inactive #Bar{
opacity:0.7;
-moz-opacity:0.7;
-khtml-opacity:0.7;
filter:Alpha(opacity=70, finishopacity=0, style=0);
filter:alpha(opacity=70);
}
#ChatWrapper.inactive #Bar div:hover {
cursor:default !important;
background-image:none !important;
background-color:transparent !important;
}
#InactiveMessage{
position:fixed;
bottom:5px;
left:10px;
z-index: 1110;
}
#InactiveCommunicationbarMessage a:link, #InactiveMessage a:hover, #InactiveMessage a:visited{
color:#ff0000;
font-weight:bold;
}
#Bar{
position:fixed;
bottom:0;
right:0;
height:25px;
margin:0 20px;
background:#eee url(messenger/images/bg_bar.gif) 0 0 repeat-x;
border-right:1px solid #ccc;
font-size:11px;
padding:0;
z-index:1104;
clear:both;
border-left:1px solid #ccc;
}
#Bar div{
margin-top:0px;
height:23px;
line-height:24px;
border-left:1px solid #ccc;
white-space:nowrap;
padding:0 10px;
border-top:1px solid transparent;
}
#Bar div *{
vertical-align:middle;
margin-right:5px;
line-height:inherit;
}
#Bar div:hover{
height:23px;
background:#fff url(messenger/images/bg_bar_hover.gif) 0 -1px repeat-x;
cursor:pointer;
border-top:1px solid transparent;
}
#ChatMisc{
position:relative;
width:90px;
border-left:1px solid transparent;
border-bottom:1px solid transparent;
border-right:1px solid #ccc;
float:left;
display:none;
margin-left:-1px;
}
#ChatFriends, #ChatSettings{
position:relative;
border-left:1px solid transparent;
border-bottom:1px solid transparent;
border-right:1px solid transparent;
float:right;
}
#ChatSettings img{
margin-top:3px;
}
#ChatFriends img{
margin-bottom:2px;
}
#ChatFriends{width:130px;}
#ChatSettings{width:20px;}
#ChatMisc hr, #ChatFriends hr, #ChatSettings hr{
position:absolute;
top:0px;
left:5px;
border-top:1px solid #eee !important;
border-bottom:1px solid transparent;
border-left:1px solid transparent;
border-right:1px solid transparent;
visibility:hidden;
width:92%;
}
#ChatSettings hr{width:75%;}
.interactionLinkActive hr{
visibility:visible !important;
}
.interactionLinkActive{
background-image:none !important;
background-color:#fff !important;
border-left:1px solid #666 !important;
border-bottom:1px solid #666 !important;
border-right:1px solid #666 !important;
}
.interactionLinkBorder{
border-top:1px solid #666 !important;
}
/* CC-weiteres Fenster */
#ChatMiscWindow{
position:fixed;
z-index:1102;
left:28px;
bottom:23px;
width:110px;
padding:0;
background-color:#fff;
border-left:1px solid #666;
border-top:1px solid #666;
border-right:1px solid #666;
display:block;
visibility:hidden;
}
/* Freunde online- + Einstellungs-Fenster*/
#ChatFriendsWindow, #ChatSettingsWindow{
position:fixed;
z-index:1106;
right:21px;
bottom:25px;
width:192px;
background-color:#fff;
border-left:1px solid #666;
border-top:1px solid #666;
border-right:1px solid #666;
border-bottom:none;
visibility:hidden;
display:table;
overflow:hidden;
}
#FriendsOnlineList{
overflow:scroll;
overflow-x:hidden;
max-height:250px !important;
}
.createRandomChat{
border-top:1px dashed #ccc;
padding:0 5px;
cursor:pointer;
}
#ChatFriends b{
margin:0 !important;
}
#ChatFriendsWindow .animationLoad{
margin:10px 0 10px 82px !important;
display:none;
}
#ChatMiscWindow ul, #ChatSettingsWindow ul{
list-style-position:outside;
padding:0;
margin-left:0;
max-width:192px;
overflow:hidden;
}
#FriendsOnlineList{
padding:0;
margin:0;
width:192px;
}
#ChatMiscWindow ul li,#ChatFriendsWindow #FriendsOnlineList p, #ChatSettingsWindow ul li{
list-style:none;
border-bottom:1px solid #eee;
padding-left:5px;
line-height:25px;
width:192px;
clear:both;
cursor:pointer;
}
#ChatSettingsWindow ul li.dummy{
margin:0 !important;
padding:0 !important;
border:0 !important;
clear:both;
display:none;
}
#ChatSettingsWindow li{
background-color:#f2f2f2;
border-bottom:1px solid #fff !important;
position:relative;
padding-left:40px !important;
}
#ChatSettingsWindow li:hover{
background-color:#fff;
cursor:pointer;
}
#ChatSettingsWindow .optionItem{
cursor:pointer;
position:absolute;
top:6px;
left:5px;
clear:both;
}
#ChatSettingsWindow li .optionItem .optionImage{
height:16px;
width:16px;
background-position:0 0;
float:left;
}
#ChatSettingsWindow li .optionItem .optionArrow{
height:16px;
width:8px;
background-position:0 0;
float:left;
}
#ChatSettingsWindow li:hover .optionItem .optionImage, #ChatSettingsWindow li .optionItem .optionArrow{
background-position:0 -16px;
}
#ChatSettingsWindow li .optionClose{
height:16px;
width:16px;
position:absolute;
top:5px;
left:175px;
background:transparent url(messenger/images/icon_cross.png) 0 0 no-repeat;
}
#ChatSettingsWindow li:hover .optionClose{
background-position:0 -16px;
}
#ChatMiscWindow ul li a:link, #ChatMiscWindow ul li a:visited,
#ChatFriendsWindow #FriendsOnlineList p a:link,#ChatFriendsWindow #FriendsOnlineList p a:visited,
#ChatFriendsWindow .createRandomChat a:link, #ChatFriendsWindow .createRandomChat a:visited,
#ChatSettingsWindow ul li a:link, #ChatSettingsWindow ul li a:visited{
color:#666;
text-decoration:none;
float:left;
line-height:25px;
}
#ChatMiscWindow ul li a:hover, #ChatMiscWindow ul li a:active,
#ChatFriendsWindow #FriendsOnlineList p a:hover,#ChatFriendsWindow #FriendsOnlineList p a:active,
ChatFriendsWindow .createRandomChat a:hover, #ChatFriendsWindow .createRandomChat a:active,
#ChatSettingsWindow ul li a:hover, #ChatSettingsWindow ul li a:active{
color:#222;
text-decoration:none;
line-height:25px;
}
#ChatFriendsWindow #FriendsOnlineList p img,
#ChatFriendsWindow #CreateRandomChat img{
float:left;
display:block;
margin:5px 5px 0 0;
}
#ChatSettingsWindow .setting{
background-color:#fff;
font-size:10px;
clear:both;
padding-left:10px !important;
}
#ChatSettingsWindow .setting a:link, #ChatSettingsWindow .setting a:visited{color:#888;}
#ChatSettingsWindow .setting a:active, #ChatSettingsWindow .setting a:hover{color:#666;}
#ChatSettingsWindow .setting .listIcon{
position:relative;
top:4px;
float:left;
padding-right:5px;
}
#ChatSettingsWindow .setting p{
clear:both;
line-height:13px;
margin:0 20px 5px 0;
}
#ChatSettingsWindow .setting .colors{
margin:0 auto !important;
padding-left:10px;
clear:both;
}
#ChatSettingsWindow .setting .colors *{
float:left;
}
.interactionWindowTitle{
position:relative;
background:#f89500 url(messenger/images/bg_title.gif) 0 0 repeat-x;
height:20px;
color:#fff;
line-height:20px !important;
padding-left:5px !important;
cursor:pointer;
}
.interactionWindowTitle:hover .chatMiscWindowMinimize{
background-position:0 -13px;
}
.loadAnimation{
width:32px;
margin:0 auto !important;
margin-bottom:5px !important;
border-bottom:none !important;
}
.chatMiscWindowMinimize{
position:absolute;
top:8px;
right:5px;
display:block;
width:10px;
height:10px;
background:transparent url(messenger/images/icon_minimize.png) 0 0 no-repeat;
}
/* Icons im ChatFriendsWindow */
.iconAdd, .iconChat, .iconAddDisabled, .iconChatDisabled{
height:16px;
width:16px;
float:right !important;
margin:4px 5px 0 0 !important;
opacity:0.7;
-moz-opacity:0.7;
-khtml-opacity:0.7;
filter:Alpha(opacity=70, finishopacity=0, style=0);
filter:alpha(opacity=70);
}
.iconAdd:hover, .iconChat:hover{
opacity:1;
-moz-opacity:1;
-khtml-opacity:1;
filter:Alpha(opacity=100, finishopacity=0, style=0);
filter:alpha(opacity=100);
}
.iconAdd,.iconAddDisabled{
background:transparent url(messenger/images/icon_add.png) 0 0;
}
#ChatWrapper .iconAdd, #ChatWrapper .iconAddDisabled{
margin-right:25px !important;
}
.iconChat,.iconChatDisabled{background:transparent url(messenger/images/icon_chat.png) 0 0;}
.iconAddDisabled,.iconChatDisabled{
opacity:0.2;
-moz-opacity:0.2;
-khtml-opacity:0.2;
filter:Alpha(opacity=20, finishopacity=0, style=0);
filter:alpha(opacity=20);
cursor:default;
}
.noFriends{
color:#444;
font-size:10px;
border-bottom:none !important;
}
/* Umhuellt ein einzelnes Chatfenster*/
.chatWindowWrapperNormal td, .chatWindowWrapperNormal tr,
.chatWindowWrapperBig td, .chatWindowWrapperBig tr{
margin:0;
padding:0;
}
.chatWindowWrapperNormal, .chatWindowWrapperBig, .chatWindowWrapperMinimized{
position:fixed;
display:block;
bottom:1px;
z-index:1104;
height:260px;
width:200px;
padding:4px 8px 15px 6px;
background:transparent url(messenger/images/bg_chatWindowWrapperNormal.png) 2px 0 no-repeat;
}
.chatWindowWrapperBig{
height:360px;
background:transparent url(messenger/images/bg_chatWindowWrapperBig.png) 2px 0 no-repeat;
}
.chatWindowWrapperMinimized{
height:0px;
background:transparent none 0 0 no-repeat !important;
}
.chatWindowWrapperMinimized .chatTitle,.chatWindowWrapperMinimized .chatWindow{
visibility:hidden;
}
.chatWindowWrapperNormal td, .chatWindowWrapperNormal tr,
.chatWindowWrapperBig td, .chatWindowWrapperBig tr{
margin:0;
padding:0;
}
/* Eigentliches Chatfenster ohne Chatauthor */
.chatWindow{
width:200px;
background-color:#fff;
text-align:left;
border:1px solid #666;
}
.chatWindowWrapperNormal .chatWindow{height:250px;}
.chatWindowWrapperBig .chatWindow{height:350px;}
/* Titel des Chatfensters welcher den Namen(.chatNames) und die SchlieÌ?buttons(.chatClose) beinhaltet */
.chatTitle{
height:20px;
background:#f89500 url(messenger/images/bg_title.gif) 0 0 repeat-x;
width:200px;
display:block;
cursor:pointer;
overflow:hidden;
}
/* Profilbilder der Chatpartner */
.chatPictures{
position:absolute;
top:8px;
left:10px;
max-width:166px !important;
height:30px;
display:block;
overflow:hidden;
background-color:transparent;
background-image:none;
}
.chatPictures .big{
float:left;
height:30px;
width:30px;
margin-right:3px;
background-position:center;
}
.chatNames{
height:20px;
padding-left:40px !important;
float:left;
overflow:hidden;
white-space:nowrap;
color:#fff;
line-height:20px;
text-align:left;
}
.chatNamesBlank{
height:20px;
padding-left:5px !important;
float:left;
overflow:hidden;
white-space:nowrap;
color:#fff;
line-height:20px;
text-align:left;
}
.chatClose{
width:29px;
height:20px;
padding-right:5px !important;
float:right;
}
/* Abstand der SchlieÌ?buttons */
.chatClose a{
margin-top:8px !important;
float:right;
}
.chatCloseTop{
height:15px;
width:12px;
padding:0 !important;
background:transparent url(messenger/images/icon_close_white.png) center 0 no-repeat;
}
.chatMinimize{
height:15px;
width:12px;
padding:0 !important;
background:transparent url(messenger/images/icon_minimize.png) center 0 no-repeat;
}
/* Der Subtitle beinhaltet den Link zum Loeschen des Chatverlaufs */
.chatSubtitleBig{
padding-left:40px !important;
border-bottom: 1px solid #ffebcc;
}
.chatSubtitleBigBlank{
padding-left:5px !important;
border-bottom: 1px solid #ffebcc;
}
.chatSubtitleSmall{
padding-left:2px !important;
border-bottom: 1px solid #ffebcc;
}
.chatSubtitleBig a, .chatSubtitleSmall a{
font-size:10px;
}
/* Zelle in welcher die Chatnachrichten als Tabellenzellen in einer Chattabelle(.chatMessages) dargestellt werden */
.chatContent{
width:200px;
vertical-align:top;
background-color:#f7f7f7;
display:block;
overflow:scroll;
overflow-x:hidden;
border-bottom: 1px solid #ffebcc;
font-size:10px;
white-space:normal;
}
.chatWindowWrapperNormal .chatContent {height:189px;}
.chatWindowWrapperBig .chatContent {height:289px;}
.chatContent *{
color:#000;
}
.chatContent span{
width:180px;
}
.chatMessages0,.chatMessages1,.chatMessages2{
width:180px;
margin-left:2px;
margin-top:-1px !important;
visibility:visible;
}
.chatMessages0 .chatPostOwn *,
.chatMessages0 .chatPostOther *,
.chatMessages0 .chatPostStatus *{
font-size:10px !important;
line-height:13px;
}
.chatMessages1 .chatPostOwn *,
.chatMessages1 .chatPostOther *,
.chatMessages1 .chatPostStatus *{
font-size:11px !important;
line-height:15px;
}
.chatMessages2 .chatPostOwn *,
.chatMessages2 .chatPostOther *,
.chatMessages2 .chatPostStatus *{
font-size:13px !important;
line-height:17px;
}
.chatMessages0 td, .chatMessages1 td, .chatMessages2 td{
width:180px;
border-top:1px dashed #ccc;
padding:3px 0px !important;
display:block;
}
.chatMessages0 p, .chatMessages1 p, .chatMessages2 p{
}
.scrollHelper{
visibility:visible;
}
.chatPostAuthor{
width:80%;
float:left;
}
/* eigener Namen */
.chatPostOwn .chatPostAuthor{
color:#666;
font-weight:bold;
}
/* Name des Chatpartners */
.chatPostOther .chatPostAuthor{
color:#f89500;
font-weight:bold;
}
/* Statusaenderung */
.chatPostStatus span{
padding-right:30px;
}
.chatPostStatus span:first-child{
padding-right:0px;
}
.chatPostStatus, .chatPostStatus .chatPostTime{
color:#999;
font-style:italic;
}
/* Uhrzeit der Nachricht */
.chatPostTime{
color:#666;
text-align:right;
width:20%;
float:right;
}
.smilieCompilation{
background-color:#fff;
border-top:1px solid #ccc;
bottom:48px;
height:75px;
left:7px;
overflow-x:hidden;
position:absolute;
width:190px;
padding:5px;
}
.smilieCompilation img{
padding:2px;
cursor:pointer;
}
.smilieCompilation p{
padding-bottom:10px;
}
.smilieCompilation a.close, .smilieCompilation a.close:link, .smilieCompilation a.close:visited{
float:right;
text-align:right;
font-size:11px;
width:16px;
height:16px;
display:block;
background:#fff url(messenger/images/icon_cross.png) 0 0 no-repeat;
}
.smilieCompilation a.close:link, .smilieCompilation a.close:visited{
text-decoration:none;
background-position:0 0;
}
.smilieCompilation a.close:hover, .smilieCompilation a.close:active{
text-decoration:underline;
background-position:0 -16px;
cursor:pointer;
}
/* Autorenfeld welches neben dem Namen des Autors noch ein Onlineicon und einen SchlieÌ?button beinhaltet*/
.chatAuthor, .chatAuthorMinimized{
position:absolute;
bottom:-1px;
z-index:1104;
height:23px;
width:125px;
float:right;
line-height:25px;
padding:0 20px 0 5px;
}
.chatAuthor span, .chatAuthorMinimized span{
margin-left:2px !important;
}
.chatAuthor{
right:6px;
background-color:#fff;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #666;
border-top:1px solid transparent;
cursor:pointer;
}
.chatAuthorMinimized{
right:6px;
border-top:none !important;
border-right:1px solid #ccc;
border-bottom:1px solid transparent;
border-left:1px solid #ccc;
border-top:1px solid transparent;
}
.chatAuthorMinimized:hover{
background-color:#fde6c3 !important;
border-top:1px solid transparent;
}
.chatAuthor *, .chatAuthorMinimized *{
float:left;
}
.newMessageGadgedPassive{
display:none;
}
.newMessageGadgedActive{
position:absolute;
top:-11px !important;
right:10px;
z-index:1199;
height:25px;
width:25px;
display:block;
}
.newMessageGadgedActive span{
position:absolute;
top:0;
left:0;
height:25px;
width:25px;
margin-left:1px !important;
display:block;
text-align:center;
}
#ChatMiscWindow .newMessageGadgedActive{
top:-10px;
left:-15px;
text-align:center;
}
.newMessageGadgedActive{
color:#fff !important;
}
.chatAuthor hr{
position:absolute;
top:-7px;
left:5px;
border-top:1px solid #eee !important;
border-bottom:1px solid transparent;
border-left:1px solid transparent;
border-right:1px solid transparent;
width:140px;
}
.chatAuthorMinimized hr{
display:none;
}
.chatAuthor .iconOnline,.chatAuthorMinimized .iconOnline,#ChatMiscWindow .iconOnline{
position:relative;
top:4px;
margin-left:-2px !important;
height:16px;
width:16px;
float:left;
}
.chatAuthor .chatCloseBottom, .chatAuthorMinimized .chatCloseBottom{
background-color:transparent !important;
}
.chatCloseBottom{
position:absolute;
top:8px;
right:5px;
height:7px;
width:7px;
padding:0 !important;
display:block;
background:transparent url(messenger/images/icon_close_grey.png) 0 0 no-repeat;
}
.chatCloseBottom:hover{
height:7px;
width:7px;
background:transparent url(messenger/images/icon_close_grey.png) 0 -7px no-repeat;
}
.chatAuthorMinimized{
border-top:1px solid #666;
cursor:pointer;
}
/* Zelle in welcher sich das "Text-Eingabe-Input-Feld" */
.chatInput{
display:block;
padding:4px 0 0 4px !important;
}
.chatInput *{
float:left;
}
.chatInput input{
width:155px;
margin:0 3px;
border:none;
font-size:11px;
}
.chatInput a.smilie{
height:15px;
width:15px;
background:transparent url(messenger/images/icon_smilie.png) 0 0 no-repeat;
padding:0 !important;
}
.chatInput a:hover{
background-position: 0 -15px;
}
#TitleBoxLeft, #TitleBoxRight{
position:fixed;
z-index:1199;
bottom:26px;
padding:0 5px 5px 5px !important;
color:#fff;
line-height:20px;
margin-right:5px;
}
#TitleBoxLeft{
background:transparent url(messenger/images/bg_titleBoxLeft.png) left bottom no-repeat;
}
#TitleBoxRight{
background:transparent url(messenger/images/bg_titleBoxRight.png) right bottom no-repeat;
}
/* Zum Chat einladen */
#AddToChatBackground{
position:fixed;
z-index:1199;
top:0;
left:0;
margin:0 !important;
padding:0 5% 0 10%;
width:85%;
height:100%;
background:transparent url(messenger/images/bg_addToChat.png) 0 0 repeat;
overflow:scroll !important;
overflow-x:hidden !important;
}
#AddToChatBackground .chatWindowWrapperNormal,
#AddToChatBackground .chatWindowWrapperBig{
position:relative;
top:0;
left:0;
right:0;
bottom:0;
float:left;
margin:0 25px 0 25px;
opacity:0.8 !important;
-moz-opacity:0.8 !important;
-khtml-opacity:0.8 !important;
filter:Alpha(opacity=80, finishopacity=0, style=0) !important;
filter:alpha(opacity=80) !important;
display:block !important;
height:260px !important;
}
#AddToChatBackground .chatWindowWrapperNormal:hover,
#AddToChatBackground .chatWindowWrapperBig:hover{
opacity:1 !important;
-moz-opacity:1 !important;
-khtml-opacity:1 !important;
filter:Alpha(opacity=100, finishopacity=0, style=0) !important;
filter:alpha(opacity=100) !important;
}
#AddToChatBackground .chatWindowWrapperNormal .chatWindow,
#AddToChatBackground .chatWindowWrapperBig .chatWindow{
display:block !important;
background-color:#fff;
}
#AddToChatBackground .chatWindowWrapperNormal .chatAuthor, #AddToChatBackground .chatWindowWrapperNormal .chatAuthorMinimized,
#AddToChatBackground .chatWindowWrapperBig .chatAuthor, #AddToChatBackground .chatWindowWrapperBig .chatAuthorMinimized{
display:none !important;
}
#AddToChatHeading{
padding:20px;
width:500px;
background:transparent url(messenger/images/bg_addToChatHeading.png) 0 0 repeat;
color:#fff;
font-size:24px;
margin:0 auto;
text-align:center;
margin-bottom:50px;
font-family:Arial, Helvetica, sans-serif;
}
#AddToChatHeading *{
line-height:30px;
}
.addToChatLayerBlack,.addToChatLayerPlus{
position:absolute;
z-index:1105;
top:5px;
left:7px;
height:250px;
width:200px;
background-color:transparent;
}
.addToChatLayerBlack{
background:transparent url(messenger/images/bg_addToChatBlack.png) 0 0 no-repeat;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
height:180px;
width:160px;
padding:70px 20px 0px 20px;
text-align:center;
}
.addToChatLayerPlus:hover{
background:transparent url(messenger/images/bg_addToChatPlus.png) 0 0 no-repeat;
cursor:pointer;
}
.notifyLayer{
position:absolute;
z-index:1105;
top:5px;
left:7px;
height:250px;
width:200px;
background-color:transparent;
}
.notifyLayer:hover{
background:transparent url(messenger/images/bg_notifyChat.png) 0 0 no-repeat;
cursor:pointer;
}
/* Sonstiges */
.red{color:#ff0000;}
.left{float:left;}
.right{float:right;}#StatusForm {
background:#eee;
overflow:hidden;
padding:7px;
height: 1%;
}
#WriteStatusMessage {
display:block;
width:317px;
float:left;
margin-left:-4px;
}
#StatusMessageWrap {
overflow:hidden;
}
#WriteStatusMessage #hinzuButton {
text-align:right;
padding-top:5px;
}
#StatusInput {
background:url(b/statusInputHome.png) 0 0 no-repeat;
width:317px;
height:35px;
}
#StatusInput #NewStatusUsername {
line-height: 24px;
font-size: 16px;
font-family: Tahoma;
color:#999;
}
#StatusInput input {
width:98%;
outline: auto 0px -webkit-focus-ring-color;
line-height: 24px;
font-size: 16px;
font-family: Tahoma;
color:#999;
background:0;
border:0;
}
#StatusTable {
font-family:Tahoma;
border-left:1px solid #ccc;
height:26px;
width:415px;
}
#StatusNachricht {
line-height: 24px;
font-size: 16px;
font-family: Tahoma;
white-space: nowrap;
border: 0;
color: #999;
width: 97%;
padding: 0;
outline: auto 0px -webkit-focus-ring-color;
}
* + html #StatusNachricht {
vertical-align: top;
line-height: 20px;
height: 20px;
}
* html #StatusNachricht {
margin-top: 5px;
vertical-align: top;
line-height: 20px;
height: 22px;
}
#StatusForm .profileImage50 {
margin-right:10px;
margin-left:0px;
float:left;
width: 50px;
height: 50px;
overflow: hidden;
}
.hideThisUser {
padding:0;
margin:5px 0 0 0;
display:block;
width: 17px;
height: 50px;
}
.hideThisUser:hover {
background: #eee;
}
.hideThisUserButton {
padding: 18px 0 0 2px;
}
.statusMessage {
margin-bottom:0px;
overflow:hidden;
}
.dayAndTime {
font-size: 11px;
color: #999;
line-height: 18px;
}
.statusMessage .quote, .statusCommentText .quote {
font-family:'Arial Black';font-size:17px;font-weight:bold;color:#ccc;line-height:14px;
}
.statusMessage .profileImageWrapperLeft {
float:left;
width:65px;
}
.statusMessage .profileImageWrapperLeft .profileImage50 {
width: 50px;
height: 50px;
margin-top:5px;
overflow: hidden;
}
.statusMessage .profileImageWrapperLeft .commentCounter {
display:block;
margin-left:13px;
font-size:9px;
color:#999;
background:url(b/smallCommentIcon.png) 0 4px no-repeat;
padding-left:16px;
}
.commentUserImage {
display:block;
width: 35px;
height: 35px;
overflow: hidden;
float:left;
margin-right:10px;
margin-top:5px;
}
.inputStatusComment input.cart {
padding-bottom:2px !important;
}
.quoteLeft {
background:url(b/lquo.png) 0 -3px no-repeat;
display:block;
padding-left:17px;
}
.showAllComments {
padding-left:45px;
margin-bottom:5px;
}
.newsItemWrapper {
padding:3px 0 17px;
border-bottom:1px solid #ccc;
}
.birthdayNot {
padding:3px 0 13px;
}
.newsItemWrapper .moreWidth {
margin-right:0 !important;
}
.newsItemWrapper .moreWidth .newsQuote {
width:312px;
}
.newsItemWrapper.lastItem {
padding:3px 0 17px;
border-bottom:0 !important;
}
.newsQuote h3.npHeadline {
margin-top:0;
margin-bottom:3px;
font-size:13px !important;
}
.newsQuote h3.npHeadline a {
font-size:13px !important;
}
h3.anfrageContentHeadline {
margin: 10px 0 9px;
font-size:13px !important;
}
h3.anfrageContentHeadline a {
font-size:13px !important;
}
.anfrageUserLeft {
float:left;
width:60px;
}
.anfrageWrapper {
border:1px solid #ccc;
padding:12px;
margin-top: 2px;
}
.anfrageContent {
margin-left:65px;
margin-top:-5px;
}
.anfrageInnerContent {
margin-top: 12px;
}
.mediaNews {
padding-bottom: 12px;
}
.mediaThumbs a, a.pictureThumb {
display:block;
float:left;
padding:4px !important;
margin-right:7px;
margin-bottom:3px;
margin-top:4px;
border:1px solid #ddd;
}
.mediaThumbs a:hover, a.pictureThumb:hover {
border:1px solid #999;
}
.mediaThumbs a img, a.pictureThumb img {
display:block;
}
#ShowOlderNews {
border-top:1px dashed #ccc;
border-bottom:1px solid #ccc;
padding:10px 0;
text-align:center
}
#ShowOlderNews a {
font-weight:bold;
}
.optionsBar {
background:#eee;
overflow:hidden;
padding: 10px 0 2px;
}
.optionsBar a {
font-weight:bold;
}
.optionsBar p.newsOptionHidden {
padding-left:65px;
background:url(b/newsOptionHidden.png) 13px 4px no-repeat;
margin-bottom: 10px;
}
.optionsBar p.newsOptionNPCat {
padding-left:65px;
background:url(b/newsOptionNPCat.png) 12px 4px no-repeat;
margin-bottom: 10px;
}
.optionsBar table .npCheckCat {
margin-right:10px;
}
.optionsBar table {
width:95%;
}
.optionsBar table td {
padding-left:15px;
}
.optionsBar table label {
font-size:12px;
}
.writeCommentWrap {
overflow:hidden;
}
.writeStatusComment {
margin-left:65px;
overflow:hidden;
margin-bottom:10px;
padding:16px 10px 10px;
background:#eee url(b/newsCommentFormTopBg.png) center -6px no-repeat;
}
* html .quoteLeft {
background:url(b/lquo.png) 0 -3px no-repeat;
display:block;
padding-left:17px;
}
* + html .quoteLeft {
background:url(b/lquo.png) 0 -3px no-repeat;
display:block;
padding-left:17px;
}
.quoteRight {
font-size:15px;
color:#666;
background:url(b/rquo.png) no-repeat scroll right;
padding-right:17px;
height:18px;
}
* html .quoteRight {
font-size:15px;
color:#666;
background:url(b/rquo.png) no-repeat top right;
padding-right:17px;
}
* + html .quoteRight {
font-size:15px;
color:#666;
background:url(b/rquo.png) no-repeat top right;
padding-right:17px;
}
.quoteRight a:link, quoteRight a:hover, .quoteRight a:visited, .quoteRight a:active, .quoteRight a:focus{
font-size:13px;
}
.newsQuoteAndComments {
float: left;
width: 295px;
}
.newsQuote {
width: 295px;
}
.newsQuoteLeft {
background:url(b/lquo.png) 0 -3px no-repeat;
display:block;
padding-left:17px;
min-height:24px;
padding-right:25px;
}
* html .newsQuoteLeft {
background:url(b/lquo.png) 0 -3px no-repeat;
display:block;
padding-left:17px;
margin-left:-17px;
position:relative;
}
* + html .newsQuoteLeft {
background:url(b/lquo.png) 0 -3px no-repeat;
display:block;
padding-left:17px;
margin-left:-17px;
position:relative;
overflow:hidden;
}
.newsQuoteRight {
font-size:11px;
color:#333;
background:url(b/rquo.png) no-repeat scroll right;
padding-right:20px;
}
* html .newsQuoteRight {
font-size:11px;
color:#333;
background:url(b/rquo.png) no-repeat top right;
padding-right:20px;
}
* + html .newsQuoteRight {
font-size:11px;
color:#333;
background:url(b/rquo.png) no-repeat top right;
padding-right:20px;
}
.leftCell {
width:80px;
padding: 6px 5px 5px 7px;
}
.statusCommentsWrap {
margin-top: 14px;
overflow:hidden;
}
.statusComment {
overflow:hidden;
margin-bottom:7px;
}
.statusCommentText {
width:248px;
float:left;
}
.commentpeak {
display:block;
position:relative;
height:8px;
width:15px;
margin-left:10px;
margin-top:-10px;
background:url(b/commentpeak.png) 0 0 no-repeat;
}
* html .commentpeak {
display:block;
position:relative;
height:8px;
width:15px;
left:10px;
margin-bottom:-7px;
top:-10px;
background:url(b/commentpeak.png) 0 0 no-repeat;
}
* + html .commentpeak {
display:block;
position:relative;
height:8px;
width:15px;
left:10px;
top:-10px;
margin-bottom:-7px;
background:url(b/commentpeak.png) 0 0 no-repeat;
}
* html .statusCommentInputProfil {
width:238px !important;
margin-top:-10px;
}
* + html .statusCommentInputProfil {
width:238px !important;
margin-top:-10px;
}
* html .statusCommentInputNews {
width:332px !important;
margin-top:-10px;
}
* + html .statusCommentInputNews {
width:332px !important;
margin-top:-10px;
}
/* Newspoint-Tab */
.newsMessageWrap .newsImageWrapper {
float:left;
width:65px;
}
.newsMessageWrap .newsImageWrapper .profileImage50 {
width: 50px;
height: 50px;
margin-top:5px;
overflow: hidden;
}
.newsMessageWrap .newsImageWrapper .commentCounter {
display:block;
margin-left:13px;
font-size:9px;
color:#999;
background:url(b/smallCommentIcon.png) 0 4px no-repeat;
padding-left:16px;
}
.newsHeadlineAndText {
float:left;
width:310px;
}
h3.npHeadline {
font-size:13px !important;
margin-bottom:3px;
margin-top:0;
}
.newsCommentWrap {
width: 310px;
margin-left: 65px;
padding-top: 14px;
}
.newsUserInfoText {
float: left;
width: 295px;
}
.newsHideThisUser {
height: 35px;
width: 17px;
margin: 5px 0 0;
}
.newsHideThisUserBig {
height: 50px;
width: 17px;
margin: 5px 0 0;
}
.newsHideThisUser:hover, .newsHideThisUserBig:hover {
background-color: #eee;
}
.newsHideThisUser img {
padding: 11px 0 0 2px;
}
.newsHideThisUserBig img {
padding: 18px 0 0 2px;
}
.newsCommentText {
float: left;
overflow: hidden;
width: 245px;
}
/* Einstellungen -> Benachrichtigungen -> Neuigkeiten */
#EinstellungenAnzeigenNeuigkeiten p, #EinstellungenAnzeigenNewspoint p {
padding: 4px 0 8px;
}
.verbFreundWrap {
overflow: hidden;
}
.verbFreundProfil {
padding: 15px 0;
border-top: 1px #ddd solid;
}
.verbFreundProfil img {
padding: 5px 0 2px;
}
.verbFreundProfil .profileValueField {
width: 75px;
text-align: right;
padding-right: 10px;
color: #aaa;
}
.verbFreundProfil .profileName {
font-weight: bold;
}
.verbFreundProfil input {
*width: 150px;
_width: 150px;
}
.verbFreundOrangeBox {
padding: 15px 0;
border-top: 1px #ddd solid;
background-color: #FFEED5;
text-align: center;
}
.verbFreundOrangeBox a {
font-weight: bold;
}
.checkField {
padding-top: 10px;
}
#EinstellungenAnzeigenNewspoint label {
margin-left: 10px;
}
span.musik {
color: #F9722E;
}
span.kino {
color: #C9313D;
}
span.digital {
color: #0091BB;
}
span.sport {
color: #008551;
}
span.weltweit {
color: #4166A8;
}
span.lifestyle {
color: #CE446B;
}
span.tv {
color: #008B76;
}
#EinstellungenAnzeigenNewspoint input.inputButton {
margin-top: 25px;
}
.acListElement
{
list-style:none;
padding:0;
margin:0;display:block;
border-bottom:1px solid #ccc;
width:100%;
overflow:hidden;
z-index:99999;
}
.acSearchLink
{
overflow:hidden;
display:block;
width:100%;
background-color:#fff;
}
.acActive, a:hover.acSearchLink
{
background-color:#eee !important;
text-decoration:none !important;
}
.acProfilBild
{
width:25px;
height:25px;
float:left;
margin:2px 3px;
}
.acHighlight
{
background-color:#ccc;
font-weight:bold;
}
.acName {
padding-right:55px;
white-space:nowrap;
line-height:29px;
width:35%;
overflow:hidden;
}
#FriendListDiv{
max-height:255px;
overflow:auto;
overflow-x:hidden;
width:172px;
}
#SucheAcListUl{
max-height:255px;
overflow:auto;
overflow-x:hidden;
width:153px;
}
#FreundeAcListUl{
max-height:255px;
overflow:auto;
overflow-x:hidden;
width:153px;
}
* + html #FriendList {
overflow-x:hidden;
}
* + html #FreundAcList {
overflow-x:hidden;
}
* + html #SucheAcList {
overflow-x:hidden;
}
* html #FriendListDiv {
height:255px;
z-index:99999;
overflow-y:scroll;
overflow-x:hidden;
background-color:#fff;
}
* html #SucheAcListUl {
height:255px;
z-index:99999;
overflow-y:scroll;
overflow-x:hidden;
background-color:#fff;
}
* html #FreundeAcListUl{
height:255px;
z-index:99999;
overflow-y:scroll;
overflow-x:hidden;
background-color:#fff;
}
* + html #FrienListDiv {
overflow-x:hidden;
overflow-y:scroll;
}
* + html #SucheAcListUl {
overflow-x:hidden;
overflow-y:auto;
height:auto !important;
}
* + html #FreundeAcListUl {
overflow-x:hidden;
overflow-y:auto;
height:auto !important;
}
/*
Document : branded_gr
Created on : 28.04.2010, 15:07:56
Author : Darius Daniali
Description:
Styles für spezielle Gruppen
*/
/* JOY - Das Magazin */
#joy a {
color: #E2007A;
}
#joy a.hnavi {
color: #E2007A;
}
#joy a.hnavi:hover {
background-color: #E2007A;
color: #FFFFFF;
}
#joy .orange {
color: #E2007A;
}
#rssTableData {
padding: 3px 0 4px 7px;
}
#rssTableData .rssTitle {
font-weight: bold;
}
#rssTableData .rssDesc {
color: #999999;
}
#rssTableData a:hover .rssTitle {
font-weight: bold;
text-decoration: underline;
}
#rssTableData a:hover .rssDesc {
color: #999999;
text-decoration: underline;
}
#startseiteEigenesProfilbildLink {
display: block;
height: 155px;
overflow: hidden;
padding: 0px;
width: 155px;
}
h4.tabHeadline {
font-size:13px;
line-height:16px;
margin-top: 0px;
}
img.tabLoaderGif {
padding-left: 4px;
}
#newsNewStatusBar {
background:#eee;
overflow:hidden;
margin: 10px 10px 15px;
padding: 7px;
height: 1%;
}
#newsNewStatusBar .profileImage50 {
float: left;
height: 50px;
margin-left: 0;
margin-right: 0;
overflow: hidden;
width: 50px;
}
#newsNewStatusForm {
float: right;
display: block;
margin-left: 6px;
width: 317px;
}
#newsNewStatusForm #hinzuButton {
padding-top: 5px;
text-align: right;
}
#newsContentBox {
margin: 0 10px 0;
}
h5.newsDate {
color: #666;
font-size: 11px;
border: none;
margin: 0;
padding-bottom: 2px;
}
.newsDateBox {
margin: 0 5px 15px;
overflow: hidden;
}
.newsMessageWrapper {
border: none;
overflow: hidden;
padding: 0;
}
.newsMessageBox {
border-top: 1px solid #CCC;
overflow: hidden;
padding: 3px 0 17px;
}
.newsMessageProfilPic {
float: left;
width: 65px;
}
.newsMessageProfilPic .profileImage50 {
overflow: hidden;
height: 50px;
width: 50px;
margin-top: 5px;
}
.commentCounterWrap {
text-align: center;
width: 50px;
}
.commentCounterText {
background: url("b/smallCommentIcon.png") no-repeat scroll 0 2px transparent;
color: #999999;
display: inline;
font-size: 9px;
padding-left: 16px;
text-align: left;
}
.newsMessageContent {
float: left;
width: 295px;
}
.newsQuote .quote {
font-family:'Arial Black', "Arial","Verdana";
font-size:17px;
font-weight:bold;
color:#ccc;
line-height:14px;
letter-spacing: 1px;
display: inline;
white-space: nowrap;
}
.newsQuote .quote.leftSide {padding-right:3px;}
.newsQuote .quote.rightSide {padding-left:3px;}
.newsWriteCommentWrap {
overflow: hidden;
}
.newsWriteComment {
background: url("b/newsCommentFormTopBg.png") no-repeat scroll center -6px #eee;
margin-bottom: 10px;
margin-left: 55px;
overflow: hidden;
padding: 10px;
}
.inputStatusCommentField {
background: #fff;
border: 1px solid #bbb;
padding-left: 2px;
width: 240px;
height: 1%;
}
* html .inputStatusCommentField {
width:220px;
}
.barShowOlder {
border-top: 1px dashed #CCC;
border-bottom: 1px solid #CCC;
padding: 10px 0;
margin: 0 10px 5px;
text-align: center;
}
.barShowOlder a, .barShowOptions a {
font-weight: bold;
}
.boxNothingToShow {
border: 1px solid #CCC;
padding: 10px;
margin: 0 10px 15px;
}
.boxNothingToShow b {
color: #666;
}
.barShowOptions {
background: #EEE;
padding: 10px 0 12px;
margin: 0 10px 10px;
}
p#showNewsOptions {
background: url("b/newsOptionHidden.png") no-repeat scroll 18px 4px transparent;
padding-left: 70px;
}
#freundVerbergenBox {
margin: 10px;
}
#freundVerbergenBox h4 {
border-bottom:1px solid #F89500;
margin: 0 0 10px;
padding: 0 0 5px;
}
#freundVerbergenBox .profileImage50 {
float: left;
height: 50px;
margin: 4px 12px 0 0;
overflow: hidden;
width: 50px;
}
#freundVerbergenBox p {
margin-bottom: 15px;
}
#freundVerbergenButton {
text-align: right;
}
.margin5 {
margin: 0 !important;
}
.newsMessageWrap {
border-top: 1px solid #CCC;
overflow: hidden;
padding: 3px 0 17px;
}
#npContentBox {
margin: 10px 10px 0;
}
.npAddonWrapWrap {
overflow: hidden;
}
.npAddonWrap {
margin-left: 65px;
padding: 5px 0;
width: 310px;
}
.newsCommentText .quote {
color:#CCCCCC;
font-family:'Arial Black';
font-size:17px;
font-weight:bold;
letter-spacing:1px;
line-height:14px;
}
p#showNPOptions {
background:url("b/newsOptionNPCat.png") no-repeat scroll 12px 4px transparent;
padding-left: 70px;
}
.gbContentBox {
margin: 10px 10px 0;
}
.gbContentBoxToday {
background: #ffefd8;
padding: 5px 0 15px 0;
}
.gbContentBoxToday .gbDateBox {
margin: 0 15px;
overflow: hidden;
}
.gbDateBox {
margin: 0 5px 15px;
overflow: hidden;
}
.gbDateBox .newsDate {
border-bottom: 1px solid #CCC;
}
.gbNotWrapper {
padding: 5px 0;
}
.afContentBox {
margin: 10px 10px 0;
}
.anfrageBoxWrapper {
border: 1px solid #CCC;
margin: 0px 5px 15px;
padding: 10px;
}
a.anfrageHideLink {
margin-top: 1px;
font-size:11px !important;
color:#999 !important;
font-weight:normal;
}
h4.anfragenHeadline {
margin-top:0px;
margin-bottom:0px;
border:0;
padding-top:0px;
font-size:13px;
line-height:17px;
}
h4.anfrageFreundschHeadline {
margin-top:0px;
margin-bottom:0px;
border:0;
padding-left:28px;
padding-top:0px;
font-size:13px;
line-height:16px;
background:url(b/icon_friend.png) 0 2px no-repeat;
}
h4.anfrageGruppeHeadline {
margin-top:0px;
margin-bottom:0px;
border:0;
padding-left:19px;
padding-top:0px;
font-size:13px;
line-height:16px;
background:url(b/icon_group.png) 0 2px no-repeat;
}
h4.anfrageVideoHeadline {
margin-top:0px;
margin-bottom:0px;
border:0;
padding-left:18px;
padding-top:0px;
font-size:13px;
line-height:16px;
background:url(b/icon_video.png) 0 2px no-repeat;
}
h4.anfrageFotoHeadline {
margin-top:0px;
margin-bottom:0px;
border:0;
padding-left:24px;
padding-top:0px;
font-size:13px;
line-height:16px;
background:url(b/icon_foto.png) 0 3px no-repeat;
}
h4.anfrageKlasseHeadline {
margin-top:0px;
margin-bottom:0px;
border:0;
padding-left:31px;
padding-top:0px;
font-size:13px;
line-height:16px;
background:url(b/icon_class.png) 0 2px no-repeat;
}
h4.anfrageGPHeadline {
margin-top:0px;
margin-bottom:0px;
border:0;
padding-left:19px;
padding-top:0px;
font-size:13px;
line-height:16px;
background:url(b/icon_gamespoint.png) 0 2px no-repeat;
}
h4.anfrageFreundschaftHeadline {
margin-top:0px;
margin-bottom:0px;
border:0;
padding-left:29px;
padding-top:0px;
font-size:13px;
line-height:16px;
background:url(b/icon_friend.png) 0 2px no-repeat;
}
.dateAnfrage {
color: #aaa;
}
#keineAnfragenBox h5 {
border: none;
margin-top: 0;
}
#keineAnfragenBox p {
margin: 15px 5px;
color: #666666;
}
#klassenkameradenOnlineWrap, #schulkameradenOnlineWrap {
overflow: hidden;
}
.profileImage40 {
display:block;
overflow: hidden;
width:40px;
height:40px;
}
.profileImage50 {
display:block;
overflow: hidden;
width:50px;
height:50px;
}
#startseitenPopupBox h4 {
border-bottom:1px solid #F89500;
margin:0 0 10px;
padding:0 0 5px;
text-align:center;
}
#startseitenPopupBox p {
margin-bottom:15px;
}
#startseitenPopupButton {
text-align: center;
}
input#popupBeenden {
width: 100px;
}
#NewsTabNaviNeu {
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
#NewsTabNaviNeu li {
float: left;
height: 25px;
list-style: none;
margin: 0 10px 0 0;
}
#NewsTabNaviNeu li.last {
margin: 0px;
float: right;
}
#news {
width: 80px;
}
#gb {
width: 114px;
}
#af {
width: 94px;
}
#np {
width: 90px;
}
#NewsTabNaviNeu li a {
color: #000;
display: block;
font-family: tahoma, arial;
height: 16px;
/* IE6 HACK */
_height: 26px;
margin: 0 0 -1px 0;
overflow: hidden;
padding: 5px 0px;
text-align: center;
text-decoration: none;
}
#NewsTabNaviNeu li a:hover {
background: #CCCCCC;
}
#NewsTabNaviNeu li a.active, #NewsTabNaviNeu li a.active:hover {
background: #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
font-weight: bold;
padding-top: 4px;
}
.badgeLNeu {
background: url(b/tabsBadgeLeft.png) no-repeat left top;
color: #fff;
display: inline-block;
font-size: 9px;
font-weight: normal;
height: 13px;
line-height: 13px;
padding: 0 0 0 5px;
}
.badgeRNeu {
background: url(b/tabsBadgeRight.png) no-repeat right top;
display: inline-block;
height: 13px;
line-height: 13px;
padding: 0 5px 0 0;
}/*
Document : wmtippspiel
Created on : 27.05.2010, 17:01:04
Author : dariusdaniali
Description:
Styles for the WM Tippspiel 2010
*/
/*
Widget Startseite
*/
#wmWidget {
background: #fff;
border: 1px solid #ccc;
}
#heutigeSpiele {
border-bottom: 1px solid #ccc;
overflow: hidden;
padding: 15px;
}
#heutigeSpiele h2 {
border-bottom: 1px solid #ccc;
font-size: 15px;
margin: 0;
padding: 0;
}
#heutigeSpiele h2 span {
font-size: 11px;
color: #888;
}
#heutigeSpiele .spielbeginn {
background: url(b/wmtippspiel/widget_bg_spielbeginn.png) top left no-repeat;
height: 14px;
line-height: 14px;
margin: 15px 5px 0 5px;
text-align: center;
width: 89px;
}
#heutigeSpiele .begegnung {
background: url(b/wmtippspiel/widget_bg_begegnung.png) top left no-repeat;
height: 16px;
padding: 10px 5px;
width: 367px;
}
#heutigeSpiele .vorbei {
font-weight: bold;
}
#heutigeSpiele .flagge1 {
width: 30px;
text-align: center;
}
#heutigeSpiele .land1 {
text-align: right;
text-transform: uppercase;
width: 82px;
}
#heutigeSpiele .spielstand {
text-align: center;
width: 35px;
}
#heutigeSpiele .land2 {
text-align: left;
text-transform: uppercase;
width: 82px;
}
#heutigeSpiele .flagge2 {
width: 30px;
text-align: center;
}
#heutigeSpiele .bericht {
width: 107px;
}
#heutigeSpiele .bericht a {
color: #7CBC00;
}
#zumTippspiel {
background: url(b/wmtippspiel/widget_feld_zumTippspiel.jpg) center center no-repeat;
overflow: hidden;
/* MUSS RAUS !!! */
height: 29px;
}
#zumTippspiel a {
display: block;
font-weight: bold;
text-align: center;
padding: 7px 0;
}
/*
Genereller Krams
*/
.boxWMTippspielPadding {
padding: 20px 30px;
}
#contentWMTippspiel {
background: #EEE;
border-top: 1px solid #E0E0E0;
text-align: left;
}
.headlineWMContent {
border-bottom: 1px solid #7CBC00;
clear: both;
color: #7CBC00;
font-size: 24px;
line-height: 30px;
margin: 0 0 20px;
padding: 2px 10px;
text-align: left;
}
.caution {
color: #333;
float: right;
font-size: 11px;
font-weight: normal;
line-height: 16px;
padding-top: 12px;
}
.red {
color: red;
font-weight: bold;
}
/*
Tab-Navigation
*/
#tabsWMTippspiel {
height: 26px;
}
#tabsWMTippspiel ul {
display: block;
margin: 0 30px;
padding: 0;
}
#tabsWMTippspiel ul li {
display: block;
float: left;
margin-right: 20px;
}
#tabsWMTippspiel ul li.last {
margin-right: 0;
}
#tabsWMTippspiel ul li a {
color: #7CBC00;
display: block;
padding:5px 10px;
text-decoration: none;
}
#tabsWMTippspiel ul li a.select {
color: #fff;
background: #7CBC00;
}
/*
Tippen / Ergebnisse
*/
#chartsReloading {
border: 1px solid #CCCCCC;
margin-bottom: 20px;
padding: 10px;
}
#headlineWMTippspiel {
border-bottom: 1px solid #7CBC00;
color: #7CBC00;
font-size: 15px;
margin: 0 0 10px;
padding: 2px 10px;
text-align: left;
}
#headlineWMTippspiel a {
background: url(b/wmtippspiel/h2_dreieck_scc.gif) no-repeat;
background-position: 0px 3px;
color: #7CBC00;
float: right;
font-size: 11px;
text-decoration: none;
padding: 0 0 0 12px;
}
#boxTippspielRegeln {
margin-bottom: 20px;
padding: 0 10px;
text-align: left;
}
#boxTippspielRegeln .orange {
color: #FF9900;
}
#boxTippspielRegeln h3 {
background: url(b/wmtippspiel/h3_dreieck_gruen.gif) no-repeat;
background-position: 0px 7px;
color: #7CBC00;
font-size: 11px;
margin: 10px 0 0;
padding: 0 0 0 12px;
}
.headlineWMDate {
clear: both;
color: #7CBC00;
font-size: 13px;
margin: 0;
padding: 2px 10px;
}
#contentWMTippspiel .begegnung {
display: block;
float: left;
margin: 0 45px 30px 0;
padding: 0;
}
#contentWMTippspiel .last {
margin: 0 0 30px 0;
}
#contentWMTippspiel .info {
color: #7CBC00;
margin: 0 0 10px;
padding: 0 10px;
}
#contentWMTippspiel .gruppe {
background: url(b/wmtippspiel/tipp_bg_gruppe.png) left top repeat-x;
border: 1px solid #E0E0E0;
border-bottom: none;
font-size: 15px;
font-weight: bold;
line-height: 22px;
margin: 0 10px;
padding: 0 7px 1px;
}
#contentWMTippspiel .tippform {
background: url(b/wmtippspiel/tipp_bg_begegnung.png) left top no-repeat;
height: 105px;
padding: 10px 15px;
width: 215px;
}
#contentWMTippspiel .tippform tr {
height: 20px;
}
.inputWMTipp {
font-family: Tahoma,Arial !important;
height: 10px;
line-height: 11px;
width: 12px;
}
#contentWMTippspiel .land1 {
font-weight: bold;
height: 35px;
padding: 0 2px 0 0;
text-align: right;
text-transform: uppercase;
width: 80px;
}
#contentWMTippspiel .land2 {
font-weight: bold;
height: 35px;
padding: 0 0 0 2px;
text-align: left;
text-transform: uppercase;
width: 80px;
}
#contentWMTippspiel .ball {
font-weight: bold;
height: 18px;
padding: 0;
text-align: center;
width: 18px;
}
#contentWMTippspiel a {
color: #7cbc00;
}
#contentWMTippspiel .save {
padding-left: 10px;
text-align: left;
}
#contentWMTippspiel .left {
padding: 0;
text-align: left;
}
#contentWMTippspiel .right {
padding: 0;
text-align: right;
}
#contentWMTippspiel .center {
padding: 0;
font-weight: bold;
text-align: center;
width: 10px;
}
#wmTippPopupBox h4 {
border-bottom: 1px solid #7cbc00;
color: #7cbc00;
margin: 0 0 8px;
padding: 0 0 2px;
}
#wmTippPopupBox p.right {
text-align: right;
}
#wmTippPopupBox a {
color: #7cbc00;
}
#contentWMTippspiel .gruppe2 {
background: url(b/wmtippspiel/ergeb_bg_gruppe.png) left top no-repeat;
display: block;
font-size: 15px;
font-weight: bold;
height: 24px;
line-height: 24px;
margin: 0 10px;
padding: 0;
text-align: center;
width: 89px;
}
#contentWMTippspiel .gruppenTabelle {
background: url(b/wmtippspiel/ergeb_bg_punkte.png) left top no-repeat;
height: 105px;
padding: 10px 15px;
width: 215px;
}
#contentWMTippspiel .gruppenTabelle tr {
height: 22px;
}
#contentWMTippspiel .gruppenTabelle tr.info {
height: 10px;
line-height: 12px;
margin: 0;
padding: 0;
}
#contentWMTippspiel .gruppenTabelle tr.info td {
line-height: 12px;
margin: 0;
padding: 0;
}
.info2 {
color: #333;
font-size: 8px;
text-align: center;
}
.gruppenland {
color: #fff;
font-weight: bold;
text-align: left;
text-transform: uppercase;
padding-left: 5px;
width: 110px;
}
.torverh {
color: #000;
font-weight: bold;
text-align: center;
width: 48px;
}
.punkte {
color: #000;
font-weight: bold;
text-align: center;
width: 33px;
}
/*
Charts
*/
#boxTippspielStats {
color: #666;
}
#statsImage {
float: left;
margin-right: 20px;
}
#statsInfo {
color: #666;
float: left;
text-align: left;
}
#statsInfo h3 {
font-size: 15px;
margin: 0;
}
#statsInfo h3 a {
font-size: 15px;
}
#statsInfo a {
color: #7CBC00;
font-weight: bold;
}
#statsInfo a.thin {
font-weight: normal;
}
#statsTable {
float: right;
}
#statsTable .leftCol {
color: #666;
font-weight: bold;
padding-right: 5px;
text-align: right;
}
#statsTable .rightCol {
color: #7CBC00;
padding-left: 5px;
text-align: left;
}
#statsTable .rightCol a {
color: #7CBC00;
font-weight: bold;
}
.headlineCharts {
border-bottom: 1px solid #7cbc00;
color: #7cbc00;
font-size: 24px;
line-height: 30px;
margin: 0 0 5px;
padding: 2px 10px;
text-align: left;
}
#chartsNavigation {
color: #666666;
float: right;
padding-top: 13px;
}
#chartsNavigation td {
color: #666666;
}
.headlineSubLine {
color: #666666;
margin-bottom: 20px;
padding: 0 10px;
}
.headlineSubLine h3 {
color: #7cbc00;
font-size: 20px;
font-weight: bold;
margin: 5px 0;
}
.headlineSubLine a {
font-weight: bold;
margin: 0;
padding: 0 !important;
}
.chartsWMBox {
background: #fff;
border: 1px solid #ccc;
margin-bottom: 15px;
}
.chartsWMBox .chartsPlatzierung {
float: left;
font-size: 21px;
font-weight: bold;
line-height: 25px;
padding: 35px 10px 0;
text-align: center;
/* width: 50px;*/
}
.chartsWMBox .chartsPokal {
float: left;
padding: 13px 0 0;
}
.chartsWMBox .chartsInfo {
color: #666666;
float: left;
padding: 10px 0 0 10px;
}
.chartsWMBox .chartsName {
color: #7cbc00;
font-size: 16px;
font-weight: bold;
}
.chartsWMBox .chartsTabelle {
color: #666;
border-left: 1px dotted #ccc;
float: right;
padding: 8px 15px;
width: 100px
}
div.chartsProfilbild {
float: right;
padding: 13px 15px 10px 0;
}
a.chartsProfilbild {
display: block;
height: 70px;
overflow: hidden;
padding: 0;
text-align: right;
width: 70px;
}
a.chartsProfilbild img {
float: right;
}
.chartsNix {
padding: 0 10px;
}
.clear{clear: both;}
#Header * :focus {outline: none;}
* html .hasLayout {
overflow: hidden;
height: 1%;
zoom: 1;
}
* html #Header #NavBox .mainNav a.messages {width: 60px;}
* html #Header #Search .searchInput input {
margin: 1px 0 0 2px;
padding-top: 3px;
height: 15px;
}
* html #Header #NavBox .topNav {width:597px;}
* html #Header #NavBox .mainNav {width:595px;}
*+html #Header #Search .searchInput input {padding-top: 3px; margin: 1px 0 0 2px;}
#Header #Search .searchInput input {padding-top: 5px\9;}
#Header div,
#Header p,
#Header h1,
#Header h2,
#Header #NavBox .mainNav ul {
margin:0;
padding:0;
}
#main_content {padding: 0;}
#Header #Logo {
background:no-repeat left center;
float:left;
width:160px;
height: 90px;
}
#Header #Logo h1 a {
display:block;
text-indent:-9999px;
height:90px;
}
#Header #NavBox {
margin-left:160px;
margin-bottom: 1px;
}
.topNav li,
.mainNav li {margin: 0;}
#Header #NavBox .topNav {
background:url(b/new_header/sprite_NavBar.png) repeat-x left -25px;
margin-bottom:1px;
width:600px;
height:25px;
}
#Header #NavBox .topNav .logoff {
float:right;
background:url(b/new_header/sprite_NavBar.png) no-repeat right -50px;
padding:2px 0;
}
#Header #NavBox .topNav ul {
padding-left:3px;
padding-top:2px;
height:23px;
background:url(b/new_header/sprite_NavBar.png) no-repeat left top;
margin:0;
}
#Header #NavBox .topNav li,#Header #NavBox .topNav a {
display:block;
float:left;
color:#ddd;
}
#Header #NavBox .topNav a {padding:2px 7px 2px;}
#Header #NavBox .topNav a strong {color:#F89500;}
#Header #NavBox .topNav a:hover {
text-decoration:none;
background:#999;
color:#fff;
}
#Header #NavBox .mainNav {
height: 61px;
border:1px solid #e0e0e0;
width: 598px;
background:url(b/new_header/sprite_mainNav.png) no-repeat 7px 2px;
}
#Header #NavBox .mainNav li,
#Header #NavBox .mainNav a {
display:block;
float:left;
position:relative;
}
#Header #NavBox .mainNav p.edit {
position:absolute;
right:0;
top:43px;
z-index:4;
}
#Header #NavBox .mainNav p.edit a {
display:block;
color:#666;
padding:1px 4px;
}
#Header #NavBox .mainNav p.edit a:hover {
background:#F89500;
text-decoration:none;
color:#666;
}
#Header #NavBox .mainNav a {
display:block;
padding-top:43px;
text-align:center;
}
#Header #NavBox .mainNav a span {
display:block;
background:#fff;
padding:1px 0 1px 0;
}
#Header #NavBox .mainNav a:hover {background:transparent;}
#Header #NavBox .mainNav a:hover span {
background:#F89500;
color:#fff;
}
#Header #NavBox .mainNav a.home {width:43px;}
#Header #NavBox .mainNav a.me {width:67px;}
#Header #NavBox .mainNav a.me span {
float:left;
padding:1px 5px;
}
#Header #NavBox .mainNav a.year {width:84px;}
#Header #NavBox .mainNav a.friends {width:85px;}
#Header #NavBox .mainNav a.photo {width:58px;}
#Header #NavBox .mainNav a.groups {width:88px;}
#Header #NavBox .mainNav a.messages {width:63px;}
#Header #NavBox .mainNav a.video,#Header #NavBox .mainNav a.board {width:55px;}
/* General Search Bar */
#Search {
height:25px;
background:url(b/new_header/sprite_NavBar.png) repeat-x left -25px;
}
#Search {width: 760px;}
* html #Search h3 {margin: 0 0pt 0pt 163px;}
* html #Search .searchInput input {margin-top:1px}
*+html #Search .searchInput input {margin-top:1px}
#Search h2 {
float:right;
color:#fff;
background:url(b/new_header/sprite_NavBar.png) no-repeat right -100px;
font-size:15px;
font-weight:700;
padding-top:5px;
padding-right:3px;
margin:0;
}
#Search h3 {
margin: 0 0pt 0pt 168px;
font-size:15px;
padding-top:5px;
color:#fff;
}
#Search .searchInput {
background:url(b/new_header/sprite_NavBar.png) no-repeat left -75px;
height:25px;
float: left;
}
#Search .searchInput input {
background:url(b/new_header/search_bg.png) no-repeat;
border:none;
height:18px;
width:139px;
color:#666;
font:normal 11px/ 1 tahoma, arial, sans-serif;
margin:2px 0 0 2px;
padding:1px 0 2px 17px;
}
#Search .searchInput #SucheAcList {
margin-left: 2px !important;
margin-top:2px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.webkit {
padding-top: 2px;
}
}#video {
background: #eee;
min-height: 300px;
margin-top: -2px;
width: 598px;
padding-bottom: 50px;
}
#video .header {
padding-top: 125px;
background: #fff url('b/video/video_intro.png') no-repeat;
border-bottom: 1px solid #ccc;
}
#video ul,
#video li {
margin: 0;
padding:0;
list-style: none;
}
#video .header li,
#video .header li a {
display: block;
float: left;
}
#video .header li a {
padding: 4px 6px;
margin-left: 10px;
}
#video .header li a:hover {
background: #ffe8c5;
text-decoration: none;
}
#video .header li a.active {
background: #F89500;
color: #fff;
}
#video .content ul.overview li {
margin-top: 13px;
}
#video .content .inner {
width: 576px;
margin: 0 auto;
}
#video .content ul.overview li a {
display: block;
height: 108px;
background: #fff url('b/video/video_overview_sprite.png') no-repeat;
position: relative;
text-decoration: none !important;
}
#video .content ul.overview li a strong {
position: absolute;
left: 160px;
font-weight: normal;
color: #666;
}
#video .content ul.overview li a.music {margin-top: 20px}
#video .content ul.overview li a.music {background-position: 0 0px;}
#video .content ul.overview li a.music strong {top: 24px;}
#video .content ul.overview li a.show {background-position: 0 -105px;}
#video .content ul.overview li a.show strong {top:27px;}
#video .content ul.overview li a.friends {background-position: 0 -210px;}
#video .content ul.overview li a.friends strong {top: 30px;}
#video .content ul.overview li a.you {background-position: 0 -324px;}
#video .content ul.overview li a.you strong {top: 24px;}
#video .content .videoFrame {
margin: 0 auto 25px auto;
text-align: center;
}
#video h2.tinyHeadline {
font-size: 13px;
margin: 12px 0 3px 0;
}
#video h2.tinyHeadline.withLine {
border-bottom: 1px solid #ccc;
padding-bottom: 3px;
}
#video .headlineGroup {
border-bottom: 1px solid #ccc;
margin: 0 0 15px 0;
height: 1%;
}
#video h2.tinyHeadline.left,
#video h2.tinyHeadline.right {
width: 49% !important;
}
#video .specialGroup {margin: 0 0 35px 0;}
#video .specialGroup a img {
background: #666;
color: #bbb
}
#video .teaserShow {
margin-top: 6px;
}
#video .teaserShow a img {
float: left;
background: #fff;
margin: 10px 0 0 9px;
}
#video .teaserShow a.first img {
margin-left: 0;
}
#video .vidFriends dt {
float: left;
}
#video .vidFriends dd {
margin-left: 85px;
}