/* AUTHOR */ @font-face { font-family: "Open Sans"; src: url(http://p5.focus.de/resources/ver1-0/css/fonts/opensans-regular-webfont.eot); src: url(http://p5.focus.de/resources/ver1-0/css/fonts/opensans-regular-webfont.eot?#iefix) format("embedded-opentype") , url(http://p5.focus.de/resources/ver1-0/css/fonts/opensans-regular-webfont.woff) format("woff") , url(http://p5.focus.de/resources/ver1-0/css/fonts/opensans-regular-webfont.ttf) format("truetype") , url(http://p5.focus.de/resources/ver1-0/css/fonts/opensans-regular-webfont.svg#open_sansregular) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "Open Sans"; src: url(http://p5.focus.de/resources/ver1-0/css/fonts/opensans-bold-webfont.eot); src: url(http://p5.focus.de/resources/ver1-0/css/fonts/opensans-bold-webfont.eot?#iefix) format("embedded-opentype") , url(http://p5.focus.de/resources/ver1-0/css/fonts/opensans-bold-webfont.woff) format("woff") , url(http://p5.focus.de/resources/ver1-0/css/fonts/opensans-bold-webfont.ttf) format("truetype") , url(http://p5.focus.de/resources/ver1-0/css/fonts/opensans-bold-webfont.svg#open_sansbold) format("svg"); font-weight: bold; font-style: normal } .container_12 {width: 996px; position: relative} .container_8 {width: 630px; position: relative} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display: inline; float: left; position: relative; margin-left: 1px; margin-right: 1px} body.rlgrid .grid_8, body.rlgrid .grid_4 {margin-left: 0; margin-right: 0} .alpha {margin-left: 0} .omega {margin-right: 0} .container_12 .grid_1 {width: 83px} .container_12 .grid_2 {width: 166px} .container_12 .grid_3 {width: 249px} .container_12 .grid_4 {width: 332px} body.rlgrid .container_12 .grid_4 {} .container_12 .grid_5 {width: 415px} .container_12 .grid_6 {width: 497px} .container_12 .grid_7 {width: 581px} .container_12 .grid_8 {width: 662px} body.rlgrid .container_12 .grid_8 {} .container_12 .grid_9 {width: 747px} .container_12 .grid_10 {width: 830px} .container_12 .grid_11 {width: 913px} .container_12 .grid_12 {width: 996px} .container_12 .prefix_1 {padding-left: 83px} .container_12 .prefix_2 {padding-left: 166px} .container_12 .prefix_3 {padding-left: 249px} .container_12 .prefix_4 {padding-left: 332px} .container_12 .prefix_5 {padding-left: 415px} .container_12 .prefix_6 {padding-left: 498px} .container_12 .prefix_7 {padding-left: 581px} .container_12 .prefix_8 {padding-left: 664px} .container_12 .prefix_9 {padding-left: 747px} .container_12 .prefix_10 {padding-left: 830px} .container_12 .prefix_11 {padding-left: 913px} .container_12 .suffix_1 {padding-right: 83px} .container_12 .suffix_2 {padding-right: 166px} .container_12 .suffix_3 {padding-right: 249px} .container_12 .suffix_4 {padding-right: 332px} .container_12 .suffix_5 {padding-right: 415px} .container_12 .suffix_6 {padding-right: 498px} .container_12 .suffix_7 {padding-right: 581px} .container_12 .suffix_8 {padding-right: 664px} .container_12 .suffix_9 {padding-right: 747px} .container_12 .suffix_10 {padding-right: 830px} .container_12 .suffix_11 {padding-right: 913px} .container_12 .push_1 {left: 83px} .container_12 .push_2 {left: 166px} .container_12 .push_3 {left: 249px} .container_12 .push_4 {left: 332px} .container_12 .push_5 {left: 415px} .container_12 .push_6 {left: 498px} .container_12 .push_7 {left: 581px} .container_12 .push_8 {left: 664px} .container_12 .push_9 {left: 747px} .container_12 .push_10 {left: 830px} .container_12 .push_11 {left: 913px} .container_12 .pull_1 {right: 83px} .container_12 .pull_2 {right: 166px} .container_12 .pull_3 {right: 249px} .container_12 .pull_4 {right: 332px} .container_12 .pull_5 {right: 415px} .container_12 .pull_6 {right: 498px} .container_12 .pull_7 {right: 581px} .container_12 .pull_8 {right: 664px} .container_12 .pull_9 {right: 747px} .container_12 .pull_10 {right: 830px} .container_12 .pull_11 {right: 913px} .grid_4 .header {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -36px no-repeat; height: 5px; width: 332px} .grid_4 .content {background: url(http://sealevel.info/pics/fol/gradientComponentsY.png) -2158px 0 repeat-y; padding: 0 16px} .grid_4 .footer {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -42px no-repeat; height: 5px; padding: 0; margin: 0; overflow: hidden; width: 330px} .grid_4 .footerBlue {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) -498px -595px no-repeat; height: 5px; padding: 0; margin: 0; overflow: hidden; width: 330px} .grid_4 .footerBase {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -42px no-repeat; height: 2px; padding: 0; margin: 0; overflow: hidden; width: 330px} .grid_6 .header {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -24px no-repeat; height: 5px} .grid_6 .content {background: url(http://sealevel.info/pics/fol/gradientComponentsY.png) -1660px 0 repeat-y; padding: 0 16px} .grid_6 .footer {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -30px no-repeat; height: 5px} .grid_8 .header {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -12px no-repeat; height: 5px} .grid_8 .content {background: url(http://sealevel.info/pics/fol/gradientComponentsY.png) -997px 0 repeat-y; padding: 0 16px} .grid_8 .footer {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -18px no-repeat; height: 5px} .grid_12 .header {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 0 no-repeat; height: 5px} .grid_12 .headerGrey {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -565px no-repeat; height: 5px} .grid_12 .content {background: url(http://sealevel.info/pics/fol/gradientComponentsY.png) 0 0 repeat-y; padding: 0 16px} #catchline .grid_12 .content, #tag-header .grid_12 .content {padding: 0 3px} .grid_12 .footer {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -6px no-repeat; height: 5px} .grid_12 .footerGrey {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -571px no-repeat; height: 5px} .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0} .clearfix:after {clear: both; content: " "; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0} * html .clearfix {height: 1%} .clearfix {display: block} html {overflow-y: scroll} body {margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 11px; background-color: #fafafa} dl, dt, dd, ul, form, fieldset, h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0} h1.inline {display: inline} img {border: 0; display: block} fieldset {border: none} li {list-style-type: none} a {color: #003365; text-decoration: none; font-weight: bold; color: #003365; outline: none} a.exceptNav {color: #d50006; text-decoration: none; font-weight: bold; outline: none} a:hover {color: #d50006} .spacerBottom20 {display: block; margin-bottom: 20px} .spacerTop15 {display: block; margin-top: 15px} input, select, textarea {color: #666666; font-size: 12px; line-height: 16px; font-family: Arial,Helvetica,sans-serif} input.focus, select.focus, textarea.focus {color: #bdbdbd} input.active, select.active, textarea.active {color: #000000} input.error, select.error, textarea.error {color: #d50006} input[type="checkbox"] {width: auto; height: auto; display: inline} #counts {background-color: #ffffff; height: 1px; overflow: hidden} .loadingIndicator {display: none; background-color: #ffffff; background-image: url(http://sealevel.info/pics/fol/ajax-loader.gif); background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 999} .noBorder {border: none !important} .aTeaserVideoIcon {position: relative} a .rotateImgStandard .teaserVideoIcon {top: 48px !important; left: 117px !important} a .rotateImgStandard .teaserVideoIcon, #sidebar div.singleTeaser .teaserVideoIconBig {height: 74px; width: 74px; background-position: -1770px -10px} a:hover .rotateImgStandard .teaserVideoIcon, #sidebar div.singleTeaser:hover .teaserVideoIconBig {background-position: -1770px -84px} .promo .teaserVideoIconBig, div.panes div.pane .teaserVideoIconBig, div.singleTeaser .teaserVideoIconBig, .teaserVideoIcon {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -1290px -10px; background-repeat: no-repeat; display: block; height: 103px; width: 103px; position: absolute; text-indent: -9000px; z-index: 100} .promo a:hover .teaserVideoIconBig, div.panes div.pane a:hover .teaserVideoIconBig, div.singleTeaser:hover .teaserVideoIconBig, a:hover .teaserVideoIcon, .teaserVideoIcon:hover {background-position: -1290px -113px} .teaserVideoIconBig {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -1110px -10px; background-repeat: no-repeat; display: block; height: 150px; position: absolute; text-indent: -9000px; width: 150px; z-index: 100} a:hover .teaserVideoIconBig, .teaserVideoIconBig:hover {background-position: -1110px -160px} .ressortArchiveTeaserList .teaserVideoIcon, body.search .teaser .teaserVideoIcon, .right ul.thumbs .teaserVideoIcon, .double .thumbs .teaserVideoIcon, .relatedTopicsArticleLeftMedia .teaserVideoIcon, .ressortteaserBlock .teaserVideoIcon, .teaserBlock .doubleTeaser .teaserVideoIcon {background-position: -1910px -10px; width: 45px; height: 45px} .ressortArchiveTeaserList a:hover .teaserVideoIcon, body.search .teaser a:hover .teaserVideoIcon, .right ul.thumbs a:hover .teaserVideoIcon, .double .thumbs a:hover .teaserVideoIcon, .relatedTopicsArticleLeftMedia a:hover .teaserVideoIcon, .ressortteaserBlock a:hover .teaserVideoIcon, .teaserBlock .doubleTeaser a:hover .teaserVideoIcon, .teaserBlock .doubleTeaser .teaserVideoIcon:hover {background-position: -1910px -55px} .omniProp6 {display: none} .hidden {display: none} .overflowHidden {overflow: hidden} .displayBlock {display: block} span.pageTitle {font-size: 20px; display: block; color: #d50006; border-bottom: 1px solid #dadada; margin: 0 0 16px; padding: 16px 0 10px 0; font-weight: bold} span.pageText {color: #999999; font-weight: normal} #ressortTitle {background: #fafafa} #ressortTitle span {color: #003365; display: block; font-size: 30px; font-weight: bold; line-height: 39px; margin: 0 auto; padding: 9px 149px 1px 0; position: relative; width: 996px} #header {position: relative; height: 24px; padding-top: 9px; background-color: #ffffff} #footer {position: relative; height: 44px; padding-top: 5px; background-color: #ffffff} #page-container {position: relative; margin: 0 auto 0 auto; width: 1166px} #main {padding: 5px; width: 996px; background-color: #fafafa} #content {float: left} #content .block {margin-left: 0; display: block; float: none} #content .block .content {padding: 0 16px} #ressortTeaser, #footerTicker {background-color: #fafafa; padding: 0 5px 5px 5px; width: 996px} #ressortTeaser div.boxRessortLeft {margin-left: 0 !important; margin-right: 1px !important} #ressortTeaser div.boxRessortRight {margin-left: 1px !important; margin-right: 0 !important; float: right !important} #service {background-color: #dadada; height: 108px} #special-header, #tag-header, #catchline-header, #branding {background-color: #e6e6e6} #ctBreakingNewsHolder {background-color: #fafafa; padding: 2px 0 8px} #ctBreakingNews {background: #feec7e url(http://sealevel.info/pics/fol/breakingnews_bg.png) no-repeat scroll center bottom} #sidebar {float: right; width: 332px} body.rlgrid #sidebar {} #sidebar .block {margin: 0 0 2px 0; display: block; float: none} #mediaBar {background-color: #fafafa; padding: 0 5px; width: 996px} #mediaBar .block {margin-left: 0; margin-right: 0; display: block; float: none} #pictureLandingPagev2 .container_12, #footerv2 .container_12, #special-header .container_12, #tag-header .container_12, #catchline-header .container_12, #branding .container_12, #special-header-customlink .container_12, #ctBreakingNews .container_12 {margin-left: auto; margin-right: auto; width: 996px; padding-right: 166px; position: relative} #pictureLandingPagev2 .container_12 {padding-right: 160px} #header .container_12, #footerv2-frame .container_12, #service .container_12 {margin-left: auto; margin-right: auto; width: 998px; padding: 0 160px 0 8px; position: relative} #pagesCalendar ul {clear: both; padding-bottom: 42px} #pagesCalendar li {clear: both; font-size: 12px; font-weight: bold; line-height: 15px; border-bottom: 1px solid #dadada; width: 630px; height: 31px} #pagesCalendar span.calendarDate {display: block; padding-top: 8px; float: left; width: 54px} #pagesCalendar span.calendarItem {color: #999999; display: block; padding-top: 8px; float: left; width: 48px} #pagesCalendar span.active {color: #d50006} .ratingResponse {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -192px -693px; background-repeat: no-repeat; font-size: 11px; font-weight: bold; height: 54px; line-height: 11px; position: absolute; left: 0; top: 23px; width: 183px; z-index: 2000} .ratingResponseRightAlign {background-position: 0 -693px; left: auto; right: -3px} .ratingResponse span {padding-left: 6px; display: block; position: relative} .ratingResponse span.ratingInfo {top: 16px} .ratingResponse span.ratingTop {top: 22px} .ratingResponse a {float: none !important; margin-left: 0 !important} .trennline {border-top: 1px solid #cfd6da; font-size: 1px; height: 1px; line-height: 1px; padding: 0 0 6px} .bd-t-no, .bd-t-no div.teaser {border-top: none} .dotline {background: url(http://sealevel.info/pics/mainbackground/dotline.gif) 0 0 repeat-x; height: 1px; font-size: 1px; line-height: 1px} #newsletter_gm div.leftCol {float: left; width: 300px} #newsletter_gm div.rightCol {float: right; width: 300px} #newsletter_gm div.chkBox {float: left; padding-right: 5px} #newsletter_gm div.lbl {float: left; width: 274px} #newsletter_gm label {font-weight: bold; font-size: 12px; display: block} #newsletter_gm div.entry {margin-top: 20px} #newsletter_gm .period {color: #999999} #newsletter_gm .agree {padding: 20px 0 20px 0} #newsletter_gm .iAgree {width: 605px; float: left} #newsletter_gm .order {padding: 20px 0 20px 0} #newsletter_gm input[type="text"] {float: left; width: 294px; height: 13px} #newsletter_gm .submitButton {float: right; padding-left: 10px} #newsletter_gm .error {font-size: 12px; color: #d50006; font-weight: bold} body a.fixed_home_link {display: none; background: url(http://sealevel.info/pics/fol/zur_startseite.png) no-repeat scroll 0 0 transparent; height: 104px; left: 0; position: fixed; top: 330px; width: 30px; text-indent: -9999px; z-index: 999} body a:hover.fixed_home_link {background-position: -30px 0} body a.fixed_home_link.big {background: url(http://sealevel.info/pics/fol/zur_startseite_big.png) no-repeat scroll 0 0 transparent; height: 156px; width: 45px} body a:hover.fixed_home_link.big {background-position: -45px 0} .minimumgridpadding .grid_12 .content {padding: 0 5px} h4.vr {font-weight: bold} .container_11 {position: relative; margin: 0 0 0 123px} .bluebutton {border-radius: 0.25rem; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.4); cursor: pointer; display: inline-block; text-align: center; cursor: pointer; text-align: center} .bluebutton span {font-family: "OpenSansSemiBold","Open Sans",sans-serif; font-weight: bold} #exceptNav {font-size: 20px; padding: 10px 0; color: #d50006; font-weight: bold; line-height: 18px} #special-header, #special-header-customlink, #tag-header, #catchline-header {margin-bottom: 4px} #special-header-customlink, #special-header {margin-top: 0} #special-header .block, #tag-header .block, #catchline-header .block {margin: 0 3px 0 3px; width: 996px; overflow: hidden; height: 143px; position: relative} #special-header .noNavigation {height: 100px !important} #special-header .noImageNoNavigation {height: 65px !important} #special-header div.rss {float: right; padding-top: 12px; width: 60px} #tag-header .block, #catchline-header .block, #special-header .noImage {height: 108px !important} #special-header .title, #catchline-header .title, #tag-header .title {border: 0; float: left; font-size: 20px; margin-top: 9px} #catchline-header h1 {font-size: 20px} #special-header .title a, #catchline-header .title a, #tag-header .title a {color: #000000} #special-header .title .special, #catchline-header .title .special, #tag-header .title .special {color: #d50006} #special-header a.follow, #catchline-header a.refresh, #tag-header a.follow, #tag-header a.rss {float: right; margin-top: 19px} #tag-header a.follow {margin-left: 9px} #special-header div.navigation, #catchline-header div.navigation, #tag-header div.navigation {padding: 3px 3px 0 3px; position: absolute; bottom: 0; left: 3px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -508px no-repeat; height: 44px; width: 993px} #catchline-header ul.navigation {float: left} #special-header ul.navigation li, #catchline-header ul.navigation li, #tag-header ul.navigation li {float: left; line-height: 54px; height: 44px; background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-repeat: repeat-x; background-position: 0 -935px !important} #special-header ul.navigation li:hover, #catchline-header ul.navigation li:hover, #tag-header ul.navigation li:hover {background-position: 0 -890px !important} #special-header ul.navigation li.active, #catchline-header ul.navigation li.active, #tag-header ul.navigation li.active {background-position: 0 -890px !important} #special-header ul.navigation li:hover a, #special-header ul.navigation li.active a, #tag-header ul.navigation li:hover a, #tag-header ul.navigation li.active a, #catchline-header ul.navigation li:hover a, #catchline-header ul.navigation li.active a {color: #d50006} #special-header ul.navigation li a, #catchline-header ul.navigation li a, #tag-header ul.navigation li a {display: block; padding: 0 8px 0 6px; color: #000000; font-size: 12px; background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-position: right -845px; background-repeat: no-repeat} #special-header .hasMenu {overflow: visible} #special-header .hasMenu div.navigation ul li {overflow: hidden} #header {z-index: 100} #header dl.navSet01 {float: left; width: 574px; padding-left: 1px} #header dl.navSet02 {float: left; width: 420px} #header dl dt {float: left; margin-top: 1px} #header dl dd {float: right; text-align: right} #header dl, #header dl a {font-weight: normal; color: #999999; font-size: 10px; line-height: 15px; padding: 0 1px} #header dl a:hover, #header dl a.heftAbo, #header .whatsNewOverhead {color: #d50006} #header #link_wetter_head {padding-left: 20px; display: inline-block; height: 16px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) -43px -163px no-repeat} .overlayMiniBox {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -1104px -693px transparent !important; font-size: 11px; font-weight: bold; height: 61px; line-height: 16px; position: absolute; left: -67px; top: 12px; width: 271px; z-index: 1010; text-align: left; padding: 14px 0 0 8px} .overlayMiniBox ul {float: left} .overlayMiniBox ul li a {padding: 0 !important} .overlayMiniBox ul.left {margin: 0 7px 0 3px; width: 79px; border-right: 1px solid #e1e1e1} .overlayMiniBox ul.middle {margin: 0 7px 0 0; width: 85px; border-right: 1px solid #e1e1e1} .overlayMiniBox ul.right {width: 80px} .sitelinks {color: #dadada; font-size: 23px; font-weight: bold; line-height: 1.25em; margin: 0 0 14px; text-align: center; height: 32px; padding-top: 6px; background-color: #fafafa; margin-bottom: 0 !important} .sitelinks .active {color: #db2127; margin-right: 50px; display: inline-block} .iconFacebook {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -173px -943px transparent !important; display: inline-block; height: 12px; width: 12px} .iconTwitter {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -346px -943px transparent !important; display: inline-block; height: 12px; width: 12px} .iconGooglePlus {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -692px -943px transparent !important; display: inline-block; height: 12px; width: 12px} .iconRss {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll 0 -943px transparent !important; display: inline-block; height: 12px; width: 12px} #header .loginBox {background-color: #e6e6e6; display: block; margin: -6px 0 0 14px; padding: 0 6px; width: 150px; height: 28px; position: relative; z-index: 1010; text-align: left; line-height: 27px} #header .loginBox a {display: inline-block; font-size: 11px; line-height: 13px; color: #003365} #header .loginBox .overlayMenuBox {background-color: #fafafa; width: 150px; padding: 0 5px; line-height: 22px; position: absolute; right: 0; top: 28px; z-index: 1010; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6} #header .loginBox .overlayMenuBox li {border-bottom: 1px solid #e6e6e6} #header .loginBox .overlayMenuBox a {font-size: 13px} .navSet02 dd#suchbox {width: 170px; height: 28px; margin: -9px 0 0 15px} .navSet02 dd#suchbox div#topsearch {position: absolute} .navSet02 dd#suchbox div#topsearch form.search input[type="text"] {border: 1px solid #b4b4b4; width: 128px; height: 24px; padding: 1px 30px 1px 10px; color: #999999} .navSet02 dd#suchbox div#topsearch form.search input[type="text"].focus {color: #999999} .navSet02 dd#suchbox div#topsearch form.search input[type="text"].error {color: #d50006} .navSet02 dd#suchbox div#topsearch form.search input[type="text"]:focus {outline: none} .navSet02 dd#suchbox div#topsearch form.search input[type="submit"] {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -2133px -4px #d50006; width: 26px; height: 26px; position: absolute; top: 1px; left: 143px; padding: 0; border: 0; cursor: pointer} #header.headV2 .navSet01 {width: 568px} #header.headV2 .navSet02 {width: 426px} #header.headV2 .loginBox {margin: -9px 0 0 14px} #header.headV2 dl.navSet01 dt {margin-top: -1px} #header.headV2 .loginBox .ps-register, #header.headV2 .loginBox .ps-login {padding-left: 17px} a.greyButton, a.greyButton:link, a.greyButton:visited, a.redButton, a.redButton:link, a.redButton:visited, a.blueButton, a.blueButton:link, a.blueButton:visited, a.blueArrow, a.blueArrow:link, a.blueArrow:visited {padding: 0; margin: 0; border: none; display: block; cursor: pointer; text-decoration: none; outline: none; white-space: nowrap; overflow: visible; text-align: center} a.greyButton:hover {color: #d50006} a.redButton:hover {color: #ffffff} a.blueButton:hover {color: #d50006} * html a.greyButton, * html a.greyButton:link, * html a.greyButton:visited, * html a.redButton, * html a.redButton:link, * html a.redButton:visited, * html a.blueButton, * html a.blueButton:link, * html a.blueButton:visited {width: 1%} a.greyButton span, a.greyButton:link span, a.greyButton:visited span, a.redButton span, a.redButton:link span, a.redButton:visited span, a.blueButton span, a.blueButton:link span, a.blueButton:visited span, a.blueArrow span, a.blueArrow:link span, a.blueArrow:visited span {display: block} a.greyButton, a.greyButton:link, a.greyButton:visited {height: 21px; font-family: Arial,Helvetica,sans-serif; font-size: 11px !important; color: #003365; background: url(http://sealevel.info/pics/fol/buttons24.png) right -23px; padding: 0 11px 0 0; font-weight: bold; text-transform: none} a.greyButton:hover {color: #d50006; background: url(http://sealevel.info/pics/fol/buttons24.png) right -69px} a.greyButton span, a.greyButton:link span, a.greyButton:visited span {height: 21px; line-height: 21px; background: url(http://sealevel.info/pics/fol/buttons24.png) left 0} a.greyButton span span, a.greyButton:link span span, a.greyButton:visited span span {padding: 0 0 0 10px; height: 19px; line-height: 20px} a.greyButton:hover span {background: url(http://sealevel.info/pics/fol/buttons24.png) left -46px} a.redButton, a.redButton:link, a.redButton:visited {height: 21px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #ffffff; background: url(http://sealevel.info/pics/fol/buttons24.png) right -115px; padding: 0 11px 0 0; font-weight: bold; text-transform: none} a.redButton:hover {color: #ffffff; background: url(http://sealevel.info/pics/fol/buttons24.png) right -161px} a.redButton span, a.redButton:link span, a.redButton:visited span {height: 21px; line-height: 21px; background: url(http://sealevel.info/pics/fol/buttons24.png) left -92px} a.redButton span span, a.redButton:link span span, a.redButton:visited span span {padding: 0 0 0 10px; height: 19px; line-height: 20px} a.redButton:hover span {background: url(http://sealevel.info/pics/fol/buttons24.png) left -138px} a.blueButton, a.blueButton:link, a.blueButton:visited {height: 21px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #ffffff; background: url(http://sealevel.info/pics/fol/buttons24.png) right -207px; padding: 0 11px 0 0; font-weight: bold; text-transform: none} a.blueButton span, a.blueButton:link span, a.blueButton:visited span {height: 21px; line-height: 21px; background: url(http://sealevel.info/pics/fol/buttons24.png) left -184px} a.blueButton:hover {color: #ffffff; background: url(http://sealevel.info/pics/fol/buttons24.png) right -253px} a.blueButton span span, a.blueButton:link span span, a.blueButton:visited span span {padding: 0 0 0 10px; height: 19px; line-height: 20px} a.blueButton:hover {color: #ffffff; background: url(http://sealevel.info/pics/fol/buttons24.png) right -253px} a.blueButton:hover span span {background: url(http://sealevel.info/pics/fol/buttons24.png) left -230px} a.blueArrow, a.blueArrow:link, a.blueArrow:visited {height: 30px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; color: #ffffff; background: url(http://sealevel.info/pics/fol/buttons24.png) right -913px; padding: 0 11px 0 0; font-weight: bold; text-transform: none} a.blueArrow:hover {background: url(http://sealevel.info/pics/fol/buttons24.png) right -977px} a.blueArrow span, a.blueArrow:link span, a.blueArrow:visited span {height: 30px; line-height: 30px; background: url(http://sealevel.info/pics/fol/buttons24.png) left -881px; margin: 0; padding: 0 9px 0 20px} a.blueArrow:hover span {background: url(http://sealevel.info/pics/fol/buttons24.png) left -945px} a.greyButton span span.iconLeft, a.redButton span span.iconLeft, a.blueButton span span.iconLeft {padding: 0 0 0 28px} a.greyButton span span.iconRight, a.redButton span span.iconRight, a.blueButton span span.iconRight {padding: 0 28px 0 11px; margin-right: -11px} a.greyButton span span.arrowUp, a.redButton span span.arrowUp, a.blueButton span span.arrowUp {background: url(http://sealevel.info/pics/fol/buttons24.png) left -374px} a.greyButton span span.arrowDown, a.redButton span span.arrowDown, a.blueButton span span.arrowDown {background: url(http://sealevel.info/pics/fol/buttons24.png) left -397px} a.greyButton span span.arrowRight, a.redButton span span.arrowRight, a.blueButton span span.arrowRight {background: url(http://sealevel.info/pics/fol/buttons24.png) right -581px} a.greyButton span span.arrowLeft, a.redButton span span.arrowLeft, a.blueButton span span.arrowLeft {background: url(http://sealevel.info/pics/fol/buttons24.png) left -696px} a.greyButton span span.rss, a.redButton span span.rss, a.blueButton span span.rss {background: url(http://sealevel.info/pics/fol/buttons24.png) left -420px} a.greyButton span span.google {background: url(http://sealevel.info/pics/fol/buttons_rss.png) left 0} a.greyButton span span.netvibes {background: url(http://sealevel.info/pics/fol/buttons_rss.png) left -23px} a.greyButton span span.yahoo {background: url(http://sealevel.info/pics/fol/buttons_rss.png) left -46px} a.greyButton span span.bloglines {background: url(http://sealevel.info/pics/fol/buttons_rss.png) left -69px} a.greyButton span span.newsgator {background: url(http://sealevel.info/pics/fol/buttons_rss.png) left -92px} a.greyButton span span.rojo {background: url(http://sealevel.info/pics/fol/buttons_rss.png) left -115px} a.greyButton span span.technorati {background: url(http://sealevel.info/pics/fol/buttons_rss.png) left -138px} a.greyButton span span.windows {background: url(http://sealevel.info/pics/fol/buttons_rss.png) left -161px} .rssmark a.greyButton, .rssmark a.greyButton:link, .rssmark a.greyButton:visited {text-align: left; margin-right: 14px} a.greyButton span span.mail, a.redButton span span.mail, a.blueButton span span.mail {background: url(http://sealevel.info/pics/fol/buttons24.png) left -132px} a.greyButton span span.screensaver, a.redButton span span.screensaver, a.blueButton span span.screensaver {background: url(http://sealevel.info/pics/fol/buttons24.png) left -154px} a.greyButton span span.widgets, a.redButton span span.widgets, a.blueButton span span.widgets {background: url(http://sealevel.info/pics/fol/buttons24.png) left -176px} a.greyButton span span.plus, a.redButton span span.plus, a.blueButton span span.plus {background: url(http://sealevel.info/pics/fol/buttons24.png) left -558px} a.greyButton span span.reload, a.redButton span span.reload, a.blueButton span span.reload {background: url(http://sealevel.info/pics/fol/buttons24.png) left -627px} a.greyButton span span.facebook, a.redButton span span.facebook, a.blueButton span span.facebook {background: url(http://sealevel.info/pics/fol/buttons24.png) left -535px} a.greyButton span span.twitter, a.redButton span span.twitter, a.blueButton span span.twitter {background: url(http://sealevel.info/pics/fol/buttons24.png) left -512px} a.greyButton span span.voting, a.redButton span span.voting, a.blueButton span span.voting {background: url(http://sealevel.info/pics/fol/buttons24.png) left -673px} a.greyButton span span.minus, a.redButton span span.minus, a.blueButton span span.minus {background: url(http://sealevel.info/pics/fol/buttons24.png) left -604px} a.greyButton span span.table, a.redButton span span.table, a.blueButton span span.table {background: url(http://sealevel.info/pics/fol/buttons24.png) left -650px} a.btnInlineBlock, a.btnInlineBlock:link, a.btnInlineBlock:visited {display: inline-block} a.btnInlineBlock span, a.btnInlineBlock:link span, a.btnInlineBlock:visited span {display: inline-block; font-weight: normal} a.btnInlineBlock span span, a.btnInlineBlock:link span span, a.btnInlineBlock:visited span span {color: #ffffff; padding-top: 1px; font-weight: normal; line-height: 19px} a.rss {float: left; margin-top: -4px} a.google, a.netvibes, a.yahoo, a.bloglines, a.newsgator, a.rojo, a.technorati, a.windows {float: left; width: 124px; margin-bottom: 10px} h1.iconLeftRss {padding: 0 0 0 56px; background: url(http://sealevel.info/pics/fol/logo_rss.png) no-repeat 0 0} h1.logoRight {padding-right: 160px} div.actions {clear: both; padding-bottom: 1px; padding-top: 6px; height: 25px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; margin-bottom: 14px} body.rlgrid div.actions {border-top: 0; border-bottom: 0} div.actions a {float: left; margin-right: 5px} div.actions a.table, div.actions a.follow {float: left; margin-left: 0} a.follow span span {background: url(http://sealevel.info/pics/fol/buttons24.png) 0 -311px; padding: 2px 0 0 20px} a.follow.followLink span span {color: #999999; font-weight: normal; font-size: 12px} a.follow:hover span span {color: #d50006} div.followInfo {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -257px -833px; font-size: 11px; font-weight: normal; height: 60px; line-height: 13px; position: absolute; top: 17px; left: -10px; width: 210px; z-index: 110; padding: 15px 8px 6px} div.socialInfo {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -621px -692px; font-size: 11px; font-weight: normal; height: 162px; line-height: 14px; position: absolute; left: -11px; top: 21px; width: 178px; z-index: 110; padding: 16px 10px 6px} .socFbShare {float: left; margin: 0 9px 0 0; overflow: hidden; height: 20px; width: 130px} .socFbShare a.shareBtn {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -1033px -700px; height: 20px; width: 67px} .socFbShare a.shareBtn:hover {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -1033px -720px; height: 20px; width: 67px} .socFbShare a.ratingCnt {cursor: text; color: #000000} .socBm {height: 24px; margin-bottom: 14px; padding: 5px 0 1px 0; border-top-color: #dadada; border-top-style: solid; border-top-width: 1px; border-bottom-color: #dadada; border-bottom-style: solid; border-bottom-width: 1px} .socBmFb {float: left; height: 26px; width: 84px; overflow: hidden; margin-right: 5px} .actions .socFbLikeShare {float: left; height: 20px; overflow: hidden; margin: 0; margin-right: 6px} .actions .socFbLikeShare .socFbLikeShare .fb-like {float: left} .actions .socFbLikeShare #fbcustomshare {font-size: 11px; color: #ffffff; cursor: pointer; font-weight: bold; line-height: 20px; text-shadow: 0 -1px 0 #354c8c; white-space: nowrap; margin: 0; float: none} .actions .socFbLikeShare .fbcustomframe {width: 45px; float: left; border: medium none; border-radius: 2px; color: #ffffff; cursor: pointer; text-align: center; font-weight: bold; height: 20px; margin: 0 0 0 4px; text-align: center; line-height: 20px; padding: 0; text-shadow: 0 -1px 0 #354c8c; white-space: nowrap} .actions .socFbLikeShare .fbcustomframe:hover {border-color: #5874c3 #4961a8 #41599f; box-shadow: 0 0 1px #607fd6 inset} .actions .socFbLikeShare a#fbcounterbubble {float: left} .actions .socFbLikeShare .fb_iframe_widget {float: left} .socBmTw {float: left; overflow: hidden; width: 71px !important; margin-right: 6px} .socBmGo {width: 32px !important; float: left; text-align: center; overflow: hidden; margin-right: 6px} .socBmFol {float: left; min-width: 130px} .socBmXing {float: left; height: 20px; width: 21px; overflow: hidden; margin-right: 6px} .socBmPint {float: left; width: 50px} .socBmReddit {float: left; height: 22px} .socReddit {padding-left: 25px; padding-top: 1px} div.actions a.rating {padding-right: 8px; background-position: right -743px; margin-right: 1px !important; color: #824e52} div.actions a.rating:hover {background-position: right -789px; color: #d50006} a.rating span span.rating {background: url(http://sealevel.info/pics/fol/buttons24.png) no-repeat 0 -720px; height: 21px; font-weight: normal; padding-left: 25px} a.rating:hover span span.rating {background-position: 0 -766px} div.actions a.ratingCnt {padding-right: 5px; margin-right: 0 !important; background-position: right -835px} a.ratingCnt span span.ratingCnt {background: url(http://sealevel.info/pics/fol/buttons24.png) no-repeat 0 -812px; height: 21px; font-weight: normal; padding-left: 13px; padding-right: 3px} div.socInfo {position: relative} a.infoBtn {text-indent: -9999px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -131px -161px; width: 20px; height: 18px; position: relative} a.infoBtn:hover {background-position: -131px -184px} a.xingBtn {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -229px -406px; padding-top: 4px; padding-left: 25px; display: inline-block; height: 16px; font-weight: normal} a.xingBtn:hover {background-position: -229px -384px} .actions .pageBtn {float: right; position: relative} a.printBtn {text-indent: -9999px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -29px -367px; width: 21px; height: 22px; border-right: 1px solid #dadada} a.printBtn:hover {background-position: -29px -385px} a.recommendBtn {text-indent: -9999px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -50px -367px; width: 14px; height: 22px} a.recommendBtn:hover {background-position: -50px -385px} a span.shoppingcart {text-indent: -9999px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -121px -469px; width: 19px; height: 15px; line-height: 15px; display: inline-block; margin-left: 5px; margin-top: 4px; vertical-align: top} a:hover span.shoppingcart {background-position: -143px -469px} a span.chartIcon {text-indent: -9999px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat 0 -460px; width: 16px; height: 10px; line-height: 15px; display: inline-block; margin-left: 5px; margin-top: 5px; vertical-align: top} a:hover span.chartIcon {background-position: -19px -460px} a span.stock.plus {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -178px -473px; color: #51a706; font-size: 11px; padding: 0 0 0 15px; position: relative; height: 10px} a span.stock.minus {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -178px -458px; color: #d61216; font-size: 11px; padding: 0 0 0 15px; position: relative; height: 10px} a:hover span.stock.plus {color: #51a706} a:hover span.stock.minus {color: #d61216} :root a span.stock.plus, :root a span.stock.minus {} a span.authorGplus {text-indent: -9999px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -692px -943px; width: 12px; height: 12px; line-height: 12px; display: inline-block} a span.authorFbook {text-indent: -9999px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -173px -943px; width: 12px; height: 12px; line-height: 12px; display: inline-block} a span.authorTwitter {text-indent: -9999px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -346px -943px; width: 12px; height: 12px; line-height: 12px; display: inline-block} dl.addTopic {padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #dadada; position: relative} div.magazinInfo {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -621px -692px; font-size: 11px; font-weight: normal; height: 162px; line-height: 14px; position: absolute; left: -11px; top: 14px; width: 178px; z-index: 110; padding: 16px 10px 6px} a.rssBtn2 {text-indent: -9999px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat 0 -990px; width: 20px; height: 20px; position: absolute} a.rssBtn2:hover {background-position: 0 -1012px} .actions .starrating {position: relative; width: 70px; height: 14px; float: left; margin: 1px 3px 0 0} .actions .starrating div.rating, .actions .starrating div.mask, .actions .starrating div.bg {position: absolute; top: 0; left: 0; height: 14px} .actions .starrating .mask {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) -507px -94px no-repeat; width: 70px} .actions .starrating .mask span {display: inline-block; height: 14px; width: 14px; cursor: pointer} .actions .starrating .bg {width: 70px; background-color: #cecece} .actions .starrating .rating {background-color: #ff8e00} .actions a.starratingCnt {cursor: text} .actions a:hover.starratingCnt {color: #003365} #pictureLandingPagev2 div.actions div.socInfo, #videoDetail div.actions div.socInfo, .starratingv2 div.socInfo {float: left} .socFolStarRating {position: relative; float: left; height: 20px; padding: 0} .socComplain {width: 73px; float: right; position: relative; height: 17px; background-color: #003366; color: #ffffff; padding: 3px 4px 0; margin-right: 6px; cursor: pointer; text-align: center} .socComplainText {position: absolute; font-size: 14px; line-height: 19px; color: #000000; left: -4px; top: 30px; z-index: 1000} .socComplainText div.socComplainHl {font-size: 16px; font-weight: bold; line-height: 21px; padding-bottom: 5px} .socComplainText div.socComplainImg {background: url(http://sealevel.info/pics/icons/socComplainImg.png) 0 0 no-repeat; background-color: #ffffff; width: 300px; height: 70px; margin: 15px 0 5px} body.diashow .socComplainText .content {height: 170px !important} .tabs ul.navigation a {outline: none} .tabs ul.navType1 {background-color: #d0d0d0} .tabs ul.navType1 li {float: left; line-height: 30px; height: 30px; background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-repeat: repeat-x; background-position: 0 -184px} .tabs ul.navType1 li:hover {background-position: 0 -214px} .tabs ul.navType1 li.active {background-position: 0 -244px} .tabs ul.navType1 li a {display: block; padding: 0 6px 0 6px; color: #7f7f7f; font-size: 11px; background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-position: 0 -680px; background-repeat: no-repeat} .tabs ul.navType1 li.first a {background: none !important} .tabs ul.navType1 li.last {background-position: 0 -680px; width: 2px} .tabs ul.navType2 {background-color: #d0d0d0} .tabs ul.navType2 li {float: left; line-height: 30px; height: 30px; background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-repeat: repeat-x; background-position: 0 -275px} .tabs ul.navType2 li:hover {background-position: 0 -305px} .tabs ul.navType2 li.active {background-position: 0 -335px} .tabs ul.navType2 li a {display: block; padding: 0 6px 0 6px; color: #7f7f7f; font-size: 11px; background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-position: 0 -680px; background-repeat: no-repeat} .tabs ul.navType2 li.first a {background: none !important} .tabs ul.navType3 {background-color: #f3f3f3; margin: 0 -10px 0 -10px; width: 656px; top: -2px; position: relative} .tabs ul.navType3 li {float: left; height: 43px; line-height: 43px; background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-repeat: repeat-x; background-position: 0 -366px} .tabs ul.navType3 li:hover {background-position: 0 -409px} .tabs ul.navType3 li.active {background-position: 0 -452px} .tabs ul.navType3 li a {display: block; padding: 0 6px 0 6px; color: #7f7f7f; font-size: 11px; background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-position: 0 -711px; background-repeat: no-repeat} .tabs ul.navType3 li.first a {background: none !important} .tabs ul.navType3 li.last {background-position: 0 -711px; width: 2px} .tabs ul.navType4 {border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5} .tabs ul.navType4 li {float: left; line-height: 29px; height: 29px; background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-repeat: repeat-x; background-position: 0 -755px} .tabs ul.navType4 li:hover {background-position: 0 -785px} .tabs ul.navType4 li.active {background-position: 0 -785px} .tabs ul.navType4 li:hover a, .tabs ul.navType4 li.active a {color: #d50006} .tabs ul.navType4 li a {display: block; padding: 0 6px 0 8px; color: #000000; font-size: 11px; background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-position: 0 -815px; background-repeat: no-repeat} .tabs ul.navType4 li.first a {background: none !important; padding: 0 5px 0 5px} .tabs ul.navType4 li span {padding: 0 6px 0 8px; font-size: 11px; line-height: 25px} .grid_12 #mediaBlock.tabs.facelift ul.navType4 {border-top: none; border-right: none; border-left: none} .grid_12 #mediaBlock.tabs.facelift ul.navType4 li {background-color: #a3a3a3; background-image: none; color: #ffffff; float: left; line-height: 29px; height: 35px} .grid_12 #mediaBlock.tabs.facelift ul.navType4 li:hover {background-color: #d50006; background-position: inherit} .grid_12 #mediaBlock.tabs.facelift ul.navType4 li.active {background-color: #d50006; background-position: inherit} .grid_12 #mediaBlock.tabs.facelift ul.navType4 li:hover a, .tabs.facelift ul.navType4 li.active a {color: #ffffff} .grid_12 #mediaBlock.tabs.facelift ul.navType4 li a {background-image: none; display: block; padding: 4px 6px 0 8px; color: #ffffff; font-size: 13px} .grid_12 #mediaBlock.tabs.facelift ul.navType4 li.first a {background: none !important} .grid_12 #mediaBlock.tabs.facelift ul.navType4 li span {padding: 0 6px 0 8px; font-size: 11px; line-height: 25px} .ac_results, .ac_results_search {padding: 0; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; border-top: none; background-color: #ffffff; overflow: hidden; z-index: 99999} .ac_results_search {margin-left: 10px} .ac_results ul, .ac_results_search ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0} .ac_results li, .ac_results_search li {padding: 6px 8px 7px 8px; margin: 0; cursor: pointer; display: block; font-family: Verdana; font-size: 12px; line-height: 16px; overflow: hidden; color: #818181} .ac_over {background-color: #f4f7fa; color: #000000 !important} .block {margin-bottom: 2px} .block .title {font-size: 18px; line-height: 18px; font-weight: bold; border-bottom: 1px solid #dadada; padding-bottom: 8px; padding-top: 13px; margin-bottom: 9px} .block .titleNoBorder {font-size: 18px; line-height: 18px; font-weight: bold; padding-top: 13px; margin-bottom: 9px} .block .titleTeaser, .block .titleTeaserUpper {font-size: 18px; line-height: 18px; font-weight: bold; border-bottom: 1px solid #dadada; padding-bottom: 8px; margin-bottom: 9px} .block .titleTeaserUpper {text-transform: uppercase} .block .title h3, .block .titleNoBorder h3, .block .titleTeaser h3, .block .titleTeaserUpper h3 {font-size: 18px; line-height: 18px; font-weight: bold} .block .embedTop {padding-top: 13px} .block .date {color: #d50006; font-size: 11px; line-height: 15px} .block .greydate {color: #999999; margin: 0 16px 0 0} .block .generic .date {font-size: 12px} #ressortTeaser .block .title {text-transform: uppercase} #sidebar .block .content {width: 300px; padding: 0 16px 10px 16px} #ressortTeaser .block .content {width: 465px; padding: 0 16px} #sidebar .content .pane {width: 100%} #sidebar .content .pane .date {font-size: 10px; color: #999999} #sidebar .content .pane .linkAddon {color: #000000} #sidebar .content .pane .topPane {height: 140px; overflow: hidden; padding-top: 10px} #sidebar .content .pane .paneEntry {float: left; width: 285px; font-size: 11px; line-height: 13px; margin-bottom: 7px} #sidebar .content .pane .paneIndex {float: left; font-weight: bold; color: #ff0000; font-size: 11px; line-height: 13px; width: 15px} .buliBlock .title {padding: 10px 0 0 0; position: relative; line-height: 25px} .buliBlock .navigation {float: right; position: relative; top: 1px; text-transform: none} .buliBlock .panes {overflow: hidden} .countdown .countdown_body {width: 300px; padding: 11px 0 5px 0; height: 87px; border-bottom: 1px solid #dadada} .countdown .countdown_body .countdown_body_left {float: left; width: 208px; padding: 0 0 0 8px} .countdown .countdown_body .countdown_body_left .countdown_overhead {height: 30px; font-size: 16px; font-weight: bold} .countdown a .countdown_body .countdown_body_left .countdown_overhead, .countdown a:hover .countdown_body .countdown_body_left .countdown_overhead {color: #000000} .countdown .countdown_body .countdown_body_left .countdown_counter {background: url(http://sealevel.info/pics/icons/bg_countdown.png); width: 206px; height: 56px; text-align: center; font-size: 30px; font-weight: bold} #countdown_days {float: left; width: 49px; height: 40px; color: #ffffff; padding: 14px 0 0 2px} #countdown_hours {float: left; width: 49px; height: 40px; color: #ffffff; margin-left: 6px; padding: 14px 0 0 2px} #countdown_mins {float: left; width: 49px; height: 40px; color: #ffffff; margin-left: 6px; padding: 14px 0 0 2px} #countdown_secs {float: left; width: 31px; height: 24px; color: #ffffff; margin-left: 6px; margin-top: 17px; padding: 5px 0 0 1px; font-size: 20px; font-weight: bold} .countdown .countdown_body .countdown_body_right {float: left; width: 76px; height: 86px; overflow: hidden} .countdown .countdown_linkbox {padding: 5px 0 0 8px; text-transform: uppercase} .rotateImgStandard {float: left; height: 171px !important; overflow: hidden; width: 308px; margin: 0 13px 8px 0} .rotateImgStandard img {display: none; position: absolute} div.rotateImgStandard img:first-child {display: block} #catchline-header span.calendar {float: right; font-weight: bold; padding-right: 15px; padding-top: 10px; font-size: 12px; line-height: 35px} #catchline-header a.calendar {height: 27px; width: 28px; display: block; float: left; background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; background-position: -182px -240px; margin-right: 5px} #catchline-header a.calendar:hover {background-position: -182px -268px} #catchline-header span.dateNavigation {float: left; padding-top: 18px; padding-left: 100px; font-size: 12px; line-height: 35px} #catchline-header a.dateNavigationBack, #catchline-header a.dateNavigationBackDis {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -140px -241px; background-repeat: no-repeat; display: inline-block; height: 20px; width: 20px; overflow: hidden; text-indent: 20px} #catchline-header a.dateNavigationFwd, #catchline-header a.dateNavigationFwdDis {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -161px -241px; background-repeat: no-repeat; display: inline-block; height: 20px; width: 20px; overflow: hidden; text-indent: 20px; margin-left: 3px} #catchline-header a.dateNavigationBack:hover {background-position: -140px -263px} #catchline-header a.dateNavigationFwd:hover {background-position: -161px -263px} #catchline-header a.dateNavigationBackDis, #catchline-header a.dateNavigationBackDis:hover {background-position: -140px -285px; cursor: default} #catchline-header a.dateNavigationFwdDis, #catchline-header a.dateNavigationFwdDis:hover {background-position: -161px -285px; cursor: default} #catchlineSort {height: 50px; position: relative; width: 990px; overflow: hidden} #catchlineSidebar {float: left; width: 117px; margin: 0 0 0 13px; padding: 3px 13px 30px 0} #catchlineContent {float: left; width: 834px; padding-bottom: 0} #catchline .notesSidebar {float: right; width: 346px; margin: 9px 0 0 0} #catchline .notesContent {float: left; width: 574px; padding-top: 13px} #catchline .notesClear {clear: both; height: 40px} #catchlineSort .title {width: 977px; position: absolute; top: 0; line-height: 27px; left: 0; margin: 0 0 0 13px; padding: 19px 0 0 0; height: 27px; font-size: 12px; text-transform: uppercase} #catchlineSort .sortNavigation {background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-position: 0 -755px; background-repeat: repeat-x; border-top: 1px solid #e5e5e5; text-transform: none; position: absolute; width: 847px; left: 130px; top: 17px; z-index: 2} #catchlineSort .sortNavigation li {background-image: url(http://sealevel.info/pics/fol/gradientComponentsX.png); background-position: 0 -755px; background-repeat: repeat-x; padding: 0 8px 0 6px; height: 29px; width: 76px; line-height: 29px; font-size: 10px; font-weight: bold} #catchlineSort .sortNavigation li:hover, #catchlineSort .sortNavigation li.active {background-position: 0 -785px; color: #d50006; cursor: pointer} #catchlineSort .sortNavigation li.time {border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; float: left} #catchlineSort .sortNavigation li.dummy, #catchlineSort .sortNavigation li.dummy:hover {border-right: 1px solid #e5e5e5; border-left: 1px solid #ffffff; background-position: 0 -755px; float: left; width: 464px; cursor: default} #catchlineSort .sortNavigation li.dummyBig, #catchlineSort .sortNavigation li.dummyBig:hover {border-right: 1px solid #e5e5e5; border-left: 1px solid #ffffff; background-position: 0 -755px; float: left; width: 556px; cursor: default} #catchlineSort .sortNavigation li.views {border-left: 1px solid #ffffff; border-right: 1px solid #e5e5e5; float: right} #catchlineSort .sortNavigation li.comments {border-right: 1px solid #e5e5e5; border-left: 1px solid #ffffff; float: right} #catchlineSort .sortNavigation li.votes {border-left: 1px solid #ffffff; float: right} #catchlineSort .sortNavigation li.down span, #catchlineSort .sortNavigation li.up span {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; height: 29px; width: 8px; line-height: 29px; display: block; float: right} #catchlineSort .sortNavigation li.down span {background-position: -182px -55px} #catchlineSort .sortNavigation li.up span {background-position: -195px -55px} #catchlineSort .sortNavigation li.down:hover span {background-position: -182px -98px} #catchlineSort .sortNavigation li.up:hover span {background-position: -195px -98px} #catchlineSort .sortNavigation li.downactive:hover span {background-position: -195px -98px} #catchlineSort .sortNavigation li.upactive:hover span {background-position: -182px -98px} #catchlineSidebar p {font-size: 11px; line-height: 19px; padding: 2px 0; color: #999999; border-bottom: 1px solid #e5e5e5} #catchlineSidebar a {color: #999999; font-weight: normal} #catchlineSidebar input[type="radio"], #catchlineSidebar input[type="checkbox"] {float: right; display: block; color: #999999} #catchlineSidebar label {float: left; display: block} .catchlineItem {clear: both; font-size: 11px; line-height: 15px; padding: 9px 0 2px 0; border-bottom: 1px solid #e5e5e5} .catchlineItem span.catchline {display: block; float: left; width: 574px} .catchlineItem span.views, .catchlineItem span.comments, .catchlineItem span.votes {display: block; float: right; width: 90px; overflow: hidden; text-align: center} .catchlineItem span.votes {width: 77px} .catchlineItem span.views .base {display: inline-block; text-align: left; width: 79px; line-height: 6px; background-color: #f3f3f3} .catchlineItem span.views .idx {display: inline-block; background-color: #d50006; line-height: 6px} #catchline .teaserList-1, #catchline .teaserList-2 {padding: 0; position: relative; width: 574px} #catchline .catchlineItem div.active {padding-bottom: 9px} #catchline .teaserList-1 .teaser, #catchline .teaserList-2 .teaser {margin: 0; padding: 0; width: 574px; border: none} #catchline .teaserList-1 .left, #catchline .teaserList-2 .left {float: left; padding: 0 20px 0 0; width: 81px} #catchline .teaserList-1 .teaser div.agentscatch, #catchline .teaserList-2 .teaser div.agentscatch {height: 20px; overflow: hidden} #catchline .teaserList-1 .teaser span.date, #catchline .teaserList-2 .teaser span.date {top: 0; left: 52px; width: 29px} #catchline .teaserList-1 .teaser span.dpa, #catchline .teaserList-2 .teaser span.dpa {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; background-position: 0 -210px; top: -18px; width: 43px; left: 0} #catchline .teaserList-1 .teaser span.sid, #catchline .teaserList-2 .teaser span.sid {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; background-position: -62px -210px; top: -18px; width: 37px} #catchline .teaserList-1 .teaser span.mid, #catchline .teaserList-2 .teaser span.mid {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; background-position: -43px -210px; top: -18px; width: 19px} #catchline .teaserList-1 .teaser span.sps, #catchline .teaserList-2 .teaser span.sps {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; background-position: -179px -213px; top: -16px; width: 32px} #catchline h1 {display: block; font-size: 15px; line-height: 16px; margin-bottom: 7px; color: #003365; font-weight: bold; cursor: pointer} #catchline .catchlinesInfoline {display: block; text-align: center; padding-top: 30px} #catchline .loadingIndicator {display: block; width: 990px; height: 31px; -moz-opacity: 0.6; opacity: 0.6; background-color: #ffffff; background-image: url(http://sealevel.info/pics/fol/ajax-loader-3.gif); background-position: center center; background-repeat: no-repeat; position: absolute; top: 16px; left: 0; z-index: 999} #catchlineContent .teaserList-1 .right, #catchlineContent .teaserList-2 .right {float: right; width: 467px} #catchlineContent .teaserList-1 .teaser .right img, #catchlineContent .teaserList-2 .teaser .right img {margin-right: 10px} #catchlineContent .teaserList-1 .teaser .right a, #catchlineContent .teaserList-2 .teaser .right a, #catchlineContent .teaserList-1 .teaser .right h1.dpaNews, #catchlineContent .teaserList-2 .teaser .right h1.dpaNews {display: block; font-size: 18px; line-height: 21px; margin-bottom: 8px} #catchlineContent .teaserList-1 .teaser .right p, #catchlineContent .teaserList-2 .teaser .right p, #catchlineContent .teaserList-1 .teaser .right div.lftMagazin, #catchlineContent .teaserList-2 .teaser .right div.lftMagazin {float: left; font-size: 13px; line-height: 16px; margin: 0; position: relative; top: -3px; width: 302px} #catchlineContent .teaserList-1 .teaser .right p a, #catchlineContent .teaserList-2 .teaser .right p a {display: inline !important; font-size: 11px !important; line-height: 15px !important} #catchlineContent .teaserList-1 .teaser .right p .more, #catchlineContent .teaserList-2 .teaser .right p .more {color: #003365; display: inline-block; font-size: 11px; font-weight: bold; line-height: 15px; margin: 0} #catchlineContent .teaserList-1 .left span, #catchlineContent .teaserList-2 .left span {text-align: right} #catchlineContent .teaserList-1 span.ressort, #catchlineContent .teaserList-2 span.ressort {color: #999999; font-size: 12px} #catchline .storeLong, #catchline .storeShort {display: none} .catchlineItem span.catchline p, .catchlineItem span.catchline img, .catchlineItem span.catchline .ressort {display: none} .catchlineItem span.catchline .active p, .catchlineItem span.catchline .active img, .catchlineItem span.catchline .active .dpa, .catchlineItem span.catchline .active .sid, .catchlineItem span.catchline .active .ressort, .catchlineItem span.catchline .active .mid, .catchlineItem span.catchline .active .sps {display: block !important} #catchline div.notesHead {border-bottom: 1px solid #dadada; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 30px; margin: 0 13px; padding-top: 6px} #catchline .notesSidebar li {padding: 4px 0 4px 12px} #catchline .notesSidebar li:hover, #catchline .notesSidebar li.arrow {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; background-position: 0 -434px} #catchline .notesSidebar .active {color: #d50006; cursor: default} #catchline .notesSidebar span.ressort, #catchline .notesSidebar img, #catchline .notesSidebar p {display: none} #catchline .notesContent div.right span.ressort, #catchline .notesContent div.right span.date {display: none} #catchline .notesSidebar span.date {padding-right: 3px} #catchlineContent div.items {width: 20000em; position: absolute} #catchlineContent div.scrollable {width: 834px; overflow: hidden; position: relative} #catchlineContent div.scrollable div.items div.item {float: left; position: relative; width: 834px} .catchlineList01 .controls {background-color: #f3f3f3; color: #999999; height: 40px; line-height: 40px; font-size: 10px; font-weight: bold; text-align: right; position: relative; width: 990px} .catchlineList01 div.navi {margin-left: 0 !important; position: absolute; right: 480px; bottom: 14px; z-index: 100} .catchlineList01 div.navi a {width: 8px; height: 8px; float: left; margin-right: 3px; background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; background-position: -11px -162px; display: block; font-size: 1px; cursor: pointer} .catchlineList01 div.navi a.active {background-position: 0 -162px} .catchlineList01 a.nextPage, .catchlineList01 a.prevPage {display: block; width: 36px; height: 42px; position: absolute; top: 0; background-color: #000000; background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; z-index: 100; cursor: pointer; padding: 0} .catchlineList01 a.nextPage {right: 0; background-position: -103px -240px} .catchlineList01 a.nextPage:hover {background-position: -103px -282px} .catchlineList01 a.prevPage {right: 36px; background-position: -66px -240px} .catchlineList01 a.prevPage:hover {background-position: -66px -282px} .catchlineList01 .prevPage a.disabled, .catchlineList01 .prevPage a.disabled:hover {cursor: default; background-position: -66px -324px} .catchlineList01 .nextPage a.disabled, .catchlineList01 .nextPage a.disabled:hover {cursor: default; background-position: -103px -324px} #catchlineList02 div.items {width: 20000em; position: absolute} #catchlineList02 div.scrollable {height: 187px; width: 980px; overflow: hidden; position: relative} #catchlineList02 div.scrollable div.items div.item {float: left; position: relative; width: 980px} .catchlineList02 .controls {background-color: #f3f3f3; color: #999999; height: 28px; line-height: 28px; font-size: 10px; font-weight: bold; text-align: right; position: relative; width: 990px} .catchlineList02 .controls .page {display: block; float: right; padding: 3px 77px 0 0} .catchlineList02 a.nextPage, .catchlineList02 a.prevPage {display: block; width: 32px; height: 30px; position: absolute; top: 0; background-color: #000000; background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; z-index: 100; cursor: pointer; padding: 0} .catchlineList02 a.nextPage {right: 0; background-position: -33px -240px} .catchlineList02 a.nextPage:hover {background-position: -33px -270px} .catchlineList02 a.prevPage {right: 32px; background-position: -0px -240px} .catchlineList02 a.prevPage:hover {background-position: -0px -270px} .catchlineList02 .prevPage a.disabled, .catchlineList02 .prevPage a.disabled:hover {cursor: default; background-position: -0px -300px} .catchlineList02 .nextPage a.disabled, .catchlineList02 .nextPage a.disabled:hover {cursor: default; background-position: -33px -300px} .columnBlock {font-size: 12px; line-height: 15px} .grid_4 .columnBlock {width: 300px} .columnBlock img {float: left; margin-right: 13px} .columnBlock a {font-size: 15px; line-height: 17px} .columnBlock .headline {width: 150px; overflow: hidden} .columnBlock p {padding-top: 11px; padding-bottom: 10px; width: 300px} .columnBlock a.greyButton {float: right; margin-top: -9px} .columnBlock p span.question {border-top: 1px solid #dadada; height: 20px; width: 300px; margin-top: 12px; display: block; position: relative} .columnBlock p span.corner {display: block; width: 19px; height: 19px; position: absolute; left: 20px; top: -1px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) -23px -162px; z-index: 2} .columnBlock span.time {color: #999999; font-weight: bold; font-size: 11px; line-height: 20px} .grid_4 .commentOfTheDayBlock {font-size: 12px; line-height: 15px; padding: 0 0 13px 0} .commentOfTheDayBlock .teaser {width: 300px} .commentOfTheDayBlock img {float: left; margin-right: 13px} .commentOfTheDayBlock a {font-size: 15px; line-height: 17px} .commentOfTheDayBlock p.comment {padding-top: 10px; padding-bottom: 10px; width: 300px} .commentOfTheDayBlock p.comment a {font-size: 10px; text-transform: uppercase} .commentOfTheDayBlock p.author {border-top: 1px solid #dadada; position: relative; width: 300px; height: 14px; padding: 6px 0 0 0; font-size: 11px; line-height: 15px; color: #999999} .commentOfTheDayBlock p.author a {font-weight: normal; font-size: 11px} .commentOfTheDayBlock .corner {display: block; width: 19px; height: 19px; position: absolute; left: 200px; top: -1px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) -23px -162px; z-index: 2} div.refreshnote {background-color: #ececec; color: #003365; font-size: 10pt; font-weight: bold; padding: 0; margin: 0; height: 30px; width: 100%; text-align: left} div.refreshnote a {color: #ffffff; text-decoration: none; line-height: 30px} div.refreshnote span.button {background-color: #d50006} div.refreshnote a:hover span {background-color: #2253c9; color: #ffffff} div.refreshnote span {margin: 5px; padding: 7px 10px 7px 10px; display: inline} div.refreshnote img {top: 4px; position: relative; display: inline; margin-right: 10px} div.refreshnote a.xclose {right: 15px; top: -2; position: absolute} .grid_4 .magazineteaserBlock {width: 300px} .magazineteaserBlock img {float: left; margin-right: 14px; margin-bottom: 6px} .magazineteaserBlock .date {display: block; margin-bottom: 14px} .magazineteaserBlock .teaser a {font-size: 15px; font-weight: bold; line-height: 17px; margin-bottom: 8px; display: block} .magazineteaserBlock .teaser p {font-size: 12px; line-height: 15px} .magazineteaserBlock .teaser p a {text-transform: uppercase; font-size: 10px; line-height: 14px; display: inline; margin: 0 !important} .magazineteaserBlock ul.list li {margin-bottom: 2px} #mediaBlock .innerItem p a {font-weight: normal} #mediaBlock .innerItem p a .overhead {font-weight: bold} .grid_12 #mediaBlock {height: 198px; position: relative; width: 980px; overflow: hidden; margin-left: -16px} .grid_12 #mediaBlock .loadingIndicator {width: 154px; height: 130px; display: block} .grid_12 #mediaBlock .title {background-color: #f3f3f3; width: 964px; position: absolute; top: 11px; left: 16px; margin: 0; padding: 0; border-bottom: none} .grid_12 #mediaBlock ul.navigation {text-transform: none; float: left} .grid_12 #mediaBlock div.pane {width: 965px; height: 116px; margin-bottom: 6px; position: absolute; top: 49px; left: 16px} .grid_12 #mediaBlock div.navi {margin-left: 0 !important; position: absolute; right: 95px; top: -26px; z-index: 100} .grid_12 #mediaBlock div.navi a {width: 8px; height: 8px; float: left; margin-right: 3px; background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; background-position: -11px -162px; display: block; font-size: 1px; cursor: pointer} .grid_12 #mediaBlock div.navi a.active {background-position: 0 -162px} .grid_12 #mediaBlock .scrollable {width: 966px; overflow: hidden; position: relative; height: 149px} .grid_12 #mediaBlock .controls {height: 30px; line-height: 30px; font-size: 10px; font-weight: bold; color: #999999; text-align: right; position: absolute; top: -38px; right: 1px; width: 64px} .grid_12 #mediaBlock a.nextPage, .grid_12 #mediaBlock a.prevPage {display: block; width: 32px; height: 30px; position: absolute; top: 0; background-color: #000000; background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; z-index: 100; cursor: pointer; padding: 0} .grid_12 #mediaBlock a.nextPage {right: 0; background-position: -33px -240px} .grid_12 #mediaBlock a.nextPage:hover {background-position: -33px -270px} .grid_12 #mediaBlock a.prevPage {right: 32px; background-position: -0px -240px} .grid_12 #mediaBlock a.prevPage:hover {background-position: -0px -270px} .grid_12 #mediaBlock .prevPage a.disabled, .grid_12 #mediaBlock .prevPage a.disabled:hover {cursor: default !important; background-position: -0px -300px !important} .grid_12 #mediaBlock .nextPage a.disabled, .grid_12 #mediaBlock .nextPage a.disabled:hover {cursor: default !important; background-position: -33px -300px !important} .grid_12 #mediaBlock div.items {width: 20000em; position: absolute} .grid_12 #mediaBlock div.pane div.items div {float: left; position: relative} .grid_12 #mediaBlock div.pane div.items div span.innerItem {float: left; margin-right: 8px; width: 154px; height: 130px; position: relative} .grid_12 #mediaBlock div.pane div.items div p {width: 154px; font-size: 11px; line-height: 13px; font-weight: bold; padding-top: 6px} .grid_12 #mediaBlock div.pane div.items div p h3, .grid_12 #mediaBlock div.pane div.items div p strong {color: #000000 !important; font-size: 11px; line-height: 13px} .grid_12 #mediaBlock div.pane div.items span.innerItem > a.video {background-image: url(http://sealevel.info/pics/fol/overlays_roundbtns.png); background-position: -301px -527px; background-repeat: no-repeat; display: block; height: 86px; width: 154px; z-index: 100; position: absolute; top: 0; left: 0; text-indent: -9000px} .grid_12 #mediaBlock div.pane div.items span.innerItem > a.video:hover {background-position: -301px -615px} .grid_8 #mediaBlock {height: 190px; position: relative; width: 630px; overflow: hidden; padding: 0} .grid_8 #mediaBlock .loadingIndicator {width: 154px; height: 130px; display: block} .grid_8 #mediaBlock .title {background-color: #f3f3f3; width: 630px; position: absolute; top: 13px; left: 0; margin: 0; padding: 0; border-bottom: none} .grid_8 #mediaBlock ul.navigation {text-transform: none; float: left} .grid_8 #mediaBlock div.pane {width: 630px; height: 116px; margin-bottom: 6px; position: absolute; top: 52px; left: 0} .grid_8 #mediaBlock div.navi {margin-left: 0 !important; position: absolute; right: 95px; top: -26px; z-index: 100} .grid_8 #mediaBlock div.navi a {width: 8px; height: 8px; float: left; margin-right: 3px; background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; background-position: -11px -162px; display: block; font-size: 1px; cursor: pointer} .grid_8 #mediaBlock div.navi a.active {background-position: 0 -162px} .grid_8 #mediaBlock .scrollable {width: 630px; overflow: hidden; position: relative; height: 149px} .grid_8 #mediaBlock .controls {height: 30px; line-height: 30px; font-size: 10px; font-weight: bold; color: #999999; text-align: right; position: absolute; top: -38px; right: 1px; width: 64px} .grid_8 #mediaBlock a.nextPage, .grid_8 #mediaBlock a.prevPage {display: block; width: 32px; height: 30px; position: absolute; top: 0; background-color: #000000; background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; z-index: 100; cursor: pointer; padding: 0} .grid_8 #mediaBlock a.nextPage {right: 0; background-position: -33px -240px} .grid_8 #mediaBlock a.nextPage:hover {background-position: -33px -270px} .grid_8 #mediaBlock a.prevPage {right: 32px; background-position: -0px -240px} .grid_8 #mediaBlock a.prevPage:hover {background-position: -0px -270px} .grid_8 #mediaBlock .prevPage a.disabled, .grid_8 #mediaBlock .prevPage a.disabled:hover {cursor: default !important; background-position: -0px -300px !important} .grid_8 #mediaBlock .nextPage a.disabled, .grid_8 #mediaBlock .nextPage a.disabled:hover {cursor: default !important; background-position: -33px -300px !important} .grid_8 #mediaBlock div.items {width: 20000em; position: absolute} .grid_8 #mediaBlock div.pane div.items div {float: left; position: relative} .grid_8 #mediaBlock div.pane div.items div span.innerItem {float: left; margin-right: 6px; width: 153px; height: 130px; position: relative; overflow: hidden} .grid_8 #mediaBlock div.pane div.items div p {width: 154px; font-size: 11px; line-height: 13px; font-weight: bold; padding-top: 6px} .grid_8 #mediaBlock div.pane div.items div p h3, .grid_8 #mediaBlock div.pane div.items div p strong {color: #000000 !important; font-size: 11px; line-height: 13px} .grid_8 #mediaBlock div.pane div.items span.innerItem > a.video {background-image: url(http://sealevel.info/pics/fol/overlays_roundbtns.png); background-position: -301px -527px; background-repeat: no-repeat; display: block; height: 86px; width: 154px; z-index: 100; position: absolute; top: 0; left: 0; text-indent: -9000px} .grid_8 #mediaBlock div.pane div.items span.innerItem > a.video:hover {background-position: -301px -615px} .teaserList-2 #mediaBlock {border-bottom: 0 !important; border-top: 0 !important} .banderole_overlay {width: 160px; height: 91px; position: absolute; display: block; text-indent: 5000px; z-index: 999} .fol_banderole_jetztlive {background: url(http://sealevel.info/pics/special/fol_banderole_jetztlive.png) no-repeat scroll 0 0 transparent} .fol_banderole_Aktion_beendet {background: url(http://sealevel.info/pics/special/fol_banderole_Aktion_beendet.png) no-repeat scroll 0 0 transparent} .fol_banderole_HeuteLive {background: url(http://sealevel.info/pics/special/fol_banderole_HeuteLive.png) no-repeat scroll 0 0 transparent} .fol_banderole_live0 {background: url(http://sealevel.info/pics/special/fol_banderole_live0.png) no-repeat scroll 0 0 transparent} .fol_banderole_live6 {background: url(http://sealevel.info/pics/special/fol_banderole_live6.png) no-repeat scroll 0 0 transparent} .fol_banderole_live7 {background: url(http://sealevel.info/pics/special/fol_banderole_live7.png) no-repeat scroll 0 0 transparent} .fol_banderole_live8 {background: url(http://sealevel.info/pics/special/fol_banderole_live8.png) no-repeat scroll 0 0 transparent} .fol_banderole_live9 {background: url(http://sealevel.info/pics/special/fol_banderole_live9.png) no-repeat scroll 0 0 transparent} .fol_banderole_live10 {background: url(http://sealevel.info/pics/special/fol_banderole_live10.png) no-repeat scroll 0 0 transparent} .fol_banderole_live11 {background: url(http://sealevel.info/pics/special/fol_banderole_live11.png) no-repeat scroll 0 0 transparent} .fol_banderole_live12 {background: url(http://sealevel.info/pics/special/fol_banderole_live12.png) no-repeat scroll 0 0 transparent} .fol_banderole_live13 {background: url(http://sealevel.info/pics/special/fol_banderole_live13.png) no-repeat scroll 0 0 transparent} .fol_banderole_live14 {background: url(http://sealevel.info/pics/special/fol_banderole_live14.png) no-repeat scroll 0 0 transparent} .fol_banderole_live15 {background: url(http://sealevel.info/pics/special/fol_banderole_live15.png) no-repeat scroll 0 0 transparent} .fol_banderole_live16 {background: url(http://sealevel.info/pics/special/fol_banderole_live16.png) no-repeat scroll 0 0 transparent} .fol_banderole_live17 {background: url(http://sealevel.info/pics/special/fol_banderole_live17.png) no-repeat scroll 0 0 transparent} .fol_banderole_live18 {background: url(http://sealevel.info/pics/special/fol_banderole_live18.png) no-repeat scroll 0 0 transparent} .fol_banderole_live19 {background: url(http://sealevel.info/pics/special/fol_banderole_live19.png) no-repeat scroll 0 0 transparent} .fol_banderole_live20 {background: url(http://sealevel.info/pics/special/fol_banderole_live20.png) no-repeat scroll 0 0 transparent} .fol_banderole_live21 {background: url(http://sealevel.info/pics/special/fol_banderole_live21.png) no-repeat scroll 0 0 transparent} .fol_banderole_live22 {background: url(http://sealevel.info/pics/special/fol_banderole_live22.png) no-repeat scroll 0 0 transparent} .fol_banderole_live23 {background: url(http://sealevel.info/pics/special/fol_banderole_live23.png) no-repeat scroll 0 0 transparent} .fol_banderole_em2016 {background: url(http://sealevel.info/pics/special/fol_banderole_em2016.png) no-repeat scroll 0 0 transparent} .fol_banderole_wm2014 {background: url(http://sealevel.info/pics/special/fol_banderole_wm_brasilien.png) no-repeat scroll 0 0 transparent} .fol_banderole_wm2014_year {background: url(http://sealevel.info/pics/special/fol_banderole_wm2014_brasilien.png) no-repeat scroll 0 0 transparent} .fol_banderole_custom {background: url(http://sealevel.info/pics/special/banderole_fussball_moment.png) no-repeat scroll 0 0 transparent} .fol_banderole_mfm {background: url(http://sealevel.info/pics/special/banderole_fussball_moment.png) no-repeat scroll 0 0 transparent} .fol_banderole_mtm {background: url(http://sealevel.info/pics/special/banderole_tier_moment.png) no-repeat scroll 0 0 transparent} .fol_banderole_mem {background: url(http://sealevel.info/pics/special/banderole_ehrenamts_moment.png) no-repeat scroll 0 0 transparent} .banderole_pos_large {right: 12px; top: 8px} .banderole_pos_standard {left: 152px; top: -4px} .banderole_pos_right {right: -4px; top: -4px} .banderole_pos_right_vid {right: -4px; top: -4px} .banderole_pos_right_galery {left: -156px; top: 9px} .articleContent .mediaBlock .image .banderole_pos_article, .articleContent .mediaBlock .video .banderole_pos_article {right: 11px; top: 1px} .articleContent.landscape .mediaBlock .image .banderole_pos_article, .articleContent.landscape .mediaBlock .gallery .banderole_pos_article, .articleContent.landscape .mediaBlock .video .banderole_pos_article, .articleContent .mediaBlock .gallery .banderole_pos_article {right: -4px; top: -4px} .grid_12 #mediaBlock.facelift {height: 268px; width: 998px} .grid_12 #mediaBlock.facelift .title {background-color: #ffffff; border-bottom: 1px #d50006 solid} .grid_12 #mediaBlock.facelift div.pane {height: 190px; top: 59px; width: 985px; margin-left: -10px; padding-left: 10px} .grid_12 #mediaBlock.facelift div.navi {display: none} .grid_12 #mediaBlock.facelift .scrollable {height: 230px; width: 964px; margin-left: -10px; padding-left: 10px; margin-right: -10px; padding-right: 10px} .grid_12 #mediaBlock.facelift .controls {right: 0; display: none} .grid_12 #mediaBlock.facelift div.pane div.items div span.innerItem {margin-right: 0; width: 229px; height: 190px} .grid_12 #mediaBlock.facelift div.pane div.items div span.innerItem span.video_length {display: inline-block; position: absolute; right: 0; top: 0; color: #ffffff; font-weight: bold; background: #000000; padding: 5px} .grid_12 #mediaBlock.facelift div.pane div.items div span.innerItem .gallerySize {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; background-position: -2070px -10px; width: 35px; height: 30px; color: #ffffff; top: 83px; right: 10px; position: absolute; display: inline-block; font-size: 12px; text-align: center; padding: 6px 9px 0 0} .grid_12 #mediaBlock.facelift div.pane div.items div span.innerItem:hover .gallerySize {background-position: -2070px -46px} .grid_12 #mediaBlock.facelift div.pane div.items div p {width: 229px} .grid_12 #mediaBlock.facelift div.pane div.items > div {width: 964px !important} .grid_12 #mediaBlock.facelift .bx-viewport {height: auto !important} .grid_12 #mediaBlock.facelift div.pane div.items span.innerItem > a.video {background-image: url(http://sealevel.info/pics/fol/overlays_roundbtns_facelift.png); background-position: -510px -20px; height: 128px; width: 229px} .grid_12 #mediaBlock.facelift div.pane div.items span.innerItem > a.video:hover {background-position: -510px -189px} .grid_12 #mediaBlock.facelift .innerItem p a .overhead {font-weight: normal; margin-bottom: 4px; display: inline-block} .grid_12 #mediaBlock.facelift .innerItem p a {font-weight: bold; font-size: 12px} #sidebar .tabs ul.navType4 li:hover a, .tabs ul.navType4 li.active a {color: #d50006} .grid_12 #mediaBlock.facelift .bx-wrapper .bx-pager, .grid_12 #mediaBlock.facelift .bx-wrapper .bx-controls-auto {bottom: -10px} .grid_12 #mediaBlock.facelift .bx-wrapper .bx-controls-direction a {position: absolute; top: 0; margin-top: -16px; outline: 0; width: 10px; height: 90px; text-indent: -9999px; z-index: 99} .grid_12 #mediaBlock.facelift .bx-wrapper .bx-prev {left: -12px; background: #ffffff url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -2116px 60px} .grid_12 #mediaBlock.facelift .bx-wrapper .bx-next {right: -12px; background: #ffffff url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -2126px 60px} .grid_12 #mediaBlock.facelift .bx-loading {display: none} #content .newstickerBlock {overflow: hidden} #footerTicker .newstickerBlockBottom {position: relative; height: 185px} #content .newstickerBlock .content {padding: 3px 16px 7px 16px; position: relative; height: 78px} #content .newstickerList .content {padding: 3px 16px 7px 16px} #content .newstickerBlock .title, #content .newstickerList .title {color: #003365; border-bottom: none; margin: 5px 0 0 0 !important; padding: 0 !important; text-transform: none; font-size: 16px; float: left} #content .newstickerBlock .title h2 {color: #003365; text-transform: none; font-size: 16px} #content .newstickerBlock .title span.subTitle {display: none} #content .newstickerBlock ul {height: 48px; line-height: 16px; overflow: hidden; padding-top: 8px; clear: left} #content .newstickerList ul {line-height: 16px; padding-top: 8px; clear: left} #footerTicker .newstickerBlockBottom ul {line-height: 16px} #footerTicker .newstickerBlockBottom ul.newsList {float: left; width: 481px; border-right: 1px solid #dadada} #footerTicker .newstickerBlockBottom ul.newsListRight {float: right; width: 465px} #footerTicker .newstickerBlockBottom a.ressortLink {bottom: 10px; position: absolute; right: 0} #content .newstickerBlock ul span.date, #content .newstickerList ul span.date {color: #d50006; float: left; width: 143px; text-align: right; padding: 0 19px 0 0} #content .newstickerBlock ul span.sourceName, #content .newstickerList ul span.sourceName {color: #999999; font-weight: normal} #footerTicker .newstickerBlockBottom ul span.date {color: #d50006; float: left; width: 100px; text-align: right; padding: 0 17px 0 0} #content .newstickerBlock .buttons, #content .newstickerBlock .buttonsTop {border-top: none; padding: 0; width: 100%; top: 10px; position: absolute; right: 14px} #content .newstickerBlock .buttons a {float: right; display: none} #content .newstickerBlock .buttonsTop a {float: right; display: block} #content .newstickerBlock a.toggleView {display: block} #content .newstickerBlock a.allNews {margin-right: 6px} #content .newstickerBlock .largeView a.rss {float: left; display: block} #content .newstickerBlock .largeView .buttons {border-top: 1px solid #dadada; clear: both; padding-top: 10px; margin-top: 8px} #content .newstickerBlock a.allNews {display: none} #content .newstickerBlock .largeView a.allNews {display: block} div.newstickerBlock li div.newstickerItem {display: none; margin: 0 0 8px 161px; font-size: 13px; line-height: 16px} div.newstickerBlock li div.newstickerItem a {font-size: 11px; text-transform: uppercase} body.newsticker #content #newsDetail .teaserList-1 .teaser {border-top: 1px solid #dadada; padding: 14px 0 15px; width: 630px} body.newsticker #content #newsDetail .teaserList-1 .left span {text-align: right} body.newsticker #content #newsDetail .teaserList-1 .teaser .right a, body.newsticker #content #newsDetail .teaserList-1 .teaser .right h1.dpaNews {display: block; font-size: 18px; line-height: 21px; margin-bottom: 8px} body.newsticker #content #newsDetail .teaserList-1 .teaser .right p {float: left; font-size: 13px; line-height: 16px; position: relative; top: -3px; width: 302px} body.newsticker #content #newsDetail .teaserList-1 .right {float: right; width: 467px} body.newsticker #content #newsDetail .teaserList-1 .right ul.list {clear: both; line-height: 16px; padding-top: 18px} body.newsticker #content #newsDetail .teaserList-1 .right ul.list li {padding-bottom: 2px; padding-top: 0} body.newsticker #content #newsDetail .teaserList-1 .right ul.list a {font-size: 12px; line-height: 15px; margin: 0; padding-bottom: 1px} body.newsticker #content .newstickerBlock .content {height: 182px !important} body.newsticker #content .newstickerBlock ul {width: 642px; height: 143px; overflow: auto} body.home #content .newstickerBlock ul, body.list #content .newstickerBlock ul {font-size: 12px} body.home #content .newstickerBlock ul span.date, body.list #content .newstickerBlock ul span.date, body.home #content .newstickerBlock ul span.greydate, body.list #content .newstickerBlock ul span.greydate {float: left; font-size: 12px; width: 85px; text-align: left; margin: 0; padding: 0 5px 0 0} body.home #content .newstickerBlock ul span.date, body.list #content .newstickerBlock ul span.date {color: #d50006} body.home #content .newstickerBlock ul li a, body.list #content .newstickerBlock ul li a {display: block; float: left; font-weight: normal; height: 16px; overflow: hidden; width: 540px} body.list #content .newstickerBlock ul li a.externalLink {display: inline; font-weight: bold; float: none} body.home #content .newstickerBlock ul li a span.a, body.list #content .newstickerBlock ul li a span {font-weight: bold} body.home #content .newstickerBlock ul span.sourceName, body.list #content .newstickerBlock ul span.sourceName {color: #999999; font-weight: normal} #content .newstickerBlock .surftipp {float: right; font-weight: normal} #content .newstickerBlock .surftippTitle {border-bottom: 1px solid #dadada} #content .newstickerBlock .surftippTitle {border-bottom: 1px solid #dadada; line-height: 30px; padding-top: 5px} #content .newstickerBlock .content.logo_teaser {height: auto} #content .newstickerBlock .content.logo_teaser .title h2 {color: #000000; font-size: 18px; font-weight: bold; line-height: 22px} #content .newstickerBlock .content.logo_teaser li .newsdate {font-size: 14px; line-height: 18px} #content .newstickerBlock .content.logo_teaser li .newsdesc {padding-bottom: 5px; width: 520px; font-size: 14px; line-height: 18px} #content .newstickerBlock .content.logo_teaser ul {overflow: visible} #content .newstickerBlock .content.logo_teaser ul li a {font-weight: bold; font-size: 14px; line-height: 18px; width: 520px} #content .newstickerBlock .content.logo_teaser li span.date {font-size: 14px; line-height: 18px; width: 100px} .newstickerBlock.hidedatespan div.news ul li span.date, .newstickerBlock.hidedatespan div.news ul li span.greydate {display: none !important} #sidebar .newstickerBlock {overflow: hidden} #sidebar .newstickerBlock .content {padding: 0 16px; position: relative; height: 278px} #sidebar .newstickerBlock .title {padding: 13px 0 0 0 !important; text-transform: none; font-size: 18px; font-weight: bold; line-height: 18px} #sidebar .newstickerBlock .title span.subTitle {display: block; color: #999999; font-size: 11px; line-height: 14px; padding-bottom: 7px} #sidebar .newstickerBlock dl {width: 280px; font-weight: bold; line-height: 16px; margin-top: -4px; height: 168px} #sidebar .newstickerBlock dl dt {color: #d50006; padding: 0} #sidebar .newstickerBlock dl dd {padding: 0 0 8px 0; font-size: 12px} #sidebar .newstickerBlock .buttons {border-top: 1px solid #dadada; position: relative; width: 300px; height: 30px; padding-top: 10px; margin-top: 10px} #sidebar .newstickerBlock .buttons a {float: right} #sidebar .newstickerBlock .largeView .buttons {border-top: 1px solid #dadada} #sidebar .newstickerBlock a.allNews {display: none} #sidebar .newstickerBlock a.rss {float: left; display: block} #content div.block div.description {background-color: #f3f3f3; margin-bottom: 30px; padding: 11px} div.description .logo {width: 140px; height: 62px; float: left} div.description .details {color: #999999; padding-top: 1px; font-size: 14px; line-height: 18px} #content div.nachrichten_de div.news li {clear: both; font-size: 12px; line-height: 14px; padding-bottom: 9px} #content div.nachrichten_de div.news span.date {color: #999999; display: block; float: right; line-height: 15px; font-size: 11px; padding-top: 1px; padding-right: 0} #content div.nachrichten_de div.news span.sourceName {font-weight: normal; padding: 0 19px 0 0; text-align: right; width: 130px; display: inline-block; font-size: 11px} div.newsSources {padding-top: 20px} div.newsSources .sourceTitle {width: 130px; height: 62px; float: left; font-weight: bold; text-align: right; padding-right: 23px} div.newsSources a {font-weight: normal; padding-right: 10px; font-size: 11px; line-height: 18px} #nachrichten_de_tags .topicsTitle {font-size: 15px} #nachrichten_de_tags .topics {width: 126px; text-align: center; float: left; position: relative; overflow: hidden} #nachrichten_de_tags .topics a {font-size: 12px} #nachrichten_de_tags .topics img {margin: 10px auto 6px} #nachrichten_de_tags .topics .topicPictureOverlay {margin: 10px 0 0 28px; background: url(http://sealevel.info/pics/nachrichten/pic_overlay.png) no-repeat transparent; height: 70px; left: 0; padding: 0; position: absolute; top: 0; width: 70px; z-index: 100} div.searchBoxLong {background-color: #f3f3f3; padding: 11px 0} div.searchBoxLong .searchTitle {width: 130px; float: left; font-size: 11px; line-height: 12px; text-align: right; padding-right: 23px} div.searchBoxLong .searchField {color: #999999; padding-top: 1px; font-size: 14px; line-height: 18px} div.searchBoxLong input[type="text"] {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -208px -157px transparent; border: medium none; float: left; height: 23px; padding: 2px 0 0 10px; width: 420px} div.searchBoxLong input[type="submit"] {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -328px -181px transparent; border: medium none; cursor: pointer; float: left; height: 23px; text-indent: 100px; width: 29px} .pictureBlock {padding: 0 0 0 0 !important} .pictureBlockGrid6 {padding: 0 0 0 0 !important; height: 345px} .pictureBlockGrid6 .title {text-transform: uppercase; font-size: 18px; line-height: 18px; font-weight: bold; border-bottom: 2px solid #003365; padding-bottom: 9px; margin-bottom: 17px; padding-top: 13px} .pictureBlock div.scrollable {position: relative; width: 300px; height: 169px; overflow: hidden} .pictureBlockGrid6 div.scrollable {position: relative; width: 464px; height: 243px; overflow: hidden} .pictureBlock .controls, .pictureBlockGrid6 .controls {height: 30px; line-height: 30px; background-color: #f3f3f3; font-size: 10px; font-weight: bold; color: #999999; text-align: right; padding-right: 75px; padding-left: 13px; position: relative} .pictureBlock .controls {width: 212px} .pictureBlockGrid6 .controls {width: 376px} .pictureBlock a.gallery, .pictureBlockGrid6 a.gallery {float: left; font-size: 11px} .pictureBlock a.nextPage, .pictureBlock a.prevPage, .pictureBlockGrid6 a.nextPage, .pictureBlockGrid6 a.prevPage {display: block; width: 32px; height: 30px; position: absolute; top: 0; background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; z-index: 100; cursor: pointer; padding: 0} .pictureBlock a.nextPage, .pictureBlockGrid6 a.nextPage {right: 0; background-position: -33px -240px} .pictureBlock a.nextPage:hover, .pictureBlockGrid6 a.nextPage:hover {background-position: -33px -270px} .pictureBlock a.npFirstItem, .pictureBlockGrid6 a.npFirstItem {right: 0; background-position: -33px -270px} .pictureBlock a.prevPage, .pictureBlockGrid6 a.prevPage {right: 32px; background-position: -0px -240px} .pictureBlock a.prevPage:hover, .pictureBlockGrid6 a.prevPage:hover {background-position: -0px -270px} .pictureBlock .prevPage a.disabled, .pictureBlock .prevPage a.disabled:hover, .pictureBlockGrid6 .prevPage a.disabled, .pictureBlockGrid6 .prevPage a.disabled:hover {cursor: default; background-position: -0px -300px} .pictureBlock .nextPage a.disabled, .pictureBlock .nextPage a.disabled:hover, .pictureBlockGrid6 .nextPage a.disabled, .pictureBlockGrid6 .nextPage a.disabled:hover {cursor: default; background-position: -33px -300px} .pictureBlock div.scrollable div.items, .pictureBlockGrid6 div.scrollable div.items {width: 20000em; position: absolute} .pictureBlock div.scrollable div.items div {float: left; position: relative; width: 300px; height: 169px; background-color: #e0e0e1} .pictureBlockGrid6 div.scrollable div.items div {float: left; position: relative; width: 464px; height: 243px; background-color: #e0e0e1} .pictureBlock div.scrollable div.items div img, .pictureBlockGrid6 div.scrollable div.items div img {margin: auto; position: relative} div.startpagenote {background-color: #ececec; color: #003365; font-size: 10pt; font-weight: bold; padding: 0; margin: 0; height: 30px; width: 100%; text-align: left} div.startpagenote a {color: #ffffff; text-decoration: none; line-height: 30px} div.startpagenote a span.buttonx {color: #003365} div.startpagenote span {margin: 5px; padding: 7px 10px 7px 10px} div.startpagenote span.button {background-color: #d50006} div.startpagenote a:hover span, div.startpagenote a:hover span.buttonx {background-color: #2253c9; color: #ffffff} div.startpagenote a.xclose {right: 15px; top: -2; position: absolute} .teaserList-1, .teaserList-2 {width: 630px; position: relative; padding-bottom: 13px} .teaserList-1 .teaserList-2 {padding-bottom: 0} .teaserList-1 a.redButton, .teaserList-2 a.redButton {color: #ffffff !important} .teaserList-2 .ressortTitle {height: 43px; font-size: 23px; line-height: 39px; color: #091c3b; text-transform: uppercase; font-weight: bold} .teaserList-1 .topTag {height: 43px; font-size: 18px; line-height: 46px; color: #000000; text-transform: uppercase; font-weight: bold} .teaserList-1 .topTag a {color: #003365} .teaserList-1 .content, .teaserList-2 .content {padding: 0 16px 15px 16px !important; margin: 0} .teaserList-1 .left, .teaserList-2 .left {width: 147px; float: left; padding: 0 16px 0 0} .teaserList-1 .left span, .teaserList-2 .left span {display: block; line-height: 16px; font-weight: bold; position: relative} .teaserList-1 .left span.comments, .teaserList-2 .left span.comments, .teaserList-1 .left span.picsCount, .teaserList-2 .left span.picsCount {font-size: 12px} .teaserList-1 .left span.surftipp, .teaserList-2 .left span.surftipp {font-weight: normal} .teaserList-1 .left span.dpa, .teaserList-2 .left span.dpa {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: 0 -210px; background-repeat: no-repeat; left: 102px; width: 43px} .teaserList-1 span.special, .teaserList-2 span.special {background: url(http://sealevel.info/pics/fol/gradientComponentsX.png) 0 -980px repeat-x; text-transform: uppercase; color: #ffffff; padding: 0 8px 1px 8px; float: right; top: 13px; font-size: 10px; line-height: 16px} .teaserList-1 span.special a, .teaserList-2 span.special a {color: #ffffff} .teaserList-1 .generic, .teaserList-2 .generic {font-size: 12px; line-height: 18px; margin: 0 0 5px} .teaserList-1 .generic img, .teaserList-2 .generic img {float: left; margin: 2px 0 5px} .teaserList-1 .generic span.surftipp, .teaserList-2 .generic span.surftipp {float: left} .teaserList-1 .generic span.surftipp.right, .teaserList-2 .generic span.surftipp.right {float: right} .teaserList-1 span.ressort a, .teaserList-2 span.ressort a {font-weight: normal; margin: 0 8px 0 0} .teaserList-1 span.listMarker, .teaserList-2 span.listMarker {font-size: 11px} .teaserList-1 span.listMarker:hover, .teaserList-2 span.listMarker:hover, .teaserList-1 .right ul.list a:hover span.listMarker, .teaserList-2 .right ul.list a:hover span.listMarker {color: #d50006} .teaserList-1 .rightWide, .teaserList-2 .rightWide {width: 100%; float: right} .teaserList-ontop .ontop h3, .teaserList-1 .right span.overhead, .teaserList-1 .right span.overhead h3, .teaserList-1 .right h3, .teaserList-2 .right span.overhead, .teaserList-2 .right span.overhead h3, .teaserList-2 .right h3, .teaserList-1 .fadeElement h3, .teaserList-1 .tbody span.overhead, .teaserList-1 .tbody span.overhead h3, .teaserList-1 .tbody h3, .teaserList-2 .tbody span.overhead, .teaserList-2 .tbody span.overhead h3, .teaserList-2 .tbody h3 {display: block; line-height: 18px; font-weight: bold; font-size: 16px; color: #d70d12; padding: 0 0 2px} .BgcGreyRed a h3 {color: #d70d12 !important} .teaserList-1 ul.list, .teaserList-2 ul.list {clear: both; padding-top: 18px; line-height: 16px} .teaserList-1 ul.list li, .teaserList-2 ul.list li {padding-bottom: 2px} .teaserList-1 ul.list a, .teaserList-2 ul.list a {font-size: 14px !important; line-height: 16px !important; margin: 0; font-weight: normal} .teaserList-1 ul.list a span:first-child, .teaserList-2 ul.list a span:first-child {font-weight: bold} .teaserList-1 ul.short li a, .teaserList-2 ul.short li a {font-size: 12px !important; height: 14px; line-height: 15px !important; margin: 0; overflow: hidden} .teaserList-1 ul.thumbs li a, .teaserList-2 ul.thumbs li a {font-size: 12px !important; line-height: 15px !important; margin: 0} .teaserList-1 ul.short, .teaserList-2 ul.short {clear: both; display: inline-block; margin: 0 0 8px; padding-top: 8px} .teaserList-1 ul.thumbs, .teaserList-2 ul.thumbs {clear: both; padding-top: 8px} .teaserList-1 ul.thumbs.noTop, .teaserList-2 ul.thumbs.noTop, .teaserList-1 ul.thumbs.noTop li, .teaserList-2 ul.thumbs.noTop li, .teaserList-1 ul.short.noTop, .teaserList-2 ul.short.noTop, .teaserList-1 ul.list.noTop, .teaserList-2 ul.list.noTop {padding-top: 0} .teaserList-1 ul.short li, .teaserList-2 ul.short li, .teaserList-1 ul.thumbs li, .teaserList-2 ul.thumbs li {float: left; width: 147px; margin: 0 14px 0 0; overflow: hidden; padding: 10px 0 0; position: relative} .teaserList-1 ul.short.line li, .teaserList-2 ul.short.line li {border-bottom: 1px solid #cccccc; padding: 13px 0 12px} .teaserList-1 ul.short li.last, .teaserList-2 ul.short li.last, .teaserList-1 ul.thumbs li.last, .teaserList-2 ul.thumbs li.last {margin: 0} .teaserList-1 ul.thumbs li a, .teaserList-2 ul.thumbs li a {display: block; font-weight: normal !important} .teaserList-1 ul.thumbs a span, .teaserList-2 ul.thumbs a span {display: block; font-weight: bold} .teaserList-1 ul.thumbs li img, .teaserList-2 ul.thumbs li img {display: block; height: 80px; margin-bottom: 7px; position: relative; width: 147px} .teaserList-1 .right ul.thumbs span.picsCount, .teaserList-2 .right ul.thumbs span.picsCount {background-position: -382px -326px; bottom: 11px; font-size: 12px; height: 29px; line-height: 30px; left: 37px; width: 115px} .teaserList-1 .right ul.thumbs a:hover span.picsCount, .teaserList-2 .right ul.thumbs a:hover span.picsCount, .teaserList-1 .double ul.thumbs a:hover span.picsCount, .teaserList-2 .double ul.thumbs a:hover span.picsCount {background-position: -382px -355px; bottom: 10px; line-height: 28px} .teaserList-1 .right ul.thumbs li div, .teaserList-2 .right ul.thumbs li div, .teaserList-1 .double ul.thumbs li div, .teaserList-2 .double ul.thumbs li div {margin: 0 0 7px} .teaserList-1 .right ul.thumbs li div.thumb, .teaserList-2 .right ul.thumbs li div.thumb, .teaserList-1 .double ul.thumbs li div.thumb, .teaserList-2 .double ul.thumbs li div.thumb {height: 80px; position: relative; width: 147px} .teaserList-1 .title, .teaserList-2 .title {border-bottom: 2px solid #003365; color: #003365; font-size: 18px; font-weight: bold; line-height: 24px; margin: 0 0 7px; padding: 10px 0 8px} .teaserList-1 .title .headline, .teaserList-2 .title .headline {float: left} .teaserList-1 .title .logo, .teaserList-2 .title .logo {float: right; position: relative; top: 5px} .teaserList-1 .block-line-logo, .teaserList-2 .block-line-logo {padding: 5px 0 0} .teaserList-1 .block-line, .teaserList-2 .block-line {border-top: 2px solid #cccccc; margin: 10px 0} .teaserList-1 .block-line.noBorder, .teaserList-2 .block-line.noBorder {margin: 0; padding: 7px 0} .teaserList-2 .title {margin: 0; text-transform: uppercase} .teaserList-2 dl.list {border-top: 2px solid #dadada; font-size: 14px; padding-top: 14px; margin-top: 0; line-height: 16px} .teaserList-1 .teaserList-2 dl.list {margin-bottom: 13px} .teaserList-2 dl.list dt {font-weight: bold; padding-bottom: 4px} .teaserList-2 dl.list dd {padding-bottom: 2px} .teaserList-2 dl.list li a {font-weight: normal} .teaserList-2 dl.list li a span {font-weight: bold} .teaserList-2 a.link {float: right; position: absolute; bottom: 10px; right: 0} body.home .teaserList-1 div.block-line:first-child, body.list .teaserList-1 div.block-line:first-child, body.tag .teaserList-1 div.block-line:first-child, .grid_8 .teaserList-2 div.block-line:first-child {margin: 0; padding: 0; visibility: hidden} .teaserList-1 .teaserInfo, .teaserList-2 .teaserInfo {color: #d70d12; display: inline !important; font-size: 13px; font-weight: normal !important} .teaserList-1 .teaserInfo span, .teaserList-2 .teaserInfo span {display: inline !important; position: relative; top: -1px} .teaserList-1 .teaser, .teaserList-2 .teaser {margin-left: -13px; padding: 0 13px 15px; width: 630px} .teaserList-1 .teaser.auto, .teaserList-2 .teaser.auto {border-top: 2px solid #cccccc; margin: 0; padding: 7px 0 15px; width: 630px} .teaserList-1 .teaser .generic.noContent, .teaserList-2 .teaser .generic.noContent {margin: 0 0 23px} .teaserList-1 .promo span.comments, .teaserList-1 .promoSmall span.comments, .teaserList-1 .teaser span.comments, .teaserList-2 .teaser span.comments, .teaserList-ontop .ontop span.comments {color: #999999; font-size: 12px; font-weight: normal; top: 8px} .teaserList-1 .teaser span.comments.mouseover, .teaserList-2 .teaser span.comments.mouseover {color: #d70d12} .teaserList-1 .teaser .right .galleryPic, .teaserList-2 .teaser .right .galleryPic {display: block; float: left; height: 171px; margin: 0 13px 0 0; position: relative; width: 308px} .teaserList-1 .teaser .right span.picsCount, .teaserList-2 .teaser .right span.picsCount {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -253px -240px; background-repeat: no-repeat; bottom: 9px; color: #ffffff; float: right; font-size: 14px; font-weight: normal; height: 33px; line-height: 32px; position: absolute; right: 9px; text-align: center; width: 131px; z-index: 50} .teaserList-1 .teaser .right a:hover span.picsCount, .teaserList-2 .teaser .right a:hover span.picsCount {background-position: -253px -275px} .teaserList-1 .promo a:hover span.comments, .teaserList-1 .promoSmall a:hover span.comments, .teaserList-1 .teaser a:hover span.comments, .teaserList-2 .teaser a:hover span.comments {color: #d70d12} .teaserList-1 .teaser span.date, .teaserList-2 .teaser span.date {font-weight: normal; margin: 0 16px 0 0; top: 3px} .teaserList-1 .teaser .right img, .teaserList-2 .teaser .right img {float: left; margin: 0 13px 8px 0} .teaserList-1 .teaser .right a, .teaserList-2 .teaser .right a, .teaserList-1 .teaser .right h1.dpaNews, .teaserList-2 .teaser .right h1.dpaNews {font-size: 22px; line-height: 24px; display: block} .teaserList-1 .teaser .right p, .teaserList-2 .teaser .right p {width: 309px; float: left; font-size: 14px; line-height: 18px; margin: 16px 0 0} .teaserList-1 .teaser .adsBlock .right p, .teaserList-1 .teaser .BgcGreyRed .right p, .teaserList-2 .teaser .adsBlock .right p, .teaserList-2 .teaser .BgcGreyRed .right p {width: 297px} .teaserList-1 .teaser .right p.noImage, .teaserList-2 .teaser .right p.noImage, .teaserList-1 .teaser .right div.noImage, .teaserList-2 .teaser .right div.noImage {float: none !important; width: auto !important} .teaserList-1 .teaser .right p a, .teaserList-2 .teaser .right p a {display: inline; text-transform: uppercase; font-size: 11px; line-height: 15px} .teaserList-1 .teaser a.mouseover, .teaserList-2 .teaser a.mouseover {color: #d70d12} .teaserList-1 .teaser .right div.lftMagazin .row1 a.left, .teaserList-2 .teaser .right div.lftMagazin .row1 a.left {float: left} .teaserList-1 .teaser .right div.lftMagazin .row1 img, .teaserList-2 .teaser .right div.lftMagazin .row1 img {float: none; margin: 0 14px 0 0} .teaserList-1 .teaser .right div.lftMagazin .row2 .list, .teaserList-2 .teaser .right div.lftMagazin .row2 .button, .teaserList-1 .teaser .right div.lftMagazin .row2 .list, .teaserList-2 .teaser .right div.lftMagazin .row2 .button {float: left; width: 309px} .teaserList-1 .teaser .right div.lftMagazin .row2 .list, .teaserList-1 .teaser .right div.lftMagazin .row2 .list {margin: 0 12px 0 0} .teaserList-1 .teaser .right div.lftMagazin .row2 .button, .teaserList-2 .teaser .right div.lftMagazin .row2 .button {padding: 4px 0 0} .teaserList-1 .teaser .right div.lftMagazin .row2 .button a p, .teaserList-2 .teaser .right div.lftMagazin .row2 .button a p {color: #d70d12} .teaserList-1 .teaser .right div.lftMagazin p, .teaserList-2 .teaser .right div.lftMagazin p {float: none !important; width: auto !important} .teaserList-1 .teaser .right div.lftMagazin .galleryPic, .teaserList-2 .teaser .right div.lftMagazin .galleryPic {display: block; float: left; height: 186px; margin: 0 13px 0 0; position: relative; width: 147px} .teaserList-1 .teaser .right div.lftMagazin span.picsCount, .teaserList-2 .teaser .right div.lftMagazin span.picsCount {background-position: -382px -326px; bottom: 9px; font-size: 12px; height: 29px; line-height: 30px; left: 37px; width: 115px} .teaserList-1 .teaser .right div.lftMagazin a:hover span.picsCount, .teaserList-2 .teaser .right div.lftMagazin a:hover span.picsCount {background-position: -382px -355px; bottom: 8px; line-height: 28px} .teaserList-1 .double, .teaserList-2 .double {padding: 0 0 14px} .teaserList-1 .double .block-line, .teaserList-2 .double .block-line {padding: 14px 0 0} .teaserList-1 .double .block-line.show, .teaserList-2 .double .block-line.show {margin: 7px 0 0 !important; padding: 14px 0 0 !important; visibility: visible !important} .teaserList-1 .double .title, .teaserList-2 .double .title {margin: 0 0 10px} .teaserList-1 .double .teaser, .teaserList-2 .double .teaser {border: none; float: left; margin: 0; padding: 0; width: 308px} .teaserList-1 .double .row, .teaserList-2 .double .row {margin: 0; padding: 0 0 15px} .teaserList-1 .double .row.last, .teaserList-2 .double .row.last {margin: 0; padding: 0} .teaserList-1 .double .row.BgcGreyRed, .teaserList-2 .double .row.BgcGreyRed, .teaserList-1 .double ul.thumbs.BgcGreyRed, .teaserList-2 .double ul.thumbs.BgcGreyRed {margin-left: -7px; padding: 10px 7px} .teaserList-1 .double .teaser.last, .teaserList-2 .double .teaser.last {float: right} .teaserList-1 .double .teaser .right img, .teaserList-2 .double .teaser .right img {margin: 0 0 13px} .teaserList-1 .double .teaser .generic.noContent, .teaserList-2 .double .teaser .generic.noContent {margin: 0 0 23px} .teaserList-1 .double .teaser .generic.ad, .teaserList-2 .double .teaser .generic.ad {margin: 0 0 8px} .teaserList-1 .double .teaser .generic.ad.noContent, .teaserList-2 .double .teaser .generic.ad.noContent {margin: 0 0 26px} .teaserList-1 .double ul.thumbs, .teaserList-2 .double ul.thumbs {padding: 15px 0 0} .teaserList-1 .double .teaser .right .galleryPic, .teaserList-2 .double .teaser .right .galleryPic {margin-bottom: 13px} .teaserList-1 .double ul.thumbs span.picsCount, .teaserList-2 .double ul.thumbs span.picsCount {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -382px -326px; background-repeat: no-repeat; bottom: 11px; color: #ffffff; float: right; font-size: 12px; font-weight: normal; height: 29px; line-height: 30px; position: absolute; left: 37px; text-align: center; width: 115px; z-index: 50} .teaserList-1 .abstractBox, .teaserList-1 .abstractBoxBig, .teaserList-2 .abstractBox, .teaserList-2 .abstractBoxBig {padding-top: 14px; padding-bottom: 15px; width: 630px} .teaserList-ontop .abstractBox, .teaserList-ontop .abstractBoxBig {padding-bottom: 15px; width: 963px} .teaserList-1 .abstractBox, .teaserList-2 .abstractBox, .teaserList-ontop .abstractBox {font-weight: bold} .teaserList-1 .abstractBox h1 span, .teaserList-1 .abstractBox h2, .teaserList-2 .abstractBox h2, .teaserList-ontop .abstractBox h2 {font-size: 16px; line-height: 20px} .teaserList-1 .abstractBox h1 span {display: block} .teaserList-1 .abstractBox h1, .teaserList-1 .abstractBox h3, .teaserList-2 .abstractBox h3, .teaserList-ontop .abstractBox h3 {font-size: 30px; line-height: 33px} .teaserList-1 .abstractBoxBig h2, .teaserList-2 .abstractBoxBig h2, .teaserList-ontop .abstractBoxBig h2 {font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 1px} .teaserList-1 .abstractBoxBig h3, .teaserList-2 .abstractBoxBig h3, .teaserList-ontop .abstractBoxBig h3 {font-size: 30px; font-weight: bold; line-height: 33px; padding-bottom: 15px} .teaserList-1 .abstractBox p, .teaserList-2 .abstractBox p, .teaserList-ontop .abstractBox p {font-size: 14px; line-height: 19px; margin-top: 16px; margin-bottom: 8px} .teaserList-1 .abstractBoxBig p, .teaserList-2 .abstractBoxBig p, .teaserList-ontop .abstractBoxBig p {font-size: 14px; line-height: 19px} .teaserList-1 .abstractBox a, .teaserList-2 .abstractBox a, .teaserList-ontop .abstractBox a {color: #000000} .teaserList-1 div.mediaBlockLead, .teaserList-2 div.mediaBlockLead, .teaserList-ontop div.mediaBlockLead {width: 315px; float: left} .teaserList-1 div.mediaBlockLead div.image, .teaserList-2 div.mediaBlockLead div.image, .teaserList-ontop div.mediaBlockLead div.image {padding-top: 5px; padding-bottom: 10px} .teaserList-1 div.mediaBlockLead div.caption, .teaserList-2 div.mediaBlockLead div.caption, .teaserList-ontop div.mediaBlockLead div.caption {margin-right: 15px; border-bottom: 1px solid #dadada; color: #666666; font-size: 11px; line-height: 15px; padding: 5px 0 8px} .teaserList-1 div.mediaBlockLead div.caption span.source, .teaserList-2 div.mediaBlockLead div.caption span.source, .teaserList-ontop div.mediaBlockLead div.caption span.source {color: #adadad; display: block; float: right; margin-left: 15px; text-align: right} .teaserList-1 .adsBlock, .teaserList-2 .adsBlock, .teaserList-1 .BgcGreyRed, .teaserList-2 .BgcGreyRed {background-color: #f3f3f3; margin-left: -7px; padding: 10px 7px; width: 630px} .teaserList-1 .adsBlock .right p .overhead, .teaserList-2 .adsBlock .right p .overhead, .teaserList-1 .BgcGreyRed .right p .overhead, .teaserList-2 .BgcGreyRed .right p .overhead, .teaserList-1 .BgcGreyRed .right p h3, .teaserList-2 .BgcGreyRed .right p h3 {font-size: 12px; line-height: 16px} .teaserList-1 .adsBlock .right p span.headline, .teaserList-2 .adsBlock .right p span.headline, .teaserList-1 .BgcGreyRed .right p span.headline, .teaserList-2 .BgcGreyRed .right p span.headline {font-size: 12px; line-height: 16px; display: block; margin-bottom: 2px} .teaserList-1 .teaser .left img, .teaserList-2 .teaser .left img, .teaserList-1 .adsBlock .left img, .teaserList-2 .adsBlock .left img, .teaserList-1 .BgcGreyRed .left img, .teaserList-2 .BgcGreyRed .left img {float: right} .teaserList-1 .adMarkerBlock, .teaserList-2 .adMarkerBlock {margin: 0 -7px; padding: 0 7px} .teaserList-1 .adMarkerBlock.bg, .teaserList-2 .adMarkerBlock.bg {background-color: #f3f3f3} .teaserList-1 .adMarkerBlock .surftipp, .teaserList-2 .adMarkerBlock .surftipp {font-size: 12px; float: right; line-height: 18px; padding: 5px 0 0} .teaserList-1 .adMarkerBlock.blockhead .title, .teaserList-2 .adMarkerBlock.blockhead .title {margin-bottom: 22px; padding-top: 20px} .teaserList-1 .adMarkerBlock.blockhead.bg .title, .teaserList-2 .adMarkerBlock.blockhead.bg .title {margin-bottom: 7px} .teaserList-1 .adMarkerBlock .teaser, .teaserList-2 .adMarkerBlock .teaser {padding: 0 13px} .teaserList-1 .teaser.auto.adMarkerBlockAbove, .teaserList-2 .teaser.auto.adMarkerBlockAbove {margin: 10px 0 0} .teaserList-ontop {overflow: hidden; padding: 11px 0 0; width: 963px} .teaserList-ontop .ontop .image {position: relative} .teaserList-ontop .ontop a {font-size: 30px; line-height: 35px} .teaserList-ontop .ontop img {display: block; margin: 15px 0 9px} .teaserList-ontop .ontop p {font-size: 16px; font-weight: bold; line-height: 21px; margin: 0 0 20px} .teaserList-ontop .box {height: 359px; overflow: hidden; padding: 0 13px 13px; position: absolute; right: 13px; top: 12px; width: 274px} .teaserList-ontop .boxlayer {background: #ffffff; height: 375px; -moz-opacity: 0.85; opacity: 0.85; padding: 0 13px 13px; position: absolute; right: 13px; top: 12px; width: 274px} .teaserList-ontop .ontop .box .title {margin: 0} .teaserList-ontop .ontop .box .title h3 {color: #000000 !important; font-size: 18px; line-height: 18px} .teaserList-ontop .box ul.thumbs {margin: 0 0 25px} .teaserList-ontop .box ul.thumbs li {float: left; overflow: hidden; position: relative; width: 130px} .teaserList-ontop .box ul.thumbs li.last {margin: 0 0 0 14px} .teaserList-ontop .box ul.thumbs li span.media, .teaserList-ontop .box ul.thumbs li img {height: 73px; margin-bottom: 7px; position: relative; width: 130px} .teaserList-ontop .box ul.thumbs span.picsCount {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -382px -326px; top: 55px; color: #ffffff; font-size: 12px; font-weight: normal; height: 29px; line-height: 30px; left: 24px; position: absolute; text-align: center; width: 115px} .teaserList-ontop .box ul.thumbs a:hover span.picsCount {background-position: -382px -354px; bottom: 56px; line-height: 30px} .teaserList-ontop .box ul.list li {margin: 11px 0 0} .teaserList-ontop .box ul li a {font-size: 12px; font-weight: normal; line-height: 15px} .teaserList-ontop .box ul li a span {display: block; font-weight: bold} .teaserList-ontop .box ul li a span.listMarker {display: inline; font-weight: normal} .teaserList-ontop .ontop .generic {font-size: 12px; line-height: 22px} .teaserList-ontop .ontop span.ressort a {font-size: 12px; font-weight: normal; line-height: 18px; margin: 0 8px 0 0} .teaserList-1 .promo {width: 659px; position: relative; top: -2px; margin: 0 0 0 -13px; padding: 0 0 16px} .teaserList-1 .promoSmall {border-top: 1px solid #dadada; padding-bottom: 15px; padding-top: 14px; width: 630px} .teaserList-1 .promo .left {padding: 11px 18px 0 0; width: 157px; top: -20px; position: relative} .teaserList-1 .promo div.branding, .teaserList-2 .promo div.branding {padding: 4px 0 0 13px; width: 630px} .teaserList-1 .promo div.branding a, .teaserList-2 .promo div.branding a {display: block; float: left} .teaserList-1 .promo.BgcGreyRed, .teaserList-2 .promo.BgcGreyRed {margin: 8px 0 0 -7px; padding: 12px 7px; width: 630px} .teaserList-1 .promo.BgcGreyRed div.branding, .teaserList-2 .promo.BgcGreyRed div.branding {padding: 0} .teaserList-1 .promo.BgcGreyRed .images, .teaserList-2 .promo.BgcGreyRed .images, .teaserList-1 .promo.BgcGreyRed .generic, .teaserList-2 .promo.BgcGreyRed .generic, .teaserList-1 .promo.BgcGreyRed .right, .teaserList-2 .promo.BgcGreyRed .right {margin-left: 0; margin-right: 0} .teaserList-1 .promo .surftipp, .teaserList-2 .promo .surftipp {float: right; font-size: 12px; line-height: 18px; position: relative; top: -2px} .teaserList-1 .promo .right, .teaserList-2 .promo .right {margin: 0 13px; width: 630px} .teaserList-1 .promoSmall .date {margin-bottom: 9px; font-weight: normal} .teaserList-1 .promo ul.list {clear: both} .teaserList-1 .promo .images {min-height: 20px; height: auto !important; height: 20px; margin: 0 13px; padding: 12px 0 11px} .teaserList-1 .promo .images.withbrand {min-height: 20px; height: auto !important; height: 20px; margin: 0; padding: 5px 0 11px 13px} .teaserList-1 .promo .noImages {min-height: 10px; height: auto !important; height: 10px} .teaserList-1 .promo .images img {display: none} .teaserList-1 .promo .images img:first-child {display: block} .teaserList-1 .promo .rotatingImages, .teaserList-1 .promo .rotatingImages.withbrand {height: 270px !important; overflow: hidden} .teaserList-1 .promo .rotatingImages img {position: absolute; top: 12px; left: 13px} .teaserList-1 .promo .rotatingDivs, .teaserList-2 .promo .rotatingDivs {height: 400px; overflow: hidden; position: relative} .teaserList-2 .promo .rotatingDivs {margin-left: -13px} .teaserList-1 .promo .rotatingDivs div.fadeElement, .teaserList-2 .promo .rotatingDivs div.fadeElement {position: absolute; top: 12px; left: 13px; display: none} .teaserList-1 .promo .rotatingDivs div.fadeElement img, .teaserList-2 .promo .rotatingDivs div.fadeElement img {padding-bottom: 12px; float: left; padding-right: 10px} .teaserList-1 .promo .rotatingDivs div.fadeElement div.teaserVideoImage, .teaserList-2 .promo .rotatingDivs div.fadeElement div.teaserVideoImage {position: relative; display: inline-block} .teaserList-1 .promo .rotatingDivs div.fadeElement div.teaserVideoIconBig, .teaserList-1 .promo .rotatingDivs div.fadeElement div.teaserVideoIconSmall, .teaserList-2 .promo .rotatingDivs div.fadeElement div.teaserVideoIconBig, .teaserList-2 .promo .rotatingDivs div.fadeElement div.teaserVideoIconSmall {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -500px -239px; background-repeat: no-repeat; height: 35px; width: 81px; position: absolute; z-index: 100} .teaserList-1 .promo .rotatingDivs div.fadeElement .galleryPic, .teaserList-2 .promo .rotatingDivs div.fadeElement .galleryPic {height: 183px; width: 318px} .teaserList-1 .promo .rotatorSubtext, .teaserList-2 .promo .rotatorSubtext {text-align: right} .teaserList-1 .promo .rotatorSubtext div, .teaserList-2 .promo .rotatorSubtext div {float: right} .teaserList-1 .promo .rotatorSubtext div.paypalteaser, .teaserList-2 .promo .rotatorSubtext div.paypalteaser {padding: 12px 8px 0 0} .teaserList-1 .promo .rotatorSubtext p, .teaserList-2 .promo .rotatorSubtext p {font-size: 14px; line-height: 18px} .teaserList-1 .promo .rotatorSubtext img {padding-right: 20px} .teaserList-1 .promo .fadeElement a, .teaserList-2 .promo .fadeElement a {font-size: 22px; display: block; line-height: 24px} .teaserList-1 .promo .rotatingDivs div.fadeElement:first-child, .teaserList-2 .promo .rotatingDivs div.fadeElement:first-child {display: block} .teaserList-1 .promo .rotatingDivs .separator, .teaserList-2 .promo .rotatingDivs .separator {border-top: 2px solid #cccccc; margin: 10px 0} .teaserList-ontop .ontop .breakingNews, .teaserList-1 .promo .breakingNews, .teaserList-1 .teaser .breakingNews, #sidebar .breakingNews {background-color: #ffea5e; color: #000000; font-size: 12px; margin: 0 5px 0 0; padding: 0 8px} #sidebar .doubleTeaser .breakingNews {width: 128px; display: inline-block} .teaserList-1 .promo .right a, .teaserList-1 .promoSmall .right a {font-size: 30px; display: block; line-height: 35px} .teaserList-1 .promo .right p, .teaserList-1 .promo .fadeElement p, .teaserList-2 .promo .fadeElement p, .teaserList-1 .promoSmall .right p {font-size: 14px; line-height: 18px; width: 630px; padding: 15px 0 3px} .teaserList-1 .promo .right p a, .teaserList-1 .promoSmall .right p a {text-transform: uppercase; font-size: 11px; line-height: 14px; display: inline; margin: 0 !important} .teaserList-1 .promo .generic, .teaserList-2 .promo .generic {margin: 0 13px 2px} .teaserList-1 .promo .generic a, .teaserList-2 .promo .generic a {font-weight: normal} .teaserList-1 .promo .date {color: #d50006; font-weight: normal; line-height: 15px; display: inline-block; padding: 0 18px 0 0} .teaserList-1 .promoSmall .right img {margin-bottom: 10px} .teaserList-1 .promo .galleryPic, .teaserList-1 .promoSmall .galleryPic, .teaserList-2 .promo .galleryPic, .teaserList-2 .promoSmall .galleryPic {display: block; float: left; height: 270px; margin: 0 0 11px; position: relative; width: 630px} .teaserList-1 .promo span.picsCount, .teaserList-1 .promoSmall span.picsCount, .teaserList-2 .promo span.picsCount, .teaserList-2 .promoSmall span.picsCount {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -253px -240px; background-repeat: no-repeat; bottom: 14px; color: #ffffff; float: right; font-size: 14px; font-weight: normal; height: 33px; line-height: 32px; position: absolute; right: 15px; text-align: center; width: 131px; z-index: 50} .teaserList-1 .promo a:hover span.picsCount, .teaserList-1 .promoSmall a:hover span.picsCount, .teaserList-2 .promo a:hover span.picsCount, .teaserList-2 .promoSmall a:hover span.picsCount {background-position: -253px -275px} .teaserList-1 .promo.mouseover .right > a, .teaserList-1 .promoSmall.mouseover .right > a, .teaserList-2 .promo.mouseover .right > a, .teaserList-2 .promoSmall.mouseover .right > a, .teaserList-1 .promo span.comments.mouseover, .teaserList-2 .promo span.comments.mouseover, .teaserList-1 .promoSmall span.comments.mouseover, .teaserList-2 .promo span.comments.mouseover, .teaserList-ontop .ontop.mouseover > a, .teaserList-ontop .ontop span.comments.mouseover {color: #d70d12} .teaserList-1 .topic {border-top: 3px solid #000000; border-bottom: 3px solid #000000} .teaserList-1 .caller, .teaserList-2 .caller {padding-top: 0; padding-bottom: 15px; width: 630px} .teaserList-1 .caller .left, .teaserList-2 .caller .left {width: 147px; float: left; padding: 0 16px 0 0} .teaserList-1 .caller .right, .teaserList-2 .caller .right {width: 467px; float: right} .block.grid_8 .teaserList-1.headversal span.head {text-transform: uppercase} .grid_8 ul.thumbnailnavi {margin-bottom: 10px} .grid_8 ul.thumbnailnavi li {float: left; padding: 0; position: relative; display: inline-block} .grid_4 ul.thumbnailnavi li {float: left; padding: 2px; position: relative; display: inline-block} .grid_4 ul.thumbnailnavi li a span, .grid_8 ul.thumbnailnavi li a span {display: none; position: absolute; top: 0; left: 0; z-index: 20; background-color: #e0e0e1; -moz-opacity: 0.4; opacity: 0.4; width: 100%; height: 100%} .grid_4 ul.thumbnailnavi li a:hover span, .grid_8 ul.thumbnailnavi li a:hover span {display: inline-block} body.topicpage .grid_8 .teaserList-1 .title, body.topicpage .grid_8 .teaserList-2 .title {border-bottom: 3px solid #353535; padding: 10px 0 0; margin: 0 -13px 14px} body.topicpage .grid_8 .teaserList-1 .title span.head, body.topicpage .grid_8 .teaserList-2 .title span.head {background-color: #353535; color: #ffffff; display: inline-block; padding: 7px 40px 3px 13px; font-size: 18px; font-weight: bold; line-height: 24px} #topicpagestage {padding: 0 0 10px 0; position: relative} #topicpagestage .teasertext {position: absolute; right: 0; top: 0; width: 350px; height: 412px; color: #ffffff; font-size: 14px; font-weight: normal; line-height: 18px; overflow: hidden} #topicpagestage .teasertext .frame {margin: 22px 10px 0 20px} #topicpagestage .teasertext h1 {font-size: 22px; line-height: 24px; font-weight: bold; margin: 0 0 15px} .teaserList-1 #toprecomm, .teaserList-1 #postrecomm {font-weight: bold; padding-top: 10px; font-size: 16px} .teaserList-1 #toprecomm {padding-bottom: 10px} .ressortteaserBlock .title {text-transform: uppercase; font-size: 18px; line-height: 18px; font-weight: bold; border-bottom: 2px solid #003365; padding-bottom: 9px; margin-bottom: 15px} .ressortteaserBlock .title .special, .ressortteaserBlock .info .date {color: #d50006} .ressortteaserBlock .title.link {color: #003365} .ressortteaserBlock span.listMarker {color: #999999} .ressortteaserBlock span.listMarker:hover, .ressortteaserBlock dl a:hover span.listMarker {color: #d50006} .grid_6 .ressortteaserBlock {width: 465px; padding-bottom: 12px; position: relative} .ressortteaserBlock .info, .ressortteaserBlock .info a span.comments {width: 465px; font-weight: normal; font-size: 12px; line-height: 15px; text-align: right; color: #999999} .ressortteaserBlock .info .bubble {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll 0 -1033px transparent; display: inline-block; height: 10px; position: relative; top: 1px; width: 16px} .ressortteaserBlock .info .overhead {display: block; float: left; color: #000000} .ressortteaserBlock .info .overhead h3, .ressortteaserBlock .info h3 {font-size: 12px; font-weight: bold; line-height: 15px; color: #d70d12} .ressortteaserBlock .teaser {height: 147px; overflow: hidden} .ressortteaserBlock .teaser a {font-size: 18px; line-height: 21px; display: block; margin: 1px 0 15px} .ressortteaserBlock .teaser a.mouseover, .ressortteaserBlock .title.link.mouseover, .ressortteaserBlock .info span.comments.mouseover {color: #d50006} .ressortteaserBlock .teaser p .more {color: #d70d12; display: inline; font-size: 14px; font-weight: normal; line-height: 18px; margin: 0 0 0 4px} .ressortteaserBlock img {float: left; margin: 2px 9px 0 0} .ressortteaserBlock p {float: left; width: 302px; font-size: 14px; line-height: 18px; height: 115px; overflow: hidden} .ressortteaserBlock dl.list {padding-top: 10px; line-height: 16px; float: left; width: 465px; overflow: hidden} .ressortteaserBlock dl.list dt {font-weight: bold; font-size: 12px; color: #000000} .ressortteaserBlock dl a {font-size: 12px; font-weight: normal; line-height: 17px} .ressortteaserBlock dl a:first-child span {font-weight: bold} .ressortteaserBlock .teaser p a {text-transform: uppercase; font-size: 11px; line-height: 14px; display: inline} .ressortteaserBlock a.ressortLink {position: absolute; bottom: 10px; right: 0} .ressortteaserBlock div.list {border-top: 1px solid #dadada; height: 105px; margin-top: 10px} .teaserBlock {font-size: 12px; line-height: 15px; width: 300px} .teaserBlock a.mouseover {color: #d70d12} .teaserBlock div.navigationTabs {line-height: 25px; padding: 3px 0 0; position: relative; border-bottom: 1px solid #dadada} .teaserBlock ul.navigation {float: left; position: relative; text-transform: none; top: 1px} .teaserBlock .titleEmpty, .pictureBlock .titleEmpty, .magazineteaserBlock .titleEmpty, .votingBlock .titleEmpty {font-size: 15px; line-height: 15px; padding: 15px 0 0 0} .teaserBlockNoSpacing {padding-left: 2px} .teaserBlockNoSpacing .titleEmpty {padding-top: 2px} .teaserBlock .surftippTitle, .pictureBlock .surftippTitle, .votingBlock .surftippTitle {border-bottom: 1px solid #dadada; font-size: 11px; height: 40px; line-height: 40px; margin-bottom: 10px; padding: 0 !important} .teaserBlock .surftippTitle img, .pictureBlock .surftippTitle img, .votingBlock .surftippTitle img {display: block; float: left; position: relative; bottom: -7px} .teaserBlock .surftipp, .pictureBlock .surftipp, .votingBlock .surftipp {float: left; font-weight: normal; padding-top: 5px} .teaserBlock .logo .surftipp, .pictureBlock .surftipp, .votingBlock .logo .surftipp {float: right} .teaserBlock.adsBlock .singleTeaser .overhead {color: #d70d12} .teaserBlock .caption, .pictureBlock .caption, .votingBlock .caption {font-weight: bold; line-height: 15px; font-size: 15px; padding: 0 0 8px 0} .teaserBlock .caption h3, .pictureBlock .caption h3, .votingBlock .caption h3 {line-height: 15px; font-size: 15px} .teaserBlock .teaser img {float: left; margin-right: 13px} .teaserBlock .teaser a {position: relative; top: -2px} .teaserBlock .teaser p {float: left; width: 165px; padding: 7px 0 3px 0} .teaserBlock .teaser p.noImage {float: left; width: 300px; padding: 7px 0 3px 0} .teaserBlock ul.doubleList li {float: left; font-size: 11px; line-height: 16px; margin-right: 3px; overflow: hidden; width: 147px} .teaserBlock ul.singleList li {clear: both; padding: 10px 0 0 0; font-size: 12px; line-height: 15px} .teaserBlock ul.singleList li:first-child {padding: 2px 0 0 0 !important} .teaserBlock ul.singleList li span.linkAddon, .teaserBlock ul.list li span.linkAddon {color: #000000; font-weight: normal} .teaserBlock .doubleTeaser .leftTeaser {float: left; width: 144px; overflow: hidden} .teaserBlock .doubleTeaser .rightTeaser {float: right; width: 144px; overflow: hidden} .teaserBlock .doubleTeaser a {position: relative; top: -2px} .teaserBlock .doubleTeaser img {margin-bottom: 8px} .teaserBlock .doubleTeaser div.thumb {height: 81px; margin-bottom: 5px; position: relative; width: 144px} .teaserBlock .doubleTeaser div.thumb span.picsCount {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) -382px -326px no-repeat; bottom: 11px; color: #ffffff; font-size: 12px; height: 29px; line-height: 30px; left: 34px; position: absolute; text-align: center; width: 115px} .teaserBlock .doubleTeaser a:hover div.thumb span.picsCount {background-position: -382px -355px; bottom: 10px; line-height: 28px} .teaserBlock .singleTeaser .generic {font-size: 12px; line-height: 18px; margin: 8px 0 0} .teaserBlock .singleTeaser .generic.noContent {margin: 9px 0 0} .teaserBlock .singleTeaser .generic .ressort a {font-size: 12px; font-weight: normal; margin: 0 8px 0 0} .teaserBlock .singleTeaser a {font-size: 22px; font-weight: bold} .teaserBlock .singleTeaser .overhead {color: #d70d12; display: block; font-size: 16px; font-weight: bold; line-height: 18px; padding: 3px 0 2px} .teaserBlock .singleTeaser .headline {line-height: 24px} .teaserBlock .singleTeaser .more, .teaserList-1 .promo .right p .more, .teaserList-1 .promoSmall .right p .more, .teaserList-1 .teaser .right p .more, .teaserList-2 .teaser .right p .more, .teaserList-ontop .ontop p .more {color: #d70d12; display: inline; font-size: 14px; font-weight: normal; line-height: 18px; margin: 0 0 0 4px} .teaserBlock .singleTeaser .comments {color: #999999; display: inline-block; font-size: 12px; font-weight: normal; margin-left: -2px} .teaserBlock .singleTeaser .comments .bubble, .teaserList-1 .promo .generic .comments .bubble, .teaserList-1 .promoSmall .generic .comments .bubble, .teaserList-1 .teaser .generic .comments .bubble, .teaserList-2 .teaser .generic .comments .bubble, .teaserList-ontop .ontop .generic .comments .bubble, #teaser_slider_container .teaserInfo .comments .bubble {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll 0 -1033px transparent; display: inline-block; margin: 0; height: 10px; position: relative; top: 1px; width: 16px} .teaserBlock .singleTeaser p {color: #000000; font-size: 14px; font-weight: normal; line-height: 18px; padding: 18px 0 0} .teaserBlock .singleTeaser .galleryPic {display: block; float: left; height: 169px; margin: -8px 0 8px; position: relative; width: 300px} .teaserBlock .singleTeaser span.picsCount {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -253px -240px; background-repeat: no-repeat; bottom: 9px; color: #ffffff; float: right; font-size: 14px; font-weight: normal; height: 33px; line-height: 32px; position: absolute; right: 9px; text-align: center; width: 131px; z-index: 50} .teaserBlock .singleTeaser a:hover span.picsCount {background-position: -253px -275px} .teaserBlock .singleTeaser div.firstImage {margin-top: 0} .teaserBlock .singleTeaser div.nextImage {margin-top: 20px} .teaserBlock .singleTeaser img {margin-bottom: 5px} .teaserBlock .singleTeaser .teaserInfo {color: #d70d12; display: inline !important; font-size: 13px; font-weight: normal !important} .teaserBlock .singleTeaser .teaserInfo span {display: inline !important; position: relative; top: -1px} .teaserBlock ul.list {border-top: 1px solid #dadada; padding: 8px 0 0 0; margin: 15px 0 0 0} .teaserBlock ul.listOnly {padding: 0 0 10px 0; margin: 0} .teaserBlock ul.list li, .teaserBlock ul.listOnly li {line-height: 16px; font-size: 12px; padding: 0 0 8px 0; width: 300px} .teaserBlock ul.list li:last-child, .teaserBlock ul.listOnly li:last-child {padding: 0 0 0 0 !important} .teaserBlock ul li.teaser {clear: both; padding: 10px 0 0 0; font-size: 12px; line-height: 15px} .teaserBlock ul li.image {padding: 10px 0 0 0} .teaserBlock ul li.teaser img {float: left; margin: 0 10px 0 0} .teaserBlock ul li.image a {font-size: 12px; line-height: 15px; position: relative; top: -2px} .teaserBlock ul li.teaser p {padding-top: 4px; float: left; width: 166px} .teaserBlock ul li.teaser:first-child {padding: 2px 0 0 0 !important} .teaserBlock ul li.image:first-child {padding: 0 !important} .teaserBlock ul.list li.sponsored_by {color: #999999; font-size: 10px; text-align: right} .teaserBlock ul.list li.sponsored_by img {display: block; float: right} .teaserBlock ul.list li.sponsored_by p {line-height: 20px; display: inline-block; padding: 0 8px 0 0} .teaserBlock .comments.mouseover {color: #d70d12} .grid_4 .content div.moreNavBottom {clear: both; padding-bottom: 21px; border-top: 1px solid #dadada; padding-top: 13px; margin-top: 12px} .grid_4 .content div.moreNavBottom a {float: right} .teaserBlock div.moreBlocks {padding-bottom: 13px} .teaserBlock div.moreBlocks a {float: right; margin-top: 7px} .teaserBlock div.inCoopF100 {border-top: 1px solid #dadada; text-align: right; padding-top: 10px; font-size: 11px} #article div.articleContent dl.f100Logo, dl.f100Logo {float: right; width: 100%; margin-top: 10px; padding-top: 5px; border-top: 1px solid #dadada} #article div.sidebar dl.f100Logo, #article div.articleContent dl.f100Logo, dl.f100LogoNB {float: right; width: 100%; margin-top: 10px} #article div.sidebar dl.f100Logo a, #article div.articleContent dl.f100Logo a, dl.f100LogoNB {float: right} dl.f100LogoNB a, dl.f100Logo a {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -107px -212px transparent; display: inline-block; height: 14px; width: 63px; margin-left: 5px} dl.f100LogoNB dd, dl.f100LogoNB dt, #article div.sidebar dl.f100Logo dd, #article div.sidebar dl.f100Logo dt, #article div.articleContent dl.f100Logo dd, #article div.articleContent dl.f100Logo dt, dl.f100Logo dd, dl.f100Logo dt {float: right; color: #999999; font-size: 10px; width: auto} .teaserBlock .doubleTeaser .leftTeaser a span, .teaserBlock .doubleTeaser .rightTeaser a span {font-weight: normal} .block.grid_4 .content ul.singleList li a, .teaserBlock ul.singleList li a, .teaserBlock ul.list li a {font-weight: normal} .block.grid_4 .content ul.singleList li span.linkAddon, .teaserBlock ul.singleList li span.linkAddon, .teaserBlock ul.list li span.linkAddon {display: block; font-weight: bold; color: #003365} .block.grid_4 .content ul.singleList li a:hover span.linkAddon, .teaserBlock ul.singleList li a:hover span.linkAddon, .teaserBlock ul.list li a:hover span.linkAddon {color: #d50006} .teaserBlock .teaser a span, .teaserBlock ul li.image a span {font-weight: normal; display: block} .teaserBlock .doubleTeaser .leftTeaser.nextrow, .teaserBlock .doubleTeaser .rightTeaser.nextrow {margin: 8px 0 0 0} .grid_4 .surftippBlock {padding: 0; width: 300px; overflow: hidden} .surftippBlock .title {font-size: 11px; line-height: 40px; height: 40px; padding: 0 !important; border-bottom: 1px solid #dadada; margin-bottom: 10px} .surftippBlock .title img {display: block; float: left; position: relative; bottom: -10px} .surftippBlock .surftipp {padding-top: 5px; float: left; font-weight: normal} .surftippBlock .logo .surftipp {float: right} .surftippBlock .button {border-top: 1px solid #dadada; margin-top: 10px} .surftippBlock .button a {margin-top: 10px; float: right} .surftippBlock .surftippTitle {border-bottom: 1px solid #dadada; font-size: 11px; height: 40px; line-height: 40px; margin-bottom: 10px; padding: 0 !important} .surftippBlock .surftippTitle img {display: block; float: left; position: relative; bottom: -7px} .surftippBlock .surftipp {float: left; font-weight: normal; padding-top: 5px} .surftippBlock .logo .surftipp {float: right} .surftippBlock a.tickerNavigationUp, .surftippBlock a.tickerNavigationUpDis {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -211px -241px; background-repeat: no-repeat; text-indent: 100px; width: 20px; height: 20px} .surftippBlock a.tickerNavigationDown, .surftippBlock a.tickerNavigationDownDis {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -231px -241px; background-repeat: no-repeat; text-indent: 100px; width: 20px; height: 20px} .surftippBlock a.tickerNavigationUp:hover {background-position: -211px -263px} .surftippBlock a.tickerNavigationDown:hover {background-position: -231px -263px} .surftippBlock div.tickerNavigationUp a.disabled, .surftippBlock div.tickerNavigationUp a.disabled:hover {background-position: -211px -285px; cursor: default} .surftippBlock div.tickerNavigationDown a.disabled, .surftippBlock div.tickerNavigationDown a.disabled:hover {background-position: -231px -285px; cursor: default} .surftippBlock .scrollable {position: relative; overflow: hidden; height: 150px; width: 300px} .surftippBlock .scrollable .items {position: absolute; height: 10000px} .surftippBlock .scrollable div.teaser {padding: 10px 0 0 0; font-size: 12px; line-height: 15px} .surftippBlock .scrollable div.teaser .image {padding: 10px 0 0 0} .surftippBlock .scrollable div.teaser img {float: left; margin: 0 10px 0 0} .surftippBlock .scrollable div.teaser .image a {font-size: 12px; line-height: 15px; position: relative; top: -2px} .surftippBlock .scrollable div.teaser p {padding-top: 4px; float: left; width: 166px} .surftippBlock .blockTeaser {font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #dadada; margin-bottom: 10px} .surftippBlock .caption {font-weight: bold; line-height: 15px; font-size: 15px; padding: 0 0 8px 0} .surftippBlock .scrollable div.items div:first-child div.teaser {padding: 2px 0 0 0 !important} .surftippBlock ul.focusfragen {line-height: 15px; font-size: 11px; color: #a0a0a0} .surftippBlock ul.focusfragen li {padding-bottom: 15px} .surftippBlock ul.focusfragen li a {font-weight: normal} .surftippBlock ul.focusfragen li a:first-child {font-size: 12px; font-weight: bold} .surftippBlock ul.focusfragen li .username {color: #000000; font-weight: bold} .surftippBlock .jameda {font-size: 12px; line-height: 15px} .surftippBlock .jameda legend {font-size: 15px; font-weight: bold; color: #000000} .surftippBlock .jameda fieldset.row p {padding: 0 !important} .surftippBlock .jameda fieldset.row p:first-child {float: left; margin-right: 15px; padding: 0 !important} .surftippBlock .jameda p {padding: 4px 0 16px 0} .surftippBlock input[type="submit"] {display: none} .surftippBlock .jameda label {font-weight: bold; display: block} .surftippBlock .jameda select {width: 300px; margin: 4px 0 14px 0; padding: 2px} .surftippBlock .jameda .row select {width: 138px} .surftippBlock .jameda .row input {width: 138px} .surftippBlock .jameda input {padding: 2px; width: 292px; margin: 4px 0 14px 0} .surftippBlock .jameda dl {border-top: 1px solid #dadada; padding: 7px 0 0 0; margin: 10px 0 0 0} .surftippBlock .jameda dl dt {font-weight: bold} .surftippBlock .jameda dl dd a {font-size: 11px} .surftippBlock .jameda .ratingHeadline {font-size: 15px; font-weight: bold; color: #000000} .surftippBlock .maxcityguide .scrollable div.teaser img {float: left; margin: 0 10px 0 0; width: 63px; height: 42px} .surftippBlock .maxcityguide .scrollable div.teaser .eventIcon {float: left; width: 63px; height: 42px; padding-right: 10px} .surftippBlock .maxcityguide .scrollable div.teaser .eventInfo {float: left; width: 227px} #serviceBlock .content .pane ul li {float: left; width: 166px; list-style-type: disc; list-style-position: inside; color: #d50006; line-height: 18px} #serviceBlock .content .pane ul li.grid4 {width: 332px} #serviceBlock .content .pane {padding: 10px 0} .emarf_da_edih div, .emarf_da_edih div iframe {height: 0; font-size: 0} div#sidebar div.tft_ads div.dc_ad.content {padding-bottom: 0} .ads .header, .adsBlock .header, .BgcGreyRed .header, .ads .footer, .adsBlock .footer, .BgcGreyRed .footer {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat} .ads .header, .adsBlock .header, .BgcGreyRed .header {background-position: -333px -36px} .ads .footer, .adsBlock .footer, .BgcGreyRed .footer {background-position: -333px -42px} .ads .content, .adsBlock .content, .BgcGreyRed .content {background: url(http://sealevel.info/pics/fol/gradientComponentsY.png) -2491px 0 repeat-y; padding: 0 16px 13px 16px} .ads span.surftipp, .adsBlock span.surftipp, .BgcGreyRed span.surftipp {font-weight: normal !important} .adsBlock .dc_ad .dc_headline .dc_txt, .BgcGreyRed .dc_ad .dc_headline .dc_txt, .articleContent .dc_ad .dc_headline .dc_txt {font-size: 9px; line-height: 11px; color: #999999; text-transform: uppercase} .tft_ads_area_cad1 div, .tft_ads_area_cad2 div, .tft_ads_area_cad3 div, .tft_ads_area_cad4 div, .tft_ads_area_cad5 div, .tft_ads_area_cad7 div {position: relative; top: 0; left: 0} .tft_ads_area_cad7 div {float: left} .cad_native {font-size: 0} .tft_ads.tft_ads_area_intxt {display: inline} .tft_ads.tft_ads_area_intxt .ads-gr2 {color: #999999; font-weight: normal} .ads .GoogleAdsenseSearch div, .ads .GoogleAdsenseContent div {float: left; text-align: right; padding: 3px 20px 0 0; width: 130px} .ads .GoogleAdsenseSearch div a, .ads .GoogleAdsenseContent div a, .ads .GoogleAdsenseSearch div a:hover, .ads .GoogleAdsenseContent div a:hover {color: #000000; font-weight: normal; font-size: 12px; text-decoration: none} .ads .GoogleAdsenseSearch ul, .ads .GoogleAdsenseContent ul {display: inline-block; width: 444px; font-size: 14px} .sidebar .linkbox {padding-bottom: 20px} #sidebar .tft_ads {overflow: hidden} #sidebar .ads .GoogleAdsenseSearch ul, #sidebar .ads .GoogleAdsenseContent ul {display: inline-block; width: 300px} #sky .ads .GoogleAdsenseSearch ul, #sky .ads .GoogleAdsenseContent ul {display: inline-block; width: 160px} .ads .GoogleAdsenseContent ul li {padding-top: 14px} .ads .GoogleAdsenseSearch ul li {padding-top: 14px} .ads .GoogleAdsenseSearch ul li a, .ads .GoogleAdsenseContent ul li a {font-weight: normal; text-decoration: underline} .ads .GoogleAdsenseSearch ul li a {color: #003365} .ads .GoogleAdsenseSearch ul li a:hover {color: #d50006; text-decoration: underline} .ads .GoogleAdsenseSearch ul li strong, .ads .GoogleAdsenseContent ul li strong {display: block; font-weight: bold} .ads .GoogleAdsenseSearch ul li strong a {color: #003365; text-decoration: none} #sidebar .ads .GoogleAdsenseContent ul li strong a {font-size: 18px; line-height: 22px} .ads .GoogleAdsenseSearch ul li span, .ads .GoogleAdsenseContent ul li span {display: block} #content .ads .GoogleAdsenseContent ul li span {display: inline !important; padding-right: 5px !important} .ads .GoogleAdsenseContent ul li span a {color: #000000; font-weight: normal} .ads .GoogleAdsenseSearch ul li span a, .ads .GoogleAdsenseSearch ul li {color: #000000; font-weight: normal; text-decoration: none} .ads .GoogleAdsenseSearch ul li strong a:hover, #sidebar .ads .GoogleAdsenseContent ul li strong a:hover {color: #d50006; text-decoration: none} #sidebar .ads .GoogleAdsenseContent ul li span a, #sidebar .ads .GoogleAdsenseContent ul li {font-size: 14px; line-height: 16px} #sidebar .ads .GoogleAdsenseContent ul li a:hover {color: #d50006; text-decoration: underline} #sidebar .ads .GoogleAdsenseContent div {padding-top: 4px; padding-bottom: 0; text-align: left} #content .ads .GoogleAdsenseSearch ul li:first-child, #content .ads .GoogleAdsenseContent ul li:first-child {padding-top: 0 !important} .tft_ads_area_cad1 div.ads .GoogleAdsenseContent div, .tft_ads_area_cad2 div.ads .GoogleAdsenseContent div, .tft_ads_area_cad3 div.ads .GoogleAdsenseContent div {padding-top: 10px} .tft_ads_area_cad1 div.ads .GoogleAdsenseContent li, .tft_ads_area_cad2 div.ads .GoogleAdsenseContent li, .tft_ads_area_cad3 div.ads .GoogleAdsenseContent li, .tft_ads_area_cad1 div.ads .GoogleAdsenseContent span, .tft_ads_area_cad2 div.ads .GoogleAdsenseContent span, .tft_ads_area_cad3 div.ads .GoogleAdsenseContent span {width: 300px} #skyscraper div.ads .GoogleAdsenseContent div, .tft_ads_area_cad1 div.ads .GoogleAdsenseContent div, .tft_ads_area_cad2 div.ads .GoogleAdsenseContent div, .tft_ads_area_cad3 div.ads .GoogleAdsenseContent div, #article .articleContent .ads .GoogleAdsenseSearch div, #article .articleContent .ads .GoogleAdsenseContent div {float: none; text-align: left; padding: 0 20px 4px 0} #content .ads .GoogleAdsenseSearch div, #content .ads .GoogleAdsenseContent div {float: left; text-align: right; padding: 0 31px 0 0} body.media .ads .GoogleAdsenseContent ul li strong a, .ads .byGoogleReferer .GoogleAdsenseContent ul li strong a {color: #003365; text-decoration: none} body.media .ads .GoogleAdsenseContent ul li strong a:hover, .ads .byGoogleReferer .GoogleAdsenseContent ul li strong a:hover {color: #d50006; text-decoration: none} body.media .ads .GoogleAdsenseContent ul li span a, body.media .ads .GoogleAdsenseContent ul li, .ads .byGoogleReferer .GoogleAdsenseContent ul li span a, .ads .byGoogleReferer .GoogleAdsenseContent ul li {color: #000000} body.media .ads .GoogleAdsenseContent ul li a, .ads .byGoogleReferer .GoogleAdsenseContent ul li a {color: #003365; text-decoration: underline} body.media .ads .GoogleAdsenseContent ul li a:hover, .ads .byGoogleReferer .GoogleAdsenseContent ul li a:hover {color: #d50006; text-decoration: underline} body.media .ads .GoogleAdsenseContent div a, body.media .ads .GoogleAdsenseContent div a:hover, .ads .byGoogleReferer .GoogleAdsenseContent div a, .ads .byGoogleReferer .GoogleAdsenseContent div a:hover {color: #000000} body.media #GoogleAdsenseContentArea_ros_fotoeinzelseite {padding: 10px 0 0 0} #content .ads .byGoogleReferer.article .GoogleAdsenseContent {background: #f2f2f2} .ads .byGoogleReferer.article .GoogleAdsenseContent ul li strong a {color: #003365; font-weight: bold} .ads .byGoogleReferer.article .GoogleAdsenseContent ul li strong a:hover {color: #d50006; text-decoration: none} .ads .byGoogleReferer.article .GoogleAdsenseContent ul li span {color: #000000} .ads .byGoogleReferer.article .GoogleAdsenseContent ul li a {color: #003365} .ads .byGoogleReferer.article .GoogleAdsenseContent ul li a:hover {color: #d50006; text-decoration: underline} .ads .byGoogleReferer.article .GoogleAdsenseContent ul li span a, .ads .byGoogleReferer.article .GoogleAdsenseContent ul li {font-size: 14px; line-height: 20px} #content .ads .byGoogleReferer.article .GoogleAdsenseContent div {float: none; padding: 0 0 10px 10px; text-align: left} #content .ads .byGoogleReferer.article .GoogleAdsenseContent ul {float: none; padding: 0 0 0 10px; text-align: left; width: 610px} #content .ads .byGoogleReferer.article .GoogleAdsenseContent li, #content .ads .byGoogleReferer.article .GoogleAdsenseContent span {width: 610px} #content .tft_ads_area_promobox .ads .GoogleAdsenseContent {background-color: #ffffff} .tft_ads_area_promobox .ads .GoogleAdsenseContent ul li strong a {color: #003365; font-size: 18px; line-height: 22px; text-decoration: none} .tft_ads_area_promobox .ads .GoogleAdsenseContent ul li a:hover, .tft_ads_area_promobox .ads .GoogleAdsenseContent ul li strong a:hover {color: #d50006; text-decoration: none} .tft_ads_area_promobox .ads .GoogleAdsenseContent ul li span a, .tft_ads_area_promobox .ads .GoogleAdsenseContent ul li span a:hover, .tft_ads_area_promobox .ads .GoogleAdsenseContent ul li {color: #000000; text-decoration: none} .tft_ads_area_promobox .ads .GoogleAdsenseContent ul li a {color: #003365} .tft_ads_area_promobox .ads .GoogleAdsenseContent div a, .tft_ads_area_promobox .ads .GoogleAdsenseContent div a:hover {color: #000000; font-size: 12px} .ads ul.adsense_google li a:first-child {font-size: 15px; line-height: 16px; display: block} .ads ul.adsense_google li {padding-top: 14px} .ads ul.adsense_google li:first-child {padding-top: 3px !important} #top-banner, #center-banner, #footer-banner {width: 1006px} #top-banner {text-align: center} #top-banner div {margin: 0 auto 0 auto} #center-banner div {margin: 8px auto} #footer-banner {position: relative} #footer-banner div {margin: 0 auto 8px auto} #skyscraper {position: absolute; left: 1006px; width: 160px; top: 0} #tfm_sky {height: 600px} #skyscraper div.ads .GoogleAdsenseContent ul, #skyscraper div.ads .GoogleAdsenseContent li, #skyscraper div.ads .GoogleAdsenseContent span, #skyscraper div.ads .GoogleAdsenseContent div {width: 160px} #branding {background-color: #e6e6e6} #branding .block {padding: 0 3px 0 6px; width: 996px; overflow: hidden; height: 56px; position: relative; margin: 0; line-height: 56px} #branding .title {border: 0; font-size: 16px; margin: 0; padding: 0; height: 56px; line-height: 56px; color: #9a9a9a; float: left} #branding img {float: right} #ctBreakingNews .block {padding: 0 3px 0 6px; width: 991px; height: 42px; position: relative; margin: 0; line-height: 42px} #ctBreakingNews .title, #ctBreakingNews .titleFgd, #ctBreakingNews .logoBreaking, #ctBreakingNews .socTweeds {border: 0; font-size: 16px; margin: 0; padding: 0; height: 42px; font-weight: bold; line-height: 42px} #ctBreakingNews .title, #ctBreakingNews .titleFgd, #ctBreakingNews .logoBreaking {float: left} #ctBreakingNews .socTweeds {float: right; width: 210px; height: 22px; line-height: 22px; margin-top: 10px} #ctBreakingNews .socTweeds span {line-height: 22px; display: inline-block} #ctBreakingNews .socTweeds span.facebookSoc {float: left} #ctBreakingNews .socTweeds span.facebookSoc a {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -851px -700px transparent; display: block; height: 20px; margin: 0 16px 0 0; overflow: hidden; width: 76px} #ctBreakingNews .socTweeds span.facebookSoc a:hover {background-position: -851px -720px} #ctBreakingNews .socTweeds span.twitterSoc {float: left; margin: 0 16px 0 0; overflow: hidden; width: 70px} #ctBreakingNews .socTweeds span.gplusSoc {float: right} #ctBreakingNews .socTweeds a.soTweet {color: #ffffff; font-weight: normal; font-size: 13px} #ctBreakingNews .title {width: 840px; overflow: hidden; color: #003365; position: relative} #ctBreakingNews .titleFgd-left, #ctBreakingNews .titleFgd-right {width: 12px; overflow: hidden; color: #003365; position: absolute; bottom: 0; left: 138px; z-index: 99; pointer-events: none; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll 0 -794px transparent} #ctBreakingNews .titleFgd-right {width: 50px; left: 928px; background-position: -548px -794px} #ctBreakingNews .title .breakingNewsContent {position: absolute; white-space: nowrap; z-index: 20} #FOLBreakingNewsSlot ul {list-style: none outside none; margin: 0; padding: 0; position: relative; white-space: nowrap; z-index: 20} #FOLBreakingNewsSlot li {margin: 0; padding: 0; display: inline} #FOLBreakingNewsSlot a {display: inline-block} #ctBreakingNews .title .breakingNewsPlus {letter-spacing: 0.4em; padding: 0 15px} #ctBreakingNews .logoBreaking {width: 132px; text-align: center; background: url(http://sealevel.info/pics/fol/gradientComponentsX.png) repeat-x 0 -1425px} #content .ads .surftippBlock, .ads.tpl .surftippBlock, #content .ads .GoogleAdsenseSearch, #videoDetail .ads .GoogleAdsenseSearch {background: 0; background-color: #f3f3f3; padding: 10px 13px; margin-bottom: 20px} #content .ads .GoogleAdsenseContent, #videoDetail .ads .GoogleAdsenseContent {background: 0; background-color: #f2f2f2; padding: 10px 0; margin-bottom: 20px} #search .ads {background-color: #ffffff; margin-top: 4px} #search .borderBottom {border-bottom: 1px solid #dadada} #content .ads .GoogleAdsenseSearch {background-color: #ffffff; padding-bottom: 0; margin: 4px 0 16px} #search .adsBottom {margin: -10px 0 16px; border-bottom: none} #content .ads .title, .ads.tpl .title {font-size: 11px; line-height: 17px; height: 17px; border-bottom: 0} #content .ads .surftippBlock, .ads.tpl .surftippBlock {padding-top: 7px} #content .ads .surftippBlock span.overhead, .ads.tpl .surftippBlock span.overhead, #content .ads .surftippBlock h3, .ads.tpl .surftippBlock h3 {display: block; font-weight: bold; line-height: 16px; font-size: 12px; font-weight: normal} #content .ads .surftippBlock a, .ads.tpl .surftippBlock a {display: block; font-size: 12px} .ads.tpl .surftippBlock ul.list a {font-weight: normal} .ads.tpl .surftippBlock ul.list a span {font-weight: bold} #content .ads .surftippBlock img, .ads.tpl .surftippBlock img {float: left; margin-right: 10px; margin-top: 3px} #content .ads .teaser, .ads.tpl .teaser {border: 0; padding-bottom: 14px; margin-bottom: 0} #content .ads .teaser:last-child {padding-bottom: 0} #content .ads .teaser p, .ads.tpl .teaser p {font-size: 12px; margin-top: 2px; padding: 0; line-height: 15px} #content .ads span.surftipp, .ads.tpl span.surftipp {padding: 0} #content .ads .left span.surftipp, .ads.tpl .left span.surftipp {text-align: right; float: none} #content .ads .teaser .left {width: 130px; padding-right: 20px; margin-top: 5px} #content .ads .teaser .right {width: 444px} #content .ads .teaser a, .ads.tpl .teaser a {font-size: 12px; line-height: 16px} #content .ads .teaser p a {font-size: 11px; line-height: 11px; margin-bottom: 0; display: inline} .tpl .teaserBlock li a p, .ads.tpl .teaser a p {color: #000000; font-weight: normal} .tpl .teaserBlock li a p .more, .ads.tpl .teaser a p .more {color: #d70d12; display: inline; font-size: 14px; font-weight: normal; margin: 0 0 0 4px} .ads .artimg .GoogleAdsenseContent ul {width: 300px; font-size: 14px} #content .ads .artimg .GoogleAdsenseContent div {text-align: left; padding-bottom: 10px} #content .ads .artimg .GoogleAdsenseContent {margin-bottom: 0; background: #f2f2f2} .GoogleAdsenseLinkBoxContent {margin-top: -16px; padding-bottom: 20px} .GoogleAdsenseLinkBoxContent .headline {padding-top: 10px; height: 22px} .GoogleAdsenseLinkBoxContent a {font-weight: normal; font-size: 12px} .GoogleAdsenseLinkBoxContent .headline a {color: #999999} .GoogleAdsenseLinkBoxContent li {margin-top: 5px} body.ressort div.tft_ads.tft_ads_area_contentbox {padding: 0 0 0 15px} .google_asa_schlagwoerter {border-top: 1px solid #dadada; margin: 15px 0 0 -5px; padding: 10px 0 0} body.tag .teaserList-1 .google_asa_schlagwoerter {border-top: 2px solid #cccccc} .vouchermarker {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -851px -804px transparent; width: 44px; height: 12px; position: relative; top: 7px; margin-bottom: 5px} .largeTagPager {width: 630px; height: 42px; background-color: #f3f3f3; border-bottom: 1px solid #e3e3e3} .largeTagPager a.nextPage, .largeTagPager a.prevPage {display: block; width: 35px; height: 42px; position: absolute; top: 0; background-color: #000000; background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-repeat: no-repeat; z-index: 100; cursor: pointer; padding: 0} .largeTagPager a.nextPage {background-position: -104px -240px; right: 0} .largeTagPager a.nextPage:hover {background-position: -104px -282px} .largeTagPager .nextPage a.disabled, .largeTagPagerlargePager .nextPage a.disabled:hover {cursor: default; background-position: -104px -324px} .largeTagPager a.prevPage {background-position: -67px -240px; right: 35px} .largeTagPager a.prevPage:hover {background-position: -67px -282px} .largeTagPager .prevPage a.disabled, .largeTagPager .prevPage a.disabled:hover {cursor: default; background-position: -67px -324px} .largeTagPager .pageList {float: left; text-align: center; width: 560px; border-left: 1px solid #dadada} .largeTagPager .pageList ul li {display: inline; position: relative; width: 20px; height: 42px; border-left: 1px solid #dadada} .largeTagPager .pageList ul li a {font-size: 12px; line-height: 42px; padding: 0 6px 0 6px} .largeTagPager .pageList ul li a.active {color: #d50006} .largeTagPager .pageList ul li:last-child {border-right: 1px solid #dadada} .shortPagerContainer {position: absolute; bottom: -2px; right: 0} #fancybox-loading {position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 9.99999e+06; display: none} * html #fancybox-loading {position: absolute; margin-top: 0} #fancybox-loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(http://sealevel.info/pics/fancybox/fancybox.png)} #fancybox-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000000; z-index: 9.99999e+06; display: none} * html #fancybox-overlay {position: absolute; width: 100%} #fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none} #fancybox-wrap {position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 9.99999e+06; display: none} #fancybox-outer {position: relative; width: 100%; height: 100%; background: #ffffff} #fancybox-inner {position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden} #fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent} #fancybox-close {position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url(http://sealevel.info/pics/fancybox/fancybox.png); background-position: -40px 0; cursor: pointer; z-index: 9.99999e+06; display: none} #fancybox-close.inlineicon {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -1702px -215px; height: 13px; right: 14px; top: 14px; width: 13px} #fancybox_error {color: #444444; font: 12px/20px Arial; padding: 7px; margin: 0} #fancybox-content {height: auto; width: auto; padding: 0; margin: 0} #fancybox-img {width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic} #fancybox-frame {position: relative; width: 100%; height: 100%; border: none; display: block} #fancybox-title {position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 9.99999e+06} .fancybox-title-inside {padding: 10px 0; text-align: center; color: #333333; font-weight: bold} .fancybox-title-outside {padding-top: 5px; color: #ffffff; text-align: center; font-weight: bold} .fancybox-title-over {color: #ffffff; text-align: left} #fancybox-title-over {padding: 10px; background-image: url(http://sealevel.info/pics/fancybox/fancy_title_over.png); display: block} #fancybox-title-wrap {display: inline-block} #fancybox-title-wrap span {height: 32px; float: left} #fancybox-title-left {padding-left: 15px; background-image: url(http://sealevel.info/pics/fancybox/fancybox.png); background-position: -40px -90px; background-repeat: no-repeat} #fancybox-title-main {font-weight: bold; line-height: 29px; background-image: url(http://sealevel.info/pics/fancybox/fancybox-x.png); background-position: 0 -40px; color: #ffffff} #fancybox-title-right {padding-left: 15px; background-image: url(http://sealevel.info/pics/fancybox/fancybox.png); background-position: -55px -90px; background-repeat: no-repeat} #fancybox-left, #fancybox-right {position: absolute; bottom: 0; height: 100%; width: 50%; cursor: pointer; outline: none; background-image: url(http://sealevel.info/pics/fancybox/blank.gif); z-index: 9.99999e+06; display: none} #fancybox-left {left: 0} #fancybox-right {right: 0} #fancybox-left-ico, #fancybox-right-ico {position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 9.99999e+06; display: block} #fancybox-left-ico {background-image: url(http://sealevel.info/pics/fancybox/fancybox.png); background-position: -40px -30px} #fancybox-right-ico {background-image: url(http://sealevel.info/pics/fancybox/fancybox.png); background-position: -40px -60px} #fancybox-left:hover, #fancybox-right:hover {visibility: visible} #fancybox-left:hover span {left: 10px} #fancybox-right:hover span {left: auto; right: 10px} .fancy-bg {position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001} #fancy-bg-n {top: -20px; left: 0; width: 100%; background-image: url(http://sealevel.info/pics/fancybox/fancybox-x.png)} #fancy-bg-ne {top: -20px; right: -20px; background-image: url(http://sealevel.info/pics/fancybox/fancybox.png); background-position: -40px -162px} #fancy-bg-e {top: 0; right: -20px; height: 100%; background-image: url(http://sealevel.info/pics/fancybox/fancybox-y.png); background-position: -20px 0} #fancy-bg-se {bottom: -20px; right: -20px; background-image: url(http://sealevel.info/pics/fancybox/fancybox.png); background-position: -40px -182px} #fancy-bg-s {bottom: -20px; left: 0; width: 100%; background-image: url(http://sealevel.info/pics/fancybox/fancybox-x.png); background-position: 0 -20px} #fancy-bg-sw {bottom: -20px; left: -20px; background-image: url(http://sealevel.info/pics/fancybox/fancybox.png); background-position: -40px -142px} #fancy-bg-w {top: 0; left: -20px; height: 100%; background-image: url(http://sealevel.info/pics/fancybox/fancybox-y.png)} #fancy-bg-nw {top: -20px; left: -20px; background-image: url(http://sealevel.info/pics/fancybox/fancybox.png); background-position: -40px -122px} #fancybox-title span.fBoxCounter {color: #707070; float: left; font-size: 11px; margin-top: -5px} #fancybox-title span.fBoxCredit {color: #adadad; float: right; font-size: 11px; margin-top: -5px} #fancybox-title span.fBoxCaption {color: #707070; float: left; font-size: 12px; line-height: 12px; padding-bottom: 4px; text-align: left} #footer dl, #footer dl a {color: #999999; font-size: 9px; line-height: 15px} #footer dl.copy {float: left; width: 216px} #footer dl dt {float: left} #footer dl.generic-nav1 span, #footer dl.partners span, #footer dl.credit span, #footer dl.copy span {color: #000000; font-size: 9px; font-weight: bold} #footer dl dd {float: right; text-align: right} #footer dl.partners, #footer dl.credits {padding-top: 10px; float: left; width: 998px} #footer dl.credits {display: none} div#footerBlock div {overflow: hidden} div#footerv2-head .frame {padding: 0 5px 0 5px; width: 996px} div#footerv2-head .top {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll 0 -0px transparent; height: 5px} div#footerv2-head .content {background: url(http://sealevel.info/pics/fol/gradientComponentsY.png) repeat-y scroll 0 0 transparent; padding: 0 16px 7px 14px; width: 967px} div#footerv2-head .bottom {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll 0 -6px transparent; height: 5px} #footerv2-frame {position: relative} #footerv2-frame a {font-weight: normal} #footerv2-frame #footerv2-spacer {margin: 0 auto; position: relative; width: 1166px} #footerv2-frame #footerv2-spacer div {background-color: #fafafa; padding: 0 5px; width: 996px; height: 50px} #footerv2-frame #footerv2-spacer div .breadcrumb {line-height: 50px; padding: 0 0 0 3px; color: #003365; font-size: 12px; overflow: hidden} #footerv2-frame #footerv2-spacer div .breadcrumb span, #footerv2-frame #footerv2-spacer div .breadcrumb a {font-weight: bold} #footerv2-frame #footerv2-subframe {background: #f5f5f6 url(http://sealevel.info/pics/fol/gradientComponentsX.png) repeat-x -0px -1543px} #footerv2-frame #spots {background: transparent; padding: 27px 0 0} #footerv2-frame #spots .spotframe {float: left; width: 300px; padding: 0 0 0 48px} #footerv2-frame #spots .spotframe.first {padding: 0} #footerv2-frame #spots .spotframe .row {height: 176px; width: 300px; overflow: hidden} #footerv2-frame #spots .spotframe .row .header {border-bottom: 1px solid #aaaaaa; height: 25px; font-size: 15px; font-weight: bold} #footerv2-frame #spots .spotframe .row ul {padding: 9px 0 0} #footerv2-frame #spots .spotframe .row ul li {float: left; width: 92px; padding: 0 0 0 12px; height: 130px; overflow: hidden} #footerv2-frame #spots .spotframe .row ul li a p {padding: 6px 0 0} #footerv2-frame #spots .spotframe .row ul li a.img {display: block; width: 92px; height: 52px; position: relative; overflow: hidden} #footerv2-frame #spots .spotframe .row ul li a.img span {background-image: url(http://sealevel.info/pics/fol/layoutComponents24.png); background-position: -1910px -10px; background-repeat: no-repeat; height: 45px; left: 24px; position: absolute; top: 4px; width: 45px} #footerv2-frame #spots .spotframe .row ul li a:hover.img span {background-position: -1910px -55px} #footerv2-frame #spots .spotframe .row ul li.first {padding: 0} #footerv2-frame #spots .spotframe .row ul.lines {padding: 6px 0 0} #footerv2-frame #spots .spotframe .row ul.lines li {width: 300px; float: none; line-height: 13px; height: 13px; padding: 0} #footerv2-frame #spots .spotframe .row ul.lines li a {font-weight: bold} #footerv2-frame #spots .spotframe .row .col ul.lines li a {font-weight: normal} #footerv2-frame #spots .spotframe .row .col ul.lines li {width: 144px} #footerv2-frame #spots .spotframe .row ul.lines li a span {display: inline-block; text-align: right; padding: 0 5px 0 0; width: 55px; font-weight: normal} #footerv2-frame #spots .spotframe .row .col {width: 144px; float: left} #footerv2-frame #spots .spotframe .row .col.first {width: 156px} #footerv2-frame #servicev2 {background: transparent} #footerv2-frame #servicev2 ul {width: 139px; padding: 14px 0 8px; float: left; overflow: hidden} #footerv2-frame #servicev2 .subhome ul.col1, #footerv2-frame #servicev2 .subhome ul.col2, #footerv2-frame #servicev2 .subhome ul.col4, #footerv2-frame #servicev2 .subhome ul.col5, #footerv2-frame #servicev2 .subhome ul.col6, #footerv2-frame #servicev2 .subhome ul.col7 {width: 166px} #footerv2-frame #servicev2 ul.col1 {padding: 235px 0 8px; width: 162px} #footerv2-frame #servicev2 ul.col2 ul {padding: 0} #footerv2-frame #servicev2 ul.col2a {height: 221px; overflow: hidden} #footerv2-frame #servicev2 ul.col2b {padding: 0 0 8px} #footerv2-frame #servicev2 ul li {line-height: 17px} #footerv2-frame #servicev2 ul li.head {font-weight: bold; padding: 0 0 6px} #footerv2-frame #servicev2 ul li.ico-rss a, #footerv2-frame #servicev2 ul li.ico-fb a, #footerv2-frame #servicev2 ul li.ico-tw a, #footerv2-frame #servicev2 ul li.ico-yt a {display: inline-block; height: 13px; line-height: 14px; background: transparent url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat 0 0; padding: 0 0 0 17px} #footerv2-frame #servicev2 ul li.ico-rss a {background-position: 0 -942px} #footerv2-frame #servicev2 ul li.ico-fb a {background-position: -173px -942px} #footerv2-frame #servicev2 ul li.ico-tw a {background-position: -346px -942px} #footerv2-frame #servicev2 ul li.ico-yt a {background-position: -519px -942px} #footerv2-frame #servicev2 .key-visual {position: absolute; width: 160px; height: 250px; left: 8px; top: -15px; overflow: hidden} #footerv2-frame #servicev2 .key-visual a {display: block; width: 160px; height: 250px} #footerv2-frame #footerv2 {position: relative; padding-top: 5px; font-weight: normal} #footerv3 .generic {padding: 10px 0; width: 998px; border-top: 2px solid #e4e2e3} #footerv3 .generic .left {width: 368px; float: left} #footerv3 .generic .right {width: 630px; height: 28px; position: relative; float: right} #footerv3 .bottom {min-width: 1006px; width: 100%; background-color: #d50006; height: 27px; z-index: 1; margin: 10px 0 0} #footerv3 .bottom .logotv, #footerv3 .bottom .logomagazin, #footerv3 .bottom .logoschule, #footerv3 .bottom .logofamilie, #footerv3 .bottom .logomoney, #footerv3 .bottom .logofol {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -813px -622px transparent; display: block; height: 27px; text-indent: -9000px; width: 56px; margin: 0; float: left} #footerv3 .bottom .logotv {background-position: -629px -622px; width: 53px} #footerv3 .bottom .logomagazin {background-position: -755px -622px; width: 53px} #footerv3 .bottom .logoschule {background-position: -687px -622px; width: 64px} #footerv3 .bottom .logomoney {background-position: -571px -622px; width: 56px} #footerv3 .bottom .logofamilie {background: url(http://sealevel.info/pics/fol/focus_familie_67x27.png) no-repeat 0 0 transparent; width: 67px} #footerv3 .bottom .logotv a, #footerv3 .bottom .logomagazin a, #footerv3 .bottom .logoschule a, #footerv3 .bottom .logomoney a, #footerv3 .bottom .logofol a, #footerv3 .bottom .logofamilie a {display: block; height: 27px; width: 100%} #footerv3 .container_12 dl.copy dt span {height: 27px; line-height: 27px; color: #ffffff; padding: 0 0 0 18px} #footerv3 dl.credits, #footerv3 dl.partners {padding: 10px 0 0; width: 998px; border-top: 2px solid #e4e2e3} #footerv3 dl.credits {padding: 10px 0; color: #003365; cursor: pointer} #footerv3 dl.credits strong {color: #000000} #footerv3 dl .nav1 {color: #003365; font-size: 11px; line-height: 15px} #footerv3 dl.credits .credits_container {display: none} #footerv3 dl.credits .marker {background: transparent url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -214px -69px; display: inline-block; height: 4px; width: 8px; margin: 0 0 1px 5px} #footerv3 dl.credits .marker.up {background-position: -225px -69px} #footerv3 form.search input[type="text"] {border: 1px solid #b4b4b4; color: #999999; height: 24px; padding: 1px 30px 1px 10px; width: 128px} #footerv3 form.newsletter input[type="text"] {border: 1px solid #b4b4b4; color: #999999; height: 24px; padding: 1px 65px 1px 10px; width: 213px} #footerv3 form.search input[type="text"].error, #footerv3 form.newsletter input[type="text"].error {color: #d50006} #footerv3 form.search input[type="text"]:focus, #footerv3 form.newsletter input[type="text"]:focus {outline: none} #footerv3 form.search input[type="submit"] {background: #d50006 url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat scroll -2133px -4px; border: 0 none; cursor: pointer; height: 26px; left: 143px; padding: 0; position: absolute; top: 1px; width: 26px} #footerv3 form.newsletter input[type="submit"] {background-color: #d50006; color: #ffffff; right: 1px; border: 0 none; cursor: pointer; height: 26px; padding: 0; position: absolute; top: 1px; background-color: #d50006; border: 0 none; color: #ffffff; font-weight: bold; width: 60px} #footerv3 div#footsearch {position: absolute; right: 0; top: 0} #footerv3 form.newsletter {width: 435px} #footerv3 form.newsletter div.newsletterText {float: left; font-weight: bold; padding: 7px 10px 0 0} #footerv3 dd.network-thumbs {margin: 10px 0 20px 0} #footerv3 dd.network-thumbs ul {margin: 15px auto 0} #footerv3 dd.network-thumbs ul li a, #footerv3 dd.network-thumbs ul li {height: 38px; width: 103px} #footerv3 dd.network-thumbs ul li {float: left; padding: 0 10px 0 0} #footerv3 dd.network-thumbs ul li.cds {padding: 0} #footerv3 dd.network-thumbs ul li a {display: block; text-indent: -5000px; overflow: hidden; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 0 transparent no-repeat} #footerv3 dd.network-thumbs ul li.chip a {background-position: -1000px -830px} #footerv3 dd.network-thumbs ul li.chip a:hover {background-position: -1000px -868px} #footerv3 dd.network-thumbs ul li.huffpo a {background-position: -1103px -830px} #footerv3 dd.network-thumbs ul li.huffpo a:hover {background-position: -1103px -868px} #footerv3 dd.network-thumbs ul li.weatherchannel a {background-position: -1206px -830px} #footerv3 dd.network-thumbs ul li.weatherchannel a:hover {background-position: -1206px -868px} #footerv3 dd.network-thumbs ul li.netmoms a {background-position: -1309px -830px} #footerv3 dd.network-thumbs ul li.netmoms a:hover {background-position: -1309px -868px} #footerv3 dd.network-thumbs ul li.f100 a {background-position: -1412px -830px} #footerv3 dd.network-thumbs ul li.f100 a:hover {background-position: -1412px -868px} #footerv3 dd.network-thumbs ul li.cds a {background-position: -1515px -830px} #footerv3 dd.network-thumbs ul li.cds a:hover {background-position: -1515px -868px} #footerv3 dd.network-thumbs ul li.bestcheck a {background-position: -1618px -830px} #footerv3 dd.network-thumbs ul li.bestcheck a:hover {background-position: -1618px -868px} .ressortTabBlock .title {padding: 10px 0 0 0; line-height: 0; width: 100%} .ressortTabBlock .title .surftipp {float: right; font-size: 11px; font-weight: normal; padding: 5px 2px 0; text-transform: none} .ressortTabBlock ul.navigation {float: left; position: relative; top: 1px; text-transform: none} .ressortTabBlock ul.navigation li img {margin: 2px 5px 0 0; padding: 5px 0 0 3px} .ressortTabBlock ul.navigation li span {padding: 0 4px 0 3px} .ressortTabBlock ul.navType4 li {line-height: 28px} .ressortTabBlock div.partner_logo {border-bottom: 1px solid #dadada; display: block; padding: 4px 0 8px; margin: 0 0 8px; width: 464px} .ressortTabBlock div.partner_logo img {float: none; margin: 0} #ep {font-size: 12px} #ep div.teaser, #jm div.teaser {min-height: 233px} #ep div.teaser a {margin-bottom: 0} #ep div.ep_teaser {padding-top: 10px; float: left; width: 154px; margin-right: 10px} #ep div.ep_teaser img {float: none} #ep div.ep_headline {padding-top: 8px} #ep div.ep_headline a {font-size: 12px; line-height: 13px; font-weight: bold; padding-bottom: 6px} #ep div.ep_text, #jm div.jm_text {line-height: 15px} #ep div.ep_form {margin-top: 10px; padding-bottom: 0; float: left; width: 300px; background-image: url(http://sealevel.info/pics/koops/elitepartner/elitepartner_verlauf.png); background-repeat: repeat-x} #ep div.ep_descr {margin-top: 8px; padding: 0 0 0 10px; float: left; width: 68px; font-weight: bold; color: #d50006} #ep .ep_form form, #jm .jm_form form {padding-top: 5px} #ep .ep_form labels {float: left; font-weight: bold} #ep .ep_form label {padding-top: 3px; float: left; width: 92px; font-weight: bold} #ep .ep_form div.various_elements {float: left; width: 200px} #ep .ep_input {float: left; padding: 7px 0 0 5px} #ep_text, #jm_text {font-size: 11px} #ep .ep_form input[type="text"] {border-top: 2px solid #818181; border-right: 2px solid #d2d1cd; border-left: 1px solid #d2d1cd; border-bottom: 1px solid #d2d1cd; height: 17px; padding: 2px 0 0 2px; margin-bottom: 7px; width: 195px} #ep div.ep_email {padding: 10px 0 0 10px; float: left; width: 68px; font-weight: bold; color: #d50006} #ep .ep_text_agb {font-size: 9px; line-height: 9px; color: #999999} #ep .ep_text_agb a, #ep .ep_text_agb a:active, #ep .ep_text_agb a:hover {font-size: 9px; line-height: 9px; color: #999999; text-decoration: underline; display: inline} #ep div.ep_tuev {padding: 5px 12px 0 10px; float: left; width: 63px} #ep div.ep_suche {padding: 4px 0 10px 0; font-size: 11px; float: right} #jm {font-size: 12px} #jm .partner_logo img {margin: 0 0 1px} #jm div.teaser a {margin-bottom: 0} #jm div.jm_teaser {background: url(http://sealevel.info/pics/koops/jameda/jameda_verlauf.png) repeat-x; margin-top: 12px; font-family: Verdana,Arial,Helvetica,sans-serif; float: left; width: 209px; padding: 15px 18px 23px 9px} #jm div.jm_teaser img {display: block; float: none; margin: 0 0 18px} #jm div.jm_text a {color: #069bd2; display: inline; font-size: 12px; font-weight: normal; line-height: 15px} #jm div.jm_text a:hover {text-decoration: underline} #jm div.jm_form {margin-top: 12px; padding-left: 5px; padding-bottom: 0; float: left; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; width: 224px; background: url(http://sealevel.info/pics/koops/jameda/jameda_verlauf.png) repeat-x} #jm .jm_input {color: #069bd2; float: left; margin: 5px 0 0 0} #jm .jm_input span {display: inline-block; margin: 0 0 1px} #jm .jm_input .jm_address {float: left; padding: 0 6px 0 0} #jm .jm_input .jm_dist {float: left} #jm .jm_form input {border: 1px solid #069bd2; color: #999999; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; height: 17px; padding: 2px 0 0 2px; width: 210px} #jm .jm_input .jm_address input {width: 110px} #jm .jm_input .jm_dist select {border: 1px solid #069bd2; color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; height: 21px; padding: 2px; width: 94px} #jm .jm_input select.gruppe {border: 1px solid #069bd2; color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; padding: 2px; width: 214px} #jm div.jm_suche {float: left; padding: 9px 0 10px 50px} #jm a.jamedaSearchBtn {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat 0 -841px; height: 27px; width: 123px} #jm a:hover.jamedaSearchBtn {background-position: -124px -841px} .bx-wrapper {position: relative; margin: 0 auto 60px; padding: 0} .bx-wrapper img {max-width: 100%; display: block} .bx-wrapper .bx-viewport {-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0)} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: -30px; width: 100%} .bx-wrapper .bx-loading {min-height: 50px; background: url(http://sealevel.info/pics/mobile/bx_loader.gif) center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000} .bx-wrapper .bx-pager {text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: #666666; padding-top: 20px} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block} .bx-wrapper .bx-pager.bx-default-pager a {background: #666666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000000} .bx-wrapper .bx-prev {left: 10px; background: url(http://sealevel.info/pics/mobile/controls.png) no-repeat 0 -32px} .bx-wrapper .bx-next {right: 10px; background: url(http://sealevel.info/pics/mobile/controls.png) no-repeat -43px -32px} .bx-wrapper .bx-prev:hover {background-position: 0 0} .bx-wrapper .bx-next:hover {background-position: -43px 0} .bx-wrapper .bx-controls-direction a {position: absolute; top: 45%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 99} .bx-wrapper .bx-controls-direction a.disabled {display: none} .bx-wrapper .bx-controls-auto {text-align: center} .bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(http://sealevel.info/pics/mobile/controls.png) -86px -11px no-repeat; margin: 0 3px} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0} .bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(http://sealevel.info/pics/mobile/controls.png) -86px -44px no-repeat; margin: 0 3px} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px} .bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; width: 100%} .bx-wrapper .bx-caption span {color: #ffffff; font-family: Arial; display: block; font-size: 0.85em; padding: 10px} #sfImgAnalyzer, #sf_see_similar, #SF_VISUAL_SEARCH, #SF_ScreenLayout, #sfMsgId, #SF_SA_INFO, #similarproducts_inimg {display: none !important; height: 0 !important; width: 0 !important; opacity: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important} #rubrikk-articleleft .overhead {padding-bottom: 6px; font-size: 14px; font-weight: bold; line-height: 17px; padding-bottom: 13px; border-top: 1px solid #dadada; padding-top: 13px} #rubrikk-articleleft ul li {margin-bottom: 5px} #rubrikk-articleleft ul li.last {margin-bottom: 0} #rubrikk-articleleft ul li a {font-size: 12px; font-weight: normal} #rubrikk-listleft {margin-bottom: 20px; border-top: 2px solid #cccccc; padding: 5px 0 0} #rubrikk-listleft .rubrikk-head {font-size: 18px; font-weight: bold; line-height: 24px; padding: 10px 0 14px} #rubrikk-listleft ul {float: left; width: 307px} #rubrikk-listleft ul.last {float: right; width: 310px} #rubrikk-listleft ul li {margin: 0 7px 0 0} #rubrikk-listleft ul li a {font-size: 12px; line-height: 15px} #rubrikk-rightcol .rubrikk-head {border-bottom: 1px solid #dadada; font-size: 18px; font-weight: bold; line-height: 18px; margin-bottom: 9px; padding-bottom: 8px; padding-top: 13px} #rubrikk-rightcol ul li a {font-size: 12px; line-height: 15px} #rubrikk-searchbox_right .form-container {padding-bottom: 6px} #rubrikk-searchbox_right .form-container table div.inputlabel {padding-top: 10px; width: 132px; font-size: 11px; font-family: Verdana; float: left} #rubrikk-searchbox_right .form-container table div.inputlabelbelow {font-size: 9px; line-height: 12px; font-family: Verdana; color: #999999} #rubrikk-searchbox_right .form-container table td.submit {padding-top: 24px; padding-left: 4px} #rubrikk-searchbox_right .form-container table td.submit #submitbtn {cursor: pointer} #rubrikk-searchbox_right .form-container table input {width: 120px} .rubrikk_search_widget {margin: 10px 0} .rubrikk_search_widget, .rubrikk_search_widget form {background-color: #f2f2f2; font-size: 12px} .rubrikk_search_widget .frame {padding: 7px} .rubrikk_search_widget .catText {padding: 0 0 10px 0} .rubrikk_search_widget .inner, .rubrikk_search_widget input, .rubrikk_search_widget select {font-size: 12px} .rubrikk_search_widget input {vertical-align: middle; height: 18px} .rubrikk_search_widget select {height: 24px} .rubrikk_search_widget .head {font-size: 16px; font-weight: bold; line-height: 21px; padding-bottom: 6px; color: #003365} .rubrikk_search_widget form div {float: left; height: 24px; overflow: hidden} .rubrikk_search_widget form div.select, .rubrikk_search_widget form div.input {margin: 0 10px 5px 0} .rubrikk_search_widget form .btn {background-color: #d70d12; color: #ffffff; font-weight: bold; cursor: pointer; padding: 0 10px; text-align: center} .rubrikk_search_widget form div.select, .rubrikk_search_widget form div.input {width: 35%} .rubrikk_search_widget form div.select select, .rubrikk_search_widget form div.input input {width: 100%} .rubrikk_search_widget form .btn {width: 20%; line-height: 24px} .clear {clear: both !important} .articleContent dl.textFazit dd p {padding-bottom: 0} .fol-twc-li-wrapper {padding-bottom: 2em} .fol-twc-inline-wrapper {position: relative; padding: 0.625em 0 0 0; overflow: hidden} .fol-twc-inline-wrapper h4 {color: #d50006; font-size: 20px} .fol-twc-inline-wrapper .fol-twc-icon-box img {image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges} #article .fol-twc-inline-wrapper h4 {padding-bottom: 0.8em} .fol-twc-inline-wrapper > div.fol-twc-main-view > div:first-child {width: 90%} .fol-twc-icon-box-wrapper {font-size: 1.4em} .fol-twc-main-view:after {content: " "; display: block; height: 0; visibility: hidden; clear: both} .fol-twc-icon-box {position: relative; float: left; width: 30%; margin: 0 0.5em 0.5em 0; text-align: center; padding: 1em 0 1em 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; min-height: 5em; background: transparent url(http://sealevel.info/pics/twc/loader.gif) no-repeat center center; background-size: 25%} .fol-twc-icon-box[data-fol-twc-weather-loaded="true"][data-fol-twc-city-loaded="true"], .fol-twc-detail-view .fol-twc-icon-box {background-image: none} .fol-twc-icon-box:hover {background-color: #eef5ff} .fol-twc-icon-box a {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out} .fol-twc-icon-box .fol-twc-day {font-size: 0.6em; display: inline-block; margin-top: -0.2em} .fol-twc-icon-box a {color: #000000} .fol-twc-icon-box a:hover {color: #000000} .fol-twc-icon-box > * {display: inline-block; margin-top: 0.3em; font-weight: bold} .fol-twc-icon-box > *:first-child {margin-top: 0} .fol-twc-action-bar {margin-top: -1em; text-align: center; padding: 1em 0 0 0} .fol-twc-action-bar button {display: inline-block; color: #ffffff; height: 2.4em; min-width: 120px; font-size: 12px; -webkit-border-radius: 1.2em; -moz-border-radius: 1.2em; -ms-border-radius: 1.2em; border-radius: 1.2em; background-color: #666666; margin: 0 0.625em; border: none; font-weight: bold; cursor: pointer; padding: 0 1.2em} .fol-twc-action-bar button:focus {outline: 0} .fol-twc-action-bar button.active {background-color: #3c8ed2} .fol-twc-action-bar button.loading {position: relative} .fol-twc-action-bar button.loading:after {display: inline-block; position: absolute; content: ""; width: 1.6em; height: 1.6em; background: transparent url(http://sealevel.info/pics/twc/loader.gif) no-repeat center center; background-size: 100%; right: -2.4em; top: 50%; margin-top: -0.8em} .fol-twc-inline-wrapper .fol-twc-icon-box img {width: 80px; height: 80px; margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em} .fol-twc-backlink-box {padding-top: 5em; width: 15%; min-height: 3em; display: inline-block; vertical-align: top; text-align: right} .fol-twc-backlink-box a {position: absolute; right: 0; top: 90px} .fol-twc-backlink-box a {display: inline-block} .fol-twc-backlink-box img {width: 80px; height: 80px} .fol-twc-inline-wrapper[data-fol-twc-state="default"] .fol-twc-detail-view {display: none} .fol-twc-inline-wrapper[data-fol-twc-state="detail"] .fol-twc-default-view {display: none} .block.grid_4 .fol-twc-inline-wrapper {padding: 0.2em 0 0 0} .block.grid_4 .fol-twc-icon-box {font-size: 0.75em; padding: 0.3em 0 0.3em 0} .block.grid_4 .fol-twc-inline-wrapper .fol-twc-day {display: none} .block.grid_4 .fol-twc-action-bar button {font-size: 1em} .block.grid_4 .fol-twc-inline-wrapper > div.fol-twc-main-view > div:first-child {width: 85%} .block.grid_4 .fol-twc-inline-wrapper .fol-twc-detail-view {position: relative} .block.grid_4 .fol-twc-inline-wrapper .fol-twc-default-view h2 {display: none} .block.grid_4 .fol-twc-inline-wrapper h4 {position: absolute; right: -65px; font-size: 0.7em; margin-left: -50%; width: 90px; text-align: center; font-weight: normal; color: #000000; top: 0.1em} .block.grid_4 .fol-twc-default-view h4 {display: none} .block.grid_4 .fol-twc-inline-wrapper h4 span {display: none} .block.grid_4 .fol-twc-inline-wrapper a {color: #000000; font-weight: normal} .block.grid_4 .fol-twc-backlink-box {padding-top: 2em; text-align: right} .block.grid_4 .fol-twc-backlink-box a {display: inline-block; position: absolute; right: 0; top: 16px} .block.grid_4 .fol-twc-backlink-box img {width: 50px; height: 50px} .block.grid_4 .fol-twc-icon-box img {width: 40px; height: 40px; margin-top: 0.3em; margin-bottom: 0.3em} .block.grid_4 .fol-twc-inline-wrapper[data-fol-twc-mode="location_only"], .block.grid_4 .fol-twc-inline-wrapper[data-fol-twc-mode="no_location"] {height: 76px} .block.grid_4 .fol-twc-inline-wrapper[data-fol-twc-mode="location_only"] .fol-twc-icon-box, .block.grid_4 .fol-twc-inline-wrapper[data-fol-twc-mode="no_location"] .fol-twc-icon-box {padding: 0.1em 0 0.1em 0} .block.grid_4 .fol-twc-inline-wrapper[data-fol-twc-mode="location_only"] h4 {top: 0} .block.grid_4 .fol-twc-inline-wrapper[data-fol-twc-mode="no_location"] h4 {display: none} .block.grid_4 .fol-twc-action-bar button {font-weight: normal} #article .fol-twc-inline-wrapper {border-bottom: #dadada 2px solid; border-top: #dadada 2px solid; padding-bottom: 1em} #article .fol-twc-inline-wrapper > div.fol-twc-main-view > div:first-child {width: 80%} #article .three-day-forecast-summary {margin-top: 1em} #article .textomat.three-day-forecast-detail div {margin-bottom: 1em; padding-left: 60px; background-size: 40px 40px; background-repeat: no-repeat} #article .textomat.three-day-forecast-detail div[class="0"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/00_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="1"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/01_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="2"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/02_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="3"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/03_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="4"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/04_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="5"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/05_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="6"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/06_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="7"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/07_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="8"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/08_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="9"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/09_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="10"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/10_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="11"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/11_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="12"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/12_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="13"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/13_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="14"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/14_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="15"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/15_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="16"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/16_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="17"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/17_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="18"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/18_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="19"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/19_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="20"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/20_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="21"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/21_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="22"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/22_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="23"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/23_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="24"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/24_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="25"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/25_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="26"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/26_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="27"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/27_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="28"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/28_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="29"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/29_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="30"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/30_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="31"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/31_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="32"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/32_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="33"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/33_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="34"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/34_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="35"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/35_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="36"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/36_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="37"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/37_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="38"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/38_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="39"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/39_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="40"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/40_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="41"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/41_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="42"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/42_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="43"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/43_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="44"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/44_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="45"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/45_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="46"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/46_40x40@2.png)} #article .textomat.three-day-forecast-detail div[class="47"] {background-image: url(http://sealevel.info/pics/twc/40x40@2/47_40x40@2.png)}