pngs/leakjoker/SPIEGEL ONLINE - Nachrichte.../style-V3-6-6.css

11025 lines
190 KiB
CSS

body {
font-size: 200%;
}
/* Basisgeruest */
#spWrapper{
min-width: 1105px;
max-width: 3000px;
font-size: 0.75em;
line-height: 1.333em;
background: url("/static/sys/v9/bg/bg_wrapper.jpg") repeat-y 0 0 transparent;
float: left;
}
#spContentWrapper{
width: 900px;
float: left;
}
#spSZM {
position:absolute;
top: -100px;
left: 0px;
}
#spHeader{
position: relative;
width: 900px;
height: 151px;
}
#spHeader.spSearchPage{
height:127px;
}
#spContainer{
width: 856px;
padding: 0 20px 0 24px;
background: url("/static/sys/v9/bg/bg_maincontent.jpg") repeat-x left top #fff;
}
#home #spContainer{
width: 862px;
padding: 0 14px 0 24px;
}
/* #video #spContainer{
padding: 0;
width: 900px;
} */
#spBreadcrumb{
padding: 10px 0 14px 0;
font-size: 0.8333em;
}
#spBreadcrumb #spLoginLinks{
float: right;
list-style: none;
}
#spBreadcrumb #spLoginLinks li{
float: left;
padding-right: 0;
}
#spBreadcrumb #spLoginLinks li.spLast a{
padding-right: 0;
}
#spBreadcrumb #spLoginLinks li a{
padding: 2px 4px 0 4px;
}
#spArticleColumn{
float: right;
width: 522px;
overflow: hidden;
}
.spBigScreen #spArticleColumn,
.spFullScreen #spArticleColumn,
.spNoColumnRight #spArticleColumn{
width: 856px;
clear: left;
float: left;
padding: 20px 0 0;
overflow: visible;
}
#home #spTeaserColumn{
overflow: hidden;
}
#spTeaserColumn{
float: left;
width: 522px;
margin-right: 20px;
}
.spCenterpageContent #spTeaserColumn.spSearchPage{
border-top:4px solid #ECECEC;
padding-top:5px;
}
.spCenterpageContent #spTeaserColumn{
margin-right: 0;
padding-top: 30px;
}
.spCenterpageContent #spSmallTeaserColumn{
padding-top: 10px;
}
#spSmallTeaserColumn{
float: left;
width: 304px;
overflow: hidden;
margin-right: 30px;
padding-top: 15px;
}
#spSmallTeaserColumn.spSearchPage{
border-top:4px solid #ECECEC;
}
.spCenterpageContent #spBreadcrumb,
.spArticle #spBreadcrumb,
.spFullScreen #spBreadcrumb{
background: url("/static/sys/v9/bg/bg_breadcrumb.jpg") repeat-x left bottom transparent;
}
.spTopicContent #spBreadcrumb,
#seite2 #spBreadcrumb{
background: none;
}
.spArticle #spSmallTeaserColumn{
width: 304px; /* 313px; */
margin: 0 30px 0 0;
overflow: hidden;
padding: 19px 0 15px 0;
}
#spBoxColumn{
/*float: left;*/
width: 320px;
overflow: hidden;
background-color: #f6f6f6;
}
#spBoxColumn ul,
#spTeaserColumn ul{
list-style: none;
}
#spBoxColumn .spInfoBox{
overflow: hidden;
padding: 10px;
border: solid 4px #ececec;
background-color: #fff;
width: 292px;
margin-bottom: 18px;
}
#spPartnerBar{
width: 870px;
font-size: 10px;
line-height: 14px;
margin-bottom: 70px;
}
#spPartnerBar a{
color: #666;
}
#spPartnerBar h4{
font-size:1.18em;
}
#spPartnerBar h5{
font-size: 1em;
}
.spTop {
width: 100%;
}
#spContainer .spTop {
padding: 40px 0 20px 0;
overflow: hidden;
clear: both;
}
#spPageFooter .spTop {
background:transparent url("/static/sys/v8/backgrounds/bg_maincontainer_line.gif") repeat-x scroll left top !important;
width: 867px;
margin: 15px 0 45px 0;
padding: 15px 0 0 0;
float: left;
}
.spTop a{
float:right;
display:block;
width:30px;
height:18px;
padding:1px 0 0 28px;
background:url("/static/sys/v9/bg/bg_such-top-sprite.png") no-repeat scroll 0 0 transparent;
font-family:arial,helvetica,geneva,sans-serif !important;
font-size:11px;
font-weight:bold;
letter-spacing:0.05em;
}
.spTop span{ display:none; }
.spDottedLine{
float: left;
margin: 0 0 15px 0;
padding: 0;
width: 100%;
height: 1px !important;
background-image: url("/static/sys/v8/backgrounds/bg_maincontainer_line.gif");
background-repeat: repeat-x;
font-size:1px;
line-height: 1px;
}
.spLine{
clear: both;
border-top:4px solid #ECECEC;
width: 100%;
font-size:1px;
line-height: 1px;
margin: 0 0 15px 0;
padding: 0;
}
/* Popup */
.spPopup,
.spPopup #spWrapper,
.spPopup #spContainer{
background-color: #fff;
background-image: none !important;
margin: 0;
padding: 0;
}
.spPopup #spWrapper{
min-width: 50px;
max-width: 3000px;
width: auto;
}
.spPopup #spContentWrapper{
float: none;
width: auto;
}
.spPopup #spContainer{
width: auto;
}
.spPopup #spArticleColumn{
float: none;
width: auto;
}
/* Werbung */
#spColumnAd {
float:left !important;
margin:0 0 0 5px !important;
padding:0 !important;
}
.spCommercial{
background-color: #f6f6f6;
}
.spCommercial h5{
font-size: 10px !important;
font-weight: normal;
text-align: right;
}
#spTopicHeader{
position: relative;
padding-bottom: 15px;
float: left;
overflow: hidden;
background: url("/static/sys/v9/bg/bg_breadcrumb.jpg") repeat-x left bottom transparent;
}
.spCenterpage #spTopicHeader{
padding-bottom: 14px;
}
.spTopicContent #spTopicHeader{
background: none;
}
#spTopicHeader #spTopicClaim a span,
.spTopicContent #spTopicHeader #spTopicClaim a {
color:#666;
}
#spSponsoredBy{
float:right;
margin:10px 0;
}
#spTopicHeader #spSponsoredBy{
position: absolute;
right: 10px;
bottom: 15px;
float:none;
margin:0;
}
.spSuperBanner{
text-align: center;
/*margin-bottom: 15px;*/
padding: 15px 0;
background: url("/static/sys/v9/bg/bg_breadcrumb.jpg") repeat-x left top transparent;
}
.spCenterpageContent .spSuperBanner,
.spArticleContent .spSuperBanner,
#spSmallTeaserColumn .spSuperBanner{
background: url("/static/sys/v9/bg/bg_breadcrumb.jpg") repeat-x left bottom transparent;
}
.spCenterpageContent #spSmallTeaserColumn .spR300,
.spArticle #spSmallTeaserColumn .spR300,
.spTopicContent #spSmallTeaserColumn .spR300{
border-bottom:4px solid #ECECEC;
clear:both;
overflow:hidden;
padding: 20px 0;
background-color: transparent !important;
}
.spTopicContent #spSmallTeaserColumn .spR300{
border-bottom:4px solid #ECECEC;
}
.spCenterpageContent #spSmallTeaserColumn .spR300 h5,
.spArticle #spSmallTeaserColumn .spR300 h5,
.spTopicContent #spSmallTeaserColumn .spR300 h5{
background: #f6f6f6;
}
#home .spR300{
margin: 15px 0;
border: 4px solid #ECECEC;
overflow: hidden;
}
#home #spBoxColumn .spR300 h5{
margin: 0;
}
#home #spBoxColumn .spSponsoredByAd{
float: right;
}
.spMiddle2Old{
width: 522px !important;
text-align: center;
}
.spMiddle2Old br{
display: none;
}
.spM300{
text-align: center;
width: 304px;
}
#spArticleColumn .spCommercial{
overflow: hidden;
}
#spArticleColumn .spM300,
#home .spM300,
.spCenterpageContent .spM300{
width: 522px;
}
#home .spM300,
#home .spM520,
.spCenterpageContent .spM300,
.spCenterpageContent .spM520{
clear: both;
margin-bottom: 15px;
overflow: hidden;
}
.spM300 .spDottedLine,
.spM520 .spDottedLine{
padding: 0;
margin: 0;
float: none;
width: 100%;
}
.spM300 .spCommercialInner,
.spM520 .spCommercialInner{
margin: 15px 0;
}
.spM300 h5{
width: 522px;
}
.spM520{
width: 522px;
clear: both;
}
#spArticleColumn .spM520 h5{
margin-top: 15px;
}
#home .spM520{
clear: both;
}
.spMInline{
float: right;
}
.spMInline .spM300 h5{
width: 300px;
}
#spArticleColumn .spMInline .spM300{
margin-left: 15px;
margin-bottom: 20px;
width: 300px;
}
.spMInline .spM300 .spCommercialInner{
margin: 15px 0;
}
.spMInline .spM520 h5{
width: 522px;
}
#spArticleColumn .spMInline .spM520{
margin-left:0;
margin-bottom: 20px;
width: 522px;
}
.spMInline .spM520 .spCommercialInner{
margin: 15px 0;
}
/* neues Wallpaper */
.spArticleContent .spTopLine{
}
.spArticleContent .spBottomLine,
.spCenterpageContent .spBottomLine{
margin: 15px 0 0 0;
}
#home .spTopLine{
}
#home .spBottomLine{
display: none;
}
#spR336{
display: none;
}
#spBoxColumn .spMagazinkastenAd{
padding-top: 10px;
}
.spNaviAd{
margin-bottom: 10px;
}
html {
font-size: 100.01%;
height: 100%;
margin: 0;
padding: 0;
}
body {
color: #000;
background-color: #f6f6f6;
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-style: normal;
line-height: 1.333em;
font-weight: normal;
font-variant: normal;
margin: 0;
padding: 0;
}
img {
border:0;
}
#spam a{
color:#C00;
}
a, #spBreadcrumb a{
color: #990000;
text-decoration: none;
}
a span{
color: #000;
text-decoration: none;
}
a:hover, a:hover span {
text-decoration: underline;
}
a:active, a:focus{
outline:0;
}
h1 {
font-size: 1.18em; /*13px*/
font-weight: bold;
color: #666;
margin: 0;
padding: 0;
}
h2{
font-size: 1.5em;
font-weight: bold;
line-height: 1.2777em;
margin: 17px 0 13px 0;
padding: 0;
}
h3 {
font-size: 1em;
margin: 0;
padding: 0;
}
h4 {
color: #666;
font-size: 1.18em; /*13px*/
font-weight: bold;
text-transform: uppercase;
padding:0 0 8px 0;
margin: 0;
}
h5{
font-size: 1em;
line-height: normal;
margin: 0;
padding: 0;
}
h6{
font-size: 0.8333em;
line-height: normal;
margin: 0;
padding: 0;
}
#spWrapper form{
display: inline;
}
hr{
clear: both;
margin: 0 0 15px 0;
padding: 0;
width: 100%;
height: 1px !important;
background-image: url("/static/sys/v8/backgrounds/bg_maincontainer_line.gif");
background-repeat: repeat-x;
font-size:1px;
line-height: 1px;
border: none;
}
i{
padding-left:1px;
}
.spCelink {
background: none !important;
color:orange !important;
}
.spClearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.spImgNoBorder {
border: none !important;
}
.spBreakNoHeight{
line-height:1px !important;
font-size:1px !important;
height:1px;
display:none;
}
.spTeaserIntroTag {
display: none;
}
object:focus, object:active,
input:focus, input:active,
select:focus, select:active,
*[tabindex]:focus, *[tabindex]:active{
outline:0;
}
h2,
h3 a {
color: #900;
}
#reise h2,
#reise h3 a{
color: #F90;
}
#einestages h2,
#einestages h3 a {
color: #aaaaaa;
}
#spam h2,
#spam h3 a {
color: #000;
}
#panorama h2,
#panorama h3 a {
color: #ff724b;
}
#sport h2,
#sport h3 a {
color: #528264;
}
#politik h2,
#politik h3 a {
color: #b10027;
}
#wirtschaft h2,
#wirtschaft h3 a{
color: #34537c;
}
#kultur h2,
#kultur h3 a{
color: #f38030;
}
#netzwelt h2,
#netzwelt h3 a{
color: #556f77;
}
#wissenschaft h2,
#wissenschaft h3 a {
color: #7d9f89;
}
#sptv h2,
#sptv h3 a {
color: #006;
}
#shop h2,
#shop h3 a {
color: #f60;
}
#forum h2,
#forum h3 a{
color: #395a6d;
}
#auto h2,
#auto h3 a {
color: #5888ab;
}
#uniSPIEGEL h2,
#uniSPIEGEL h3 a {
color: #ff4b00;
}
#dossiers h2,
#dossiers h3 a{
color: #f1541d;
}
#abo h2,
#abo h3 a{
color: #f60;
}
#wetter h2,
#wetter h3 a{
color: #357ecc;
}
#schulspiegel h2,
#schulspiegel h3 a{
color: #c30;
}
#unispiegel h2,
#unispiegel h3 a{
color: #ff4b00;
}
#spiegel h2,
#spiegel h3 a{
color: #ea4100;
}
#spHeaderColoured{
background-attachment:scroll;
background-color:#900;
background-image:url(/static/sys/v9/bg/bg_header_sprite.png);
background-position:0 0;
background-repeat:repeat-x;
}
#reise #spHeaderColoured{ background-position:0 -714px; background-color:#f90; }
#panorama #spHeaderColoured{ background-position:0 -510px; background-color:#ff724b; }
#politik #spHeaderColoured{ background-position:0 -612px; background-color:#b10027; }
#schulspiegel #spHeaderColoured{ background-position:0 -816px; background-color:#c30; }
#kultur #spHeaderColoured{ background-position:0 -306px; background-color:#f38030; }
#wirtschaft #spHeaderColoured{ background-position:0 -1632px; background-color:#34537c; }
#netzwelt #spHeaderColoured{ background-position:0 -408px; background-color:#556f77; }
#sport #spHeaderColoured{ background-position:0 -1122px; background-color:#528264; }
#unispiegel #spHeaderColoured{ background-position:0 -1326px; background-color:#ff4b00; }
#video #spHeaderColoured{ background-position:0 -1428px; background-color:#b10027; }
#auto #spHeaderColoured{ background-position:0 -204px; background-color:#5888ab; }
#wissenschaft #spHeaderColoured{ background-position:0 -918px; background-color:#7d9f89; }
#sptv #spHeaderColoured{ background-position:0 -1224px; background-color:#006; }
#spam #spHeaderColoured{ background-position:0 -1734px; background-color:transparent; }
#forum #spHeaderColoured{ background-position:0 -102px; background-color:#395a6d; }
#wetter #spHeaderColoured{ background-position:0 -1530px; background-color:#357ecc; }
#spiegel #spHeaderColoured{ background-position:0 -1020px; background-color:#ea4100; }
#home .spRessortBoxHeader h3.spBlockBullet{
background-attachment:scroll;
background-color:transparent;
background-image:url("/static/sys/v9/icons/ic_ressortteaser-sprite.png");
background-position:-20px 20px;
background-repeat:no-repeat;
}
#home .auto h3.spBlockBullet{ background-position:0 -6px; }
#home .kultur h3.spBlockBullet{ background-position:0 -36px; }
#home .netzwelt h3.spBlockBullet{ background-position:0 -96px; }
#home .panorama h3.spBlockBullet{ background-position:0 -126px; }
#home .politik h3.spBlockBullet{ background-position:0 -156px; }
#home .karriere h3.spBlockBullet{ background-position:0 -156px; }
#home .reise h3.spBlockBullet{ background-position:0 -186px; }
#home .spam h3.spBlockBullet{ background-position:0 -216px; }
#home .sport h3.spBlockBullet{ background-position:0 -246px; }
#home .uniundschule h3.spBlockBullet{ background-position:0 -276px; }
#home .wirtschaft h3.spBlockBullet{ background-position:0 -336px; }
#home .wissenschaft h3.spBlockBullet{ background-position:0 -366px; }
#spHeader *{
margin: 0;
padding: 0;
}
#spHeaderColoured {
height:102px;
}
#spTopNaviDate{
padding: 8px 0 0 20px;
color: #fff;
font-size: 10px;
position: absolute;
top:0;
left:0;
}
#spLogo{
float: left;
padding: 7px 0 0 20px;
margin-top:24px;
}
#spHeader #spChannelName a {
color: #FFFFFF;
float: left;
font-size: 22px;
font-weight: bold;
padding: 18px 0 30px 10px;
text-transform: uppercase;
margin-top: 24px;
}
#home #spChannelName,
#spiegel #spChannelName,
#meinspiegel #spChannelName{
display: none;
}
#spSponSearch{
position: absolute;
right: 20px;
top: 38px;
width: 318px;
}
#spSponSearch fieldset{
border: none;
}
#spSearch{
float:left;
height:19px;
width:260px;
border:solid 1px #999;
background:url(/static/sys/v9/bg/bg_such-top-sprite.png) repeat-x 0 -53px;
margin-right:6px;
padding:3px 0 0 25px;
}
#spSponSearch label{
font-size: 10px;
color: #fff;
}
#spSponSearch #spSearchArticles{
margin: 0;
}
#spHeader ul#spChannel{
clear: both;
padding: 0 0 0 20px;
background: url(/static/sys/v9/bg/bg_mainnav.jpg) repeat-x;
float: left;
width: 880px;
height: 25px;
}
#spHeader ul li{
float: left;
list-style: none;
font-size: 10px;
line-height: normal;
text-transform: uppercase;
}
#spHeader ul#spChannel li a{
display: block;
padding: 6px 10px 7px 10px;
color: #000;
font-weight: bold;
border-right: 1px solid #ededed;
}
#spHeader ul#spChannel li > a{
height: 12px;
}
#spHeader ul#spChannel ul{
background:#FFFFFF;
height:24px;
left:0;
padding-left:20px;
position:absolute;
width:880px;
}
#spHeader ul#spChannel ul li{
padding: 5px 0 7px 0;
text-transform: none;
position: relative;
}
#spHeader #spChannel .spCommercialNav{
padding: 0;
bottom:24px !important;
}
#spHeader ul#spChannel ul li a{
display: block;
}
#spHeader ul#spChannel ul li:hover > ul{
display: block;
}
#spHeader ul#spChannel a.spActive {
background-color: #fff;
border-left: 1px solid #ededed;
}
#spHeader ul#spChannel li li a{
padding: 0 6px;
font-weight: normal;
}
#spHeader ul#spChannel li li li {
margin-right: 10px;
position: static;
float: none;
}
#spHeader ul#spChannel li li a.spActive {
text-decoration: underline;
color: #666;
}
#spHeader ul.spNaviLevel2{
float: left;
margin: 0;
width: auto !important;
padding: 0 0 10px 0 !important;
height: auto !important;
background-color: transparent !important;
}
#spHeader ul#spChannel ul li > ul{
left: 0 !important;
display: none;
position: absolute;
top: 24px;
}
#spHeader ul.spNaviLevel2 li{
display: block;
float: none;
background: url(/static/sys/v9/bg/bg_navilayermiddle_neu.png) repeat-y bottom right transparent;
padding: 0 !important;
min-width:152px;
}
#spHeader ul.spNaviLevel2 li.spNaviBottom{
background: url(/static/sys/v9/bg/bg_navilayerbottom_neu.png) no-repeat top right;
}
#spHeader ul.spNaviLevel2 li a{
white-space:nowrap;
width:auto;
/*min-width:140px;*/
display: block;
width:131px;
padding: 4px 6px !important;
border-right: none !important;
border-left: solid 1px #ccc;
}
#spHeader ul.spNaviLevel2 li a:hover{
background-color: #efefef;
}
li.spDivideNaviAd{
height:14px;
font-size:1px !important;
line-height:1px !important;
}
li.spDivideNaviAd div{
border-left: 1px solid #ccc;
border-right: medium none !important;
padding:7px 6px 6px 7px !important;
width:131px;
height:1px;
}
li.spDivideNaviAd div div{
border:0 none;
margin:0 !important;
padding:0 !important;
height:1px;
background-color:#ccc;
overflow:hidden;
}
#spServiceNav{
xxfloat: right;
xxpadding: 10px 20px 0 0;
position:absolute;
right:20px;
top:10px;
}
#spHeader ul#spServiceNav li a{
color: #fff;
padding: 0px 6px;
border-right: 1px solid #fff;
text-transform: none;
line-height: normal;
}
#spHeader ul#spServiceNav li.spLast a{
border: none;
padding-right:0;
}
#spHeader ul#spServiceNav li a img{
float: left;
margin:-3px -6px 0 6px;
} .spAssetUl li{
line-height: 1.3em;
margin: 0;
padding: 10px 0 0;
}
#spArticleColumn .spContentainer{
width: 100%;
float: none;
border-top: solid 3px #ECECEC;
border-bottom: solid 3px #ECECEC;
overflow: hidden;
padding: 10px 0;
}
#spArticleColumn .spContentainer h4 a{
color:#666666;
}
#spArticleColumn .spContentainer .spArticleImageBox{
float: left !important;
padding-right: 15px;
}
#spArticleColumn .spContentainer ul{
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
#spArticleColumn .spContentainer ul li{
background: transparent url("/static/sys/v8/icons/ic_right_one_arrow_small.gif") no-repeat scroll 0 3px;
font-weight: normal;
margin: 0;
padding: 0 0 0 7px;
}
#spArticleColumn .spContentainer ul li h6{
font-size: 1em;
font-weight: normal;
}
/* Pdf im Printartikel */
.spPdfLink{
background: transparent url("/static/sys/v9/icons/ic_pdf.gif") no-repeat scroll top right;
padding-right: 35px;
width: 85px;
float: left;
margin-bottom: 10px;
}
.spFlashPic{
position: relative;
}
.spFlashPic img{
border:1px solid #666666;
}
.spFlashPic .spIEsixPng{
border: none !important;
bottom: 10px;
position: absolute;
right: 10px;
}
.spFlashCentered object {
display:block;
margin: 0px auto;
}
.spFlashBox {
border:1px solid black;
clear:both;
margin:12px 0 14px;
padding:5px 0 5px 10px;
width:512px;
}
.spFlashBox a {
background-image:url("/static/sys/v8/icons/ic_swf.gif");
background-repeat:no-repeat;
text-align:left !important;
display:block;
line-height:20px;
padding:0 0 0 40px;
}
#spSmallTeaserColumn .spTableAsset{
padding: 10px 0 25px 0;
border-bottom: 4px solid #ececec;
}
.spVoteRes .spTabellesys tr.spVoteResTotal {
background: #e0e0e0;
}
.spVoteRes div.spVoteResBar {
width: 100px;
height: 13px;
margin:3px 0;
}
.spVoteRes div.spVoteResBar span.spVoteResBarVal {
display: block;
height: 100%;
background: #395a6d url("/img/1,1020,902981,00.gif") bottom left repeat-x;
border: 0 none;
border-right: 1px solid #395a6d;
border-left: 1px solid #395a6d;
}
.spVoteRes h2 {
background:transparent url("/static/sys/v9/icons/vote_icon.jpg") no-repeat 100% 50%;
margin:0;
padding:17px 0 13px 0;
}
.spVoteTeaser {
margin:8px 0;
padding:12px 0;
}
.spVoteTeaser p {
margin:3px 0;
}
.spVoteTeaser a {
display:block;
text-align:right;
font-weight:bold;
padding:0 17px 0 0;
margin:12px 0 0 0;
background-position: 100% 6px;
background-image: url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png");
background-repeat: no-repeat;
}
.spVideoAsset {
width:182px;
}
.spVideoAsset .spVideoPic{
border: 1px solid #666;
}
.spVideoAsset .spColumnBoxPic .spVideoPic{
border: 0;
}
/* Center- und Top-Galleries */
.spGalleryBig {
overflow:visible;
position: relative;
margin:14px 0;
width: 522px;
}
.spGalleryBig img {
border:1px solid #666;
float:left;
}
/* Pic-Layer */
.spPicLayer {
position: absolute;
right: 11px;
bottom: 11px;
margin: 0;
padding: 0;
width: auto;
height: 44px;
}
.spPicLayerLeft,
.spPicLayerMiddle,
.spPicLayerRight{
float:left;
margin:0;
padding:0;
height:44px;
}
.spPicLayerLeft{
width:8px;
background:url("/static/sys/v9/buttons/btn_piclayer-sprite.png") no-repeat scroll 0 -100px transparent;
}
.spPicLayerRight{
width:36px;
background:url("/static/sys/v9/buttons/btn_piclayer-sprite.png") no-repeat scroll 0 -200px transparent;
}
.spPicLayerMiddle{
background:url("/static/sys/v9/buttons/btn_piclayer-sprite.png") repeat-x scroll 0 0 transparent;
overflow:hidden;
max-width:450px;
}
.spPicLayerMiddle span.spPicLayerText{
display:block;
margin:13px 8px 0 8px;
font-size:12px;
line-height:15px;
color:#fff;
background:transparent;
}
.spGalleryBigPic {
position: relative;
width: 522px;
height: 252px;
}
.cewarning {
background:red;
color:white;
font-weight:bold;
font-size:10px;
text-align:center;
}
/*** BreitWandPano ***/
#spBreitwandPlayerPane{
position:relative;
width:862px; /* sorgt fuer hasLayout im IE6 */
}
#spBreitwandPlayButtton{
display:block;
position:absolute;
height:43px;
bottom:20px;
left:23px;
}
#spBreitwandPlayButtton img{ border:0 none; }
.spBreitwandDottedList{
margin-bottom:20px;
}
.spBreitwandDottedList p{
margin-top:0;
}
/* *** listbox: ******************************** */
div.spListbox ul, div.spListboxCenterteaser ul {
clear: both;
list-style: none outside none !important;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
div.spListbox ul li {
margin:5px 0;
padding:0 !important;
}
div.spListboxPicnavi ul li {
clear: both;
}
div.spListboxPicnavi ul li a img {
display: block;
}
div.spListbox ul li div.spVideoPic a,
div.spListbox ul li div.spFlashPic a {
display: block;
position: relative;
}
div.spListboxCloser {
clear:both;
padding:0;
margin:0;
border:0;
}
#spArticleColumn div.spListbox div.spListboxCloser,
#spSmallTeaserColumn div.spListbox div.spListboxCloser {
border-bottom: 4px solid #ececec;
padding-bottom: 10px;
}
div.spLisboxBottom {
clear: both;
padding: 0 0 10px 0;
margin: 0;
}
/* *** listbox centerteaser: ************************* */
div.spListboxCenterteaser {
border: none !important;
margin: 0 0 20px 0;
padding:0;
width: 522px;
background:#fff;
}
div.spListboxCenterteaser h4 {
display: none;
}
#spArticleColumn div.spListboxCenterteaser {
border-top: 4px solid #ececec !important;
padding-top: 5px !important;
margin-top: 20px !important;
}
#spArticleColumn div.spListboxCenterteaser h4 {
display: block;
}
div.spListboxCenterteaser ul {
margin: 0;
padding: 0;
}
div.spListboxCenterteaser ul li,
#spArticleColumn div.spListboxCenterteaser ul li {
float:left;
width:162px;
padding:0 0 0 18px;
line-height:1.333em;
background:none;
}
div.spListboxCenterteaser ul li.spFirst,
#spArticleColumn div.spListboxCenterteaser ul li.spFirst {
padding:0;
}
div.spListboxCenterteaser li h4,
#spArticleColumn div.spListboxCenterteaser li h4 {
display:block;
margin:0;
padding:0 0 2px;
color:#666;
text-transform:none;
font-size:1em;
}
div.spListboxCenterteaser .spArticleImageBox {
margin: 0 0 7px 0 !important;
}
div.spListboxCenterteaser .spCredit {
display: none;
}
#spArticleColumn div.spListboxCenterteaser .spListboxCloser,
#spSmallTeaserColumn div.spListboxCenterteaser .spListboxCloser {
padding-bottom: 15px;
border-bottom: 4px solid #ececec;
}
/* *** spHtmlbox: *********************************** */
/* div.spHtmlbox {
margin: 5px 0;
padding: 5px 0;
line-height: 1.36em;
overflow: hidden;
} */
div.spHtmlbox ul {
padding: 0;
}
/* in htmlbox eingefuegtest flash ohne linie und zusaetzlichen abstand: */
.spArticle #spTeaserColumn div.spHtmlbox .spFlash,
.spArticle #spSmallTeaserColumn div.spHtmlbox .spFlash,
.spCenterpageContent #spSmallTeaserColumn div.spHtmlbox .spFlash,
.spArticle #spArticleColumn div.spHtmlbox .spFlash {
margin-top: 0 !important;
margin-bottom: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
padding: 0 0 10px 0!important;
}
/* *** headline for htmlbox and listbox: ************ */
div.spHtmlbox h5,
div.spHtmlbox h4,
div.spListbox h5,
div.spListbox h4 {
font-size: 1.18em;
font-weight: bold;
margin: 0 0 15px;
padding: 0;
}
/* *** headline_link for htmlbox and listbox: ******* */
div.spHtmlbox h5 a,
div.spHtmlbox h4 a,
div.spListbox h5 a,
div.spListbox h4 a {
background-position: 100% 3px;
background-image: url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png");
background-repeat: no-repeat;
color: #666666;
margin: 0;
padding: 0 17px 0 0;
}
/* *** container in spBoxColumn: ******************* */
#spBoxColumn div.spHtmlbox,
#spBoxColumn div.spListbox,
#spBoxColumn div.spMultibox {
margin-bottom: 20px;
border: 4px solid #ECECEC;
width: 292px;
background-color: #FFFFFF;
overflow: hidden;
font-size: 0.92em;
line-height: 1.25em !important;
}
#spBoxColumn div.spHtmlbox,
#spBoxColumn div.spMultibox {
padding: 10px;
}
#spBoxColumn div.spListbox {
padding: 10px 10px 0 10px;
}
#spBoxColumn div.spListbox div.spListboxCloser{
padding-bottom: 10px;
}
/* *** container in spTeaserColumn: ******* ******* */
#spTeaserColumn div.spHtmlbox,
#spTeaserColumn div.spListbox{
border-bottom: 0 none;
border-top: 4px solid #ECECEC;
padding: 20px 0 14px;
}
#spTeaserColumn div.spMultibox {
border-top: 0 none;
border-bottom: 0 none;
}
/* *** container in #home spTeaserColumn: ********* */
#home #spTeaserColumn div.spHtmlbox,
#home #spTeaserColumn div.spListbox,
#home #spTeaserColumn div.spMultibox {
padding: 20px 0;
}
/* *** container in assetcolumn: ********** ******* */
#spSmallTeaserColumn div.spHtmlbox,
#spSmallTeaserColumn div.spListbox {
font-size: 0.92em !important;
line-height: 1.25em !important;
clear: both;
margin: 0;
overflow: hidden;
}
#spSmallTeaserColumn div.spHtmlbox {
border-bottom: 4px solid #ececec;
padding: 20px 0;
}
#spSmallTeaserColumn div.spListbox {
padding: 20px 0 0 0;
}
#spSmallTeaserColumn .spMultibox {
padding: 0;
}
/* *** container in article body: ********* ******** */
#spArticleColumn div.spListbox {
border-top: 4px solid #ececec !important;
padding-top: 10px !important;
margin-bottom: 10px !important;
}
.spArticle #spArticleColumn div.spMultibox {
margin-bottom: 10px;
}
#spArticleColumn div.spHtmlbox {
border-top: 4px solid #ececec !important;
border-bottom: 4px solid #ececec !important;
padding: 10px 0 !important;
margin: 10px 0 !important;
font-size: 0.92em;
line-height: 1.36em;
}
#spArticleColumn div.spHtmlbox h4 {
border: 0 none;
margin: 0 !important;
padding: 19px 0 8px !important;
}#spSmallTeaserColumn br{
clear: none !important;
}
.spArticle #spArticleColumn .spAsset{
border-top: solid 4px #ececec;
border-bottom: solid 4px #ececec;
padding: 16px 0;
font-size: 0.92em;
line-height: 1.36em;
overflow: hidden;
}
.spArticle #spArticleColumn .spAsset.spFlash {
margin:17px 0;
}
.spArticle #spSmallTeaserColumn .spAsset,
.spCenterpageContent #spSmallTeaserColumn .spAsset{
border-bottom: solid 4px #ececec;
padding: 20px 0;
font-size: 0.92em;
line-height: 1.36em;
overflow: hidden;
width: 100% !important;
}
.spArticle #spArticleColumn #spArticleTopAsset .spAsset{
border: 0;
}
#spam .spArticle #spSmallTeaserColumn .spAsset{
padding-top: 12px;
}
.spArticle #spSmallTeaserColumn .spCredit{
font-size: 0.91em;
}
#spArticleColumn h4{
font-size: 1.1em;
padding: 0.65em 0 0.68em 0;
}
.spArticle #spSmallTeaserColumn .spAsset h4 a{
color: #666;
}
.spArticle #spSmallTeaserColumn .spAsset ul{
list-style: none;
margin: 0 0 5px 0;
padding: 0;
}
.spCenterpageContent #spSmallTeaserColumn .spSpiWi{
border-bottom:4px solid #ECECEC;
clear:both;
overflow:hidden;
padding: 20px 0;
}
#spSmallTeaserColumn .spSpiWi h2,
#spSmallTeaserColumn .spSpiWi h4{
padding-bottom: 4px !important;
}
#spSmallTeaserColumn .spSpiWi ul{
margin: 0;
padding: 0;
}
#spSmallTeaserColumn .spSpiWi p{
margin: 0;
color: #666;
font-size: 0.92em;
}
#spSmallTeaserColumn .spSpiWi li,
#spTeaserColumn .spSpiWi li{
background:url("/static/sys/v9/bg/bg_topic-head-bullet-sprite.png") no-repeat scroll 0 -174px transparent;
padding:7px 0 !important;
margin:0;
}
#spSmallTeaserColumn .spSpiWi li a,
#spTeaserColumn .spSpiWi li a{
display: block;
font-size: 1.1em;
font-weight: bold;
padding: 0 0 0 22px;
}
#spSmallTeaserColumn .spSpiWi .spMoreArticles{
padding: 10px 0 0 0;
}
#spSmallTeaserColumn .spAsset li{
padding: 10px 0 0 0;
margin: 0;
}
#spSmallTeaserColumn .spAsset li a{
font-weight: bold;
}
#spiegel #spSmallTeaserColumn .spAsset li a{
font-weight: normal;
}
#spSmallTeaserColumn .spAsset li a span{
color: #000;
font-weight: normal;
}
.spArticle #spSmallTeaserColumn .spMagazine ul{
margin: 15px 0 0 0;
}
.spArticle #spSmallTeaserColumn .spMagazine ul li{
padding: 0;
margin: 0;
}
.spArticle #spSmallTeaserColumn .spMagazine ul li a{
display: block;
background: url("/static/sys/v9/icons/ic_right_one_arrow_small.gif") no-repeat 0 6px;
padding: 2px 0 2px 10px;
font-weight: normal;
line-height: normal;
}
.spArticle #spSmallTeaserColumn .spMagazine p{
line-height: normal;
}
.spArticle #spSmallTeaserColumn .spMagazine h5{
font-size: 1em;
}
#spSmallTeaserColumn .spMoreArticles{
padding: 36px 0 10px 0;
}
#spSmallTeaserColumn .spMoreArticles a{
font-size:1em;
font-weight:bold;
text-transform:uppercase;
background:url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png") no-repeat 100% 4px;
padding-right:15px;
text-align:right;
display:block;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spMultiPartNav{
width: 100%;
height: 23px;
border-bottom: 1px solid #CCC;
margin: 0;
padding: 0;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spMultiPartNav li{
float: left;
margin: 0;
padding: 0;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spMultiPartNav li a{
display: block;
font-size: 0.833em;
background: #EBEBEB url("/img/0,1020,829940,00.gif") repeat scroll 0 100%;
border: 1px solid #CCC;
margin: 0 3px 0 0 !important;
padding: 2px 5px 0;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spMultiPartNav li a.spActive{
color: #666;
background: #FFFFFF url("/img/0,1020,829939,00.gif") repeat scroll 0;
border-bottom: 1px solid #FFFFFF;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spMultiPartNav li span{
color: #000;
font-weight: normal;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spMultiPartContent{
clear: left;
border-bottom: solid 1px #666;
padding-bottom: 10px;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spMultiPartContent ul{
margin: 0;
padding: 0;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spMultiPartContent li{
padding: 0 0 12px 20px;
margin: 0;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spFirstItem{
background:#FFFFFF url("/static/sys/v9/icons/ic_firstitem.gif") no-repeat scroll 0 4px;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spSecondItem{
background:#FFFFFF url("/static/sys/v9/icons/ic_seconditem.gif") no-repeat scroll 0 4px;
}
.spArticle #spSmallTeaserColumn .spMultiPartBox .spThirdItem{
background:#FFFFFF url("/static/sys/v9/icons/ic_thirditem.gif") no-repeat scroll 0 4px;
}
.spReadMore{
width: 100%;
margin: 16px 0 1px 0;
text-align: right;
text-transform: uppercase;
font-weight: bold;
}
.spReadMore a{
background: url("/static/sys/v9/icons/ic_forward.gif") no-repeat right center;
padding: 0 15px 0 0;
}
#spArticleColumn .spPhotoGallery{
padding-bottom: 17px;
border-top: 4px solid #ececec;
border-bottom: 4px solid #ececec;
}
#spArticleColumn .spPhotoGallery .spPhotList{
margin: 0 auto 7px auto;
width: 100%;
}
.spArticle #spSmallTeaserColumn .spPhotoGallery{
width: 304px !important;
}
.spArticle #spArticleColumn .spPhotoGallery{
width: 522px !important;
}
/*
.spArticle #spArticleColumn .spPhotoGallery ul{
margin-left: 0;
}
*/
#spArticleColumn .spPhotoGallery ul{
list-style-image: none;
list-style-position: outside;
list-style-type: none;
width: 522px;
float:none;
margin: 0 auto;
padding: 0;
}
#spArticleColumn .spPhotoGallery ul li{
padding-bottom:0;
}
.spArticle #spSmallTeaserColumn .spPhotoGallery ul li{
float: left;
padding: 2px 0 0 5px ;
margin: 0;
}
.spArticle #spSmallTeaserColumn .spPhotoGallery ul li.spFirst{
padding-left: 0;
}
#spArticleColumn .spPhotoGallery ul li{
float: left;
padding-left: 18px;
margin: 0;
}
#spArticleColumn .spPhotoGallery ul li.spFirst{
padding-left:0;
}
.spPhotoGallery ul li img{
border: solid 1px #666;
}
#spArticleColumn .spPhotoGalleryZitat{
border-width: 3px 0;
border-style: solid none;
border-color: #ececec;
}
.spArticle #spSmallTeaserColumn .spPhotoGalleryZitat .spZitatBox{
border: solid 1px #CCC;
margin: 10px 0 0 0;
padding: 5px 48px 10px 4px;
position: relative;
height: 1%;
}
#spArticleColumn .spPhotoGalleryZitat .spZitatBox{
background-color: #fff;
border: solid 1px #CCC;
margin: 0;
padding: 5px 98px 10px 4px;
position: relative;
height: 1%;
min-height:44px;
}
.spArticle #spSmallTeaserColumn .spPhotoGalleryZitat .spStartButton{
position: absolute;
right: 0px;
bottom: 0px;
width: 48px;
height: 48px;
}
#spArticleColumn .spPhotoGalleryZitat .spStartButton{
position: absolute;
right: 5%;
bottom: 9%;
width: 48px;
height: 48px;
}
.spArticle #spSmallTeaserColumn .spPhotoGalleryZitat .spZitatBox a{
color: #666;
font-size: 1.18em;
font-weight: bold;
line-height: 1.53em;
}
#spArticleColumn .spPhotoGalleryZitat .spZitatBox a{
color: #666;
font-size: 1.33em;
font-weight: bold;
line-height: 1.53em;
}
#spArticleColumn .spPhotoGalleryZitat .spInnerBox{
background-color: #f5f5f5;
padding: 22px 10px 6px 10px;
}
#spArticleColumn .spPhotoGalleryZitat p{
background-color: #f5f5f5;
color: #999;
font-size: 0.833em;
margin: 0;
padding: 0 9px 6px 9px;
}
.spArticle #spSmallTeaserColumn .spXLink .spCredit{
display: block;
font-size: 0.91em;
line-height: normal;
margin:21px 0 2px 0;
color: #666;
}
.spChartBox h4{
padding: 0 0 8px 0 !important;
}
.spArticle #spSmallTeaserColumn h5{
font-size: 1em;
padding: 7px 0 3px 0;
}
.spAssetInner input {
display: block;
float: left;
}
form .spAssetInner ul li span {
display: block;
float: left;
margin: -0.3em 0 1.05em;
width: 80%;
}
/* Votes*/
.spVote {
padding-top:8px !important;
}
.spVote h4 {
background:transparent url("/static/sys/v9/icons/vote_icon.jpg") no-repeat 100% 50%;
padding:5px 0;
}
#spArticleColumn .spVote {
margin: 2.2em 0;
width: 100%;
padding-top:0 !important;
}
#spArticleColumn .spVote ul {
list-style: none outside none !important;
margin:0;
}
#spArticleColumn .spVote p.spVoteQuest {
line-height: 1.36em;
}
.spVote .spVoteOptions{
padding: 2px 0 17px 0;
}
.spVote .spVoteOptions li{
padding: 0 !important;
margin: 0 !important;
clear: left;
}
.spVote .spVoteOptions li input{
margin: 0 0.4em 0 0;
vertical-align: middle;
}
.spArticle #spSmallTeaserColumn .spGetResult{
padding: 3px 0 0 0;
text-align: right;
}
.spArticle #spArticleColumn .spGetResult{
padding: 3px 0 0 0;
text-align: right;
}
/* Fahrzeugschein */
.spArticle #spSmallTeaserColumn .spFahrzeugTable{
width: 100%;
border-collapse: collapse;
margin-top: 11px;
margin-bottom: 4px;
}
.spArticle #spSmallTeaserColumn .spFahrzeugTable .spRow0{
background-color: #f5f5f5;
}
.spArticle #spSmallTeaserColumn .spFahrzeugTable .spRow1{
background-color: #fff;
}
.spArticle #spSmallTeaserColumn .spFahrzeugTable td{
padding: 0 5px;
height: 21px;
border-top: 1px solid #CCC;
border-right: 0 none transparent;
border-bottom: 1px solid #CCC;
border-left: 0 none transparent;
}
.spArticle #spSmallTeaserColumn .spFahrzeugTable .spAlignRight{
border-left: 1px solid #CCC;
}
#spArticleColumn .spMPCBox {
border-top: solid 4px #ececec;
border-bottom: solid 4px #ececec;
font-size: 0.925em !important;
line-height: 1.3em !important;
margin: 0;
padding: 7px 0 0 0;
margin: 0 0 1px 0;
position: relative;
}
#spArticleColumn .spMPCBoxAutoHeight,
#spArticleColumn .spMPCBox {
width:522px;
}
/*
#spSmallTeaserColumn .spMPCBox {
border-bottom:4px solid #ECECEC;
overflow:hidden;
padding:20px 0;
width:100% !important;
font-size: 11px !important;
line-height: 1.3em !important;
margin: 0 0 1px 0;
position: relative;
}
*/
#spSmallTeaserColumn .spInfoBox .spMPCBox{
border: none;
padding: 2px 0 0 0;
}
.spBoxHeadline {
border: 0 none;
margin: 0 !important;
padding: 3px 0 8px 0 !important;
}
.spBoxHeadline a{
color:#666666;
}
.spMPCTabs{
border-bottom:1px solid #CCC;
margin: 0 0 0 0 !important;
padding:0 0 1px 0 !important;
text-align:right;
font-size:0.8333em !important;
}
.spMPCTabs li{
display:inline;
list-style-type:none;
margin:0 0 0 4px !important;
overflow:hidden;
padding:0 !important;
}
li.spMPCTab a{
background:#ebebeb url("/img/0,1020,829940,00.gif") repeat 0% 100%;
padding:2px 3px;
border:1px solid #CCC;
font-weight:bold;
}
li.spMPCTabAktiv a{
color:#666;
border-bottom:1px solid #fff;
padding:2px 3px;
background:#FFFFFF url("/img/0,1020,829939,00.gif") repeat 0% 0%;
}
.spMPCBox .spMPCContentNoHeadline {
padding:10px;
}
.spMPCBoxTicker h3.spMPCTab {
background-color: #F6F6F6;
border-top: 1px solid #CCC;
line-height: 15px !important;
padding: 1px 0 !important;
}
.spMPCBoxTicker h3.spMPCTab a {
color: #666 !important;
display: block;
min-height: 23px;
background: url("/static/sys/v9/buttons/buttonMPCTab.png") no-repeat left center;
padding: 6px 0 1px 23px !important;
}
.spMPCBoxTicker h3.spMPCTabAktiv a {
background: url("/static/sys/v9/buttons/buttonMPCTabAktiv.png") no-repeat left center;
}
#spArticleColumn .spMPCBox .spMPCContent,
#spSmallTeaserColumn .spMPCBox .spMPCContent{
padding: 0 3px 14px 3px;
overflow: hidden;
}
#spArticleColumn .spMPCBoxTicker .spMPCContent,
#spSmallTeaserColumn .spMPCBoxTicker .spMPCContent,
#spArticleColumn .spMPCBox .spMPCContent{
background-color:#F6F6F6;
}
#spSmallTeaserColumn .spInfoBox .spMPCBox .spMPCContent{
padding-top: 0;
}
#spSmallTeaserColumn .spMPCBox .spMPCContent{
padding-top: 1em;
}
#spArticleColumn .spMPCBox .spMPCContent .spArticleImageBox,
#spSmallTeaserColumn .spMPCBox .spMPCContent .spArticleImageBox{
padding-top: 0;
}
#spArticleColumn .spMPCTabs{
margin: 0 !important;
padding: 0;
text-align:left;
}
#spArticleColumn .spMPCContent div{
padding-top: 1em;
}
#spArticleColumn .spAssetAligncenter {
clear:both;
}
#spArticleColumn .spTableAsset{
padding: 0 0 20px;
border-bottom: 4px solid #ececec;
border-top: 4px solid #ececec;
font-size: 11px;
}
table.spTabellesys{
border-collapse: collapse;
border-style: hidden hidden none;
}
table.spTabellesys td{
border: 1px solid #ccc;
vertical-align: top;
padding: 0.2em 4px;
font-size: 11px;
}
table.spTabellesys .spTabellesyskopf{
color: #666;
font-weight: bold;
border: 0 none;
padding: 0.75em 0;
}
table.spTabellesys .spTablesysRowHead{
text-align: left;
background-color: #f5f5f5;
font-weight: bold;
}
table.spTabellesys .spResultTableRow2{
background-color: #f5f5f5;
}
#spArticleColumn .spPdfBox{
width: 100%;
border-top: 4px solid #ececec;
border-bottom: 4px solid #ececec;
margin: 2.2em 0;
}
.spArticle #spSmallTeaserColumn .spPdfBox{
width: 100%;
border-bottom: 4px solid #ececec;
}
#spArticleColumn .spPdfBox .spLinkBox{
padding: 6px 9px;
background-color: #f5f5f5;
font-size: 0.92em; /* 11px */
height: 1%; /* IE needs this */
}
.spArticle #spSmallTeaserColumn .spPdfBox .spLinkBox{
padding: 6px 0 0 0;
height: 1%; /* IE needs this */
}
/* #spArticleColumn + .spArticle #spSmallTeaserColumn */
.spLinkBox a div{
display: inline;
color: #000;
}
/* #spArticleColumn + .spArticle #spSmallTeaserColumn */
.spLinkBox a:hover div{
text-decoration: underline;
}
/* #spArticleColumn + .spArticle #spSmallTeaserColumn */
.spPdfBox img{
float: right;
margin: 4px 0 5px 5px;
}
/* #spArticleColumn + .spArticle #spSmallTeaserColumn */
.spPdfBox p{
margin: 0.6em 0 0 0;
color: #666;
font-size: 0.899em; /* 10 px */
line-height: 1.415em; /* 14 px */
}
/* #spArticleColumn + .spArticle #spSmallTeaserColumn */
.spPdfBox span{
color: #666;
font-size: 0.899em; /* 10 px */
}
#spArticleColumn a.spTextlinkInt,
#spArticleColumn a.spTextlinkExt {
text-decoration:underline;
}
.spTopicAsset{
border-bottom: 4px solid #ECECEC;
margin-bottom: 20px;
overflow: hidden;
padding: 0 0 17px;
}
#spTeaserColumn .spTopicAsset{
width: 475px;
padding:20px 0;
margin:0;
}
.spTopicContent #spSmallTeaserColumn .spTeaser, #spSmallTeaserColumn .spTopicAsset {
margin:0;
padding:20px 0;
}
#spSmallTeaserColumn .spFirstEntry{
padding-top: 0;
}
.spTopicContent .spTopicAsset h2 {
color: #b7b7b7 !important;
font-size: 18px !important;
font-weight: bold;
padding: 0 0 8px;
text-transform: uppercase;
}
.spTopicContent .spTopicAsset .spTopicEditorsPickHeadline {
padding: 0;
}
.spTopicAsset {
font-size: 0.92em;
line-height:1.25em;
}
.spTopicAsset ul{
list-style: none;
margin: 0;
padding: 0;
}
.spTopicAsset li{
padding: 0 0 10px 0;
margin: 0;
}
.spTopicAsset li a{
font-weight: bold;
}
.spTopicAsset li a span{
color: #000;
font-weight: normal;
}
.spDossierAssetBox li{
padding-bottom: 10px;
}
.spTopicAsset .spArticleImageBox,
#spTeaserColumn .spDossierAssetBox .spArticleImageBox{
float: left;
margin:0 15px 17px 0 !important;
}
#spImageGallery li{
float: left;
padding: 0 0 8px 14px;
}
#spImageGallery li.spFirst{
padding-left: 0;
}
#spImageGallery li img{
border: solid 1px #666;
}
.spGlossaryBox{
clear: both;
}
.spGlossaryBox ul{
background-color:#F6F6F6;
height:25px;
padding: 10px 10px 5px 10px !important;
margin: 0 0 18px 0;
}
#spTeaserColumn .spGlossaryBox ul{
height: auto;
overflow: hidden;
}
#spGlossaryContent .spGlossaryBox ul{
margin: 0;
}
.spGlossaryBox ul li{
background: transparent url("/static/sys/v9/bg/bg_glossarylinks.jpg") no-repeat scroll 0 0;
float:left;
font-weight:bold;
height:25px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:5px;
padding:0 0 0 4px !important;
width:25px;
}
.spGlossaryBox .spActive{
background: none;
}
.spGlossaryBox .spActive a{
color: #666;
font-size: 22px;
}
.spGlossaryColumnBox{
clear: both;
}
.spGlossaryColumnBox ul{
background-color:#F6F6F6;
height:25px;
padding: 10px 10px 5px 10px !important;
margin: 0 0 18px 0;
}
.spGlossaryColumnBox ul li{
background: transparent url("/static/sys/v9/bg/bg_glossarylinks.jpg") no-repeat scroll 0 0;
float:left;
font-weight:bold;
height:25px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:5px;
padding:0 0 0 4px !important;
width:24px;
}
.spGlossaryColumnBox ul li.spTopicOverview{
background: none;
}
#spGlossaryContent{
border: 4px solid #ECECEC;
clear: both;
margin: 10px 0;
padding: 10px;
overflow: hidden;
}
.spGlossaryItems{
float: left;
margin: 20px 0 0 0;
padding: 0;
width: 254px;
}
.spGlossaryItems li{
list-style: none;
}
.spGlossaryItems li ul li{
list-style: disc;
color: #900;
list-style-position: outside;
}
.spGlossaryItems li ul {
margin:0;
padding:0 20px 0 21px;
}
#home .spTopThema{
width: 522px;
padding: 20px 0 0 0;
margin-bottom: 20px;
}
#home .spTopThema h2 {
font-size: 1.2em;
line-height: normal;
color: #666;
margin: 0;
}
#home .spTopThema h3 {
font-size: 1.5em;
line-height: 1.2em;
margin: 8px 0;
}
#home #spBothColumnsTeaser{
border-top:1px solid #ececec;
margin-top:-5px;
padding-top:17px;
}
#home #spBothColumnsTeaser .spTopThema{
width:100% !important;
margin-bottom:10px !important;
}
#home #spBothColumnsTeaser .spTopThema h3{
font-size:1.85em !important;
margin-top:5px !important;
}
#home #spBothColumnsTeaser .spGalleryBig,
#home #spBothColumnsTeaser .spGalleryBigPic{
width:100% !important;
height:auto;
margin-bottom:0;
}
#home #spTeaserColumn .spFirstTeaser {
border-top: 4px solid #ececec !important;
padding: 20px 0 0 !important;
}
#home #spTeaserColumn .spFirstTeaser h3 {
font-size: 1.666em;
}
#home .spTopThema h3 a{
color: #990000 !important;
}
#home .spTopThema .spAssetAligncenter{
margin: 14px 0;
overflow: hidden;
width: 100% !important;
}
#home h3.spBlockBullet,
#home h3.spNoBullet{
clear: none;
padding-top:1px;
font-size: 1.2em;
float: left;
}
#home h3.spBlockBullet {
padding-left: 20px;
margin-left: 5px;
}
#home .einestages h3.spBlockBullet,
#home .merian h3.spBlockBullet {
padding-left: 0;
margin-left: 0;
}
#home h3.spNoBullet,
#home .einestages h3.spBlockBullet a,
#home .merian h3.spBlockBullet a{
background: none;
}
#home .merian a {
color:#0D86D2;
}
#home h3.spBlockBullet a,
#home h3.spNoBullet a {
padding-right:18px;
color:#666;
background:transparent url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png") no-repeat 100% 5px;
}
#home .spRessortTeaserBox{
clear: left;
padding-bottom: 30px;
float: left;
width: 522px;
z-index: 1;
}
#home .spRessortTeaserBox h4 {
text-transform: none;
margin: 0;
padding: 0;
font-size: 1em;
}
#home .spRessortTeaserBox p{
margin-top: 0;
}
#home .spRessortTeaserBoxList ul{
margin: 0;
padding: 0;
}
#home .spRessortTeaserBoxList ul li {
padding-top: 5px;
margin: 0;
}
#home .spRessortTeaserBoxList li a span{
color: #000;
font-weight: normal;
}
#home .spRessortTeaserBoxList li a{
font-weight: bold;
}
#home .spMMLBackground ul {
clear:both;
margin: 0;
padding: 0;
}
#home .spMMLBackground ul li {
padding: 0 0 0 10px;
width: 160px;
line-height: normal;
}
#home .spMMLBackground ul li.spMMFirst{
padding-left: 0;
}
#home .spVideoBrowserControlPanel {
line-height:20px;
text-align:right;
}
#home .spVideoBrowserControlPanel a {
margin:0 2px;
font-size: 0.8333em;
font-weight: bold;
}
#home .spVideoBrowserControlPanel div {
display:inline;
color: #ccc;
}
#home .spVideoBrowserControlPanel img {
vertical-align:middle;
margin-bottom:3px;
}
#home .spVideoBrowserControlPanel .spActive a {
color: #ccc;
}
.spTabs{
float: left;
margin: 0;
padding: 0;
}
.spTabs li{
float: left;
margin: 0;
padding: 0;
}
.spTabs li a{
padding: 0 10px;
border-left: 1px solid black;
font-size: 0.92em;
}
.spTabs li.spFirstLink a{
border: none;
}
.spRessortBoxHeader{
background-color: #f5f5f5;
border-bottom: solid 1px #d9d9d9;
padding: 7px 0 3px 0;
height: 20px;
margin-bottom: 15px;
position: relative;
}
.spRessortBoxHeader h4{
margin: 0;
padding: 0;
}
.spRessortBoxNav{
float: right;
padding-right: 5px;
}
.spRessortTeaserBoxList{
width: 522px;
clear: both;
}
.spSubjectLink{
float: left;
display: block;
width: 16px;
height: 16px;
}
.spSubjectBox{
width: 221px;
position: absolute;
right: -2px;
top: 27px;
z-index: 100;
display: none;
}
.spSubjectBG{
width: 221px;
height: auto;
background: url("/static/sys/v9/bg/bg_themenbox.png") no-repeat left bottom;
}
.spSubjectBGTop{
width: 221px;
height: 5px;
background: url("/static/sys/v9/bg/bg_themenboxtop.png") no-repeat left top;
}
.spSubjectBox ul{
padding: 8px 0 8px 17px;
margin: 0;
}
.spSubjectBox ul li{
background: url("/static/sys/v9/icons/ic_themen_icon_klein.png") no-repeat 0 6px;
padding: 4px 0 !important;
margin: 0;
font-size: 0.92em;
}
.spSubjectBox ul li a{
padding-left: 25px;
}
/* Vorabmeldungen */
.spSimpleContentBox {
overflow: hidden;
clear: both;
margin-bottom: 20px !important;
padding: 0 12px 12px 12px;
background: #f6f6f6;
}
#home .spSimpleContentBox {
margin-bottom: 15px !important;
}
.spSimpleContentBox .spTopThema {
margin-top: 20px !important;
float:left !important;
}
.spSimpleContentBox .spTopThema h4{
margin-top: 0px !important;
color: #000;
}
.spSimpleContentBox h4{
margin-top: 10px !important;
color: #000;
font-size: 1em;
}
.spSimpleContentBox h4 a{
padding: 0 16px 0 0;
color: #000000 !important;
background: transparent url("/static/sys/v8/icons/ic_right_two_arrows.gif") no-repeat 100% 50%;
}
.spSimpleContentBox .spTopThema h3{
font-size: 1.1666em !important;
}
.spSimpleContentBox h6{
font-size: 0.8333em !important;
}
.spSimpleContentBox h6.spPoweredBy{
float: right !important;
margin: 10px 5px 0 0 ;
width: 200px !important;
font-weight: normal !important;
}
.spSimpleContentBox h6.spPoweredBy a{
font-weight: bold !important;
}
.spSimpleContentBox .spTopThema{
padding: 20px 0 0 0;
}
.spSimpleContentBox .spNoUpperLine{
padding: 0;
}
.spSimpleContentBox .spArchiveLink{
margin: 20px 0 0 0 !important;
}
.spSimpleContentBox .spLinks{
float: left;
width: 420px;
margin-top: 10px;
}
.spSimpleContentBox .spLinkList{
float:left;
width:100%;
}
ul.spSimpleArticleList {
float: left;
margin:0;
padding:0;
width: 100%;
}
ul.spSimpleArticleList li {
list-style:none;
padding: 0 0 2px 0 !important;
font-size: 1em !important;
margin: 0;
}
#spIPhoneMessage {
width:837px;
border:2px solid red;
margin:0 0 20px 0;
padding:10px;
text-align:center;
font-weight:bold;
font-size:1.5em;
}
#spIPhoneMessage a {
color:black;
}
#spHeader h1{
line-height: 1.333em;
}
#spTeaserColumn .spReadMore {
font-weight:bold;
margin:16px 0 16px;
text-align:right;
text-transform:uppercase;
width:100%;
}
#spTeaserColumn .spReadMore a {
background:transparent url("/static/sys/v9/icons/ic_forward.gif") no-repeat scroll right center;
padding:0 15px 0 0;
}
#spSmallTeaserColumn .spTopThema{
background: none;
border-bottom: 4px solid #ececec;
}
#spTeaserColumn .spTopThema,
#spTeaserColumn .spTeaser{
width: 522px;
}
.spCenterpageContent #spTeaserColumn .spTeaser{
padding: 24px 0 14px 0;
}
.spCenterpageContent #spTeaserColumn .spTopThema{
padding-bottom: 14px;
}
.spCenterpageContent .spTopThema h2 {
font-size: 1.08em;
line-height: normal;
margin: 0;
}
.spCenterpageContent .spTopThema h3 {
font-size: 1.5em !important;
line-height: 1.2em !important;
margin: 8px 0;
}
.spCenterpageContent .spTopThema .spAssetAligncenter{
width: 100% !important;
overflow: hidden;
}
.spCenterpageContent h1 {
font-size: 1em;
line-height: normal;
}
.spCenterpageContent h2{
margin: 0;
font-size: 1em;
color: #666 !important;
}
.spCenterpageContent .spTeaser h3 {
margin: 4px 0;
font-size: 1.08em;
line-height: normal;
}
.spCenterpageContent .spTeaser p{
margin-top: 0;
}
.spCenterpageContent .spReadMore{
float: left;
margin-top: 0 !important;
padding-top: 10px;
font-weight: bold;
font-size: 0.833em;
}
.spArchiveLinkback {
float:left !important;
font-weight:bold;
letter-spacing:1px;
padding:0 0 20px 0;
text-align:left;
width:200px;
text-transform: uppercase;
font-size: 10px;
}
.spArchiveLinkback a {
background:transparent url("/static/sys/v8/icons/ic_right_two_arrowsback.gif") no-repeat scroll 0 50%;
padding:0 0 0 16px;
}
.spArchiveLink {
float:right;
font-weight:bold;
letter-spacing:1px;
padding:0 0 20px 0;
text-align:right;
/*width:220px;*/
text-transform: uppercase;
font-size: 10px;
}
.spArchiveLink a {
background:transparent url("/static/sys/v8/icons/ic_right_two_arrows.gif") no-repeat scroll 100% 50%;
padding:0 16px 0 0;
}
.spArchiveHeader {
text-transform:uppercase;
}
.spMultimediaLeiste ul{
margin: 0;
padding: 0;
}
.spMultimediaLeiste ul li {
float:left;
font-size: 10px;
}
#home .spMultimediaLeiste,
.spCenterpageContent .spMultimediaLeiste{
width: 505px;
overflow: hidden;
padding: 15px 7px 15px 10px;
}
#home .spMultimediaLeiste h4,
.spCenterpageContent .spMultimediaLeiste h4 {
background:transparent url("/static/sys/v9/icons/ic_ressortteaser-sprite.png") no-repeat scroll 0 -66px;
float:left;
font-size:1em;
padding:0 0 2px;
margin-top: 0 !important;
}
#home .spMultimediaLeiste h4 a,
.spCenterpageContent .spMultimediaLeiste h4 a{
background:transparent url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png") no-repeat scroll 100% 3px;
color:#666 !important;
padding:0 15px 0 18px;
}
#home .spMMLBackground ul li,
.spCenterpageContent .spMultimediaLeiste ul li {
line-height:normal;
padding:0 0 0 3px;
width:165px;
}
#home .spMultimediaLeiste .spMMLFirst,
.spCenterpageContent .spMultimediaLeiste .spMMLFirst{
padding-left:2px;
}
/* Dotted List */
ul.spDottedLinkList {
margin: 15px 0 0;
padding: 0;
clear: both;
}
.spDottedLinkList li{
margin:0;
padding:0 0 0 8px;
background:transparent url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png") no-repeat 0 -144px;
}
.spTopThema p,
.spTeaser p {
margin-bottom: 0;
}
/* MuMeLei neu */
.spMuMeLei {
margin: 0 0 20px 0;
padding:12px 9px 12px 12px;
background-color: #f6f6f6;
width: 501px;
}
.spMuMeLei ul{
margin: 0;
padding: 0;
}
.spMuMeLei ul li {
float:left;
font-size: 10px;
line-height:normal;
padding:0 0 0 3px;
width:165px;
}
.spMuMeLei ul li.spFirst {
padding:0;
}
.spMuMeLei h4 {
background:url("/static/sys/v9/icons/ic_ressortteaser-sprite.png") no-repeat scroll 0 -66px transparent;
float:left;
font-size:1.2em;
padding:0 0 2px;
margin-top: 0;
}
.spMuMeLei h4 a{
background:transparent url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png") no-repeat scroll 100% 5px;
color:#666 !important;
padding:0 15px 0 18px;
}
.spMuMeLei .spMMLFirst {
padding-left:2px;
}
.spMuMeLei .spPaginatorControlPanel{
line-height: normal;
margin-bottom: 14px;
}
.spPaginatorControlArrows {
width: 522px;
left: 358px;
position: absolute;
overflow: visible;
z-index: 2;
}
#home .spPaginatorControlArrows {
left:24px;
}
.spArrowLeft {
position: absolute;
left: -10px;
top: 80px;
}
.spArrowRight {
position: absolute;
right: -12px;
top: 80px;
}
.spCenterImageButtonPane {
position:relative;
overflow:hidden;
}
.spCenterImageButtons {
position:absolute;
left:0;
bottom:0;
padding:0 0 8px 8px;
}
.spCenterImageButtons img {
border:0 none !important;
}h1#spSearchTermTitle{
margin:0;
padding:30px 0 35px 0;
font-size: 22px;
color:#000;
line-height:normal;
}
h1#spSearchTermTitle span{
font-weight:normal;
color:#900;
}
h1#spTopicTitle{
background:url("/static/sys/v9/bg/bg_topic-head-bullet-sprite.png") no-repeat scroll 0 0 transparent;
padding:15px 140px 3px 65px;
width:650px;
font-size:22px;
margin-top:20px;
line-height:normal;
}
h1#spTopicTitle #spTopicIcon {
display:none;
}
h1#spTopicTitle a,
h1#spTopicTitle a span {
color:#666;
}
#spTopicIndexOverview{
padding-bottom: 14px;
}
#spTopicIndexOverview h1#spTopicTitle{
background:transparent url("/static/sys/v9/bg/bg_themenuebersicht_header.jpg") no-repeat scroll 0 0;
height:30px;
}
#spTopicIndex h1#spTopicTitle{
background:transparent url("/static/sys/v9/bg/bg_themen_a_z.jpg") no-repeat scroll 0 0;
height:30px;
}
#spTopicIndexOverview h1#spTopicTitle span,
#spTopicIndex h1#spTopicTitle span {
display:none;
}
.spInternationalTopic h1#spTopicTitle {
background:transparent url("/static/sys/v9/bg/bg_topicindex_en.png") no-repeat scroll top left;
}
.spTopicContent h1#spTopicTitle{
margin-top: 0;
}
h1#spTopicTitle img{
padding-left: 10px;
}
#spTopicClaim{
color: #666;
padding: 0 0 0 65px;
margin: 0;
}
.spTopicContent #spContainer{
padding: 0 10px 0 20px;
width: 866px;
}
.spTopicContent #spColumnWrapper{
padding: 15px;
margin-bottom: 20px;
border: solid 4px #ececec;
clear: both;
}
.spTopicContent #spColumnWrapperInner{
background:transparent url("/static/sys/v9/bg/bg_topic.gif") repeat-y scroll 330px 10px;
overflow: hidden;
margin-top: 10px;
}
.spTopicContent #spSmallTeaserColumn{
background: none;
width: 305px;
padding: 0 20px 0 5px;
margin: -20px 20px 0 0;
}
.spTopicContent #spSmallTeaserColumn h2{
color:#b7b7b7 !important;
font-size: 18px !important;
font-weight:bold;
padding:0 0 8px;
margin: 0;
text-transform:uppercase;
}
#spWrapper .spTopicContent .spChartBox h4{
color:#b7b7b7 !important;
font-size: 18px !important;
font-weight:bold;
padding:0 0 8px;
margin: 0;
text-transform:uppercase;
}
.spTopicContent #spSmallTeaserColumn .spTeaser li img{
float: left;
padding: 0 10px 10px 0;
}
.spTopicContent #spTeaserColumn{
background: none;
padding-top: 0;
width: 475px;
/*padding-left: 345px;*/
float: right;
}
.spTopicContent #spTeaserColumn .spTeaser{
/*border-bottom: solid 3px #ececec;
border-top: 0;
background: none;
overflow: hidden;
padding: 0 0 13px 0;
margin-bottom: 25px; */
width: 475px;
}
.spTopicContent .spTTopThema h3 a{
color: #b7b7b7 !important;
text-transform: none;
font-size: 18px;
}
#spTopBoxOuter{
border-bottom: solid 3px #ececec;
margin-bottom: 28px;
}
#spTopicBox{
padding:12px;
width:805px;
background-color: #f6f6f6;
overflow: hidden;
margin-bottom: 28px;
}
#spTopicBoxInner{
background: #fff;
border: solid 1px #ececec;
padding: 5px 25px 5px 5px;
overflow: hidden;
}
#spTopicBoxInner h2{
margin: 29px 0 25px 0;
padding: 0;
font-size: 1.2em;
}
#spTopicBox .spArticleImageBox{
float: left;
margin: 0 40px 0 0;
padding: 0;
}
.spPanoLayer{
position: relative;
}
.spPanoLayer .spArticleImageBox{
margin: 0 !important;
}
#spTopicBoxLayer{
position: absolute;
border: solid 4px #ececec;
background: #fff;
padding: 20px;
width: 242px;
height: 192px;
top: 40px;
left: 30px;
}
.spPanoLayer h2{
font-size: 1.5em !important;
color: #666 !important;
margin: 0;
}
.spTopicAsset ul{
margin: 0;
padding: 0;
}
.spShowMoreTopics{
background:transparent url("/static/sys/v9/icons/ic_moretopics.gif") no-repeat top right;
float: right;
padding-right: 30px;
margin-top: 25px;
font-weight: bold;
color:#666666;
}
.spTeaser .spShowMoreTopics{
margin-top: 0;
}
#spGlossaryContent #spArticleColumn{
width: 490px;
}
#spGlossaryContent .spReadMore{
margin: 5px 0 15px 0;
text-align: left;
}
#spGlossaryContent .spTopicAsset{
margin-bottom: 0;
}
#spGlossaryContent .spReadMore a {
background:transparent url("/static/sys/v9/icons/ic_arrowblack.gif") no-repeat scroll left center !important;
padding:0 0 0 25px;
}
.spTopicContent #spSmallTeaserColumn .spInfoBox h4 {
color:#B7B7B7 !important;
font-size:18px !important;
font-weight:bold;
margin: 2px 0 0;
padding:0 0 8px;
text-transform:uppercase;
}
.spTopicContent #spSmallTeaserColumn .spInfoBox h4 a{
color:#B7B7B7 !important;
background-position: 100% 7px;
}
.spTopicContent .spArchiveLink,
.spTopicContent .spArchiveLinkback{
padding-top: 15px;
}
.spTopicContent #spTeaserColumn .spFirstItem{
padding-top: 0 !important;
padding-bottom: 15px;
}
#spTitelgalerie{
width:522px;
overflow:hidden;
border-bottom:4px solid #ECECEC;
}
#spTitelgalerie h1{
padding-bottom:7px;
color:#000;
font-size:1.5em;
border-bottom:4px solid #ECECEC;
}
#spTitelgalerie form{
margin:0;
padding:0;
float:right;
}
#spTitelgalerie form select{
padding:0 0 0 0.5em;
color:#900;
border:1px solid #d6d6d6;
}
#spTitelgalerie form select:active{
outline:0;
}
#spTitelgalerie form option{
padding:0 0.5em;
}
#spTitelgalerie .spMagazineGalleryItemBox{
padding-bottom:24px;
overflow:hidden;
height:1%;
background:transparent url(/static/sys/v9/bg/bg_breadcrumb.jpg) repeat-x scroll left top;
}
#spTitelgalerie .spMagazineGalleryItem {
margin:16px 10px 0 0;
width:120px;
float:left;
overflow:hidden;
font-size:0.834em; /* 10px */
line-height:1.4em;
}
#spTitelgalerie .spMagazineGalleryItem img{
margin:3px 0 7px 0;
display:block;
}
#spGalleryOtherYears
{
font-size:0.834em; /* 10px */
line-height:1.4em;
padding-top:20px;
padding-bottom:25px;
border-bottom:4px solid #ECECEC;
}
#spGalleryOtherYears span
{
padding-left:3px;
padding-right:0;
}
.spCenterpageContent #spSmallTeaserColumn .spOtherArchivesColumn{
padding-top:22px;
margin-bottom:40px;
border-bottom: solid 4px #ececec;
}
div.spOtherArchivesColumn h4{
margin:3px 0 0 0;
font-size:1.083em; /* 13px */
}
#spSmallTeaserColumn .spOtherArchivesColumn .spInfoBox{
border-top: solid 4px #ececec;
}
.spOtherArchivesColumn .spMagazineGalleryItem {
padding:20px 0 25px 0;
font-size:0.917em; /* 11px */
height:1%;
overflow:hidden;
line-height:1em;
border-top: solid 4px #ececec;
}
dl.spOtherArchivesBox{
margin:0;
overflow:hidden;
height:1%;
}
dl.spOtherArchivesBox dt{
float:left;
width:100px;
}
dl.spOtherArchivesBox dt img{
display:block;
}
dl.spOtherArchivesBox dd{
margin:0 0 1em 114px;
}
.spOtherArchivesColumn .spMagazineGalleryItem .spOtherArchivesTextBox h3{
margin-left:112px;
}
#spSmallTeaserColumn #spHeftInhaltLeftColumn{
padding-top:0;
margin-top:10px;
border-bottom:0 none;
}
#spArticleColumn #spHeftInhalt{
padding-top:30px;
}
#spArticleColumn #spHeftInhalt h1{
color:#900;
font-size: 18px;
font-weight:bold;
}
#spArticleColumn #spHeftInhalt h2{
margin-bottom:30px;
padding-bottom:10px;
font-size:1em;
color:#000 !important;
border-bottom:4px solid #ECECEC;
}
#spArticleColumn #spHeftInhalt ul{
margin-left:0;
list-style:none;
}
#spArticleColumn #spHeftInhalt li{
padding:0;
height:1%;
overflow:hidden;
}
#spArticleColumn #spHeftInhalt dl{
margin:0;
padding:3px 0 5px 0;
list-style:none;
background:transparent url(/static/sys/v9/bg/bg_breadcrumb.jpg) repeat-x scroll left bottom;
}
#spArticleColumn #spHeftInhalt dl a{
color:#000 !important;
}
#spArticleColumn #spHeftInhalt h3{
margin:15px 0 10px 0;
padding:0;
text-transform:uppercase;
font-size:1.166em; /* 14px */
}
dd.spHeftInhaltPageNumber{
margin:0;
padding:0;
float:left;
font-weight:bold;
}
#spHeftInhalt dt{
margin:0 0 0 3em;
}
#spHeftInhalt dt.spHeftInhaltNoPageNumber{
margin:0;
}
#spAusgabeYearSelect{
margin:15px 0 0 0;
padding:0;
float:right;
color:#666;
}
#spAusgabeYearSelect select{
padding:0 0 0 0.5em;
color:#900;
border:1px solid #d6d6d6;
}
#spAusgabeYearSelect select:active{
outline:0;
}
.spSearchResult #spTeaserColumn
{
float:right;
width:630px;
}
.spSearchResult #spSmallTeaserColumn
{
float:left;
width:195px;
}
.spSearchResult #spSmallTeaserColumn h2
{
font-size:16px;
color: #666666;
font-weight:bold;
}
.spSearchResultItem
{
border-bottom:1px solid #ECECEC;
margin-bottom: 15px;
padding-bottom: 15px;
clear:both;
}
.spSearchResultItemQuelle
{
font-size:10px;
font-weight:bold;
color:#666666;
display:block;
}
.spSearchLexikaTeaserBox
{
background-color: #F6F6F6;
font-size:11px;
padding:10px;
margin-top: 5px;
}
.spLexikonTeaserImageBox
{
border-color:#666666;
border-width:1px;
border-style:solid;
margin: 0;
height: 50px;
width: 50px;
overflow:hidden;
}
#spSearchPaginator.spSearchPageNumbers, #spSearchPaginatorBottom.spSearchPageNumbers{
float:right;
font-size:0.75em;
height:1%;
overflow:hidden;
}
#spSearchPaginator .spItemNumber, #spSearchPaginatorBottom .spItemNumber{
margin-left:4px;
padding:0 !important;
text-align:center;
width:18px;
}
#spSearchPaginator .spItemNumber a, #spSearchPaginatorBottom .spItemNumber a{
display:block;
width:18px;
height:18px;
}
#spSearchPaginator .spItemNumber a.spCurrentPage, #spSearchPaginatorBottom .spItemNumber a.spCurrentPage{
color:#666;
}
.spSearchResult .spItemNumber
{
float: left;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/static/sys/v9/bg/bg_glossarylinks.jpg) no-repeat scroll 0 0;
float:left;
font-weight:bold;
height:25px;
margin-bottom:5px;
padding:0 0 0 4px !important;
width:25px;
}
.spTopicSearchResultItem
{
border-bottom:1px solid #ECECEC;
margin-bottom: 15px;
padding-bottom: 15px;
clear:both;
}
.spSearchResultTopic{
border-bottom:1px solid #ECECEC;
margin-bottom: 15px;
padding-bottom: 15px;
clear:both;
}
.spSearchResultTopic .spTopicSearchResultItem{
margin:0;
padding:15px 150px 15px 10px;
min-height:80px;
position:relative;
border:0 none;
background:#F6F6F6 url(/static/sys/v9/bg/bg_themensuche.png) no-repeat scroll 500px 18px;
}
.spSearchResultTopic p{
margin-bottom:0;
padding-bottom:0;
}
.spSearchResultTopicLink{
position:absolute;
bottom:15px;
right:10px;
font-weight:bold;
}
.spSearchResultTopicLink a{
padding:0 16px 0 0;
background:#F6F6F6 url(/static/sys/v9/icons/ic_forward.gif) no-repeat scroll center right;
}
.spSuchformInput
{
border:1px solid #999999;
float:left;
height:19px;
margin-right:6px;
padding:3px 0 0 25px;
width:160px;
}
#seite2 #spChannelName{
display: none;
}
#seite2 #spContainer{
padding-right: 5px;
width: 861px;
}
#seite2 #spColumnWrapper{
padding: 25px 15px;
margin-bottom: 20px;
border: solid 3px #ececec;
clear: both;
}
#seite2 #spColumnWrapperInner{
background:transparent url("/static/sys/v9/bg/bg_seite2.gif") repeat-y scroll 288px 0px;
overflow: hidden;
}
#seite2 #spSmallTeaserColumn{
background: none;
width: 266px;
padding: 0 15px 0 5px;
margin-right: 15px;
}
#seite2 #spSmallTeaserColumn .spTopThema {
border-bottom: none;
}
#seite2 #spTeaserColumn{
background: none;
padding-top: 0;
width: 522px;
}
#seite2 .spTeaserCenterpage{
border-top:4px solid #ECECEC;
padding: 20px 0;
clear: both;
float: none;
}
#seite2 .spFirstTeaser .spAssetAligncenter {
margin-top:0;
}
#spCalender {
border-left:1px solid #ccc;
border-top:1px solid #ccc;
padding:0;
margin:0;
}
#spCalender tr {
padding:0;
margin:0;
}
#spCalender td {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px 10px;
text-align:right;
font-size:11px;
font-weight:bold;
color:#888;
}
#spCalender tr td span {
color:#000;
}
#spCalender td.spActive {
background-color:#EAEAEA;
}
#spCalenderHead {
margin:0 0 8px 0;
text-align:center;
font-size:11px;
font-weight:bold;
}
#spCalenderHead span {
padding: 0 10px 0 10px;
}
#spCalenderHead p {
margin: 0 0 8px 0;
font-size:10px;
}
.spBereich4875 .spPageHeadline {
color:#666666;
float:left;
font-size:1.33em;
line-height:22px !important;
margin:0;
padding-top:8px;
}
.spBereich4875 .spPageTwoDate {
color:#666666;
float:right;
font-size:1.25em;
font-weight:bold;
margin:0;
padding:11px 0 5px;
}
.spBereich4875 .spPageTwoDate img {
float:left;
padding-top:1px;
width:14px;
}
.spBereich4875 .spPageTwoDate span {
float:left;
margin:0;
padding:0 10px;
}
/*
#seite2 #spSocialBookmark{
margin: 25px 0 15px 0;
}
*/
#seite2 .spContainer .spTop{
margin: 0;
}
#seite2 #spSmallTeaserColumn .spAuthor{
display: block;
padding: 0px 0 5px 0;
}
#seite2 #spSmallTeaserColumn h3{
margin-bottom: 10px;
}
#seite2 #spSmallTeaserColumn .spArticleImageBox{
margin: 3px 10px 5px 0 !important;
}
#seite2 #spTeaserColumn .spAuthor{
display: block;
padding: 2px 0 5px 0;
line-height: 1em;
}
#seite2 .spSimpleContentBox h4{
margin-top: 0 !important;
}
/*
#seite2 #spSocialBookmark ul{
padding: 0;
}
*/#spBigaHead {
height: 50px;
background-image: url("/static/sys/v9/gallery/background_verlauf.jpg");
background-repeat: repeat;
margin: 0;
padding: 0;
}
#spBigaHead #spSponsoredBy{
float:right;
}
.spGalleryContent #spBigaLogo h2,
.spGalleryContent #spBigaLogoZitate h2{
display: none;
}
.spGalleryContent #spBigaHeadline h1{
float: left;
font-weight: bold;
margin: 0;
width: 730px;
font-size: 1em;
}
#spGalleryAdContent .spCommercial{
margin:15px 0 0 0;
padding:15px 0 4px 0;
border-top:3px solid #F2F1EE;
border-bottom:0 none;
}
#spBigaHead a:hover {
text-decoration: none !important;
}
#spBigaLogo {
background-image: url("/static/sys/v9/gallery/logo_background.jpg");
background-repeat: no-repeat;
width: 298px;
height: 50px;
position: absolute;
left: 32px;
}
#spBigaLogo a {
display: block;
width: 453px;
height: 20px;
margin-top: 17px;
}
#spBigaHead.international #spBigaLogo {
background-image: url("/static/sys/v9/gallery/logo_background_international.jpg");
width: 321px;
}
#spBigaLogo h1 {
margin: 0;
padding: 0;
height: 25px;
line-height: 10px;
font-size: 0.625em;
overflow: hidden;
visibility: hidden;
}
#spBigaLogoZitate {
background-image: url("/static/sys/v9/gallery/logo_background_zitate.jpg");
background-repeat: no-repeat;
height: 50px;
position: absolute;
left: 32px;
}
#spBigaLogoZitate a {
display: block;
width: 453px;
height: 20px;
margin-top: 17px;
}
#spBigaHead.international #spBigaLogoZitate {
background-image: url("/static/sys/v9/gallery/logo_background_zitate_international.jpg");
}
.spBigaBackLink {
position: absolute;
margin-top:10px;
padding: 0;
}
.spBigaBackLink a {
background-image: url("/static/sys/v9/icons/ic_back.gif");
background-repeat: no-repeat;
background-position: 0 50%;
font-weight: bold;
font-size: 0.8333em;
margin: 0;
padding: 0 0 0 17px;
}
.spBigaMoreLink {
position: absolute;
right: 0px;
width: 200px;
text-align: right;
margin-top: 10px;
}
.spBigaMoreLink a {
background-image: url("/static/sys/v9/icons/ic_forward.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
font-weight: bold;
font-size: 0.8333em;
margin: 0;
padding: 0 17px 0 0;
}
#spBigaMainCol {
width: 852px;
margin: 0 20px 15px 30px;
position:relative;
}
#spBigaHeadline {
padding: 8px 0;
margin: 0;
float: none;
}
#spBigaHeadline h2 {
float: left;
width: 730px;
margin: 0;
font-weight: bold;
}
#spBigaHeadline #spBigaDatum {
float: right;
width: 100px;
font-size: 0.8333em;
text-align: right;
}
#spBigaBild {
margin: 0 auto;
}
#spBigaBild img {
border: 1px solid #666666;
}
#spBigaBildunterschrift {
padding: 0 0 15px 0
}
#spBigaBildunterschrift p{
padding: 0;
margin: 0;
}
#spBigaLeft {
width: 523px;
text-align: center;
line-height: 1em;
float: none;
}
#spBigaRight {
width: 325px;
margin-left: 1px;
overflow: hidden;
float: none;
}
.spBigaTyp2 #spBigaLeft,
.spBigaTyp2 #spBigaRight {
width: 752px;
margin: 0 auto;
}
.spBigaTyp6 #spBigaLeft,
.spBigaTyp6 #spBigaRight {
width: 852px;
margin: 0 auto;
}
.spBigaTyp2 #spBigaBildunterschrift,
.spBigaTyp6 #spBigaBildunterschrift {
padding-top: 10px;
}
.spBigaTyp0 #spBigaRight,
.spBigaTyp5 #spBigaRight {
width:300px;
padding-left:25px;
float: left;
}
.spBigaTyp0 #spBigaLeft,
.spBigaTyp5 #spBigaLeft {
float: left;
}
.spBigaTyp4 #spBigaLeft,
.spBigaTyp7 #spBigaLeft {
width: 573px;
padding-top: 15px;
float: left;
}
.spBigaTyp4 #spBigaRight,
.spBigaTyp7 #spBigaRight {
width: 220px;
padding: 15px 0 0 25px;
float: left;
}
.spBigaTyp4 #spBigaBildunterschrift,
.spBigaTyp7 #spBigaBildunterschrift {
padding: 15px;
}
.spBigaTyp0 #spBigaContent,
.spBigaTyp5 #spBigaContent {
background: transparent url("/static/sys/v9/bg/bg_seite2.gif") repeat-y scroll 525px 0px;
}
.spBigaTyp4 #spBigaContent,
.spBigaTyp7 #spBigaContent {
background: transparent url("/static/sys/v9/bg/bg_seite2.gif") repeat-y scroll 575px 0px;
}
#spBigaZitattext {
font-size: 2em;
line-height: 1.2em;
color: #666;
margin: 30px;
}
#spBigaZitatzusatzdaten {
margin: 20px;
}
.spBigaControl {
text-align: center;
font-size: 1em;
font-weight: bold;
color: #999;
padding: 10px 314px 10px 0;
background-color: white;
}
.spBigaTyp .spBigaControl,
.spBigaTyp2 .spBigaControl,
.spBigaTyp6 .spBigaControl {
padding: 10px 0;
}
.spBigaTyp4 .spBigaControl,
.spBigaTyp7 .spBigaControl {
padding: 10px 265px 10px 0;
}
.spBigaControl img {
vertical-align:middle;
padding: 0 6px 3px 6px;
}
.spBigaControl a.spBigaControlBack,
.spBigaControl a.spBigaControlForw {
padding:5px 15px;
}
.spBigaControl .spBigaControlBack {
background: url("/static/sys/v8/fotostrecken/pager-li.jpg") no-repeat scroll 50% 50% transparent;
}
.spBigaControl .spBigaControlForw {
background: url("/static/sys/v8/fotostrecken/pager-re.jpg") no-repeat scroll 50% 50% transparent;
}
#spBigaBookmarks {
font-size: 0.8333em;
text-align: center;
margin: 15px 0;
float: none;
}
#spBigaBookmarks,
#spBigaBookmarks a {
color: #999;
}
#spBigaBookmarks ul{
margin: 0;
padding: 0;
list-style: none;
float: none;
}
#spBigaBookmarks li{
display: inline;
}
#spBigaBookmarks img{
margin: 0 0 -3px 10px;
}
#spBigaLatestEntries h2 {
font-size: 1em;
font-weight: bold;
margin: 10px 0 10px 0;
padding: 0;
}
.spBigaLatestEntryBox {
width: 425px;
margin: 0;
padding: 0;
float: left;
}
.spBigaLatestEntryBoxRight .spBigaLatestEntry {
float: right !important;
}
.spBigaLatestEntry {
background-image: url("/static/sys/v8/backgrounds/bg_maincontainer_line.gif");
background-repeat: repeat-x;
width: 380px;
padding: 20px 0;
}
.spBigaLatestEntry h3 {
font-size: 1em;
margin: 8px 0;
}
.spBigaLatestEntry p {
margin: 0;
}
.spBigaLatestEntry ul {
margin: 0;
padding: 0;
}
.spBigaLatestEntry ul li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
float: left;
background-color: #f0f0f0;
padding: 10px 18px;
}
#spBigaAdRight {
position: absolute;
left: 905px;
}
.spBigaTyp6 #spBigaAdRight {
left: 963px;
}
.spNumberPositive {
color: #219C08;
}
.spNumberNegative {
color: #f00;
}
.spRow1 {
background-color: #fff;
}
.spRow2 {
background-color: #fafafa;
}
.spAutorenzeile {
font-style: italic;
}
.spCredit {
font-size: 0.8333em;
margin-left: 4px;
padding: 0;
text-align: right;
color: #666;
}
#spBreadcrumb ul {
margin: 0;
padding: 0;
}
#spHistory li {
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0 7px 0 0;
text-align: left;
}
#spHistory li img {
padding-bottom: 2px;
padding-left: 4px;
vertical-align: middle;
}
#spArticleColumn ol,#spArticleColumn ul {
margin: 0 0 0 20px;
padding: 0;
list-style-type: square;
}
#spArticleColumn li {
padding-bottom: 1em;
}
.spTopThema,.spTeaser {
clear: both;
border-bottom: 4px solid #ececec;
margin: 0;
padding: 20px 0 17px;
overflow: hidden;
}
.spCenterpageContent .spTopThema,.spCenterpageContent .spTeaser,#home .spTopThema,#home .spTeaser
{
border-top: 4px solid #ececec;
border-bottom: 0;
}
.spTopicContent .spTopThema,
.spTopicContent .spTeaser {
border-bottom: 4px solid #ececec;
border-top: 0;
}
.spTopicContent #spTeaserColumn .spTopicAsset.spFirst {
padding-top: 0 !important;
}
#sptv .spNoUpperLine p {
clear: none;
}
#home .spNoUpperLine .spAssetAligncenter {
overflow: hidden;
}
.spNoUpperLine {
padding-top: 0 !important;
border: 0 !important;
}
.spFirstTeaser {
padding-top: 0 !important;
border-top: 0 !important;
}
.spDateTime {
font-style: italic;
}
#spArticleHead {
background: transparent url("/static/sys/v8/backgrounds/artcleHead.gif")
repeat-x scroll left top;
float: left;
font-size: 0.8333em;
height: 25px;
line-height: 1.2em;
margin: 0 0 5px;
padding: 3px 0 0;
text-align: left;
width: 100%;
}
#spArticleContent {
font-size: 0.75em;
line-height: 1.333em !important;
}
.spAssetAligncenter {
clear: left;
float: none;
margin: 17px auto;
}
.spAssetAlignleft {
float: left;
margin: 0 15px 17px 0 !important;
}
#spSmallTeaserColumn .spAssetAlign {
overflow: hidden;
}
.spAssetAlignright {
float: right !important;
margin: 0 0 15px 12px !important;
}
.spAssetAlign,.spAssetAlignleft,.spAssetAlignright,.spAssetAligncenter {
page-break-inside: avoid;
text-align: left;
}
.spArticleImageBox {
position: relative;
overflow: hidden;
}
.spArticleImageBox p {
font-size: 0.8333em !important;
margin: 3px 0 2px;
padding: 0 4px;
}
#spArticleColumn .spArticleImageBox p {
line-height: 1.2em;
}
.spArticleImageBox img {
border: 1px solid #666666;
float: left;
}
.spPicZoom {
position: absolute;
right: 11px;
width: 28px;
height: 28px;
}
.spPicZoom img {
border: 0 none !important;
width: 28px;
height: 28px;
}
.spInteractionMarks,.spInteractionMarks a {
color: #666;
}
.spInteractionMarks {
font-size: 0.8333em;
}
.spMultimediaLeiste {
margin: 0;
padding: 20px 0 17px;
width: 512px;
}
.spVideoPic {
position: relative;
}
.spVideoPic .spIEsixPng {
border: none !important;
bottom: 15px;
position: absolute;
right: 15px;
}
#home .spMultimediaLeiste {
background-color: #f5f5f5;
overflow: hidden;
margin-bottom: 15px;
}
.spNewsinclude h1,.spNewsinclude h2 {
font-size: 1.08em !important;
line-height: normal;
}
#fotostrecken h4 {
font-size: 1em;
padding: 0;
}
ul.spLiSquare li {
margin: 0 0 0 1.3em;
padding: 10px 0 0;
list-style-type: square;
line-height: 1.3em;
}
.spIconLinkRss {
padding-left: 13px;
background: url("/static/sys/v9/icons/ic_article-news-sprite.png")
no-repeat scroll 0 2px transparent;
}
.spIconLinkTwitter {
padding-left: 15px;
background: url("/static/sys/v9/icons/ic_article-news-sprite.png")
no-repeat scroll 0 -37px transparent;
}
/* ContentBox */
.spContentBoxesFull {
float: left;
width: 520px;
margin: 0;
padding: 0;
}
.spContentBoxHalf {
float: left;
display: block;
width: 250px;
margin: 0;
padding: 0;
}
.spContentBoxHalfLeft {
clear: both;
padding-right: 20px;
_padding-right: 16px; /* hack fuer IE6 */
}
.spContentBoxHalf .spArticleImageBox {
margin-bottom: 7px !important;
margin-right: 0px !important;
}
.spContentBoxHalf .spArticleImageBox img {
border: 0 none;
}
.spContentBoxHalf p {
display: block;
float: left;
margin: 0;
padding: 0 0 25px 0;
}
.spContentBoxHalf p.spClearfix {
float: none;
padding: 0 0 1em 0;
}
.spContentBoxHalf p+ul {
margin-bottom: 25px !important;
}
.spContentBoxHalf p+ul li {
padding-bottom: 3px !important;
}
.spContentBoxesFull ul {
list-style-type:square !important;
margin:0 0 0 20px;
padding:0;
}
.spTextSmaller{
font-size: 10px;
}
#spIntroTeaser{
font-weight: bold;
}
.spAuthor{
font-style:italic;
}
#spArticleColumn,
#spArticleColumn p{
line-height: 18px;
}
#spArticleColumn h1{
color: #666;
}
#spArticleFunctions{
margin: 4px 0 21px 0;
font-size: 0.833em;
overflow: hidden;
height: 1.2em;
}
#spArticleFunctions #spShortDate{
font-size: 1em;
font-weight: normal;
}
#spArticleFunctions ul,
#spArticleFunctionsBottom ul{
float: right;
line-height: 10px;
margin: 0;
padding: 0;
}
#spArticleFunctions ul li,
#spArticleFunctionsBottom ul li{
float: left;
list-style: none;
border-left: solid 1px #ccc;
margin: 0;
padding: 0;
}
#spArticleFunctions ul li.spFirst,
#spArticleFunctionsBottom ul li.spFirst{
border: none;
}
#spArticleFunctions ul li a,
#spArticleFunctions ul li span,
#spArticleFunctionsBottom ul li a,
#spArticleFunctionsBottom ul li span{
color: #666;
padding: 0px 4px;
}
#spHistory li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 7px 0 0;
text-align:left;
}
#spIntroTeaser{
font-weight: bold;
}
/* Multipart */
#spMultiPagerControl {
clear: both;
font-size:0.8333em;
font-weight:bold;
margin:10px 0 0;
width:522px;
}
#spMultiPagerControl ul {
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px 0;
padding:0;
}
.spMultiPagerLinkback {
margin:0;
padding:0;
text-align:left;
width:5.8em;
}
.spMultiPagerLinkback a{
background:url("/static/sys/v9/icons/ic_right_two_arrowsback.gif") no-repeat scroll 0 65% transparent;
padding:0 0 0 16px;
}
.spMultiPagerLink {
margin:0;
padding:0;
text-align:right;
width:5.8em;
}
.spMultiPagerLink a{
background:url("/static/sys/v9/icons/ic_right_two_arrows.gif") no-repeat scroll 100% 65% transparent;;
padding:0 16px 0 0;
}
#spMultiPagerControl li {
float:left;
padding: 0 3px 0 0;
margin: 0;
color: #666;
}
#spMultiPagerHeadlines {
clear:both;
margin:0 0 30px 0;
padding:0;
}
#spMultiPagerHeadlines ul {
/*float:left;*/
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width: 522px;
}
#spMultiPagerHeadlines li {
margin:0;
padding:5px 0 0 0;
color: #666;
}
#spSocialBookmark {
margin:20px auto 0 auto;
}
#spSocialBookmark.spArticleBottomBox{
margin:0;
}
#spSocialBookmark ul{
margin: 0;
padding: 0;
}
#spSocialBookmark li{
float: left;
list-style: none;
margin: 0 0 0 4px;
padding:0;
}
#spSocialBookmark li img{
padding: 1px;
border: solid 1px #ccc;
}
#spSocialBookmark li a{
font-size: 0.8333em;
}
#spSocialBookmark .spFirst {
margin-left:0 !important;
}
#spSocialBookmark.spArticleBottomBox .spSocialBookmarkDe li{
margin-left: 13.4px;
}
#spSocialBookmark.spArticleBottomBox .spSocialBookmarkEn li{
/* margin-left: 30.2px; */
}
#spFbTwitterBarTop, #spFbTwitterBarBottom {
width:522px;
position:relative;
}
#spFbTwitterBarTop {
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
padding: 5px 0 0 5px;
margin: 0;
height: 25px;
}
#spFbTwitterBarBottom {
padding: 10px 10px 10px 0;
margin: 0;
}
.spFbTwitterBarInfoText {
position:absolute;
font-size:0.9em;
top:-78px;
left:32px;
width: 450px;
height: 62px;
overflow: hidden;
display: none;
background-color:white;
border: 1px solid silver;
padding:10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-top-left-radius: 10px;
-khtml-border-top-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-box-shadow: 6px 6px 3px silver;
-moz-box-shadow: 6px 6px 3px silver;
box-shadow: 6px 6px 3px silver;
}
#spSocialBookmark p {
color: #666666;
margin:0;
padding:10px 0;
}
/* Grossbilder */
.spArticleContent .spFullScreen .spBigaControl {
padding-right:0;
height:1em;
}
.spArticleCredit{
clear: both;
padding: 40px 0 45px 0;
}
#spArticleColumn .spArticleCredit p{
font-size: 0.833em;
line-height: 14px;
}
.spTopicMultimedia{
clear: both;
border-bottom:4px solid #ECECEC;
border-top:4px solid #ECECEC;
padding: 0;
margin: 20px 0;
width: 856px;
overflow: hidden;
}
.spTopicMultimedia h2{
font-size: 1.18em !important;
margin: 15px 0 25px ;
}
.spTopicMultimedia h4{
}
.spTopicMultimedia h4 a{
background:transparent url("/static/sys/v9/icons/ic_forward.gif") no-repeat scroll right center;
color:#666666;
padding-right:15px;
}
.spTopicMultimedia ul{
list-style: none;
margin: 0;
padding: 0;
}
.spTopicMultimedia li{
width: 162px;
float: left;
padding-left: 11px;
line-height: normal;
}
.spTopicMultimedia li a{
font-size: 11px;
line-height: 14px;
font-weight: bold;
}
.spTopicMultimedia li a span{
font-weight: normal;
}
.spTopicMultimedia li.spMMLFirst{
padding-left: 0;
}
.spTopicMultimedia li .spVideoPic img{
border:1px solid #666;
}
.spTopicMultimedia li .spArticleImageBox,
.spTopicMultimedia li .spVideoPic{
padding-bottom: 5px;
}
.spTopicMultimedia .spMoreArticles{
clear: both;
padding: 20px 0;
text-transform: uppercase;
}
.spTopicMultimedia .spMoreArticles a{
background:transparent url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png") no-repeat scroll 100% 5px;
padding-right:15px;
font-size:1.2em;
font-weight:bold;
}
.spTopicMultimedia img.spImgNoBorder {
border: 1px solid #666 !important;
}
/* Kaesten am Artikelfuss */
#spArticleColumn .spArticleBottomBox {
border-top:4px solid #ECECEC;
clear:both;
padding:0;
margin:15px 0 0 0;
}
#spArticleColumn .spArticleBottomBox h4{
font-size: 1.2em;
color: #666;
font-weight: bold;
padding: 0;
margin:15px 0 8px 0;
text-transform: uppercase;
}
/* Community-Box */
.spCommunityBox h4 {
background: url("/static/sys/v9/icons/icon_forum.png") no-repeat right;
height:30px;
margin:0 !important;
padding: 10px 0 !important;
}
.spCommunityBoxHead {
padding:8px 0 0 0;
}
.spCommunityBoxBody {
padding:8px 0;
font-size:0.92em;
line-height:1.333em !important;
}
.spCommunityBoxBody h5 {
font-weight:normal;
}
.spCommunityBoxBodyEmpty {
padding:0;
font-size:0.92em;
line-height:1.333em !important;
}
.spCommunityBoxCount {
float:right;
width:320px;
text-align:right;
}
.spCommunityBoxEntry {
border-top:1px solid #ececec;
margin:8px 0 0 0;
padding:8px 0;
}
.spCommunityBoxEntry h6 {
font-weight:normal;
font-size:1em;
}
.spCommunityBoxEntry h6 span {
font-weight:bold;
}
.spCommunityBoxEntry p {
margin:4px 0 0;
}
.spCommunityBoxFooter {
border-top:1px solid #ececec;
padding:8px 0;
font-weight:bold;
text-align:right;
}
/* News verfolgen */
.spArticleNewsfeedBox p {
margin: 0 0 8px 0;
font-size: 0.92em;
color: #666;
}
.spArticleNewsfeedBox p a {
display: block;
float:right;
margin: 0 0 0 10px;
}
.spArticleNewsfeedBox table {
background-color:#f6f6f6;
width:522px;
border:0;
margin:0;
padding:0;
font-size:0.92em;
}
.spArticleNewsfeedBox table tr td {
border:0;
border-top: 1px solid #ccc;
padding:5px;
margin:0;
color:#666;
}
.spArticleNewsfeedBox table tr.spFirst td {
border-top: 0 none;
}
.spArticleNewsfeedBox table td.spNewsfeedlink {
text-align:right;
}
#spArticleColumn #spArticleFunctionsBottom h4{
width:200px;
float:left;
margin-bottom:0;
}
#spArticleColumn #spArticleFunctionsBottom ul{
margin:18px 0 0 0;
}
.spDruckversion {
background-color: #fff;
margin: 15px;
width: 92%;
}
.spDruckversion #spArticleBody {
float: none;
}
.spDruckversion #spLogo {
padding: 0;
float: none;
}
.spDruckversion h2 {
font-size: 1.5em;
font-weight: bold;
line-height: 1.2777em;
margin: 17px 0 13px;
color: #990000 !important;
}
.spDruckversion h3 {
font-size: 0.8333em;
font-weight: normal;
margin-bottom: 10px;
}
.spDruckversion .spAsset {
clear: both;
font-size: 1em;
line-height: 16px;
text-align: left !important;
width: 522px !important;
padding: 5px 0;
}
.spDruckversion .spAsset ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0 0 -5px 0;
padding: 5px 0;
}
.spDruckversion .spAsset h4 {
font-size: 1em !important;
margin: 2px 0 5px;
padding: 0;
}
.spDruckversion .spCredit {
color: #999999;
font-size: 0.8333em !important;
margin-left: 4px;
padding: 0;
text-align: right;
}
.spDruckversion hr {
padding: 0;
margin: 0;
}
.spDruckversion hr {
padding: 0;
margin: 0;
}
.spDruckversion .spArticleCredit {
display: block;
float: left;
padding: 0;
margin: 0;
font-size: 10px;
}
/*** Spam allgemein ***/
#spam #spChannel{
height: 18px;
}
#spSpamLogos{
float: right;
margin: 24px 20px 0 0;
}
#spam #spBreadcrumb{
margin:9px 0 0 23px;
padding:0;
width:863px;
background:0 none;
}
#spam #spHeader #spBreadcrumb li{
margin-top:5px;
text-transform:none;
}
#spam #spBreadcrumb #spLoginLinks li a{
padding-right:0;
}
#spam #spBreadcrumb li img {
padding:1px 0 0 4px;
vertical-align:text-top;
}
#spam #spContainer{
padding-right:14px;
width:862px;
overflow: hidden;
}
#spSpamContainer{
margin:23px 0 20px 0;
padding:20px 10px 15px 10px;
background-color:#fafafa;
overflow:hidden;
height:1%;
}
#spam #spSmallTeaserColumn{
float:right;
margin:0;
padding-top:0;
width:320px;
}
#spam #spTeaserColumn{
float:left;
overflow:hidden;
padding-top:0;
}
#spam #spTeaserColumn,
#spam #spSmallTeaserColumn,
#spam #spArticleColumn{
margin-top:41px;
background:none;
}
#spam #spArticleColumn {
float:left;
}
#spam #spAssetColumn{
float:left;
margin:0 0 0 20px;
}
/*** Spam Homepage + Archiv ***/
#spam .spTopThema,
#spam .spTeaser{
overflow:hidden;
height:1%;
}
#spam .spArchiveHeadlineBox{
margin-left:112px;
}
#home .spam .spRessortTeaserBoxHPHeadline{
margin-bottom:15px;
}
#home .spRessortTeaserBox.spam ul li{
background-image:url("/img/0,1020,719818,00.gif") !important;
background-position:0 7px !important;
background-repeat:no-repeat !important;
font-size:1em;
line-height:1.2em;
padding:5px 0 0 11px;
margin:0;
}
#home .spRessortTeaserBox.spam ul li a{
color:#000;
}
.spam .spRessortTeaserBoxList{
width:410px;
float: left;
clear: none;
}
#spam .spDottedLinkList{
padding-bottom:3px !important;
}
#spam .spDottedLinkList li {
margin: 0;
padding: 0;
background: none;
}
#spam .spDottedLinkList a,
#spam .spDottedLinkList a span{
font-weight:bold;
color:#c00;
}
#spam .spArticleImageBox{
/* padding-bottom:6px !important; */
padding-top:4px !important;
}
#spam .spTeaser p{
margin-bottom:5px;
}
#spam .spAssetAlignleft{
margin-right:19px !important;
}
#spam .spReadMore{
background:0 none;
}
/*** Spam Centerpage + Artikel ***/
#spam #spTeaserColumn .spTopThema,
#spam #spTeaserColumn .spTeaser{
padding-top:20px;
background:none;
}
#spam #spSmallTeaserColumn .spNoUpperLine{
padding:10px 0 !important;
}
#spam h1,
#spam h2,
#spam h3{
background-color:#c00;
color:#fff !important;
}
#spam h1 a,
#spam h2 a,
#spam h3 a{
background-color:#c00;
color:#fff;
}
#spam h1{
margin:0;
padding:10px 0 0 10px;
text-transform: uppercase;
font-size:1.08em;
}
#spam h2{
margin:0;
padding:10px 0 0 10px;
}
#spam #spArticleColumn h2 {
padding:5px 0 6px 10px;
}
#spam #spSmallTeaserColumn h1{
background-color:#fff;
color:#c00;
font-size:0.833em;
text-transform:uppercase;
padding:7px 0 8px 0;
}
#spam #spArticleColumn h3{
background: none;
color: #000 !important;
}
#spam h3,
#spam.spCenterpageContent #spTeaserColumn .spTeaser h3 {
margin:0 0 16px 0;
padding:2px 10px 5px 10px;
font-size:1.5em;
line-height:1.5em;
}
#spam #spSmallTeaserColumn h2{
font-size:1em;
margin:0;
padding:0 0 2px 4px;
}
#spam #spTeaserColumn.spSpamCategory h2{
margin:0;
padding:10px 0 0 10px;
color:#fff;
background-color:#c00;
font-size:1.083em; /* 13px */
text-transform:none;
}
#spam #spTeaserColumn.spSpamCategory h3{
margin:0 0 16px 0;
padding:2px 0 8px 10px;
color:#fff;
background-color:#c00;
font-size:1.5em; /* 18px */
line-height:1.2em;
clear:none;
}
#spam .spSpamCategoryTeaserLeftImage .spArticleImageBox{
padding:0 !important;
}
#spam #spTeaserColumn.spSpamCategory h3 a{
color:#fff;
}
#spam h3.spArchiveHeader{
margin:0;
padding:0;
font-size:1em;
color:#000 !important;
background-color:transparent;
}
#spam #spPopupLayerHeader h1 {
padding:0;
text-transform:none;
color:#666 !important;
background-color:#fff;
}
#spam .spDateTime{
padding-bottom:4px;
line-height:8px;
}
#spam #spArticleFunctions{
margin:0 0 12px 0;
padding:5px 0 0 0;
border-top:4px solid #ececec;
font-size:0.916em; /* 11px */
}
#spam #spArticleFunctions ul{
margin:0 -4px 0 0;
}
#spam #spArticleFunctions ul li{
border-left:1px solid #000;
}
#spam #spArticleFunctions ul li.spFirst{
border-left:0 none;
}
#spam #spArticleFunctions ul li a{
color:#c00;
}
#spam #spShortDate{
float:left;
line-height:10px;
}
/*** Fotostreckenseite ***/
#spFotostreckeHead.spam #spFotostreckeLogo{
background-image:url("/static/sys/v9/gallery/logo_background_spam.jpg");
width:453px;
}
#spFotostreckeHead.spam #spFotostreckeLogoZitate{
background-image:url("/static/sys/v9/gallery/logo_background_zitate_spam.jpg");
}
#spBigaHead.spam #spBigaLogo{
background-image:url("/static/sys/v9/gallery/logo_background_spam.jpg");
width:453px;
}
#spBigaHead.spam #spBigaLogoZitate{
background-image:url("/static/sys/v9/gallery/logo_background_zitate_spam.jpg");
}
/*** Assets + Contentainer ***/
#spam .spArticle #spSmallTeaserColumn h4{
font-size: 1.18em;
color: #000;
padding: 0 0 0.2em 0;
}
#spam .spArticle #spSmallTeaserColumn h4 a{
background: url("/static/sys/v9/icons/ic_SpamArrow.gif") no-repeat right 3px;
padding: 0pt 15px 0 0;
}
#spam #spSmallTeaserColumn .spInfoBox,
#spam #spSmallTeaserColumn .spAsset,
#spam #spSmallTeaserColumn .spR300{
border-top:4px solid #ececec;
border-bottom:0 none;
}
#spam .spInfoBox .spZurueckZuSPON h5{
margin-bottom:0;
}
#spam .spInfoBox h5,
#spam .spInfoBox h4{
color:#000;
}
#spam .spInfoBox h5 a,
#spam .spInfoBox h4 a{
padding-right:15px;
background:transparent url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png") no-repeat scroll 100% -236px;
color:#000;
}
#spam .spVoteOptions{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0px;
}
#spam .spVoteOptions li{
clear:both;
}
#spam .spVoteOptions input{
margin:0 0.6em 0 0;
}
#spam .spSpamFacebookBox{
margin-bottom:10px !important;
padding-top:20px !important;
text-align:center;
}
#spam .spColumnBoxPic{
padding:3px 0 5px 10px;
float:right;
}
#spam .spMultimediaLeiste{
margin-top:20px;
padding:0;
width:522px;
background-color:#c00;
}
#spam .spMultimediaLeiste{
margin-top:20px;
padding:0;
width:522px;
background-color:#c00;
}
#spam .spMMLBackground{
padding:5px 10px 8px 10px;
border-bottom:2px solid #c00;
background-color:#e2bebe;
overflow:hidden;
clear:both;
}
#spam .spPaginatorControlPanel{
margin:0;
padding:7px 9px 0 0;
}
#spam .spPaginatorControlPanel div{
color:#fff;
}
#spam .spPaginatorControlPanel div a{
font-weight:normal !important;
}
#spam .spPaginatorControlPanel .spActive a{
font-weight:bold !important;
}
#spam .spMultimediaLeiste h4{
padding:6px 0 8px 0;
background:#c00 none repeat scroll 0 0;
margin: 0 !important;
}
#spam .spPaginatorControlPanel a{
color:#fff;
}
#spam .spMultimediaLeiste h4 a{
padding-right:15px;
padding-left:9px;
color:#fff !important;
font-size:1.084em; /* 13px */
background:transparent url("/static/sys/v9/icons/ic_SpamArrowWhite.gif") no-repeat scroll 100% 3px;
}
#spam .spMMLBackground ul li{
padding:0 0 0 7px;
width:162px;
}
#spam .spMMLBackground ul li.spMMLFirst{
padding-left:1px;
}
#spam .spMMLBackground br{
display:block;
margin:4px 0;
}
#spam .spMMLBackground a{
font-weight:bold;
}
#spam .spMMLBackground a span{
font-weight:normal;
}
#spam .spMPCBox{
padding-top:20px;
padding-bottom:22px;
border-top:4px solid #ececec;
}
#spam .spBoxHeadline{
padding:5px 9px !important;
background-color:#c00;
color:#fff;
font-size:1.084em; /* 13px */
}
#spam .spMPCBox h3.spMPCTab{
border-top:1px solid #c00;
background:#e2bebe url("/static/sys/v9/buttons/buttonMPCTabSpam.gif") no-repeat scroll -3px 7px;
margin: 0;
}
#spam .spMPCBox h3 a{
color:#000;
background-image:none;
color: #000 !important;
font-size: 12px !important;
background: none !important;
padding:9px 9px 9px 24px !important;
}
#spam .spMPCBox h3.spMPCTabAktiv{
background-image:url("/static/sys/v9/buttons/buttonMPCTabSpamAktiv.gif");
}
#spam .spMPCContent{
padding:0 9px 9px 24px;
background-color:#e2bebe;
}
#spam #spSmallTeaserColumn .spVideoAsset.spAssetAligncenter{
margin-top:0;
margin-bottom:0;
}
#spam .spArchiveLink,
#spam .spArchiveLinkback{
padding-top: 15px;
}
#spam #spArticleColumn .spNewsinclude h2{
padding-top:0 !important;
background-color:transparent;
color:#000 !important;
}
#spam #spArticleColumn .spNewsinclude h3{
margin-bottom:0;
padding-bottom:0;
}
#spam #spArticleColumn .spNewsinclude h3 a{
background-color:transparent;
color:#000;
}
#spam .spNewsinclude .spNoUpperLine{
border-bottom:4px solid #ececec !important;
}
body#spam.spTopicContent #spColumnWrapperInner{
background: none;
}
body#spam.spTopicContent #spTeaserColumn {
margin-top: 0;
}
body#spam.spTopicContent #spTeaserColumn .spTeaser h2,
body#spam.spTopicContent #spTeaserColumn .spTeaser h3{
padding-left:15px;
}
body#spam.spTopicContent #spTeaserColumn .spTeaser h2{
margin-top: 4px;
}
body#spam.spTopicContent #spSmallTeaserColumn {
margin-top: 0;
}
/* Druckversion */
#spam.spDruckversion #spLogo a{
padding-left:79px;
background:transparent url("/static/sys/v9/spiegelspam_print.gif") no-repeat scroll 0 1px;
}
#spam.spDruckversion a {
color: #900;
}
#spam.spDruckversion h1 {
color: #666;
background-color: transparent;
padding: 0;
}
#spam.spDruckversion h2 {
background-color: transparent;
margin: 17px 0 13px;
padding: 0;
line-height: 1.2777em;
}
/* *** listobox, htmlbox ********* */
#spam div.spListbox h4,
#spam div.spHtmlbox h4{
color:#000;
}
#spam .spListbox h4 a,
#spam .spHtmlbox h4 a{
padding-right:15px;
background:transparent url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png") no-repeat scroll 100% -236px;
color:#000;
}
#spam #spSmallTeaserColumn .spListbox,
#spam #spSmallTeaserColumn .spHtmlbox {
border-bottom: 0 none;
border-top: 4px solid #ECECEC;
}
#spam #spSmallTeaserColumn .spListbox .spListboxCloser {
border-bottom: 0 none;
}
.spMarkVisited a:visited,
.spMarkVisited a:visited span{
color:#777777;
}
.spPaginatorControlPanel {
line-height:20px;
text-align:right;
}
.spPaginatorControlPanel a {
margin:0 2px;
font-size: 0.8333em;
font-weight: bold;
}
.spPaginatorControlPanel div {
display:inline;
color: #ccc;
}
.spPaginatorControlPanel img {
vertical-align:middle;
margin-bottom:3px;
}
.spPaginatorControlPanel .spActive a {
color: #ccc;
}
.spMultimediaLeiste .spPaginatorControlPanel{
line-height: normal;
margin-bottom: 4px;
}
.spInfoBox .spVideoBrowser .spPaginatorControlPanel {
margin:-28px 0 15px 0;
}
#spSmallColumnSearchBox{
margin-top:5px !important;
}
#spSmallColumnSearchBox form{
margin:0;
padding:10px;
background-color:#f6f6f6;
display:block;
overflow:hidden;
height:1%;
}
#spSmallColumnSearchBox fieldset{
margin:0;
padding:10px 0;
border:0 none;
clear:both;
}
#spSmallColumnSearchBox fieldset.spCheckboxes{
padding-top:3px;
font-weight:bold;
}
#spSmallColumnSearchBox .spSuchformInput{
background:transparent url(/static/sys/v9/bg/bg_suchmaske.jpg) repeat-x scroll 0 0;
float:none;
height:19px;
width:145px;
}
#spSmallColumnSearchBox .spCheckboxes input{
margin:7px 7px 0 0;
padding:0;
vertical-align:text-bottom;
}
#spSmallColumnSearchBox select{
background:transparent url(/static/sys/v9/bg/bg_suchselect.gif) repeat-x scroll 0 0;
border:1px solid #999;
margin:0 0 10px;
padding:0;
width:100%;
height:19px;
}
#spSmallColumnSearchBox option{
background-color:#fafafa;
}
#spSmallColumnSearchBox .spSearchFromDate input,
#spSmallColumnSearchBox .spSearchToDate input{
background:transparent url(/static/sys/v9/bg/bg_suchselect.gif) repeat-x scroll 0 0;
border:1px solid #999999;
height:19px;
margin:0;
padding:0.1em 0 0 0;
width:78px;
}
#spSmallColumnSearchBox .spSmallColumnSearchSubmit div{
float:left;
font-size:14px;
color:#666;
font-weight:bold;
padding-top:15px;
text-transform:uppercase;
}
#spSmallColumnSearchBox .spSmallColumnSearchSubmit img{
float:right;
margin:-2px -5px;
}
.spRessortTeaserLess,
.spRessortTeaserMore{
clear:both;
padding:8px 0;
width:522px;
overflow:hidden;
}
.spRessortTeaserLess a,
.spRessortTeaserMore a{
color:#666 !important;
display:block;
font-weight:bold;
padding:0 0 2px 23px;
background-color:transparent;
background-image:url("/static/sys/v9/buttons/btn_less-more-sprite.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.spRessortTeaserLess a{ background-position:0 0; }
.spRessortTeaserMore a{ background-position:0 -25px; }
@media only screen and (min-device-width:320px) and (max-device-width:480px){
.spRessortTeaserLess a{ background-position:0 7px; }
.spRessortTeaserMore a{ background-position:0 -18px; }
}
/* Impressum */
.spBereich5037 #spArticleColumn h1 {
display: none;
}
.spBereich5037 #spArticleColumn h2 {
clear: both;
float: right;
width: 426px;
margin: 0;
padding: 1px 50px 30px 20px;
}
#spImpressum * {
margin: 0;
padding: 0;
}
#spImpressum {
clear: both;
width: 856px;
display: inline-block;
}
#spImpressum div.spImpBlock {
clear: both;
width: 856px;
}
#spImpressum h4 {
clear: both;
float: left;
width: 310px;
margin: 38px 0 0 50px;
padding: 0 0 8px 0;
border-bottom: 1px solid #CCC;
text-align: right;
text-transform: uppercase;
color: #666;
font-weight: 900;
font-size: 13px;
}
#spImpressum #spImpIntro h4 {
float: right;
width: 426px;
margin: 0;
padding: 0 50px 0 20px;
border-bottom: 0 none;
text-transform: none;
text-align: left;
}
#spImpressum p {
float: right;
width: 426px;
margin: 38px 0 0 0;
padding: 0 50px 0 20px;
text-align: left;
font-size: 12px;
}
#spImpressum #spImpIntro p{
clear: both;
margin: 0 0 1em 0;
}
#spImpressum #spImpOutro p{
float: left;
width: 99%;
margin: 0;
padding: 20px 1px 1px 1px;
text-align: left;
}
#spImpressum #spImpOutro {
margin: 40px 0 0 0;
}
/* Impressum - Einzelseite: */
#spImpressum #spImpEntry {
clear: both;
width: 856px;
margin: 0;
padding: 0;
display: inline-block;
}
#spImpressum #spImpEntry #spImpContent {
background: transparent url("/img/0,1020,1545686,00.jpg") 0 0;
clear: both;
width: 856px;
min-height: 320px;
margin: 0;
padding: 0 0 10px 0;
display: inline-block;
}
#spImpressum #spImpEntry h4 /* edit von: #spImpressum h4 */ {
margin: 0 0 0 50px;
}
#spImpressum #spImpEntry h5 {
float: right;
width: 426px;
margin: 0;
padding: 1px 50px 0 20px;
}
#spImpressum #spImpEntry #spImpContent p {
margin: 30px 0 0 0;
}
#spImpressum #spImpEntry #spImpContent #spImpPic {
float: right;
clear: none;
margin: 30px 10px 0 0;
padding: 0;
}
#spImpressum #spImpEntry p.spLinkToList {
margin: 0 50px 0 20px;
padding: 6px 0;
background: transparent url("/img/0,1020,1545908,00.jpg") 0 0 repeat-x;
font-weight: bold;
font-size: 10px;
text-align: right;
}
#spImpressum a {
white-space: nowrap;
color: #900;
}
#spImpressum #spImpEntry p.spLinkToList a {
padding: 0 16px 0 0;
background: transparent
url("/static/sys/v8/icons/ic_right_two_arrows.gif") no-repeat scroll
100% 50%;
text-transform: uppercase;
}
#spImpressum #spImpIntro h2 {
float:right;
margin:17px 0 13px;
padding:0 50px 0 20px;
width:426px;
}
.spSPIEGELCpMainTitle h1{
font-size:1.5em !important;
font-weight:bold;
color:#900 !important;
}
.spSPIEGELCpMainTitle h2 {
font-size:1.08em !important;
font-weight:bold;
color:#000 !important;
}
.spSPIEGELCpMainBox h4 {
text-transform: none;
color:#000 !important;
}
.spSPIEGELCpMainEpaperIframe {
width:100%;
background-color:#f2f2f2;
padding:10px 0px;
margin:0;
text-align:center;
}
.spSPIEGELCpMainBox {
display:block;
margin:0;
padding:20px 0;
border-bottom:2px solid #ECECEC;
}
.spSPIEGELCpMainEpaperLogin a {
background: transparent url("/static/sys/v8/icons/ic_right_two_arrows.gif") no-repeat scroll 100% 50%;
padding:0 16px 0 0;
font-weight:bold;
}
.spSPIEGELCpListsVorab,
.spSPIEGELCpMainBox ul {
margin:0;
padding:0;
}
.spSPIEGELCpListsVorab li {
background:transparent url("/static/sys/v8/icons/ic_right_one_arrow_small.gif") no-repeat scroll 0 3px;
margin:0;
padding:0 0 5px 7px;
}
.spSPIEGELCpMainBox ul li {
margin:3px 0 0 0;
padding:0;
}
#spSmallTeaserColumn .spMagazinkastenText {
margin-left: 135px;
}
#spSmallTeaserColumn .spMagazinkastenImg {
float: left;
}
#spBoxColumn .spMagazinkastenText {
margin-right: 135px;
}
#spBoxColumn .spMagazinkastenImg {
float: right;
}
.spMagazinkasten ul {
margin-top:20px !important;
}
/* quiztool.fcgi */
ul.spQuizQuestion {
margin-top:1em !important;
}
.spQuizQuestion li {
margin:0 0 10px 0;
padding:0px !important;
}
/* Anpassungen Partner */
/* DigasNet / BackOffice */
.spBereich4779 #spArticleColumn {
clear:left;
float:left;
overflow:visible;
padding: 20px 45px;
width: 766px;
}
.spBereich4553 #spContainer {
background-color: #FFFFFF;
}
.spHelpBoxList li{
width:100%;
padding:0.6em 0;
margin:0;
border-top:1px solid #CCC;
}
ul.spHelpBoxList2{
width:100%;
clear:left;
margin:0.6em 0 0 0;
list-style:none outside none;
padding:0;
}
ul.spHelpBoxList2 li{
float:left;
width:49.5%;
padding:4px 0;
margin:0;
border-top:1px solid #CCC;
}
ul.spHelpBoxList2 li.spHelpBoxListClear{
clear:left;
}
ul.spHelpBoxList2 img{
float:left;
padding: 1px;
border: 1px solid #ccc;
margin-right: 5px;
}
ul.spHelpBoxList2 span.spHelpLLTxt{
float:left;
margin:0;
padding:4px 0 0;
}
h5.spHelpBox{
border-top:1px solid #CCCCCC !important;
clear:both !important;
color:#000000 !important;
margin:0 !important;
padding: 0.6em 0 0 !important;
width:99% !important;
}
.spTools{
float:left;
width:285px;
margin:0 0 2em 0;
padding:0;
}
#spArticleColumn .spTools p{
float:left;
padding:1em 20px 0 1px;
margin: 0;
}
#spArticleColumn .spTools ul{
float:left;
display:block;
padding:1em 20px 1px 1.4em;
margin:0;
}
#spArticleColumn .spTools img{
border:1px solid #666666;
float:left;
}
#spHPTopThema{
float:left;
width:514px;
margin:0 0 15px 0;
padding:0;
border:4px solid #ececec;
}
.spAutoDatenbankSuche{
display:inline-block;
width:auto;
margin:0 auto;
padding:3px 0 3px 3px;
border:1px solid #ccc;
}
.spAutoDatenbankSuche *{
margin:0;
padding:0;
}
.spAutoDatenbankTD{
float:left;
width:142px;
padding:4px 0 4px 4px;
}
.spAutoDatenbankTD select{
float:left;
width:142px;
margin:2px 0;
font-size:1em;
}
.spAutoDatenbankTD label{
width:142px;
white-space:nowrap;
overflow:hidden;
}
.spAutoDatenbankTD input{
float:left;
width:138px;
margin:2px 0;
font-size:1.3em;
}
.spAutoDatenbankTDSuchen{
float:right;
padding:7px 5px 0 8px;
}
.spAutoDatenbankTDSuchen .aGo{
font-weight:bold;
display: block;
padding-right: 15px;
margin-right:3px;
background: transparent url("/static/sys/v8/icons/ic_forward.gif") 100% 50% no-repeat;
}
#spBenzinPreis{
width:auto;
margin:0 auto;
display:inline-block;
}
#spBenzinPreis *{
margin:0;
padding:0;
}
#spBenzinPreis .spBenzinPreisTD{
float:left;
width:250px;
padding:4px 2px 4px 6px;
}
#spBenzinPreis .spBenzinPreisTD label,
#spBenzinPreis .spBenzinPreisTD select,
#spBenzinPreis .spBenzinPreisTD input{
clear:left;
width:184px;
float:left;
margin:2px 0;
}
#spBenzinPreis .spBenzinPreisTD label{
font-weight:bold;
white-space:nowrap;
}
#spBenzinPreis .spBenzinPreisTD select,
#spBenzinPreis .spBenzinPreisTD input{
font-size:1.2em;
}
#spBenzinPreis input.aGo{
float:right;
width:136px;
height:17px;
margin:4px 7px 0 0;
}
.spAchillesCalc{
float:left;
margin: 0.3em 0 1em 0;
padding: 10px;
width: 278px;
border: 1px solid #ececec;
}
.spAchillesCalc div{
float:left;
clear:both;
width:100%;
zoom:1;
}
.spAchillesCalc p{
display:block;
clear:both;
margin: 0;
padding: 1em 0;
font-weight: bold;
}
.spAchillesCalc form{
display: inline;
margin: 0;
padding: 0;
}
.spAchillesCalc select,
.spAchillesCalc input,
.spAchillesCalc label{
float: left;
display: block;
margin: 2px 1px 3px 0;
}
.spAchillesCalc input.radio,
.spAchillesCalc span.radio{
display: block;
float: left;
margin: 1px;
padding: 1px;
}
.spAchillesCalc label{
clear: both;
width: 140px;
font-weight: bold;
vertical-align: middle;
}
.spAchillesCalc label span.lbl_descr{
font-weight: normal;
white-space: nowrap;
}
.spAchillesCalc select,
.spAchillesCalc input.numberinput,
.spAchillesCalc input.numberinput_half,
.spAchillesCalc input.timeinput{
border: 1px solid #cfcfcf;
}
.spAchillesCalc input.numberinput{
width: 90px;
}
.spAchillesCalc input.numberinput_half{
width: 44px;
}
.spAchillesCalc input.timeinput{
width: 20px;
}
.spAchillesCalc select.activity{
clear: left;
margin-top: 4px;
}
.spAchillesCalc input.submit{
clear: both;
float: right;
padding: 1px 20px;
margin: 1em 0 0 0;
background:#eee url("/img/0,1020,829939,00.gif") repeat-x 0 0;
border: 1px solid #cfcfcf;
font-weight: bold;
font-size: 1em;
line-height:1em;
cursor: pointer;
}
.spInfoBox .spQCInfoBox {
margin:0;
padding:0;
background:#f6f6f6;
}
.spInfoBox .spQCInfoBox h4 {
padding-top: 10px;
margin:5px 0 10px 0;
}
.spInfoBox .spQCInfoBox a img {
border: 1px solid #666;
}
.spInfoBox .spQCInfoBox p {
margin-bottom:0;
padding-bottom:10px;
}
/* HP-Special Balken Leiste */
.spHPSpecialTop
{
width: 522px;
overflow: hidden;
margin: 0 0 20px 0;
padding: 20px 0 0 0;
border-top: 4px solid #ECECEC;
font-size: 0.95em;
}
.spHPSpecialTopInner
{
background: #f6f6f6;
}
.spHPSpecialTop .spHPSpecialTopTxt
{
width: 520px;
padding: 3px 1px 5px 1px;
text-align:center;
}
.spHPSpecialTopInner
{
background: #f6f6f6;
}
.spHPSpecialTop .spHPSpecialTopTxt
{
width: 520px;
padding: 3px 1px 5px 1px;
text-align:center;
}
/* HP Spezial-Kasten Aufmacherbereich */
.spHPSpecialbox
{
float:left;
width:514px;
margin:0 0 15px;
padding:0;
border:4px solid #ECECEC;
}
.spHPSpecialboxInner{
margin:10px;
}
.spHPSpecialbox h4{
padding:5px 0 15px;
font-size:13px;
}
.spHPSpecialbox h4 a{
color:#666;
}
.spHPSpecialbox p{
margin:0;
padding:0 2px 1em 0;
font-size:11px;
}
/* HP-Leiste Maerkte Boersenwerte */
.spHPMaerkte{
width: 522px;
overflow: hidden;
margin: 0;
padding: 20px 0;
border-top: 4px solid #ECECEC;
font-size: 0.95em;
}
.spHPMaerkteInner{
padding: 4px 0 !important;
}
.spHPMaerkteH{
float: left;
width: auto;
margin: 0 1em 2px 0;
font-weight: bold;
color: #666;
}
.spHPMaerkteNavi{
float: right;
width: auto;
}
form.spWettersearch{
display:inline;
float:left;
width:100%;
margin:1px 0;
padding:5px 0;
background: #f6f6f6;
}
form.spWettersearch * {
margin:0;
padding:0;
}
form.spWettersearch label{
float:left;
margin:0 10px;
padding: 1px 0 0 0;
font-size:10px;
font-weight: bold;
color: #666;
white-space: nowrap;
}
form.spWettersearch select#spSelectWetterLand{
float:right;
width:150px;
height:17px;
margin: 0 16px 0 0;
vertical-align:middle;
font-size:11px;
}
form.spWettersearch input#spWettersearchOrt{
float:left;
width:120px;
height:17px;
border:1px solid #ccc;
vertical-align:middle;
font-size:12px;
font-family:arial,monospace;
}
form.spWettersearch input#spWettersearchGo{
float:left;
margin: 0 0 0 6px;
vertical-align:middle;
}
.spSonderCp li{
list-style-type: none !important;
margin:0 0 0 -25px !important;
}
.spSeite2 a{
color:#666;
}
#sp3Min{
float:left;
width: 500px;
height: 310px;
background: #f9f9f9;
font-size: 12px;
}
#sp3MinHeader h1{
font-size: 12px;
position:absolute;
margin:0;
padding:0;
left: 121px;
top: 3px;
width: 301px;
color: #fff;
}
#sp3MinHeader{
float:left;
width: 500px;
padding: 0;
background-color: #C11919;
color: #000;
font-weight: normal;
position:relative;
}
#sp3MinHeader a{
color: #4C4C4C;
padding-left: 5px;
}
#sp3MinHeader img{
border: solid 1px white;
margin: 2px 0 2px 3px;
}
#sp3MinStand{
background-color: #efefef;
float:left;
width: 499px;
padding-left: 1px;
}
#sp3MinStand a{
float:right;
color: #990000;
font-size: 0.8333em;
margin-right: 7px;
}
#sp3MinStand a img{
border: none !important;
}
#sp3MinStand span{
padding:0;
margin-left: 2px;
font-size: 0.8333em;
}
#sp3Min .spTopThema{
float:left;
width: 450px;
height: 215px;
margin:0;
padding:25px 20px 0px 20px !important;
line-height: 16px;
}
#sp3MinFooter{
float:left;
width: 500px;
background-color: #e2e2e2;
}
#sp3MinPage{
float:right;
color:#666;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
}
#sp3MinAnzahl {
color: #666 !important;
font-weight:bold;
}
#sp3Min h2 {
color:#666666 !important;
font-size:1.08em;
line-height:normal;
margin:0;
}
#sp3Min h3 {
font-size:1.5em !important;
line-height:normal;
margin:8px 0;
padding: 0;
}
.spShadedButton{
float:left;
height:34px;
background:transparent url(/static/sys/v9/buttons/shadedbuttonsprite.png) no-repeat scroll 0 -34px;
margin:22px 0 0 0;
padding:0 0 0 13px;
font-size:12px;
line-height:14px !important;
}
.spShadedButton + .spBreakNoHeight{
display:block;
}
.spShadedButtonNoMarginTop{
margin-top:0 !important;
}
.spShadedButton a{
display:block;
height:28px;
background:transparent url(/static/sys/v9/buttons/shadedbuttonsprite.png) no-repeat scroll 100% -68px;
padding:6px 45px 14px 0;
font-weight:bold;
font-size:12px;
line-height:14px !important;
}
.spEPaperButton{
float:left;
height:34px;
background:transparent url(/static/sys/v9/buttons/shadedbuttonspritef2f2f2.png) no-repeat scroll 0 -34px;
margin:0 0 0 94px;
padding:0 0 0 13px;
font-size:12px;
line-height:14px !important;
}
.spEPaperButton a{
display:block;
height:28px;
background:transparent url(/static/sys/v9/buttons/shadedbuttonspritef2f2f2.png) no-repeat scroll 100% -68px;
padding:6px 45px 14px 0;
font-weight:bold;
font-size:12px;
line-height:14px !important;
}
.spEPaperButton a:active,
.spEPaperButton a:focus{
outline:0;
}
/* TopThema-Kasten HP */
#spHPTopThema h4 a,
#spHPTopThema h4 a span {
color:#666666;
}
#spHPTopThema .spHPTopThemaSpecial {
margin:10px 10px 5px 10px;
}
#spHPTopThema .spHPTopThemaSpecial h4 {
padding:5px 0;
}
.spHPTopThemaTTimg{
margin:0 10px;
}
.spHPTopThemaTTimg img{
margin:0;
border:1px solid #000;
}
ul.spLinkList {
margin: 15px 0 0;
padding: 0;
}
ul.spLinkList img {
border:0 none !important;
float:none !important;
margin:0 !important;
padding:0 4px 4px 0;
}
.spTopThema ul.spLinkList{
clear: both;
}
/* Schlagzeilen-Navi */
#spSchlagzNavi {
float:left;
width:771px;
padding:0;
margin: 20px 0 20px 0;
}
#spSchlagzNavi .spSchlagzNaviBox {
width: auto;
margin:0 7px 0 0;
padding:4px 8px 4px 8px;
float:left;
border:1px solid #c0c0c0;
}
#spSchlagzNavi .spSchlagzNaviBox.spSchlagzNaviAndere {
margin: 0 0 0 7px;
padding:4px 40px 4px 8px;
background:#f8f8f8 url("/img/0,1020,999745,00.gif") right 50% no-repeat;
}
#spSchlagzNavi .spSchlagzNaviBox .spSchlagzNaviBoxInner {
float:left;
}
#spSchlagzNavi h5 {
float:left;
margin:0;
padding:0;
color:#666;
}
#spSchlagzNavi ul {
float:left;
clear:left;
list-style-type: none;
margin: 7px 4px 0 0;
padding: 0;
white-space: nowrap;
}
#spSchlagzNavi li {
white-space: nowrap;
display:inline;
}
#spSchlagzNavi li a {
padding: 0 4px 0 6px;
margin: 0;
border-left:1px solid #000;
}
#spSchlagzNavi li.first a {
padding: 0 4px 0 0;
margin: 0;
border-left:0 none;
}
#spSchlagzNavi a.aktiv {
color:#000;
font-weight:bold;
}
/* Sportal-Kaesten */
table.spSportalBox {
width:100%;
border-bottom:1px solid #c0c0c0;
}
table.spSportalBox .spRow1{
background-color: #f5f5f5;
}
table.spSportalBox td {
border-top:1px solid #c0c0c0;
padding: 3px 3px 3px 0;
}
table.spSportalBox td.spLive strong {
background:transparent url("/static/sys/kickerticker/spiellaeuft.gif") left 50% no-repeat;
padding-left:10px;
}
div.spSportalBoxLegende {
float:right;
background:transparent url("/static/sys/kickerticker/spiellaeuft.gif") left 50% no-repeat;
padding-left:10px;
margin-top:5px;
}
div.spSportalBoxHeadline {
clear:both;
margin:10px 0;
font-weight:bold;
color:#666;
}
.spBrowserInfoMessage {
border: 2px solid red;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 20px 0;
padding: 10px;
text-align: center;
}
.spInfoBox {
font-size:0.92em;
line-height:1.25em !important;
}
.spInfoBox h5,
.spInfoBox h4 {
color:#666;
font-size:1.18em;
font-weight:bold;
margin:0 0 15px 0;
padding:0;
}
.spInfoBox h5 a,
.spInfoBox h4 a{
background-image:url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png");
background-repeat:no-repeat;
color:#666;
margin:0;
padding:0 17px 0 0;
}
.spInfoBox h5 a{ background-position:100% 4px; }
.spInfoBox h4 a{ background-position:100% 3px; }
.spInfoBox h6{ font-size:11px; }
.spInfoBox ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.spInfoBox:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.spInfoBox .spMPCBox{
border: none;
}
#spWrapper .spInfoBox h5{
color: #666666;
}
.spInfoBox .spMPCBoxAutoHeight{
margin-top: -22px;
}
#spSmallTeaserColumn .spInfoBox {
clear:both;
overflow: hidden;
padding: 20px 0;
margin: 0;
border-bottom:4px solid #ececec;
}
#spBoxColumn .spInfoBox {
margin-bottom: 20px;
}
#home .spColumnBoxPic {
float: right;
padding:0 0 12px 12px;
margin: 0;
width: 122px;
}
.spColumnBoxPic {
float: left;
padding: 0 12px 12px 0;
margin: 0;
width: 122px;
}
.spColumnBoxPic .spCredit,
.spColumnBoxPic div{
clear: both;
}
.spColumnBoxPic img {
border:1px solid #666666;
}
.spInfoBox .spArrowList li {
margin: 0;
padding: 0 0 5px 0;
font-weight: normal !important;
font-size: 1em;
}
.spTopicContent .spInfoBox .spInfoBoxList{
margin-top: 16px;
}
.spInfoBox .spInfoBoxList li {
margin: 0;
padding: 0 0 5px 0;
font-weight: normal !important;
font-size: 1em;
}
/* spInfoBox Spezialfaelle */
/* Top-10-Listen */
.spRankingList {
float: none;
padding: 0;
margin:10px 0 0 0;
}
.spRankingList li {
list-style: none;
margin: 0;
padding:10px 0 0 0;
}
.spCenterpageContent .spRankingList li {
clear: both;
}
#home .spRankingList .spColumnBoxPic{
padding: 2px 0 4px 2px;
}
.spRankingList li .spItemNumber {
border: 1px solid #b0b0b0;
color: #666;
font-weight: bold;
font-size: 10px;
width: 13px;
height: 13px;
line-height: 1.3em;
text-align: center;
margin: 3px 0 0 0;
float: left;
padding-top: 0;
}
.spRankingList li .spItemText {
padding: 3px 0 0 20px;
margin: 0;
}
/* Kickerticker-Kasten */
.spKickerTicker h5{
margin-bottom:0;
}
.spKickerTickerWettbewerb {
margin-top:15px;
clear:both;
float:left;
width:100%;
}
.spKickerTickerWettbewerb p {
margin:8px 0 0 0;
padding:0;
}
.spKickerTickerErgebnis {
text-align:center;
font-weight:bold;
letter-spacing:2px;
border-left:0px none !important;
}
.spKickerTicker table{
clear: left;
float: none;
margin:8px 0 0 0;
border-top: 1px solid #ccc;
padding: 0;
width: 304px;
}
#home .spKickerTicker table{
width:294px;
}
.spKickerTicker td{
padding: 2px 0;
border-bottom: 1px solid #ccc;
}
.spKickerTickerTeams{
width: 260px;
}
#home .spKickerTickerTeams{
width: 250px;
}
.spKickerTickerLegende{
clear:both;
float:left;
margin-top:20px;
width:100%;
}
.spKickerTickerStand{
width: 130px;
float:left;
}
.spKickerTickerIcons{
width: 158px;
float:right;
text-align:right;
}
.spInfoBox table.spWetterbox {
padding-left: 0;
width: 154px !important;
margin: 10px 0 10px 0;
border-top: 1px solid #ccc;
float: right;
}
.spWetterbox td{
border-bottom: 1px solid #ccc;
padding: 0 4px;
}
.spWetterList {
float: left;
width: 110px;
margin: 10px 10px 0 0 !important;
padding: 0;
list-style: none;
}
.spWetterList li{
clear: both;
width: 110px;
}
.spWetterList li{
margin:0;
padding:0 0 5px 7px;
background:transparent url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png") no-repeat 0 -45px;
}
.spWetterList li h6{
font-weight: normal !important;
font-size: 1em;
}
.spWetterbox img{
margin: 0 0 0 5px !important;
border:none !important;
}
/* VideonewsBox */
.spHPVideoNewsList{
margin: 0;
padding: 0;
}
.spHPVideoNewsBox .spHPVideoNewsList li {
border-bottom: solid 1px #ccc;
width:292px;
}
.spHPVideoNewsBox .spHPVideoNewsList li a {
display:block;
padding: 4px 0 6px 0;
}
.spHPVideoNewsBox .spHPVideoNewsList li a span{
color: #000;
}
.spHPVideoNewsBox .spHPVideoNewsLink {
margin:10px 0 0 0;
text-align:right;
}
.spHPVideoNewsBox .spHPVideoNewsLink a{
background:transparent url(/static/sys/v9/icons/ic_arrow-bullet-sprite.png) no-repeat scroll 100% 3px;
font-weight:bold;
padding-right:15px;
text-align:right;
}
.spInfoBox table.spFormel1Ticker {
padding:0;
margin: 10px 0 0 0;
border-top: 1px solid #ccc;
width: 304px;
}
#home .spInfoBox table.spFormel1Ticker {
width: 295px;
}
.spFormel1Ticker td {
padding: 1px 2px;
border-bottom: 1px solid #ccc;
}
.spFormel1Ticker td .spFormel1Name {
display:block;
float:left;
}
.spFormel1Ticker td .spFormel1Team {
display:block;
float:left;
}
.spFormel1Ticker td .spFormel1Zeit {
display:block;
float:right;
}
.spInfoBox p.spFormel1Event {
font-weight:bold;
margin:6px 0 0 0;
}
.spInfoBox p.spFormel1EventTyp {
margin:3px 0 0 0;
}
.spInfoBox .spFormel1Powered {
clear:both;
width:115px;
margin: 10px auto 0 auto;
}
.spBoerseBox{
margin-top: -20px;
}
.spBoerseBox .spMPCContent,
#spSmallTeaserColumn .spBoerseBox .spMPCBox .spMPCContent {
padding: 10px 0 0 0;
margin: 0 !important;
}
.spBoerseBox li.spMPCTab a {
padding: 2px 10px;
}
.spBoerseForm {
background-color:#fafafa;
padding:2px 3px;
margin:0 0 10px 0;
color:#666;
font-weight:bold;
font-size: 10px;
clear: both;
line-height: 17px;
}
.spBoerseForm .spBoerseSubmit {
margin: 0;
padding: 0;
float: right;
}
.spBoerseForm .spBoerseInput {
border: 1px solid rgb(204, 204, 204);
margin: 0;
padding: 0pt;
width: 100px;
font-size: 10px;
line-height: 17px;
height: 15px;
display: block;
float: right;
}
.spBoersenChart {
background-color:#fafafa;
margin: 0 0 10px 0;
float: left;
}
.spBoersenChart ul{
list-style: none;
float: left;
margin: 0 6px 0 0;
width: 135px;
}
#home .spBoersenChart ul{
width:123px;
}
.spBoersenChart ul li{
background:transparent url(/static/sys/v9/icons/ic_arrow-bullet-sprite.png) no-repeat scroll 0 -40px;
margin:0 0 0 2px !important;
padding:5px 0 3px 7px !important;
}
.spBoersenChart ul li a{
font-weight: normal !important;
}
.spBoersenChart img{
border: 1px solid #ccc;
float:left;
}
.spBoersenChart ul li {
clear:left;
height: auto;
}
.spBoerseTable{
float: left;
font-weight: normal !important;
width: 304px;
padding:0;
margin:0;
}
#home .spBoerseTable{
width: 292px;
}
.spBoerseTable th{
padding:2px 0;
margin:0;
border:0;
color:#666;
}
.spBoerseTable td{
padding:2px 0;
margin:0;
border:0;
border-top: 1px solid #ccc;
}
.spBoerseTable td a{
font-weight:bold;
}
.spBoerseTable .spBoerseUhrzeit {
font-weight:normal;
text-align: left;
font-size: 11px;
color: #666;
}
/* generell */
#spPageFooter{
clear: both;
width: 880px;
padding: 50px 5px 50px 20px;
background: url("/static/sys/v9/bg/bg_containerbottom.png") repeat-x left top #f6f6f6;
overflow: hidden;
}
#spPageFooter li{
list-style: none;
margin: 0;
padding: 0;
}
#spPageFooter li a{
color: #666;
}
/* Navigation */
#spPageFooter #spPageFooterMainNav {
clear:both;
float:left;
width:855px;
padding: 0;
margin: 0;
}
#spPageFooter #spPageFooterMainNav ul {
width: 867px;
height: 20px;
margin: 0 0 15px 0;
border: none;
padding: 5px 0 0 0;
background: #F6F6F6 url("/static/sys/v8/backgrounds/bg_maincontainer_line.gif") repeat-x scroll left top !important;
}
#spPageFooter #spPageFooterMainNav ul li{
float: left;
font-weight: bold;
padding: 0 12px 0 0;
margin: 0;
}
#spPageFooter #spPageFooterMainNav ul li a{
font-size: 11px;
}
#spPageFooter #spPageFooterSubNav {
float:left;
padding-top:10px;
background:transparent url("/static/sys/v8/backgrounds/bg_maincontainer_line.gif") repeat-x scroll left top;
}
#spPageFooter #spPageFooterSubNav ul {
background-color: #F5F5F5;
float: left;
height: 134px;
margin: 0;
padding: 0 0 0 15px;
width: 132px;
}
#spPageFooter #spPageFooterSubNav ul.spFirst{
border: none;
padding-left: 0;
}
#spPageFooter #spPageFooterSubNav ul li{
list-style: none;
color: #666;
line-height: 16px;
font-size: 10px;
margin: 0;
padding: 0;
}
/* Partner-Bar */
#spPageFooter #spPartnerBar{
float: left;
width: auto;
height: auto;
margin: 1px 0;
background: #F6F6F6;
border-bottom: 20px solid #F6F6F6;
}
#spPageFooter #spPartnerBar ul{
float:left;
width: 146px;
height: auto;
margin: 1em 0 1px 0;
padding: 0;
border: 0 none;
background-color: transparent;
}
#spPageFooter #spPartnerBar ul li{
float: left;
width: 143px;
padding:0 0 3px 5px;
line-height:11px;
}
/* erste spalte: */
#spPageFooter #spPartnerBar ul.spFirst li{
padding:0 0 3px 0;
}
#spPageFooter #spPartnerBar ul li a{
display:block;
min-height:25px;
padding: 4px 0 1px 31px;
background:transparent url("/static/sys/v9/bg/bg_footer-partner-sprite.png") no-repeat scroll 0 -1px;
}
#spPageFooter #spPartnerBar ul li span.spPartnerBar1Zeile a{
_height:22px;
min-height:22px;
padding-top:8px;
}
#spPageFooter #spPartnerBar h4{
padding-bottom: 0.6em;
color: #666;
background: transparent url("/static/sys/v8/backgrounds/bg_maincontainer_line.gif") repeat-x scroll left bottom;
text-transform: none;
}
#spPageFooter #spPartnerBar ul li h5{
padding-bottom: 5px;
color: #666;
}
/* Magazinkasten */
#spPageFooter #spFooterMagazinBox {
width:880px;
float:left;
font-size:10px;
line-height:14px;
padding:0 0 30px 0;
margin:0;
}
#spPageFooter #spFooterMagazinBox ul {
width:160px;
padding:0 16px 0 0;
margin:0;
float:left;
}
#spPageFooter #spFooterMagazinBox ul li h4{
padding-bottom: 10px;
text-transform:none;
color: #666;
}
#spPageFooter #spFooterMagazinBox ul li img {
padding-bottom:10px;
}
#wikipedia div.wiki_sideBox {
background:white none repeat scroll 0;
border:1px solid gray;
clear:right;
float:right;
margin-left:1em;
overflow:hidden;
padding:0.3em;
position:relative;
width:200px;
}
#wikipedia{
color: #000 !important;
}
#wikipedia h1.spWikipediaTitle{
background: url("/static/sys/v9/bg/bg_wikiheader.gif") no-repeat 0 0 !important;
padding: 54px 0 10px 190px !important;
margin-top: 10px !important;
}
#wikipedia h3{
clear: left;
}
#wikipedia h2{
border: none;
}
#wikipedia .wiki_toccolours,
#wikipedia .toccolours {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
#wikipedia .wikitable,
#wikipedia .wiki_prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #AAA solid;
border-collapse: collapse;
empty-cells:show;
}
#wikipedia .wikitable caption,
#wikipedia .wiki_prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
#wikipedia .nogrid th, .wiWiki .nogrid td {border: none;}
#wikipedia .wiki_float-left { float: left; clear: left; }
#wikipedia .wiki_float-right { float: right; clear: right; margin: 1em 0 1em 1em; }
#wikipedia .centered { margin-left: auto; margin-right: auto; }
#wikipedia .wiki_hintergrundfarbe1 {
background-color: #f9f9f9;
}
#wikipedia .wiki_hintergrundfarbe2 {
background-color: #ffffff;
}
#wikipedia .wiki_hintergrundfarbe3 {
background-color: #ffff40;
}
#wikipedia .wiki_hintergrundfarbe4 {
background-color: #ffaa00;
}
#wikipedia .wiki_hintergrundfarbe5 {
background-color: #e0e0e0;
}
#wikipedia .wiki_hintergrundfarbe6 {
background-color: #b3b7ff;
}
#wikipedia .wiki_hintergrundfarbe7 {
background-color: #ffcbcb;
}
#wikipedia .wiki_hintergrundfarbe8 {
background-color: #ffebad;
}
#wikipedia .wiki_hintergrundfarbe9 {
background-color: #b9ffc5;
}
#wikipedia div.thumbinner {
text-align: left !important;
}
#wikipedia div.thumbinner img{
float: right !important;
padding-top: 2px;
}
#wikipedia .visualClear {
clear: both;
}
#wikipedia .spMainContent table {
font-size: 100%;
color: black;
background-color: white;
}
#wiWiki .spMainContent a.stub {
color: #772233;
}
#wikipedia a.new, #wikipedia #p-personal a.new {
color: #ba0000;
}
#wikipedia a.new:visited, #wikipedia #p-personal a.new:visited {
color: #a55858;
}
#wikipedia .spMainContent p img {
margin: 0;
}
#wikipedia .spMainContent hr {
height: 1px;
color: #aaa;
background-color: #aaa;
border: 0;
margin: .2em 0 .2em 0;
}
#wikipedia .spMainContent h1, #wikipedia .spMainContent h2, #wikipedia .spMainContent h3, #wikipedia .spMainContent h4, #wikipedia .spMainContent h5, #wikipedia .spMainContent h6 {
color: black;
background: none;
font-weight: normal;
margin: 0;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: 1px solid #aaa;
}
#wikipedia .spMainContent h1 {
font-size: 188%;
}
#wikipedia .spMainContent h1 .editsection {
font-size: 53%;
}
#wikipedia .spMainContent h2 {
font-size: 150%;
}
#wikipedia .spMainContent h2 .editsection {
font-size: 67%;
}
#wikipedia .spMainContent h3, #wikipedia .spMainContent h4, #wikipedia .spMainContent h5, #wikipedia .spMainContent h6 {
border-bottom: none;
font-weight: bold;
}
#wikipedia .spMainContent h3 {
font-size: 132%;
}
#wikipedia .spMainContent h3 .editsection {
font-size: 76%;
font-weight: normal;
}
#wikipedia .spMainContent h4 {
font-size: 116%;
}
#wikipedia .spMainContent h4 .editsection {
font-size: 86%;
font-weight: normal;
}
#wikipedia .spMainContent h5 {
font-size: 100%;
}
#wikipedia .spMainContent h5 .editsection {
font-weight: normal;
}
#wikipedia .spMainContent h6 {
font-size: 80%;
}
#wikipedia .spMainContent h6 .editsection {
font-size: 125%;
font-weight: normal;
}
#wikipedia .spMainContent ul {
line-height: 1.5em;
list-style-type: square;
margin: .3em 0 0 1.5em;
padding: 0;
list-style-image: url("http://de.wikipedia.org/skins-1.5/monobook/bullet.gif");
}
#wikipedia .spMainContent ol {
line-height: 1.5em;
margin: .3em 0 0 3.2em;
padding: 0;
list-style-image: none;
}
#wikipedia .spMainContent li {
margin-bottom: .1em;
}
#wikipedia .spMainContent dt {
font-weight: bold;
margin-bottom: .1em;
}
#wikipedia .spMainContent dl {
margin-top: .2em;
margin-bottom: .5em;
}
#wikipedia .spMainContent dd {
line-height: 1.5em;
margin-left: 2em;
margin-bottom: .1em;
}
#wikipedia .spMainContent fieldset {
border: 1px solid #2f6fab;
margin: 1em 0 1em 0;
padding: 0 1em 1em;
line-height: 1.5em;
}
#wikipedia .spMainContent legend {
padding: .5em;
font-size: 95%;
}
#wikipedia .spMainContent form {
border: none;
margin: 0;
}
#wikipedia .spMainContent textarea {
width: 100%;
padding: .1em;
}
#wikipedia input.historysubmit {
padding: 0 .3em .3em .3em !important;
font-size: 94%;
cursor: pointer;
height: 1.7em !important;
margin-left: 1.6em;
}
#wikipedia .spMainContent select {
vertical-align: top;
}
#wikipedia abbr, #wikipedia acronym, #wikipedia .explain {
border-bottom: 1px dotted black;
color: black;
background: none;
cursor: help;
}
#wikipedia q {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}
#wikipedia code {
background-color: #f9f9f9;
}
#wikipedia pre {
padding: 1em;
border: 1px dashed #2f6fab;
color: black;
background-color: #f9f9f9;
line-height: 1.1em;
}
#wikipedia #siteSub {
display: none;
}
#wikipedia #jump-to-nav {
display: none;
}
#wikipedia #contentSub, #wikipedia #contentSub2 {
font-size: 84%;
line-height: 1.2em;
margin: 0 0 1.4em 1em;
color: #7d7d7d;
width: auto;
}
#wikipedia span.subpages {
display: block;
}
#wikipedia #bodyContent h1, #wikipedia #bodyContent h2 {
margin-bottom: .6em;
}
#wikipedia #bodyContent h3, #wikipedia #bodyContent h4, #wikipedia #bodyContent h5 {
margin-bottom: .3em;
}
#wikipedia .firstHeading {
margin-bottom: .1em;
}
#wikipedia .usermessage {
background-color: #ffce7b;
border: 1px solid #ffa500;
color: black;
font-weight: bold;
margin: 2em 0 1em;
padding: .5em 1em;
vertical-align: middle;
}
#wikipedia #siteNotice {
text-align: center;
font-size: 95%;
padding: 0 .9em;
}
#wikipedia #siteNotice p {
margin: 0;
padding: 0;
}
#wikipedia .error {
color: red;
font-size: larger;
}
#wikipedia .errorbox, #wikipedia .successbox {
font-size: larger;
border: 2px solid;
padding: .5em 1em;
float: left;
margin-bottom: 2em;
color: #000;
}
#wikipedia .errorbox {
border-color: red;
background-color: #fff2f2;
}
#wikipedia .successbox {
border-color: green;
background-color: #dfd;
}
#wikipedia .errorbox h2, #wikipedia .successbox h2 {
font-size: 1em;
font-weight: bold;
display: inline;
margin: 0 .5em 0 0;
border: none;
}
#wikipedia #catlinks {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
margin-top: 1em;
clear: both;
}
#wikipedia .documentDescription {
font-weight: bold;
display: block;
margin: 1em 0;
line-height: 1.5em;
}
#wikipedia .documentByLine {
text-align: right;
font-size: 90%;
clear: both;
font-weight: normal;
color: #76797c;
}
#wikipedia .center {
width: 100%;
text-align: center;
}
#wikipedia .spMainContent *.center * {
margin-left: auto;
margin-right: auto;
}
#wikipedia .spMainContent .small, #wikipedia .small * {
font-size: 94%;
}
#wikipedia table.small {
font-size: 100%;
}
#wikipedia #toc, #wikipedia .toc, #wikipedia .mw-warning {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
#wikipedia #toc h2, #wikipedia .toc h2 {
display: inline;
border: none;
padding: 0;
font-size: 100%;
font-weight: bold;
}
#wikipedia #toc #toctitle, #wikipedia .toc #toctitle, #wikipedia #toc .toctitle, #wikipedia .toc .toctitle {
text-align: center;
}
#wikipedia #toc ul, #wikipedia .toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
#wikipedia #toc ul ul, #wikipedia .toc ul ul {
margin: 0 0 0 2em;
}
#wikipedia #toc .toctoggle, #wikipedia .toc .toctoggle {
font-size: 94%;
}
#wikipedia .mw-warning {
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
#wikipedia div.floatright, #wikipedia table.floatright {
clear: right;
float: right;
position: relative;
margin: 0 0 .5em .5em;
border: 0;
}
#wikipedia div.floatright p {
font-style: italic;
}
#wikipedia div.floatleft, #wikipedia table.floatleft {
float: left;
clear: left;
position: relative;
margin: 0 .5em .5em 0;
border: 0;
}
#wikipedia div.floatleft p {
font-style: italic;
}
#wikipedia div.thumb {
margin-bottom: .5em;
border-style: solid;
border-color: white;
width: auto;
}
#wikipedia div.thumbinner {
border: 1px solid #ccc;
padding: 3px !important;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
overflow: hidden;
}
#wikipedia html .thumbimage {
border: 1px solid #ccc;
}
#wikipedia html .thumbcaption {
border: none;
text-align: left;
line-height: 1.4em;
padding: 3px !important;
font-size: 94%;
}
#wikipedia div.magnify {
float: right;
border: none !important;
background: none !important;
}
#wikipedia div.magnify a, #wikipedia div.magnify img {
display: block;
border: none !important;
background: none !important;
}
#wikipedia div.tright {
clear: right;
float: right;
border-width: .5em 0 .8em 1.4em;
}
#wikipedia div.tleft {
float: left;
clear: left;
margin-right: .5em;
border-width: .5em 1.4em .8em 0;
}
#wikipedia img.thumbborder {
border: 1px solid #dddddd;
}
#wikipedia .hiddenStructure {
display: none;
}
#wikipedia table.rimage {
float: right;
position: relative;
margin-left: 1em;
margin-bottom: 1em;
text-align: center;
}
#wikipedia .toccolours {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
#wikipedia div.townBox {
position: relative;
float: right;
background: white;
margin-left: 1em;
border: 1px solid gray;
padding: .3em;
width: 200px;
overflow: hidden;
clear: right;
}
#wikipedia div.townBox dl {
padding: 0;
margin: 0 0 .3em;
font-size: 96%;
}
#wikipedia div.townBox dl dt {
background: none;
margin: .4em 0 0;
}
#wikipedia div.townBox dl dd {
margin: .1em 0 0 1.1em;
background-color: #f3f3f3;
}
#wikipedia .special li {
line-height: 1.4em;
margin: 0;
padding: 0;
}
#wikipedia .autocomment {
color: gray;
}
#wikipedia #pagehistory span.user {
margin-left: 1.4em;
margin-right: .4em;
}
#wikipedia #pagehistory span.minor {
font-weight: bold;
}
#wikipedia #pagehistory li {
border: 1px solid white;
}
#wikipedia #pagehistory li.selected {
background-color: #f9f9f9;
border: 1px dashed #aaa;
}
#wikipedia #bodyContent a.external, #wikipedia #bodyContent a[href ^="gopher://"] {
background: url(external.png) center right no-repeat;
padding-right: 13px;
}
#wikipedia #bodyContent a[href ^="https://"], #wikipedia .link-https {
background: url(lock_icon.gif) center right no-repeat;
padding-right: 16px;
}
#wikipedia #bodyContent a[href ^="mailto:"], #wikipedia .link-mailto {
background: url(mail_icon.gif) center right no-repeat;
padding-right: 18px;
}
#wikipedia #bodyContent a[href ^="news://"] {
background: url(news_icon.png) center right no-repeat;
padding-right: 18px;
}
#wikipedia #bodyContent a[href ^="ftp://"], #wikipedia .link-ftp {
background: url(file_icon.gif) center right no-repeat;
padding-right: 18px;
}
#wikipedia #bodyContent a[href ^="irc://"], #wikipedia .link-irc {
background: url(discussionitem_icon.gif) center right no-repeat;
padding-right: 18px;
}
#wikipedia #bodyContent a.external[href $=".ogg"], #wikipedia #bodyContent a.external[href $=".OGG"], #wikipedia #bodyContent a.external[href $=".mid"], #wikipedia #bodyContent a.external[href $=".MID"], #wikipedia #bodyContent a.external[href $=".midi"], #wikipedia #bodyContent a.external[href $=".MIDI"], #wikipedia #bodyContent a.external[href $=".mp3"], #wikipedia #bodyContent a.external[href $=".MP3"], #wikipedia #bodyContent a.external[href $=".wav"], #wikipedia #bodyContent a.external[href $=".WAV"], #wikipedia #bodyContent a.external[href $=".wma"], #wikipedia #bodyContent a.external[href $=".WMA"], #wikipedia .link-audio {
background: url("audio.png") center right no-repeat;
padding-right: 13px;
}
#wikipedia #bodyContent a.external[href $=".ogm"], #wikipedia #bodyContent a.external[href $=".OGM"], #wikipedia #bodyContent a.external[href $=".avi"], #wikipedia #bodyContent a.external[href $=".AVI"], #wikipedia #bodyContent a.external[href $=".mpeg"], #wikipedia #bodyContent a.external[href $=".MPEG"], #wikipedia #bodyContent a.external[href $=".mpg"], #wikipedia #bodyContent a.external[href $=".MPG"], #wikipedia .link-video {
background: url("video.png") center right no-repeat;
padding-right: 13px;
}
#wikipedia #bodyContent a.external[href $=".pdf"], #wikipedia #bodyContent a.external[href $=".PDF"], #wikipedia #bodyContent a.external[href *=".pdf#"], #wikipedia #bodyContent a.external[href *=".PDF#"], #wikipedia #bodyContent a.external[href *=".pdf?"], #wikipedia #bodyContent a.external[href *=".PDF?"], #wikipedia .link-document {
background: url("document.png") center right no-repeat;
padding-right: 12px;
}
#wikipedia #bodyContent a.extiw, #wikipedia #bodyContent a.extiw:active {
color: #36b;
background: none;
padding: 0;
}
#wikipedia #bodyContent a.external {
color: #36b;
}
#wikipedia #bodyContent .plainlinks a {
background: none !important;
padding: 0 !important;
}
#wikipedia .portlet {
border: none;
margin: 0 0 .5em;
padding: 0;
float: none;
width: 11.6em;
overflow: hidden;
}
#wikipedia .portlet h4 {
font-size: 95%;
font-weight: normal;
white-space: nowrap;
}
#wikipedia .portlet h5 {
background: transparent;
padding: 0 1em 0 .5em;
display: inline;
height: 1em;
text-transform: lowercase;
font-size: 91%;
font-weight: normal;
white-space: nowrap;
}
#wikipedia .portlet h6 {
background: #ffae2e;
border: 1px solid #2f6fab;
border-style: solid solid none solid;
padding: 0 1em 0 1em;
text-transform: lowercase;
display: block;
font-size: 1em;
height: 1.2em;
font-weight: normal;
white-space: nowrap;
}
#wikipedia .pBody {
font-size: 95%;
background-color: white;
color: black;
border-collapse: collapse;
border: 1px solid #aaa;
padding: 0 .8em .3em .5em;
}
#wikipedia .portlet h1, #wikipedia .portlet h2, #wikipedia .portlet h3, #wikipedia .portlet h4 {
margin: 0;
padding: 0;
}
#wikipedia .portlet ul {
line-height: 1.5em;
list-style-type: square;
list-style-image: url("http://de.wikipedia.org/skins-1.5/monobook/bullet.gif");
font-size: 95%;
}
#wikipedia .portlet li {
padding: 0;
margin: 0;
}
#wikipedia #p-logo {
top: 0;
left: 0;
position: absolute;
z-index: 3;
height: 155px;
width: 12em;
overflow: visible;
}
#wikipedia #p-logo h5 {
display: none;
}
#wikipedia #p-logo a, #wikipedia #p-logo a:hover {
display: block;
height: 155px;
width: 12.2em;
background-repeat: no-repeat;
background-position: 35% 50% !important;
text-decoration: none;
}
#wikipedia #p-search {
position: relative;
z-index: 3;
}
#wikipedia input.searchButton {
margin-top: 1px;
font-size: 95%;
}
#wikipedia #searchGoButton {
padding-left: .5em;
padding-right: .5em;
font-weight: bold;
}
#wikipedia #searchInput {
width: 10.9em;
margin: 0;
font-size: 95%;
}
#wikipedia #p-search .pBody {
padding: .5em .4em .4em .4em;
text-align: center;
}
#wikipedia #p-personal {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
#wikipedia #p-personal {
width: 100%;
white-space: nowrap;
padding: 0;
margin: 0;
border: none;
background: none;
overflow: visible;
line-height: 1.2em;
}
#wikipedia #p-personal h5 {
display: none;
}
#wikipedia #p-personal .portlet, #wikipedia #p-personal .pBody {
z-index: 0;
padding: 0;
margin: 0;
border: none;
overflow: visible;
background: none;
}
#wikipedia #p-personal ul {
border: none;
line-height: 1.4em;
color: #2f6fab;
padding: 0 2em 0 3em;
margin: 0;
text-align: right;
list-style: none;
z-index: 0;
background: none;
cursor: default;
}
#wikipedia #p-personal li {
z-index: 0;
border: none;
padding: 0;
display: inline;
color: #2f6fab;
margin-left: 1em;
line-height: 1.2em;
background: none;
}
#wikipedia #p-personal li a {
text-decoration: none;
color: #005896;
padding-bottom: .2em;
background: none;
}
#wikipedia #p-personal li a:hover {
background-color: white;
padding-bottom: .2em;
text-decoration: none;
}
#wikipedia #p-personal li.active a:hover {
background-color: transparent;
}
#wikipedia li#pt-userpage, #wikipedia li#pt-anonuserpage, #wikipedia li#pt-login {
background: url(user.gif) top left no-repeat;
padding-left: 20px;
text-transform: none;
}
#wikipedia #p-personal ul {
text-transform: lowercase;
}
#wikipedia #p-personal li.active {
font-weight: bold;
}
#wikipedia #p-cactions {
position: absolute;
top: 1.3em;
left: 11.5em;
margin: 0;
white-space: nowrap;
width: 76%;
line-height: 1.1em;
overflow: visible;
background: none;
border-collapse: collapse;
padding-left: 1em;
list-style: none;
font-size: 95%;
}
#wikipedia #p-cactions ul {
list-style: none;
}
#wikipedia #p-cactions li {
display: inline;
border: 1px solid #aaa;
border-bottom: none;
padding: 0 0 .1em 0;
margin: 0 .3em 0 0;
overflow: visible;
background: white;
}
#wikipedia #p-cactions li.selected {
border-color: #fabd23;
padding: 0 0 .2em 0;
font-weight: bold;
}
#wikipedia #p-cactions li a {
background-color: #fbfbfb;
color: #002bb8;
border: none;
padding: 0 .8em .3em;
position: relative;
z-index: 0;
margin: 0;
text-decoration: none;
}
#wikipedia #p-cactions li.selected a {
z-index: 3;
padding: 0 1em .2em!important;
background-color: white;
}
#wikipedia #p-cactions .new a {
color: #ba0000;
}
#wikipedia #p-cactions li a:hover {
z-index: 3;
text-decoration: none;
background-color: white;
}
#wikipedia #p-cactions h5 {
display: none;
}
#wikipedia #p-cactions li.istalk {
margin-right: 0;
}
#wikipedia #p-cactions li.istalk a {
padding-right: .5em;
}
#wikipedia #p-cactions #ca-addsection a {
padding-left: .4em;
padding-right: .4em;
}
#wikipedia li#ca-talk {
margin-right: 1.6em;
}
#wikipedia li#ca-watch, #wikipedia li#ca-unwatch, #wikipedia li#ca-varlang-0, #wikipedia li#ca-print {
margin-left: 1.6em;
}
#wikipedia #p-cactions .pBody {
font-size: 1em;
background-color: transparent;
color: inherit;
border-collapse: inherit;
border: 0;
padding: 0;
}
#wikipedia #p-cactions .hiddenStructure {
display: none;
}
#wikipedia #p-cactions li a {
text-transform: lowercase;
}
#wikipedia #p-tbx, #wikipedia #p-lang {
position: relative;
z-index: 3;
}
#wikipedia #t-ispermalink, #wikipedia #t-iscite {
color: #999;
}
#wikipedia #footer {
background-color: white;
border-top: 1px solid #fabd23;
border-bottom: 1px solid #fabd23;
margin: .6em 0 1em 0;
padding: .4em 0 1.2em 0;
text-align: center;
font-size: 90%;
}
#wikipedia #footer li {
display: inline;
margin: 0 1.3em;
}
#wikipedia #f-poweredbyico, #wikipedia #f-copyrightico {
margin: 0 8px;
position: relative;
top: -2px;
}
#wikipedia #f-poweredbyico {
float: right;
height: 1%;
}
#wikipedia #f-copyrightico {
float: left;
height: 1%;
}
#wikipedia #preftoc {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
#wikipedia #preftoc li {
background-color: #f0f0f0;
color: #000;
}
#wikipedia #preftoc li {
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 0 3px 0;
border: 1px solid #fff;
border-right-color: #716f64;
border-bottom: 0;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
}
#wikipedia #preftoc li.selected {
font-weight: bold;
background-color: #f9f9f9;
border: 1px solid #aaa;
border-bottom: none;
cursor: default;
top: 1px;
padding-top: 2px;
margin-right: -3px;
}
#wikipedia #preftoc > li.selected {
top: 2px;
}
#wikipedia #preftoc a, #wikipedia #preftoc a:active {
display: block;
color: #000;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
#wikipedia #preftoc li.selected a {
cursor: default;
text-decoration: none;
}
#wikipedia #prefcontrol {
padding-top: 2em;
clear: both;
}
#wikipedia #preferences {
margin: 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em;
background-color: #F9F9F9;
}
#wikipedia .prefsection {
border: none;
padding: 0;
margin: 0;
}
#wikipedia .prefsection fieldset {
border: 1px solid #aaa;
float: left;
margin-right: 2em;
}
#wikipedia .prefsection legend {
font-weight: bold;
}
#wikipedia .prefsection table, #wikipedia .prefsection legend {
background-color: #F9F9F9;
}
#wikipedia .mainLegend {
display: none;
}
#wikipedia div.prefsectiontip {
font-size: x-small;
padding: .2em 2em;
color: #666;
}
#wikipedia .btnSavePrefs {
font-weight: bold;
padding-left: .3em;
padding-right: .3em;
}
#wikipedia .preferences-login {
clear: both;
margin-bottom: 1.5em;
}
#wikipedia .prefcache {
font-size: 90%;
margin-top: 2em;
}
#wikipedia div#userloginForm form, #wikipedia div#userlogin form#userlogin2 {
margin: 0 3em 1em 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em 2em;
background-color: #f9f9f9;
float: left;
}
#wikipedia div#userloginForm table, #wikipedia div#userlogin form#userlogin2 table {
background-color: #f9f9f9;
}
#wikipedia div#userloginForm h2, #wikipedia div#userlogin form#userlogin2 h2 {
padding-top: 0;
}
#wikipedia div#userlogin .captcha, #wikipedia div#userloginForm .captcha {
border: 1px solid #bbb;
padding: 1.5em 2em;
background-color: white;
}
#wikipedia #userloginprompt, #wikipedia #languagelinks {
font-size: 85%;
}
#wikipedia #login-sectiontip {
font-size: 85%;
line-height: 1.2;
padding-top: 2em;
}
#wikipedia #userlogin .loginText, #wikipedia #userlogin .loginPassword {
width: 12em;
}
#wikipedia #userloginlink a, #wikipedia #wpLoginattempt, #wikipedia #wpCreateaccount {
font-weight: bold;
}
#wikipedia * > html #p-cactions li {
border: none;
}
#wikipedia * > html #p-cactions li a {
border: 1px solid #aaa;
border-bottom: none;
}
#wikipedia * > html #p-cactions li.selected a {
border-color: #fabd23;
}
#wikipedia * > html #f-poweredbyico, #wikipedia * > html #f-copyrightico {
width: 88px;
}
#wikipedia * > html #bodyContent, #wikipedia * > html #bodyContent pre {
overflow-x: auto;
width: 100%;
padding-bottom: 25px;
}
#wikipedia * html #footer {
margin-top: 0;
}
#wikipedia * html #column-content {
display: inline;
margin-bottom: 0;
}
#wikipedia * html div.editsection {
font-size: smaller;
}
#wikipedia #pagehistory li.selected {
position: relative;
}
#wikipedia * > html #column-content {
float: none;
}
#wikipedia * > html #column-one {
position: absolute;
left: 0;
top: 0;
}
#wikipedia * > html #footer {
margin-left: 13.2em;
}
#wikipedia .redirectText {
font-size: 150%;
margin: 5px;
}
#wikipedia .printfooter {
display: none;
}
#wikipedia .not-patrolled {
background-color: #ffa;
}
#wikipedia div.patrollink {
font-size: 75%;
text-align: right;
}
#wikipedia span.newpage, #wikipedia span.minor, #wikipedia span.searchmatch, #wikipedia span.bot {
font-weight: bold;
}
#wikipedia span.unpatrolled {
font-weight: bold;
color: red;
}
#wikipedia span.searchmatch {
color: red;
}
#wikipedia .sharedUploadNotice {
font-style: italic;
}
#wikipedia span.updatedmarker {
color: black;
background-color: #0f0;
}
#wikipedia table.gallery {
border: 1px solid #ccc;
margin: 2px;
padding: 2px;
background-color: white;
}
#wikipedia table.gallery tr {
vertical-align: top;
}
#wikipedia table.gallery td {
vertical-align: top;
background-color: #f9f9f9;
border: solid 2px white;
}
#wikipedia table.gallery td.galleryheader {
text-align: center;
font-weight: bold;
}
#wikipedia table.gallery caption {
font-weight: bold;
}
#wikipedia div.gallerybox {
margin: 2px;
}
#wikipedia div.gallerybox div.thumb {
text-align: center;
border: 1px solid #ccc;
margin: 2px;
}
#wikipedia div.gallerytext {
overflow: hidden;
font-size: 94%;
padding: 2px 4px;
}
#wikipedia span.comment {
font-style: italic;
}
#wikipedia span.changedby {
font-size: 95%;
}
#wikipedia .previewnote {
text-indent: 3em;
color: #c00;
border-bottom: 1px solid #aaa;
padding-bottom: 1em;
margin-bottom: 1em;
}
#wikipedia .previewnote p {
margin: 0;
padding: 0;
}
#wikipedia .editExternally {
border: 1px solid gray;
background-color: #ffffff;
padding: 3px;
margin-top: 0.5em;
float: left;
font-size: small;
text-align: center;
}
#wikipedia .editExternallyHelp {
font-style: italic;
color: gray;
}
#wikipedia li span.deleted, #wikipedia span.history-deleted {
text-decoration: line-through;
color: #888;
font-style: italic;
}
#wikipedia .toggle {
margin-left: 2em;
text-indent: -2em;
}
#wikipedia table.mw_metadata {
font-size: 0.8em;
margin-left: 0.5em;
margin-bottom: 0.5em;
width: 300px;
}
#wikipedia table.mw_metadata caption {
font-weight: bold;
}
#wikipedia table.mw_metadata th {
font-weight: normal;
}
#wikipedia table.mw_metadata td {
padding: 0.1em;
}
#wikipedia table.mw_metadata {
border: none;
border-collapse: collapse;
}
#wikipedia table.mw_metadata td, #wikipedia table.mw_metadata th {
text-align: center;
border: 1px solid #aaaaaa;
padding-left: 0.1em;
padding-right: 0.1em;
}
#wikipedia table.mw_metadata th {
background-color: #f9f9f9;
}
#wikipedia table.mw_metadata td {
background-color: #fcfcfc;
}
#wikipedia table.collapsed tr.collapsable {
display: none;
}
#wikipedia ul#filetoc {
text-align: center;
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}
#wikipedia #filetoc li {
display: inline;
list-style-type: none;
padding-right: 2em;
}
#wikipedia input#wpSummary {
width: 80%;
}
#wikipedia input#wpSave, #wikipedia input#wpDiff {
margin-right: 0.33em;
}
#wikipedia #editform .editOptions {
display: inline;
}
#wikipedia #wpSave {
font-weight: bold;
}
#wikipedia table.revisionform_default {
border: 1px solid #000000;
}
#wikipedia table.revisionform_focus {
border: 1px solid #000000;
background-color: #00BBFF;
}
#wikipedia tr.revision_tr_default {
background-color: #EEEEEE;
}
#wikipedia tr.revision_tr_first {
background-color: #DDDDDD;
}
#wikipedia p.revision_saved {
color: green;
font-weight: bold;
}
#wikipedia #mw_trackbacks {
border: solid 1px #bbbbff;
background-color: #eeeeff;
padding: 0.2em;
}
#wikipedia #allmessagestable th {
background-color: #b2b2ff;
}
#wikipedia #allmessagestable tr.orig {
background-color: #ffe2e2;
}
#wikipedia #allmessagestable tr.new {
background-color: #e2ffe2;
}
#wikipedia #allmessagestable tr.def {
background-color: #f0f0ff;
}
#wikipedia div.noarticletext {
border: 1px solid #ccc;
background: #fff;
padding: .2em 1em;
color: #000;
}
#wikipedia div#searchTargetContainer {
left: 10px;
top: 10px;
width: 90%;
background: white;
}
#wikipedia div#searchTarget {
padding: 3px;
margin: 5px;
background: #F0F0F0;
border: solid 1px blue;
}
#wikipedia div#searchTarget ul li {
list-style: none;
}
#wikipedia div#searchTarget ul li:before {
color: orange;
content: "\00BB \0020";
}
/*
Begriffsklaerungshinweis
*/
#wikipedia .disambiguationHint
{
border-bottom: solid 1px #AAAAAA;
height:45px;
margin-top:10px
}
#wikipedia .disambiguationHint div
{
float:left;
margin-right:10px;
margin-top:7px
}
#wiki_toc
{
display:none;
}
.wiki_palaeobox
{
float: right;
border: solid 1px;
margin-top: 15px;
margin-left: 15px;
}/* Lexikon Dokumente */
.spMainContent h1
{
margin-top:10px;
}
#lexikon h2{
background: url("/static/sys/v9/bg/bg_lexikonheader.gif") no-repeat 0 0;
padding-left: 70px;
padding: 31px 0 10px 70px;
border-bottom: 1px solid #666;
font-weight: normal;
font-size: 166%;
color: #000 !important;
}
.spDigasDokumentImageBox{
float: left;
width: 165px;
clear:left;
line-height:12px;
background-color:#DFE6EE;
color:#444444;
font-size:0.8333em;
margin:15px 15px 15px 0;
text-align:right;
}
.spDigasDokumentImageCredit{
font-size: 10px;
clear: both;
}
.spDigasDokumentExternalLinks{
clear: both;
}
.spDigasDokumentExternalLinks ul{
margin: 0;
padding: 0 0 0 20px;
}
#spLexikonIntrotext
{
font-weight:bold;
}
.artikel ul
{
padding-left: 20px;
}/*
* Navigation
*/
#spGutenbergHeader
{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
background-color: white;
}
#spGutenbergHeaderColumnLeft{
margin:10px 0 20px 0;
width:304px;
}
#spGutenbergHeaderMainHeadline{
color:#666;
font-size: 1.3em;
font-weight: bold;
line-height: 28px;
margin-bottom: 10px;
}
#spGutenbergHeaderLinks{
font-size:1.1em;
line-height:1.5em;
color:#a81600;
overflow:hidden;
height:1%;
}
#spGutenbergHeaderLinks ul{
float:left;
width:49.9%;
}
#spGutenbergHeaderLinks li{
padding-left:15px;
background:transparent url(/static/sys/v8/icons/ic_list.gif) no-repeat scroll 0 .4em;
}
#spGutenbergHeaderColumnMiddle{
clear: both;
margin-bottom: 20px;
width:304px;
}
#spGutenbergHeaderAutorenHeadline, div#spGutenbergHeaderSucheHeadline
{
color:#666666;
font-size:1.3em;
font-weight:bold;
line-height:28px;
margin-bottom:10px;
}
#spGutenbergHeaderColumRight{}
#spGutenbergAutorenLinks{
font-size: 1.2em;
line-height: 1.5em;
width:294px;
height:42px;
border-top:1px solid #d4d4d4;
border-left:1px solid #d4d4d4;
}
#spGutenbergAutorenLinks div{
float: left;
height: 20px;
width: 20px;
border-right:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
text-align:center;
}
#spGutenbergAutorenLinks .odd{}
#spGutenbergAutorenLinks .even{
background-color:#f9f9f9;
}
#spGutenbergAutorenLinks a
{
color:#a81600;
}
#spGutenbergHeaderColumRight form
{
padding-bottom:1px
}
div#spGutenbergSearchInput input
{
height: 16px;
width: 250px;
vertical-align: top;
border-width: 1px;
border-style: solid;
border-color: #a9a9a9;
font-size:10px;
}
div#spGutenbergSearchSubmit
{
width: 20px;
height:18px;
border-style:solid;
border-width: 1px;
border-color: #a9a9a9;
margin-left:6px;
}
#spGutenbergSearchSubmit img{
cursor:pointer;
vertical-align:-0.1em;
}
/*
* Index
*/
.spGutenbergTeaserListImg
{
float:left;
width: 98px;
padding-right: 6px;
vertical-align:top;
}
.spGutenbergTeaserListImg img
{
padding: 3px;
border: solid 1px #C9C4C1;
width: 90px;
}
.spGutenbergTeaserListText
{
margin-left:110px;
}
.noMargin
{
margin-left: 0;
}
/*
* Dokument
*/
#spGutenbergTopNavigation{
padding:8px 0 19px 0;
clear:both;
overflow:hidden;
height:1%;
}
.spGutenbergImageBox
{
float:left;
width: 188px;
padding: 6px;
}
.spGutenbergImageBox img
{
padding: 3px;
border: solid 1px #C9C4C1;
width: 180px;
}
.spGutenbergVers, .spGutenbergPoem
{
white-space: pre;
}
.spGutenbergSpeaker
{
color:#333333;
font-weight:bold;
text-transform:uppercase;
}
.spGutenbergRegie
{
font-style:italic;
letter-spacing:0.05em;
margin-left:0.2em;
}
.spGutenbergAbstract
{
font-style:italic;
margin:0.5em 3em;
text-align:justify;
}
.spGutenbergLine{
clear:both;
border-top:4px solid #ececec;
height:1%;
}
.spGutenbergClearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.spGutenbergDirtoc{}
.spGutenbergDokument h4
{
clear: both;
}
/*
* Genre-Liste
*/
h3#spGutenbergListHeading{
padding:12px 0 0.8em 0;
font-size:1.5em;
line-height:1.2em;
color:#f38030;
}
ul#spGutenbergList{
margin:0;
padding:0;
}
ul#spGutenbergList li{
padding-left:15px;
line-height:1.5em;
background:transparent url(/static/sys/v9/icons/ic_listbullet.gif) no-repeat scroll 0 .6em;
}
.spGutenbergParentDokumentLink{}
#spShopNav{
float: right;
width: 48px;
}
.spShopTeaser h5{
float: left;
background-image: url(http://wissen.spiegel.de/wissen/files/img/icons/ic_shoplogo.gif);
background-repeat: no-repeat;
background-position: top left;
width: 86px;
height: 13px;
}
.spShopTeaser h5 span{
display: none;
}
.spShopTeaserList{
clear: both;
padding-top: 3px;
padding-bottom: 20px;
}
.spShopTeaserItemImg{
float:right;
width:65px;
padding-top:3px;
}
.spShopTeaserItemText{
font-size:11px;
line-height: 15px;
width: 90px;
overflow: hidden;
margin: 0;
padding: 0;
}
.spShopLink{
text-align: left;
font-size:11px;
line-height: 15px;
width: 160px;
margin-bottom: 3px;
padding-top: 5px;
clear: both;
}
.spShopLink a{
color: rgb(162, 0, 0);
}
.spShopTeaserItemText p{
margin-top: 0;
min-height: 70px;
}
.spShopTeaserItemText a{
color: rgb(162, 0, 0);
font-weight:bold;
}
.spPrice{
clear: right;
}
.spShopTeaser{
padding: 15px 10px 10px 10px;
background-repeat: no-repeat;
background-position: top left;
background-color: #F6F6F6;
}
#spShopTeaserForwardArrow{
width: 8px;
height: 10px;
float: left;
background-image: url(http://wissen.spiegel.de/wissen/files/img/icons/ic_arrowright.gif);
background-repeat: no-repeat;
background-position: top right;
}
#spShopTeaserBackArrow{
width: 8px;
height: 10px;
float: left;
padding-right: 20px;
background-image: url(http://wissen.spiegel.de/wissen/files/img/icons/ic_arrowleft.gif);
background-repeat: no-repeat;
background-position: top left;
}
#spShopTeaserForwardArrow span,
#spShopTeaserBackArrow span{
display: none;
}
.spAktuellesHeftSearchResultItem{
margin:0;
padding:15px 15px 15px 10px;
min-height:130px;
position:relative;
border:0 none;
background:#F6F6F6;
}
#spTeaserColumn ul.spSucheDottedLinkList{
list-style-image: none;
list-style-position:outside;
list-style-type: none;
margin:15px 0 0;
padding:0;
line-height:120%;
}
#spTeaserColumn ul.spSucheDottedLinkList li{
margin:0;
padding:0 0 0 8px;
background:transparent url("/static/sys/v9/icons/ic_arrow-bullet-sprite.png") no-repeat 0 -145px;
}
#spCloseButton {
float:right;
cursor: pointer;
}
/* Button */
.spButton {
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-weight: bold;
font-size:12px;
color: #990000;
text-decoration: none !important;
text-align:center;
display: block;
background: url("/static/sys/v9/bg/bg_mainnav.jpg") repeat-x scroll 0 0 transparent;
border: 1px solid #999;
cursor: pointer;
padding: 0 2px;
width:100px;
height:25px;
line-height: 25px !important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 5px 5px 2px #ccc;
-moz-box-shadow: 5px 5px 2px #ccc;
-webkit-box-shadow: 5px 5px 2px #ccc;
}
input.spButton {
height: 27px;
padding-bottom:1px;
}
input.spButton:active, input.spButton:focus {
outline:0;
}
input.spButton::-moz-focus-inner {
border : 0px;
}
a.spButton {
width:94px;
}
.spStandardForm label {
font-weight:bold;
}
.spStandardForm .spInput {
background:url("/static/sys/v9/bg/bg_inputtext.png") no-repeat scroll 0 0 transparent;
border:1px solid #999;
height:19px;
padding:3px 0 0 3px;
width:240px;
}
.spStandardForm select {
background:url("/static/sys/v9/bg/bg_inputtext.png") no-repeat scroll 0 0 transparent;
border:1px solid #999;
line-height:19px;
padding:3px 0 0 3px;
}
.spStandardForm .spInput[disabled] {
background-color:#eee;
background-image:none;
}
.spStandardForm select[disabled] {
background-color:#eee;
background-image:none;
}
.spStandardForm .spTextarea {
border:1px solid #999;
background:url("/static/sys/v9/bg/bg_inputtext.png") no-repeat scroll 0 0 transparent;
}#spPopupLayerArea {
display: none;
padding:0;
margin:0;
position: absolute;
right: 10px;
top: 100px;
z-index: 50;
width:600px;
}
#spPopupLayerArea .spPLcorTopLeft,
#spPopupLayerArea .spPLcorTopRight,
#spPopupLayerArea .spPLcorBottomLeft,
#spPopupLayerArea .spPLcorBottomRight {
background-image:url("/static/sys/v9/popuplayer/popuplayer_cor_sprite.png");
background-repeat:no-repeat;
display:block;
float:left;
height:25px;
width:50%;
}
#spPopupLayerArea .spPLcorTopLeft {
background-position:0 -10px;
}
#spPopupLayerArea .spPLcorTopRight {
background-position:-326px -10px;
}
#spPopupLayerArea .spPLcorBottomLeft {
background-position:-634px -17px;
}
#spPopupLayerArea .spPLcorBottomRight {
background-position:-960px -17px;
}
#spPopupLayerArea .spPLlineRight {
background-image:url("/static/sys/v9/popuplayer/popuplayer_line.png");
background-position:right center;
background-repeat:repeat-y;
margin:0 0 0 25px;
float:left;
}
#spPopupLayerArea .spPLlineLeft {
background-image:url("/static/sys/v9/popuplayer/popuplayer_cor_sprite.png");
background-position:-1273px 0;
background-repeat:repeat-y;
display:block;
float:left;
overflow:hidden;
width:auto;
}
#spPopupLayerArea .spPLcontent {
margin:0 24px 0 0;
line-height:0;
background-color:#fff;
float:left;
}
#spPopupLayerArea #spPopupLayerHeader {
border-bottom: 4px solid #f0f0f0;
height: 36px;
background-color:#fff;
margin: 0 5px;
}
#spPopupLayerArea #spPopupLayerHeader h1 {
font-size: 1.333em;
font-weight:bold;
line-height:36px;
}
#spPopupLayerArea #spPopupLayerFrame {
width: 550px;
height: 510px;
border: none;
padding: 0;
}
/* TODO: IE-Angaben in enspr. CSS-Dateien auslagern */
.spErrorBox {
background: url("/static/sys/v9/login/icon_fehler.jpg") no-repeat scroll 0 0 transparent;
min-height:30px;
margin:10px 0;
}
.spErrorBox ul {
background-color:#800000;
margin:0 0 0 30px;
padding:0;
display:block;
}
.spErrorBox ul li {
color:white;
padding:5px;
}
/* umgebend */
#spBreadcrumb {
position:relative;
z-index:1;
}
#spPopupLayerArea.spLoginPopupLayer {
right: -15px;
top: 110px;
display: block;
width:540px;
}
#spPopupLayerArea.spLoginPopupLayer .spPLcorTopRight {
background-position:-356px -10px;
}
#spPopupLayerArea.spLoginPopupLayer .spPLcorBottomRight {
background-position:-990px -17px;
}
#spPopupLayerArea.spLoginPopupLayer #spPopupLayerFrame {
width: 490px;
height: 480px;
}
#spPopupLayerArea.spLoginPopupLayer #spPopupLayerHeader {
margin:0 20px;
}
#spPopupLayerArea.spLoginPopupLayer #spPopupLayerHeader #spCloseButton {
margin-right: -17px;
}
/* Popup */
.spPopup #spMSLogin {
margin:10px 20px;
}
/* Forms allgemein */
h2.spMSHeadline {
font-size:1.5em;
margin: 0 0 20px 0;
color: #666;
}
.spMSForm label {
font-weight:bold;
}
.spMSForm h4 {
font-size:1em;
font-weight:bold;
color:black;
text-transform:none;
padding:0;
}
#spTeaserColumn .spMSForm {
border: 1px solid #ccc;
padding:24px;
}
.spMSForm h3 {
font-size:1.2em;
margin:20px 0 10px 0;
color: #666;
}
.spMSTable {
padding:0;
margin:0;
border:0;
width:100%;
}
.spMSTable tr td {
font-size:0.8333em;
line-height:1.3em;
text-align:left;
vertical-align:top;
padding: 10px 5px;
margin:0;
border-top: 4px solid #eee;
}
.spMSTable tr th {
text-align:left;
vertical-align:middle;
font-weight:bold;
background-color:#eee;
padding:5px 5px 1px 5px;
margin:0;
}
.spMSTable ul {
margin:0;
padding:0;
}
.spMSTable ul li {
margin:0;
padding:0;
}
/* Login-Form */
#spMSLoginFormTop .spButton {
margin-top:-45px;
float:right;
}
#spMSLoginFormBottom {
clear:left;
padding-top:20px;
}
#spMSLoginFormTop label {
width:326px;
display:block;
}
#spMSLoginFormTop sub {
width:326px;
text-align:right;
display:block;
margin: 0 0 -1.2em 0;
padding-top:2px;
line-height:1.2em;
}
#spMSLoginFormTop p {
margin:20px 0;
}
#spMSLoginRegister {
margin-top:30px;
padding-top:30px;
border-top:4px solid #f0f0f0;
}
#spMSLoginRegister p {
margin:0 120px 30px 0;
position:relative;
}
#spMSLoginRegister .spButton {
margin:-30px 0 20px 20px;
position:absolute;
right:-120px;
}
#spMSLogin input.spCheckbox {
float:left;
}
#spMSLogin .spInput {
width:320px;
}
#spMSLoginFormBottom label {
line-height: 1.333em;
}
#spMSLoginFormBottom sub {
line-height: 1.333em;
vertical-align:middle;
padding: 0 0 1px 10px;
}
/* Register-Form */
#spMSRegister .spButton {
margin:20px 0 20px 20px;
float:right;
}
.spMSFormRow {
clear:both;
display:block;
margin:10px 0 0 0;
}
.spMSFormRow label {
display:block;
}
.spMSFormBlock {
float:left;
margin-right:10px;
}
.spMSFormCheck {
clear:both;
display:block;
margin:10px 0 0 0;
}
.spMSFormCheck label {
float:right;
width:445px;
font-weight:normal;
}
.spMSFormCheck label a {
font-weight:bold;
}
#spMSRegisterButton {
margin:20px 0 10px 0;
float:right;
}
.spMSPaymentInfoTable {
border: none;
}
spMSPaymentInfoTableKey {
padding-right: 5px;
font-weight: bold;
}
/* Meine Abos */
#spMSAbos .spMSAboHeadline {
font-weight:bold;
margin-bottom:5px;
}
/* Meine Einkaeufe */
.spMSTable .spMSShopTableRowPreis,
.spMSTable .spMSShopTableRowKaufdatum {
text-align:right;
width:25%;
}
/* Navigation */
.spHelpBoxList.spBoxMeinSpiegel li {
padding:1em 0;
}
.spHelpBoxList.spBoxMeinSpiegel li img {
margin: -3px 0 0 0;
padding:0 10px 0 0;
}
/* Newsletter */
#MSNewsletterInfoTable {
margin: 20px 0 40px 0;
}
#MSNewsletterInfoTable th {
text-align: left;
font-weight: bold;
font-variant: small-caps;
border-bottom: 1px solid #cccccc;
}
#MSNewsletterInfoTable .tableCaption {
font-weight: bold;
width: 120px;
padding: 10px;
}
#MSNewsletterDeliveryTimeTable {
margin: 20px 0 10px 0;
width: 100%;
}
#MSNewsletterDeliveryTimeTable label {
font-weight: normal;
}
#MSNewsletterDeliveryTimeTable th {
text-align: left;
font-weight: bold;
font-variant: small-caps;
border-bottom: 1px solid #cccccc;
}#spArticleFunctions {
position: relative;
z-index: 1;
}
#spPopupLayerArea.spSendFormPopupLayer {
right: 100px;
top: 120px;
display: block;
width:670px;
}
#spPopupLayerArea.spSendFormPopupLayer .spPLcorTopRight {
background-position:-291px -10px;
}
#spPopupLayerArea.spSendFormPopupLayer .spPLcorBottomRight {
background-position:-925px -17px;
}
#spPopupLayerArea.spSendFormPopupLayer #spPopupLayerFrame {
width: 620px;
height: 602px;
}
#spPopupLayerArea.spSendFormPopupLayer #spPopupLayerHeader {
margin:0 20px;
}
#spPopupLayerArea.spSendFormPopupLayer #spPopupLayerHeader #spCloseButton {
margin-right: -17px;
}
#spSendFormPopup {
margin:0 20px;
position:relative;
}
#spSendFormPopup .spButton {
width: 180px;
float:right;
}
#spSendFormPopup a.spButton {
width: 174px;
}
.spSendFormMail label,
.spSendFormMail sub,
.spSendFormMail .spInput {
display:block;
width:400px;
}
.spSendFormMail .spTextarea {
display:block;
width:580px;
}
.spSendFormMail .spSendFormBlock {
margin: 20px 0 0 0;
}
.spSendFormMail #spSendFormButton {
margin-top:15px;
}
#spSendFormSMS {
border-top: 4px solid #f0f0f0;
padding-top:15px;
margin-top:25px;
display:none;
}
#spSendFormSMS p {
font-weight:bold;
margin:0;
line-height:25px;
}
#spSendFormDisclaimer {
display:block;
color:#666;
font-size:0.8em;
line-height:1.25em;
border-top: 4px solid #f0f0f0;
padding-top:10px;
background-color:#fff;
position:absolute;
top:460px;
height:128px;
}
#spSendFormDisclaimer h5 {
font-size:1.2em;
font-weight:bold;
padding:2px;
margin:0 0 5px 0;
}
#spSendFormDisclaimer h5 strong {
color:#000;
}
#spSendFormPopup .spOkMessage {
width:580px;
}
#spSendFormPopup .spOkMessage label {
display:block;
font-weight:bold;
}
#spSendFormPopup .spOkMessage p {
margin:5px 0 15px 0;
}
#spSendFormPopup .spOkMessage h2 {
display:block;
margin:30px 0;
font-weight:bold;
font-size:1.333em;
color:#666;
}
#spSendFormPopup .spOkMessage .spButton {
margin-top:20px;
display:block;
width:80px;
float:right;
}
/*** aus assets.css uebernommen ***/
.spPanoPlayer{
float:left;
width:642px;
}
#spTeaserColumn .spPanoPlayer,
#spArticleColumn .spPanoPlayer{
width:522px;
}
.spPanoPlayLink{
display:block;
overflow:hidden;
position:relative;
}
.spPanoPlayer .spPanoPlayButton{
border:0 none;
bottom:15px;
display:block;
height:37px;
position:absolute;
right:15px;
}
.spPanoPlayer .spCredit{
clear:left;
margin:-0.2em 0 0 0;
}
.spPanoPlayerTeaserPic{
border:1px solid #666;
}
/*** hier gehts los ***/
#video #spFbTwitterBarTop,
#spVideoIframePlayer #spFbTwitterBarTop,
#video #spFbTwitterBarBottom,
#spVideoIframePlayer #spFbTwitterBarBottom{
width:auto;
}
#spOasReminder{
clear:both;
}
#spNoFlashPlayer{
background-color:#f2f2f2;
border:1px solid #ccc;
height:58px;
padding:150px 0;
text-align:center;
}
/*** iFrame ***/
#spGreyBox{
background-color:#000;
cursor:not-allowed;
filter:alpha(opacity=60);
height:100%;
left:0;
opacity:0.6;
position:fixed;
top:0;
width:100%;
z-index:1000001;
}
#spLoadingDiv{
background:url("/static/sys/v9/icons/ic_load-ani.gif") no-repeat scroll center center #fff;
border:1px solid #000;
position:absolute;
height:725px;
width:998px;
z-index:1000003;
}
#spVideoIframe{
background-color:#fff;
border:0 none;
-moz-box-shadow:0 0 5px 5px rgba(0,0,0,0.2);
-webkit-box-shadow:0 0 5px 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
position:absolute;
width:1000px;
z-index:1000002;
}
#spVideoIframePlayer{
background-color:#fff;
border:1px solid #000;
color:#000;
font-size:0.75em;
margin:0;
padding:10px 15px 15px 15px;
width:970px;
}
.spVideoIframeHeaderBar{
border-bottom:4px solid #ececec;
font-weight:bold;
margin:0 0 10px 0;
overflow:hidden;
padding:0 0 10px 0;
position:relative;
}
.spVideoIframeHeaderBar a:hover,
.spVideoIframeHeaderBar a:hover span{
text-decoration:none !important;
-moz-text-decoration-line:none;
text-decoration-line:none;
}
#spVideoIframeHeaderLogo{
display:block;
float:left;
}
.spVideoIframeHeaderBar #spSponSearch{
right:328px;
top:0;
width:319px;
}
.spPanoPlayer h1,
.spRecommendationTitle{
color:#000 !important;
font-size:1.25em;
margin-bottom:10px;
}
.spCloseVideoIframe{
float:right;
font-size:1.18em;
}
.spCloseVideoIframe a{
color:#000;
}
.spCloseVideoIframeButton{
margin:-1px 0 1px 4px;
vertical-align:middle;
}
.spRecommendationTitle{
border-bottom:1px solid #ececec;
clear:both;
font-weight:bold;
margin:0 0 10px 0;
padding:0 0 10px 0;
text-transform:none;
}
#spVideoIframePlayer .spPanoPlayer{
margin:0 0 15px 0;
}
#spVideoIframePlayer .spPanoPlayerTeaserPic{
display:block;
border:1px solid #666;
}
#spVideoIframePlayer .spPanoPlayButton{
display:block;
position:absolute;
height:43px;
bottom:20px;
left:23px;
border:0 none;
}
#spVideoIframePlayer #spFbTwitterBarTop,
#video #spFbTwitterBarTop{
border:0 none;
float:left;
padding-left:0;
}
#spVideoIframePlayer #spTwitterFrameTop[style],
#video #spTwitterFrameTop[style]{
width:108px !important;
}
#spVideoInteractions{
float:right;
height:25px;
padding-top:5px;
position:relative;
}
#spVideoInteractions span{
display:none;
}
#spVideoInteractions a{
background-image:url("/static/sys/v9/buttons/btn_video-interactions-sprite.png");
background-repeat:no-repeat;
display:block;
float:left;
height:22px;
margin:0 0 0 10px;
width:89px;
}
a#spEmbedVideo{
background-position:0 0;
}
a#spEmbedVideo:hover{
background-position:-139px 0;
}
a#spSendVideo{
background-position:0 -72px;
}
a#spSendVideo:hover{
background-position:-139px -72px;
}
a#spGetVideoUrl{
background-position:0 -144px;
}
a#spGetVideoUrl:hover{
background-position:-139px -144px;
}
.spPanoPlayer dl{
clear:both;
overflow:hidden;
}
.spPanoPlayer dt{
float:left;
}
.spPanoPlayer dd{
padding-left:1.7em;
}
#spVideoRecommendationsBox{
float:right;
/* height:513px; */
height:550px;
margin:0 0 15px 10px;
overflow:hidden;
width:318px;
}
#spVideoRecommendationsBox .spCustomScrollbars{
height:510px;
}
#spVideoRecommendationsBox ul,
.spVideoListBox ul{
list-style:none;
margin:0;
padding:0;
}
.spVideoListBox li{
margin:0 0 12px 0;
max-height:93px;
}
.spVideoListBox li.spFirstItem{
min-height:223px;
}
#video .spVideoListBox li.spFirstItem .spVideoThemaHeadline{
width:100%;
}
#spVideoRecommendationsBox li{
margin:0 15px 15px 0;
padding:0;
position:relative;
}
.spVideoThemaHeadline{
color:#900;
display:block;
overflow:hidden;
}
#spVideoRecommendationsBox img,
.spVideoListBox img{
border:1px solid #666;
}
#spVideoRecommendationsBox .spCommercial img{
border:0 none;
float:none;
margin:0;
}
#spVideoIframePlayer .spVideoThemaHeadline{
font-size:0.916em;
width:125px;
}
#spVideoIframePlayer a:hover span,
spVideoEmbedPlayer a:hover span{
text-decoration:none;
-moz-text-decoration-line:none;
text-decoration-line:none;
}
#spVideoIframePlayer #spVideoRecommendationsBox #spVright1ContentDest{
background-color:#fff;
border:0 none;
margin:0;
padding:0;
}
#spVright1ContentDest a{
border-bottom:1px solid #ececec;
display:block;
margin:0 15px 15px 0;
padding:0 0 15px 0;
}
.spVideoListBox img{
display:block;
float:left;
margin:3px 7px 0 0;
}
/* #spVideoIframePlayer .spCommercial, */
#video #spContainer .spCommercial,
#spVideoIframePlayer .spCommercial{
background-color:#fff;
border-top:4px solid #ececec;
clear:both;
margin:15px 0 0 0;
padding:10px 0 3px 0;
text-align:center;
}
#spVideoIframePlayer .spCommercial h5,
#video #spContainer .spCommercial h5{
margin:0 auto;
width:877px;
}
/*** Embedded ***/
#spVideoEmbedPlayer{
background:url("/static/sys/v9/icons/ic_load-ani.gif") no-repeat scroll center center #fff;
font-family:verdana,arial,helvetica,geneva,sans-serif;
font-size:0.75em;
line-height:1.333em;
margin:0;
padding:0;
}
#spVideoEmbedPlayer .spPanoPlayer{
float:none;
}
#spVideoEmbedPlayer #spVideoStartScreen{
left:0;
position:absolute;
top:0;
}
#spVideoEmbedPlayer #spVideoStartScreenBg{
border:0;
}
#spVideoEmbedPlayer #spVideoStartScreen #spStartEmbedVideo{
background:url("/static/sys/v8/buttons/play-trans_37x37.png") no-repeat scroll 0 0 transparent;
bottom:10px;
display:block;
height:37px;
position:absolute;
right:10px;
width:37px;
}
#spVideoEmbedPlayer #spVideoStartScreen #spStartEmbedVideo span{
display:none;
}
#spVideoEmbedFooter{
height:145px;
overflow:hidden;
padding:10px 0 0 0;
position:relative;
}
#spEmbedLogo{
border:1px solid #fff;
bottom:6px;
display:block;
height:14px;
position:absolute;
right:0;
width:110px;
}
#spEmbedLogo img{
border:0;
}
#spVideoEmbedFooter h1{
height:33px;
margin:0 7em 0 0;
overflow:hidden;
padding:0;
}
#spEmbedVideoTeaser{
max-height:4em;
overflow:hidden;
}
#spVideoEmbedFooter .spCredit{
top:7px;
display:block;
font-size:0.8333em;
margin:0;
position:absolute;
right:0;
}
#spVideoEmbedFooter a,
#spVideoEmbedFooter a:hover,
#spVideoEmbedFooter a span,
#spVideoEmbedFooter a:hover span{
text-decoration:none !important;
-moz-text-decoration-line:none;
text-decoration-line:none;
}
#spVideoEmbedPlayer #spVideoEndScreen li{
max-height:12em; /* 144px; */
}
#spVideoEmbedPlayer h4.spVideoListBoxTitle{
margin:0 auto 10px auto;
max-width:610px;
}
#spEmbedSponLinks{
bottom:3px;
left:0;
margin:0;
max-width:18.75em;
position:absolute;
}
#spEmbedSponLinks br{
line-height:1px;
}
/*** Dialoge ***/
#video #spPopupLayerArea.spSendVideoPopupLayer,
#video #spPopupLayerArea.spEmbedVideoPopupLayer{
display:block;
left:-21px;
top:200px;
width:710px;
z-index:1000006;
}
#spVideoIframePlayer #spPopupLayerArea.spSendVideoPopupLayer,
#spVideoIframePlayer #spPopupLayerArea.spEmbedVideoPopupLayer{
display:block;
left:-5px;
top:57px;
width:710px;
z-index:1000006;
}
#video #spPopupLayerArea.spSendVideoPopupLayer .spPLcorTopRight,
#video #spPopupLayerArea.spEmbedVideoPopupLayer .spPLcorTopRight,
#spVideoIframePlayer #spPopupLayerArea.spSendVideoPopupLayer .spPLcorTopRight,
#spVideoIframePlayer #spPopupLayerArea.spEmbedVideoPopupLayer .spPLcorTopRight{
background-position:-280px -10px;
}
#video #spPopupLayerArea.spSendVideoPopupLayer .spPLcorBottomRight,
#video #spPopupLayerArea.spEmbedVideoPopupLayer .spPLcorBottomRight,
#spVideoIframePlayer #spPopupLayerArea.spSendVideoPopupLayer .spPLcorBottomRight,
#spVideoIframePlayer #spPopupLayerArea.spEmbedVideoPopupLayer .spPLcorBottomRight{
background-position:-914px -17px;
}
#video #spPopupLayerArea .spPLcorTopLeft,
#video #spPopupLayerArea .spPLcorTopRight,
#video #spPopupLayerArea .spPLcorBottomLeft,
#video #spPopupLayerArea .spPLcorBottomRight,
#spVideoIframePlayer #spPopupLayerArea .spPLcorTopLeft,
#spVideoIframePlayer #spPopupLayerArea .spPLcorTopRight,
#spVideoIframePlayer #spPopupLayerArea .spPLcorBottomLeft,
#spVideoIframePlayer #spPopupLayerArea .spPLcorBottomRight{
width:344px;
}
#video #spPopupLayerArea .spPLcontent,
#spVideoIframePlayer #spPopupLayerArea .spPLcontent{
background:url("/static/sys/v9/icons/ic_load-ani.gif") no-repeat scroll center center #fff;
}
#spPopupLayerArea.spSendVideoPopupLayer #spPopupLayerHeader,
#spPopupLayerArea.spEmbedVideoPopupLayer #spPopupLayerHeader{
margin:0 20px;
}
#video #spCloseButton,
#spVideoIframePlayer #spCloseButton{
margin-top:6px;
}
#video #spPopupLayerArea.spSendVideoPopupLayer #spPopupLayerFrame,
#video #spPopupLayerArea.spEmbedVideoPopupLayer #spPopupLayerFrame,
#spVideoIframePlayer #spPopupLayerArea.spSendVideoPopupLayer #spPopupLayerFrame,
#spVideoIframePlayer #spPopupLayerArea.spEmbedVideoPopupLayer #spPopupLayerFrame{
height:360px;
width:640px;
}
#spSendFormPopup.spSendVideoFormPopup,
#spEmbedVideoPopup.spEmbedVideoFormPopup{
background-color:#fff;
margin:15px;
}
#spSendFormPopup.spSendVideoFormPopup #spWrapper,
#spEmbedVideoPopup.spEmbedVideoFormPopup #spWrapper{
background-image:none;
margin:0 5px;
min-width:600px;
position:relative;
}
#spSendFormPopup.spSendVideoFormPopup .spErrorBox{
background-color:#fff;
height:322px;
left:346px;
margin:4px 0 0 0;
position:absolute;
top:0;
width:254px;
z-index:1000006;
}
#spSendFormPopup.spSendVideoFormPopup .spSendFormMail{
border-right:1px solid #ececec;
float:left;
width:335px;
}
#spSendFormPopup.spSendVideoFormPopup .spSendFormMail .spSendFormBlock,
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail .spSendFormBlock{
margin:0 0 20px 0;
}
#spConfigureVideoEmbedForm{
border:0 none;
margin:0;
padding:0;
}
#spVideoEmbedSource.spSendFormBlock{
float:left;
width:290px;
}
#spVideoEmbedConfigure.spSendFormBlock{
float:right;
width:290px;
}
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail label{
clear:both;
color:#666;
margin-bottom:5px;
width:100%;
}
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail .spInput{
display:inline;
margin-bottom:71px;
width:115px;
}
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail select{
display:inline;
margin:0; /* fix Safari */
width:120px;
}
#spVideoEmbedSourceWidth,
#spVideoEmbedSourceColorSelect,
#spVideoEmbedSourceBgColorSelect{
float:left; /* fix IE9 */
}
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail .spTextarea:focus,
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail .spTextarea:active,
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail .spInput:focus,
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail .spInput:active,
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail select:focus,
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail select:active{
outline:0;
}
#spVideoEmbedConfigure span{
display:inline-block;
text-align:center;
width:42px;
}
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail #spVideoEmbedSourceBgColorInput.spInput{
margin-bottom:0;
}
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail .spTextarea{
height:224px;
padding:15px;
resize:none;
width:258px;
}
#spSendFormPopup.spSendVideoFormPopup .spSendFormMail label,
#spSendFormPopup.spSendVideoFormPopup .spSendFormMail sub,
#spSendFormPopup.spSendVideoFormPopup .spSendFormMail .spInput{
width:317px;
}
#spSendFormPopup.spSendVideoFormPopup .spSendFormMail .spTextarea{
width:320px;
}
#spEmbedVideoPopup.spEmbedVideoFormPopup .spSendFormMail #spResetFormButton{
clear:both;
width:auto;
}
#spSendFormPopup.spSendVideoFormPopup .spSendFormMail #spSendFormButton{
margin-right:13px;
margin-top:0;
}
#spSendFormPopup.spSendVideoFormPopup #spSendFormDisclaimer{
border:0 none;
float:left;
height:auto;
margin-left:10px;
position:static;
width:254px;
}
#spSendFormPopup.spSendVideoFormPopup #spSendFormDisclaimer h5{
background-color:#feff99;
margin-bottom:1.2em;
padding-bottom:1.2em;
}
#spVideoShortUrl{
background-color:#fff;
border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);
box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);
font-size:12px;
height:16px;
display:none;
padding:1px 20px 2px 5px;
position:absolute;
right:0;
text-align:center;
top:4px;
width:259px;
}
#spVideoInteractions #spCloseVideoShortUrl{
background-image:none;
display:none;
height:18px;
margin:0;
overflow:hidden;
position:absolute;
right:1px;
top:4px;
width:20px;
}
/*** CP ***/
#video{
background:url("/static/sys/v9/bg/bg_video-wrapper.png") repeat-x scroll 0 0 #fff;
}
#video #spWrapper{
background:none;
background-image:none;
float:none;
margin:0 auto;
min-width:980px;
padding:0 10px;
width:980px;
}
#video #spHeader{
height:125px;
width:980px;
}
#video #spHeaderColoured{
background:url("/static/sys/v9/bg/bg_video-wrapper.png") repeat-x scroll 0 0 #f6f6f6;
color:#999;
height:100px;
}
#video #spServiceNav {
padding: 10px 0 0 0;
right:0;
top:3px;
}
#video #spHeader ul#spServiceNav li a {
border-color:#999;
color:#999;
}
#video #spLogo{
display:block;
margin:30px 0 0 0;
padding:0;
}
#video #spHeader #spChannelName a{
display:block;
margin:40px 0 0 10px;
padding:0;
}
#video #spHeader ul#spChannel{
padding:0;
width:980px;
}
#video #spHeaderColoured a{
color:#999;
}
#video #spHeader ul#spChannel li:first-child a{
border-right:0 none;
padding-left:0;
}
#spVideoChannelNav{
border-bottom:4px solid #ececec;
clear:both;
font-size:0.916em;
margin:0 0 10px 0;
padding:0.8em 0 1em 0;
overflow:hidden;
}
#spVideoChannelNav li{
border-left:1px solid #000;
float:left;
list-style:none outside none;
margin:0 1em 0 0;
padding:0 0 0 1em;
}
#spVideoChannelNav li.spFirst{
border-left:0 none;
padding-left:0;
}
#spVideoChannelNav a.spActiveVideoChannel{
font-weight:bold;
color:#b2b2b2;
}
#spVideoChannelNav a{
color:#000;
}
#video #spContainer{
background:none;
margin:0;
overflow:hidden;
padding:25px 0 0 0;
width:980px;
}
#video .spPanoPlayer h1{
color:#000;
font-size:1.25em;
margin-bottom:10px;
}
#video .spRecommendationTitle{
font-size:1.25em;
}
#video #spVideoRecommendationsBox{
width:328px;
}
.spVideoListBox li,
#spVideoRecommendationsBox li{
border-bottom:1px solid #ececec;
clear:both;
overflow:hidden;
padding:0 0 15px 0;
}
#spVideoRecommendationsBox img{
float:right;
margin:0 0 0 10px;
}
.spVideoDateDuration{
display:block;
font-weight:bold;
font-size:0.8333em;
margin:0 0 0.2em 0;
padding:0;
}
.spVideoDateDuration strong{
color:#666;
display:block;
float:right;
white-space:nowrap;
}
a .spVideoDateDuration b{
color:#000;
}
a .spVideoExtern{
background-image:url("/static/sys/v9/icons/ic_ext-link-sprite.png");
background-position:0 4px;
background-repeat:no-repeat;
color:#900;
display:block;
margin-top:0.6em;
padding:0 0 0 15px;
}
#video a:hover,
#video a:hover span,
#spVideoIframePlayer a:hover span.spVideoDateDuration{
text-decoration:none;
-moz-text-decoration-line:none;
text-decoration-line:none;
}
#video .spVideoThemaHeadline{
font-size:0.916em;
width:135px;
}
.spVideoArticleLink{
background:url("/static/sys/v8/icons/ic_back.gif") no-repeat scroll 0 65% #fff;
padding:0 0 0 17px;
}
#video #spContainer .spCommercial h5,
#spVideoIframePlayer #spContainer .spCommercial h5{
margin:0 auto;
width:877px;
}
#spVideoIframeArchive {
border-top:4px solid #ececec;
clear:both;
float:none;
font-weight:bold;
margin:15px 0 0 0;
padding:10px 0 0 0;
text-align:right;
}
#spVideoListBoxWrapper{
border-top:4px solid #ececec;
clear:both;
margin:15px 0 75px 0;
overflow:hidden;
padding:20px 0 0 0;
}
.spVideoListBox{
float:left;
overflow:auto;
width:302px;
}
h4.spVideoListBoxTitle{
font-size:1.5em;
margin-bottom:10px;
text-transform:none;
}
#spVideoEditorsPickBox{
background-color:#f5f5f5;
padding:0 10px;
}
#spVideoEditorsPickBox h4{
background-color:#fff;
margin-left:-10px;
margin-right:-10px;
}
#spVideoChannelsBox{
margin:0 8px;
}
#spVideoHitlistBox{
background-color:#f5f5f5;
overflow:hidden;
padding-right:5px;
width:335px;
}
#spVideoHitlistBox h4{
background-color:#fff;
margin-right:-5px;
}
#spVideoHitlistBox ul{
margin:0 10px;
width:302px;
}
#spVideoHitlistBox .spCustomScrollbars{
background-color:#f5f5f5;
height:977px;
}
#spVideoHitlistBox .spVideoPic{
display:block;
overflow:hidden;
text-decoration:none;
-moz-text-decoration-line:none;
text-decoration-line:none;
}
#spVideoHitlistBox .spVideoPic .spIEsixPng{
display:none;
margin:0;
position:absolute;
right:10px;
top:46px;
}
#spVideoHitlistBox .spVideoPic:hover .spIEsixPng{
display:block;
}
#spVideoHitlistBox.spVideoListBox img{
float:right;
margin:3px 0 0 7px;
}
#spPageFooterVideo{
background-color:#f6f6f6;
}
#video #spPageFooter{
background-image:none;
margin:0 auto;
padding:50px 0 0 0;
width:867px;
}
#video .spTopicMultimedia{
margin:0 0 75px 0;
width:100%;
}
#video .spTopicMultimedia li.spMMLFirst{
padding-left:0;
}
#video .spTopicMultimedia li{
padding-left:42px;
}
/*** Ressort CPs ***/
#spVideoRessortList{
width:642px;
}
#spVideoRessortList strong{
display:block;
}
#spVideoRessortList .spFirst{
max-height:none;
padding-top:0;
}
#spVideoRessortList .spFirst strong{
font-size:1.18em;
}
#spVideoRessortList .spFirst strong,
.spVideoTeaserText{
display:block;
margin-top:1em;
}
.spVideoRessort #spVideoRessortList li a{
display:block;
overflow:hidden;
position:relative;
}
#spVideoRessortList.spVideoListBox .spFirst img{
float:none;
margin-right:0;
}
.spVideoRessort #spVideoRessortList li .spIEsixPng{
border:0 none;
display:none;
float:none;
left:113px;
margin:0;
position:absolute;
top:46px;
z-index:3;
}
.spVideoRessort #spVideoRessortList li a:hover .spIEsixPng{
display:block;
}
.spVideoRessort #spVideoRessortList li.spFirst .spIEsixPng{
left:593px;
top:313px;
}
.spVideoRessort #spVideoHitlistBox{
width:320px;
margin-left:13px;
}
.spVideoRessort #spVideoHitlistBox ul{
width:295px;
margin:0 5px;
}
#video.spVideoRessort #spVideoHitlistBox .spVideoThemaHeadline{
width:127px;
}
/*** Video-SuchForm im Header ***/
#video #spSponSearch{
right:0;
top:38px;
width:319px;
}
#video #spSearch,
#video #spSearchContent,
#spVideoIframePlayer #spSearch{
background:url("/static/sys/v9/bg/bg_videosearch.png") no-repeat scroll 0 0 transparent;
border:0 none;
color:#666666;
float:left;
font-size: 12px;
height: 25px;
margin:0 6px 0 0;
padding:0 0 0 25px;
width:263px;
}
/*** Video-SuchForm im Content ***/
#spVideoSearchForm{
clear:both;
padding:40px 0 55px 0;
}
#spVideoSearchForm #spSponSearchContent{
background-color:#f6f6f6;
display:block;
overflow:hidden;
padding:20px 0;
width:642px;
}
#spVideoSearchForm #spSponSearchContent label{
color:#999;
display:block;
float:left;
font-size:22px;
font-weight:bold;
margin:0 115px 0 15px;
padding:5px 0 0 0;
text-transform:uppercase;
}
/*** Suchergebnis ***/
#video #spSearchTermTitle{
border-bottom:2px solid #ececec;
font-size:1.583em;
margin:0 0 1.2em 0;
padding:0 0 0.9em 0;
}
#video #spSearchTermTitle em{
font-style:normal;
color:#666;
}
#spVideoResultList{
width:640px;
}
#spVideoResultList li{
max-height:165px;
}
.spCropperFake{
background-color:#d3d3d3;
border:1px solid #666;
display:block;
float:left;
height:160px;
margin:3px 7px 0 0;
overflow:hidden;
width:160px;
}
.spCropperFake img{
border:0 none;
margin:-2px;
}
.spCropperFake .spNoVideoImg1{
border-color:transparent transparent transparent #a3a3a3;
border-style:solid;
border-width:25px 40px;
height:0;
left:65px;
position:absolute;
top:59px;
width:0;
z-index:2;
}
.spCropperFake .spNoVideoImg2{
background:#e5e5e5;
background:-moz-linear-gradient(top, #e5e5e5 0%, #d3d3d3 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#d3d3d3));
background:-webkit-linear-gradient(top, #e5e5e5 0%,#d3d3d3 100%);
background:-o-linear-gradient(top, #e5e5e5 0%,#d3d3d3 100%);
background:-ms-linear-gradient(top, #e5e5e5 0%,#d3d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d3d3d3',GradientType=0 );
background:linear-gradient(top, #e5e5e5 0%,#d3d3d3 100%);
border:7px solid #a3a3a3;
-moz-border-radius:15px;
-o-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
height:80px;
left:34px;
position:absolute;
top:37px;
width:80px;
z-index:1;
}
.spVideoRessort #spVideoResultList li .spIEsixPng{
top:118px;
}
#spVideoResultList a:hover{
background-color:#f5f5f5;
}
/*** EndScreen ***/
#spVideoElements{
/* height:360px; */
background-color:#000;
border:1px solid #666;
height:360px;
position:relative;
width:640px;
}
#spVideoEndScreen{
background-color:#000;
/* background-color:rgba(0,0,0,0.6); */
color:#fff;
height:330px;
left:0;
overflow:hidden;
padding:15px;
position:absolute;
top:0;
width:610px;
z-index:1000005;
}
#spVideoEndScreen *{
color:#fff !important;
text-decoration:none !important;
-moz-text-decoration-line:none;
text-decoration-line:none;
}
#spVideoEndScreen img{
border-color:#fff;
float:none;
margin:0;
}
#spVideoEndScreen ul{
border-bottom:1px solid #fff;
clear:both;
margin:0 auto 2.5% auto;
max-width:610px;
overflow:hidden;
padding:0 0 2em 0;
}
#spVideoEndScreen li{
border:0 none;
clear:none;
float:left;
margin:0;
max-height:200px;
padding:0 0 0 65px;
width:160px;
}
#spVideoEndScreen #spFirstItem{
min-height:90px;
padding:0;
}
#spVideoEndScreen .spVideoDateDuration strong{
display:inline;
float:none;
}
#spVideoEndScreen a .spVideoExtern{
background-position:0 -85px;
}
#spVideoEndScreen .spVideoDateDuration{
display:inline;
margin:0;
}
.spWatchVideoAgain{
clear:both;
display:block;
font-weight:bold;
text-align:center;
text-decoration:none !important;
-moz-text-decoration-line:none;
text-decoration-line:none;
}
#spVideoEndScreen .spWatchVideoAgain img{
border:0 none;
display:inline;
vertical-align:middle;
padding:0 10px 10px 0;
}
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer{
overflow:hidden;
position:relative;
}
.jspPane{
position:absolute;
}
.jspVerticalBar{
position:absolute;
top:0;
right:0;
width:16px;
height:100%;
background:red;
}
.jspHorizontalBar{
position:absolute;
bottom:0;
left:0;
width:100%;
height:16px;
background:red;
}
.jspVerticalBar *,
.jspHorizontalBar *{
margin:0;
padding:0;
}
.jspCap{
display:none;
}
.jspHorizontalBar .jspCap{
float:left;
}
.jspTrack{
background:#dde;
position:relative;
}
.jspDrag{
background:#bbd;
position:relative;
top:0;
left:0;
cursor:pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
float:left;
height:100%;
}
.jspArrow{
background:#50506d;
text-indent:-20000px;
display:block;
cursor:pointer;
}
.jspArrow.jspDisabled{
cursor:default;
background:#80808d;
}
.jspVerticalBar .jspArrow{
height:16px;
}
.jspHorizontalBar .jspArrow{
width:16px;
float:left;
height:100%;
}
.jspVerticalBar .jspArrow:focus{
outline:none;
}
.jspCorner{
background:#eeeef4;
float:left;
height:100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
margin:0 -3px 0 0;
}
/*********** jQuery ScrollPane :: Custom CSS ***********/
.jspHorizontalBar,
.jspVerticalBar{
background:none;
}
.jspTrack{
background:#ccc;
border-radius:10px;
}
.jspVerticalBar .jspTrack{ margin:0 6px; }
.jspHorizontalBar .jspTrack{ margin:6px 0; }
.jspDrag{
background-color:#ccc;
background-image:url("/static/sys/v9/icons/ic_scroll-drag.png") !important;
background-repeat:no-repeat;
border-radius:5px;
}
.jspVerticalBar .jspDrag{
background-position:49% 50%;
margin:0 -5px;
}
.jspHorizontalBar .jspDrag{
background-position:50% 49%;
margin:-5px 0;
}
.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover{ background-color:#d6d6d6; }
.jspArrow,
.jspArrow.jspDisabled{
background:url("/static/sys/v9/icons/ic_scroll-arrows-sprite.png") no-repeat scroll 0 0 transparent;
}
.jspArrowUp{ background-position:-16px -1px !important; }
.jspArrowDown{ background-position:-16px -31px !important; }
.jspArrowLeft{ background-position:-1px -17px !important; }
.jspArrowRight{ background-position:-33px -17px !important; }
/* fix tabindex-outline @ ff3.6 */
div:focus,
div:active{
outline:0;
}
/* neue Textlinkstruktur mit 3.6.6 */
#spArticleColumn .spTextlinkInt a,
#spArticleColumn .spTextlinkExt a {
text-decoration:underline;
}