/* AUTHOR */



#zinsticker .ztLink {float: left; width: 180px}
#zinsticker .kond {text-align: right}
#zinsticker .dispo {float: right; width: 45px; text-align: right}
#zinsticker .source {padding-top: 5px; color: #666666; font-size: 11px; float: right}
#zinsticker p.zt {margin-bottom: 10px}
.teaserBlock .titleWeatherBox {padding: 10px 0 0}
.WETTER_clearfix:after {clear: both; content: " "; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0}
* html .WETTER_clearfix {height: 1%}
.WETTER_clearfix {display: block}
.WETTER_wxicon {background: url(http://imgs.wetter.com/cooperation/focus/wxsprite.png) no-repeat top left; float: left}
.WETTER_wxtxt {margin-left: 8px; float: left; color: #003365; font-weight: bold; font-size: 10px}
.WETTER_big {font-size: 10px; font-weight: normal}
.WETTER_bigger {font-size: 12px}
.WETTER_title {font-size: 15px; font-weight: bold; color: #003365}
.WETTER_mode {color: #d50006}
.WETTER_mode_l {color: #999999}
#WETTER_widget {width: 300px; height: 68px; overflow: hidden}
#WETTER_widget li {width: 48px; height: 48px; overflow: hidden; list-style: none; margin: 0; padding: 0}
#WETTER_widget select {margin-top: 4px}
#WETTER_widget p {position: relative}
.WETTER_weather {margin: 0 !important}
.WETTER_preferences {margin: 0}
.WETTER_wx {padding: 4px; float: left; width: 220px; overflow: hidden}
.WETTER_setup {position: absolute; right: 0; bottom: 0}
.WETTER_setup img {display: inline}
.WETTER_sprite-d_0_b {background-position: 0 0; width: 48px; height: 48px}
.WETTER_sprite-d_1_b {background-position: 0 -98px; width: 48px; height: 48px}
.WETTER_sprite-d_2_b {background-position: 0 -196px; width: 48px; height: 48px}
.WETTER_sprite-d_3_b {background-position: 0 -294px; width: 48px; height: 48px}
.WETTER_sprite-d_4_b {background-position: 0 -392px; width: 48px; height: 48px}
.WETTER_sprite-d_5_b {background-position: 0 -490px; width: 48px; height: 48px}
.WETTER_sprite-d_6_b {background-position: 0 -588px; width: 48px; height: 48px}
.WETTER_sprite-d_7_b {background-position: 0 -686px; width: 48px; height: 48px}
.WETTER_sprite-d_8_b {background-position: 0 -784px; width: 48px; height: 48px}
.WETTER_sprite-d_9_b {background-position: 0 -882px; width: 48px; height: 48px}
.WETTER_sprite-d_kA_b {background-position: 0 -980px; width: 48px; height: 48px}
.WETTER_sprite-n_0_b {background-position: 0 -1078px; width: 48px; height: 48px}
.WETTER_sprite-n_1_b {background-position: 0 -1176px; width: 48px; height: 48px}
.WETTER_sprite-n_2_b {background-position: 0 -1274px; width: 48px; height: 48px}
.WETTER_sprite-n_3_b {background-position: 0 -1372px; width: 48px; height: 48px}
.WETTER_sprite-n_4_b {background-position: 0 -1470px; width: 48px; height: 48px}
.WETTER_sprite-n_5_b {background-position: 0 -1568px; width: 48px; height: 48px}
.WETTER_sprite-n_6_b {background-position: 0 -1666px; width: 48px; height: 48px}
.WETTER_sprite-n_7_b {background-position: 0 -1764px; width: 48px; height: 48px}
.WETTER_sprite-n_8_b {background-position: 0 -1862px; width: 48px; height: 48px}
.WETTER_sprite-n_9_b {background-position: -98px 0; width: 48px; height: 48px}
.WETTER_sprite-n_kA_b {background-position: -98px -98px; width: 48px; height: 48px}
.earthtv .headline, .earthtv .bu {font-size: 13px; font-weight: bold; line-height: 16px; display: block; color: #003365}
.earthtv .headline {padding: 0 0 5px}
.earthtv .bu {padding: 5px 0 0 0}
.earthtv iframe {cursor: pointer}
.earthtv div.iframe {position: relative; width: 300px; height: 209px}
.earthtv div.iframe a {position: absolute; top: 0; left: 0; width: 300px; height: 209px}
.earthtv div.iframe a span {top: 159px; left: 207px}
.gas_strom_rechner .title {text-transform: uppercase}
.gas_strom_rechner .inner {padding: 15px 0 40px 0}
.gas_strom_rechner .gsr_left {float: left; width: 313px}
.gas_strom_rechner .gsr_right {float: right; width: 313px}
.gas_strom_rechner .calcform {float: right; width: 220px; margin: -4px 0 0 0; position: relative}
.gas_strom_rechner .calcform input.usage {width: 125px; border: 1px solid #adadaf}
.gas_strom_rechner .calcform .btn-frame {width: 129px; text-align: right}
.gas_strom_rechner .calcform .btn-frame a {width: 106px; display: inline-block; position: absolute; bottom: -25px; left: 15px}
#sidebar .block .blueBoxContent {background: url(http://sealevel.info/pics/fol/gradientComponentsY.png) repeat-y scroll -2158px 0 transparent; padding: 0; width: 330px}
.grid_4 .blueBoxPure {width: 300px}
.blueBoxPure dl.navigation dt {background: url(http://sealevel.info/pics/fol/gradientComponentsX.png) 0 -998px repeat-x; height: 27px; color: #ffffff; margin: -2px -29px 0 3px; padding: 13px 0 0 13px; font-size: 18px; font-weight: bold; line-height: 15px}
.blueBoxPure dl.navigation dt a.blueBoxButton {float: right; margin-right: 13px}
.blueBoxPure dl.navigation dt a.blueBoxTitle, .blueBoxPure dl.navigation dt a.blueBoxTitle:hover {color: #ffffff}
.grid_4 .blueBox {width: 300px; padding-bottom: 0}
.blueBox a.active {color: #d50006}
.blueBox dl.navigation {margin-bottom: 5px}
.blueBox dl.navigation dt {background: url(http://sealevel.info/pics/fol/gradientComponentsX.png) 0 -998px repeat-x; height: 29px; color: #ffffff; margin: -2px -13px 11px -13px; padding: 13px 0 0 13px; font-size: 18px; font-weight: bold; line-height: 17px}
.blueBox dl.navigation dt a.blueBoxButton {float: right; margin-right: 13px}
.blueBox dl.navigation dt a.blueBoxTitle, .blueBox dl.navigation dt a.blueBoxTitle:hover {color: #ffffff}
.blueBox dl.navigation dd {float: left; width: 147px; font-size: 11px; line-height: 16px; margin-right: 3px; overflow: hidden}
.blueBox .newestArticles {padding-bottom: 4px}
.blueBox .newestArticles .teaser {font-size: 12px; line-height: 15px; margin-bottom: 10px}
.blueBox .newestArticles .teaser img {float: left; margin-right: 10px}
.blueBox .newestArticles .teaser span.date {display: block; color: #999999; font-weight: normal}
.blueBox .popularArticles div.navigation {border-bottom: 1px solid #dadada; margin-top: -2px}
.blueBox .popularArticles dl {font-size: 12px; line-height: 15px}
.blueBox .popularArticles dl dt {padding-top: 10px; color: #999999; font-size: 11px}
.blueBox .popularArticles dl dt:first-child {padding-top: 0 !important}
.blueBox .popularArticles .title {width: 300px}
.blueBox div.navigation1 {height: 54px; margin: -3px -14px -15px -14px}
.blueBoxPure div.navigation1 div.header, .blueBox div.navigation1 div.header {background: url(http://sealevel.info/pics/fol/gradientComponentsX.png) 0 -998px repeat-x; height: 35px; color: #ffffff; padding: 4px 0 0 15px; font-size: 18px; font-weight: bold; line-height: 18px; width: 313px}
.blueBoxPure div.navigation1 div.header {margin: -2px 1px 0 3px}
.blueBoxPure div.navigation1 div.header div.blueBoxTitle, .blueBox div.navigation1 div.header div.blueBoxTitle {padding-top: 7px; color: #ffffff}
.blueBoxPure div.navigation1 div.header div.headline, .blueBox div.navigation1 div.header div.headline {float: left; width: 265px}
.blueBoxPure div.navigation1 div.header div.rssBtn2, .blueBox div.navigation1 div.header div.rssBtn2 {float: right; width: 35px; padding-top: 7px}
.blueBoxPure div.navigation1 div.header a.blueBoxArrow, .blueBox div.navigation1 div.header a.blueBoxArrow {float: left; margin: 0 0 5px 0; padding: 0 8px 0 0}
.blueBox .shadow {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -965px no-repeat; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; height: 16px; width: 326px; margin: 0 0 0 -14px}
.blueBox table {background-color: #e6e6e6; border-spacing: 12px 0; padding: 0 0 15px 0; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; margin: -1px 0 0 -14px; width: 328px}
.blueBox table.line-bottom {border-bottom: 1px solid #b4b4b4}
.blueBox td {vertical-align: top; width: 160px; font-size: 11px; line-height: 13px; overflow: hidden; margin: 0; padding: 7px 5px 7px 5px; border-bottom: 1px solid #cccccc}
.blueBox td:hover {background-color: #d6d8dc}
.blueBox td a {display: block}
.blueBox td a:hover {color: #da0100; background-color: #d6d8dc}
.blueBox td a.active {color: #da0100}
.blueBox .newestArticles1 {padding-top: 10px; margin-bottom: 5px}
.blueBox .newestArticles1Line {border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; margin: 0 -14px 0 -14px; padding: 15px}
.blueBox .newestArticles1LineBottom {border-bottom: 1px solid #b4b4b4; margin-bottom: -13px}
.blueBox .popularArticles1Line {border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; margin: 0 -14px -13px -14px; padding: 0 13px 12px 13px}
.blueBox .popularArticles1Distance {padding-top: 5px}
.blueBox .popularArticles1 div.navigation1 {border-bottom: 1px solid #dadada; margin-top: -2px}
.blueBox .popularArticles1 dl {font-size: 12px; line-height: 15px}
.blueBox .popularArticles1 dl dt {padding-top: 10px; color: #999999; font-size: 11px}
.blueBox .popularArticles1 dl dt:first-child {padding-top: 0 !important}
.blueBox .popularArticles1 dl dd {padding-top: 0 !important; margin: 9px 0 9px 0}
.blueBox .popularArticles1 dl dd a span {font-weight: normal}
.blueBox .popularArticles1 dl dd div.number {color: #da0100; float: left; font-size: 32px; line-height: 32px; width: 30px}
.blueBox .popularArticles1 dl dd div.articles {float: left; width: 260px}
.blueBox .popularArticles1 dl dd a {}
.blueBox .popularArticles1 .title {width: 300px; height: 17px; padding-top: 13px}
body.tag .navigationBlock > .title {background: url(http://sealevel.info/pics/fol/gradientComponentsX.png) 0 -998px repeat-x; height: 29px; color: #ffffff; margin: -2px -13px 11px -13px; padding: 13px 0 0 13px; font-size: 18px; font-weight: bold; line-height: 18px}
body.tag .navigationBlock .combinations {clear: both}
body.tag .navigationBlock .combinations dd {font-size: 11px; line-height: 16px}
body.tag .navigationBlock .combinations dd a {font-weight: normal}
body.media .navigationBlock .tags li, body.tag .navigationBlock .tags li {float: left; width: 150px; font-size: 11px; line-height: 16px}
body.tag .navigationBlock a.moreCombinations {float: right}
body.tagCombination .navigationBlock > .title {background: url(http://sealevel.info/pics/fol/gradientComponentsX.png) 0 -998px repeat-x; height: 29px; color: #ffffff; margin: -2px -13px 11px -13px; padding: 13px 0 0 13px; font-size: 18px; font-weight: bold; line-height: 18px}
body.tagCombination .navigationBlock .combinations dl {border-top: 1px solid #dadada; clear: both; margin-bottom: 9px}
body.tagCombination .navigationBlock .combinations .title {margin-bottom: 0}
body.tagCombination .navigationBlock .combinations dt {font-size: 14px; font-weight: bold; line-height: 16px; padding: 9px 0 10px 0}
body.tagCombination .navigationBlock dl.combinations {padding-top: 20px; clear: both}
body.tagCombination .navigationBlock .combinations dd {font-size: 11px; line-height: 16px}
body.tagCombination .navigationBlock .combinations dd a {font-weight: normal}
body.tagCombination .navigationBlock .tags li {float: left; width: 150px; font-size: 11px; line-height: 16px; overflow: hidden}
body.tagCombination .navigationBlock a.moreCombinations {float: right}
.suche .blueBox .popularArticles dl dt {color: #d50006; font-size: 12px}
.suche .blueBox dl dt img.close {display: inline; vertical-align: text-bottom}
.suche .blueBox .noText {padding-top: 0 !important}
.suche .blueBox select {margin-top: 3px; margin-bottom: 7px; width: 280px}
.searchFacettenBox dl.navigation dt span {float: right; margin-right: 13px; font-size: 11px; line-height: 16px}
.videoBlock .title, #videoBlock .title {padding: 10px 0 0 0; position: relative; line-height: 25px}
.videoBlock .navigation, #videoBlock .navigation {float: right; position: relative; top: 1px; text-transform: none}
.videoBlock p, .videoBlock p a, #videoBlock p, #videoBlock p a {width: 300px; font-size: 11px; line-height: 13px; color: #666666; padding-top: 8px; font-weight: normal; cursor: default}
.videoBlock div.pane img, #videoBlock div.pane img {margin: auto; position: relative}
.grid_4 .videoBlock .title {margin-bottom: 0}
.grid_4 .videoBlock .title h3 {padding: 0 0 10px}
.votingBlock form, .votingBlock form div {display: block; width: 300px; overflow: hidden}
.votingBlock p {font-size: 12px; line-height: 15px; padding-bottom: 5px}
.votingBlock p:first-child {font-size: 15px; line-height: 18px}
.votingBlock p.question {border-top: 1px solid #dadada; height: 20px; width: 300px; margin-top: 3px; position: relative}
.votingBlock p.question span.corner {display: block; width: 19px; height: 19px; position: absolute; left: 26px; top: -1px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) -23px -162px; z-index: 2}
.votingBlock p.submit {border-top: 1px solid #dadada; padding: 10px 0 0 0; margin: 10px 0 0 0}
.votingBlock a.greyButton {float: right}
.votingBlock input[type="submit"] {display: none}
.votingBlock input[type="radio"] {float: left; display: block}
.votingBlock label {padding: 4px 0 0 5px; float: left; display: block; width: 270px}
.tableBlock table {width: 300px; border-collapse: collapse; margin-bottom: 3px}
.tableBlock table caption {text-align: left; border-bottom: 1px solid #dadada; padding-bottom: 8px}
.tableBlock table td {font-size: 12px; line-height: 15px; border-bottom: 1px solid #dadada; padding: 6px 0; margin: 0}
.tableBlock table tfoot td {border-bottom: 0; text-align: right}
.tableBlock table td.right {text-align: right}
.tableBlock span.source {color: #999999; font-size: 10px; line-height: 15px}
.tableBlock table tfoot a.greyButton {float: right; margin: 4px 0}
#suchenUndBuchen .doubleTeaser {padding-top: 12px}
#suchenUndBuchen .doubleTeaser .doubleTeaserLeft {float: left; width: 300px; padding-right: 14px; border-right: 1px solid #dadada}
#suchenUndBuchen .doubleTeaser .doubleTeaserRight {width: 300px; padding-left: 14px; float: right}
#suchenUndBuchen .teaserOverhead {padding-top: 10px}
#suchenUndBuchen .teaserOverhead h3 {font-size: 12px; line-height: 15px; font-weight: bold}
#suchenUndBuchen .teaserHeadline {padding-top: 8px; font-size: 12px; line-height: 15px; color: #000000}
#suchenUndBuchen .teaserLinkText {padding-top: 8px}
#suchenUndBuchen .teaserLinkText a {color: #d50107}
#suchenUndBuchen .quadTeasers {padding-top: 50px}
#suchenUndBuchen .smallTeaser {width: 147px; float: left; padding-right: 14px}
#suchenUndBuchen div.smallTeaserLastChild {width: 147px; float: left; padding-right: 0}
#suchenUndBuchen .teaserOverheadSmall {padding-top: 8px}
#suchenUndBuchen .teaserOverheadSmall h4 {font-size: 12px; line-height: 15px; font-weight: bold}
#suchenUndBuchen .teaserHeadlineSmall {padding-top: 5px; font-size: 12px; line-height: 15px; color: #000000}
#suchenUndBuchen .teaserTextSmall {padding-top: 8px}
#suchenUndBuchen .teaserTextSmall a {color: #d50107}
.grid_4 #communityBlock {height: 75px; position: relative}
#communityBlock .title {color: #003365; border-bottom: none; padding: 5px 0 0 0 !important; font-size: 17px}
#communityBlock dl {width: 170px; font-weight: bold; position: absolute; top: 6px; left: 150px; line-height: 16px}
#communityBlock dl dt {color: #d50006; float: left; width: 60px; text-align: right; padding: 0 10px 2px 0}
#communityBlock dl dd {float: left; width: 100px; padding: 0 0 2px 0}
#communityBlock .navigation {color: #003365; font-size: 10px; position: absolute; bottom: 14px; height: 10px; left: 13px}
#communityBlock .navigation a {font-weight: normal}
#content .similarityBlock .sep {padding-top: 9px}
#content .similarityBlock .title {border: 0; color: #003365; margin-bottom: 2px}
#content .similarityBlock .titleSmall {font-size: 17px}
#content .similarityBlock .teaser {border-top: 2px solid #dadada; padding: 14px 0 15px; margin: 0}
#content .similarityBlock .teaser.darkline {border-top: 2px solid #003365}
#teaserRss .teaser {line-height: 20px; margin: 15px 0 0}
#teaserRss .teaser .more {float: left}
#teaserRss .teaser a span.text {float: left; display: block; width: 540px; padding: 0 0 30px 10px}
.block dl#kolumne dt.title {border-bottom: 1px solid #dadada; font-size: 18px; margin-bottom: 7px}
dl#kolumne {padding-top: 5px}
dl#kolumne dd {font-size: 12px}
dl#kolumne dd.text {color: #999999; margin-bottom: 10px}
dl#kolumne dd.sep {margin-top: 21px}
dl#kolumne dd div.date {width: 143px; display: block; text-align: right; margin-right: 18px; float: left}
dl#kolumne dd div {line-height: 23px}
dl#kolumne dd div.link {width: 430px; text-align: left; float: left}
dl#kolumne dd a span {font-weight: normal; color: #000000}
dl#kolumne dd div.dateCreate {float: right; text-align: right; width: 35px; color: #999999; font-weight: bold}
.focus-formular {background-color: #eff2f3; border-bottom: 1px solid #aec2cd; border-top: 1px solid #aec2cd; margin-bottom: 5px; padding: 10px}
.mobile .focus-formular {background-color: #f3f3f3; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; margin-bottom: 0}
.focus-formular fieldset > label, .focus-formular fieldset > input, .focus-formular fieldset > span.inputlabel, .focus-formular fieldset > div.radiooptions {display: block; float: left; margin-bottom: 10px}
.focus-formular div.radiooptions input[type="radio"] {vertical-align: bottom}
.focus-formular label {width: 200px; padding: 5px 10px 0 0}
.focus-formular .submit-button {padding: 0 10px; height: 18px; text-align: right}
.focus-formular .submit-button a {padding: 0 26px 0 0; background: url(http://sealevel.info/pics/icons/arrow_right_17.gif) no-repeat right 1px; height: 18px; line-height: 17px; display: block; color: #003365; text-decoration: none}
.focus-formular .submit-button a:hover {background-position: right -17px; color: #d50006}
.stdres {background-color: #aec2cd; height: 24px}
.f-12 {font-size: 12px}
.f-14 {font-size: 14px}
.f-16 {font-size: 16px}
.lh-22 {line-height: 22px}
.point {cursor: pointer}
div.focusFragen {font-family: Verdana; font-size: 11px; position: relative}
div.focusFragen ul, div.focusFragen ul li, div.focusFragen p, div.focusFragen dl, div.focusFragen dl dd, div.focusFragen dl dt {margin: 0; padding: 0}
div.focusFragen ul li {list-style-type: none}
div.focusFragen ul li {line-height: 13px}
div.focusFragen a {color: #09577f !important}
div.focusFragen a:hover {color: #cc0000 !important}
div.focusFragen .spacerBottom {margin-bottom: 15px}
div.focusFragen .specHeadline {color: #ffffff; background: #1f5899; text-transform: uppercase; font-weight: bold; font-size: 12px; margin: 0; padding: 8px 0 0 12px}
.grid_8 div.boxListing {position: relative; width: 467px; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -410px repeat-y; padding-top: 48px; font-family: verdana; overflow: hidden}
.grid_8 div.boxListing div.headline {color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 48px; margin: 0; padding: 0 57px 0 0; text-align: right; position: absolute; top: 0; right: 0}
.grid_8 div.boxListing div.headline a {color: #ffffff !important}
.grid_8 div.boxListing a {color: #09577f !important}
.grid_8 div.boxListing a:hover {color: #cc0000 !important}
.grid_8 div.boxListing a.focusFragen {position: absolute; top: 9px; left: 10px; text-indent: -9000px; height: 27px; width: 131px; display: block; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -240px}
.grid_8 div.boxListing div.header {height: 81px; line-height: 40px; text-indent: 81px}
.grid_8 div.boxListing div.navigation {position: absolute; width: 306px; top: 28px; right: 10px; border-bottom: none !important}
.grid_8 div.boxListing div.navigation ul {width: 306px; border: 0; margin: 0; background: url(http://sealevel.info/pics/navi/tabs_transp_l_r.gif) left top no-repeat; padding: 0 0 0 1px !important; height: 23px}
.grid_8 div.boxListing div.navigation ul li {width: 105px; float: left; height: 23px; line-height: 23px; padding: 0}
.grid_8 div.boxListing div.navigation ul li.popular {width: 95px}
.grid_8 div.boxListing div.navigation ul li a {display: block; text-align: center; background: url(http://sealevel.info/pics/navi/tabs_transp_r.gif) right 0 no-repeat; font-size: 11px; line-height: 23px; font-weight: bold}
.grid_8 div.boxListing div.navigation ul li a:hover, .grid_8 div.boxListing div.navigation ul li a.active {background: url(http://sealevel.info/pics/navi/tabs_transp_r.gif) right -23px no-repeat; text-decoration: none; color: #cc0000 !important}
.grid_8 div.boxListing ul {background-color: #ffffff; margin: 0 10px 0 10px; border-top: 1px solid #000000; padding: 0 0 10px 0 !important}
.grid_8 div.boxListing ul li {padding: 10px 10px 0 10px}
.grid_8 div.boxListing ul li a {font-size: 11px; line-height: 13px; font-weight: bold}
.grid_8 div.boxListing ul.unanswered, .grid_8 div.boxListing ul.popular {display: none}
.grid_8 div.boxListing ul.new, .grid_8 div.boxListing ul.visible {display: block}
.grid_8 div.boxListing ul li p.info {font-size: 10px !important; line-height: 13px; font-weight: normal}
.grid_8 div.boxListing ul li p.info a {font-weight: normal; font-size: 10px !important}
.grid_8 div.boxListing div.fragenFooter {height: 10px}
.grid_4 div.boxListing {width: 300px; background-color: #ffffff; padding-top: 0; overflow: hidden}
.grid_4 div.boxListing div.headline {display: none}
.grid_4 div.boxListing a.focusFragen {position: absolute; top: 9px; left: 10px; text-indent: -9000px; height: 27px; width: 131px; display: block}
.grid_4 div.boxListing div.header {position: absolute; top: 0; left: 0; background: none repeat scroll 0 0 transparent}
.grid_4 div.boxListing div.header p.fragenCount {color: #ffffff; text-align: right; padding-right: 10px}
.grid_4 div.boxListing div.navigation {width: 211px; border-bottom: none !important}
.grid_4 div.boxListing div.navigation ul {width: 211px; border: 0; margin: 0; background: url(http://sealevel.info/pics/navi/tabs_transp_l_r.gif) left top no-repeat; padding: 0 0 0 1px; height: 23px}
.grid_4 div.boxListing div.navigation ul li {width: 70px; float: left; height: 23px; line-height: 23px; padding: 0}
.grid_4 div.boxListing div.navigation ul li a {display: block; text-align: center; background: url(http://sealevel.info/pics/navi/tabs_transp_r.gif) right 0 no-repeat; font-size: 11px; line-height: 23px; font-weight: bold}
.grid_4 div.boxListing div.navigation ul li a:hover, .grid_4 div.boxListing div.navigation ul li a.active {background: url(http://sealevel.info/pics/navi/tabs_transp_r.gif) right -23px no-repeat; text-decoration: none; color: #cc0000 !important}
.grid_4 div.boxListing ul {background-color: #ffffff; margin: -3px 10px 0 10px; border-top: 1px solid #000000; padding-bottom: 10px}
.grid_4 div.noTabs ul {background-color: #ffffff; margin: -10px 0 0 0; border-top: medium none; padding-bottom: 0}
.grid_4 div.boxListing ul li {padding-left: 0; padding-right: 10px; padding-top: 10px}
.grid_4 div.boxListing ul li a {font-size: 11px; line-height: 13px; font-weight: bold}
.grid_4 div.boxListing ul.unanswered, .grid_4 div.boxListing ul.popular {display: none}
.grid_4 div.boxListing ul.new, .grid_4 div.boxListing ul.visible {display: block}
.grid_4 div.boxListing ul li p.info {font-size: 10px !important; line-height: 13px; font-weight: normal}
.grid_4 div.boxListing ul li p.info a {font-weight: normal; font-size: 10px !important}
.grid_4 div.boxListing div.fragenFooter {border-top: 1px solid #ced6d9; text-align: right; line-height: 30px; height: 30px; margin-left: 10px; margin-right: 10px; clear: both}
.grid_4 div.boxListing div.fragenFooter a {font-weight: bold}
.grid_8 div.boxPopularQuestions {width: 467px; height: 149px; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 0 repeat-x; position: relative; overflow: hidden; font-family: Verdana}
.grid_8 div.boxPopularQuestions div.headline {color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 48px; margin: 0; padding: 0 57px 0 0; text-align: right}
.grid_8 div.boxPopularQuestions div.headline a {color: #ffffff !important}
.grid_8 div.boxPopularQuestions div.headline a:hover {color: #ffffff !important; text-decoration: underline}
.grid_8 div.boxPopularQuestions a.focusFragen {position: absolute; top: 9px; left: 10px; text-indent: -9000px; height: 27px; width: 131px; display: block; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -240px}
.grid_8 div.boxPopularQuestions a.lastQuestion, .grid_8 div.boxPopularQuestions a.nextQuestion {width: 41px; height: 17px; display: block; background-image: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png); background-repeat: no-repeat; text-indent: -9000px; outline: none; position: absolute; z-index: 100}
.grid_8 div.boxPopularQuestions a.lastQuestion {background-position: -75px -304px; top: 0; right: 10px}
.grid_8 div.boxPopularQuestions a.lastQuestion:hover {background-position: -75px -321px}
.grid_8 div.boxPopularQuestions a.nextQuestion {background-position: -117px -304px; bottom: 0; right: 10px}
.grid_8 div.boxPopularQuestions a.nextQuestion:hover {background-position: -117px -321px}
.grid_8 div.boxPopularQuestions ul.detail {position: absolute; top: -99px; left: 0}
.grid_8 div.boxPopularQuestions ul.detail li {width: 453px; height: 89px; font-size: 15px; line-height: 18px; font-weight: bold; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -149px no-repeat; position: relative; margin: 0 0 10px 0}
.grid_8 div.boxPopularQuestions ul.detail li dt {display: none}
.grid_8 div.boxPopularQuestions ul.detail li dd {width: 440px; height: 60px; position: absolute; left: 10px; top: 10px}
.grid_8 div.boxPopularQuestions ul.detail li p.meta {font-size: 11px; line-height: 19px; font-weight: normal}
.grid_8 div.boxPopularQuestions div.visibleArea {width: 453px; height: 89px; position: absolute; top: 42px; left: 10px; overflow: hidden; clear: both}
.grid_8 div.boxPopularQuestions ul.shortcut {position: absolute; top: 138px; left: 315px}
.grid_8 div.boxPopularQuestions ul.shortcut li {float: left; margin-right: 3px}
.grid_8 div.boxPopularQuestions ul.shortcut li a {width: 6px; height: 6px; display: block; overflow: hidden; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png); background-repeat: no-repeat; background-position: -253px -240px; text-indent: -9000px; outline: none}
.grid_8 div.boxPopularQuestions ul.shortcut li a.active {background-position: -253px -247px}
.grid_4 div.boxPopularQuestions {width: 300px; height: 192px; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) -468px 0 no-repeat; position: relative; overflow: hidden; font-family: Verdana}
.grid_4 div.boxPopularQuestions div.headline {color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 48px; margin: 0; padding: 0 57px 0 0; text-align: right}
.grid_4 div.boxPopularQuestions div.headline a {color: #ffffff !important}
.grid_4 div.boxPopularQuestions div.headline a:hover {color: #ffffff !important; text-decoration: underline}
.grid_4 div.boxPopularQuestions a.focusFragen {position: absolute; top: 9px; left: 10px; text-indent: -9000px; height: 27px; width: 131px; display: block; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -240px}
.grid_4 div.boxPopularQuestions a.lastQuestion, .grid_4 div.boxPopularQuestions a.nextQuestion {width: 41px; height: 17px; display: block; background-image: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png); background-repeat: no-repeat; text-indent: -9000px; outline: none; position: absolute; z-index: 100}
.grid_4 div.boxPopularQuestions a.lastQuestion {background-position: -75px -304px; top: 0; right: 10px}
.grid_4 div.boxPopularQuestions a.lastQuestion:hover {background-position: -75px -321px}
.grid_4 div.boxPopularQuestions a.nextQuestion {background-position: -117px -304px; bottom: 0; right: 10px}
.grid_4 div.boxPopularQuestions a.nextQuestion:hover {background-position: -117px -321px}
.grid_4 div.boxPopularQuestions ul.detail {position: absolute; top: -142px; left: 0}
.grid_4 div.boxPopularQuestions ul.detail li {width: 286px; height: 132px; font-size: 12px; line-height: 16px; font-weight: bold; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) -468px -193px no-repeat; position: relative; margin: 0 0 10px 0}
.grid_4 div.boxPopularQuestions ul.detail li dt {display: none}
.grid_4 div.boxPopularQuestions ul.detail li dd {width: 266px; height: 102px; position: absolute; left: 10px; top: 10px}
.grid_4 div.boxPopularQuestions ul.detail li p.meta {font-size: 11px; line-height: 19px; font-weight: normal}
.grid_4 div.boxPopularQuestions div.visibleArea {width: 286px; height: 128px; position: absolute; top: 42px; left: 10px; overflow: hidden; clear: both}
.grid_4 div.boxPopularQuestions ul.shortcut {position: absolute; top: 175px; left: 105px}
.grid_4 div.boxPopularQuestions ul.shortcut li {float: left; margin-right: 3px}
.grid_4 div.boxPopularQuestions ul.shortcut li a {width: 6px; height: 6px; display: block; overflow: hidden; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png); background-repeat: no-repeat; background-position: -253px -240px; text-indent: -9000px; outline: none}
.grid_4 div.boxPopularQuestions ul.shortcut li a.active {background-position: -253px -247px}
.grid_4 div.boxQuestionOfTheWeek {position: relative; background-color: #ffffff; width: 300px; padding-top: 0; overflow: hidden}
.grid_4 div.boxQuestionOfTheWeek a.focusFragen {position: absolute; top: 9px; left: 10px; text-indent: -9000px; height: 27px; width: 131px; display: block}
.grid_4 div.boxQuestionOfTheWeek div.header {height: 35px; line-height: 35px; width: 280px; position: absolute; top: 10px; left: 10px; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -268px}
.grid_4 div.boxQuestionOfTheWeek div.headline {text-transform: uppercase; padding-left: 10px; font-size: 13px; font-weight: bold; padding-bottom: 10px}
.grid_4 div.boxQuestionOfTheWeek div.header p.fragenCount {color: #ffffff; text-align: right; padding-right: 10px}
.grid_4 div.boxQuestionOfTheWeek dl {width: 280px; padding: 0 0 10px 0; margin-left: 10px}
.grid_4 div.boxQuestionOfTheWeek dl dt {width: 59px; height: 65px; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) -281px -240px no-repeat; float: left; margin-bottom: 10px}
.grid_4 div.boxQuestionOfTheWeek dl dd a {font-size: 12px; font-weight: bold; line-height: 13px}
.grid_4 div.boxQuestionOfTheWeek dl dd p.info {display: block; padding-top: 5px; font-size: 11px}
.grid_4 div.boxQuestionOfTheWeek dl dd p.info a {font-weight: normal; font-size: 11px}
.grid_4 div.boxQuestionOfTheWeek dl dd {padding: 0 10px 0 0; margin-left: 5px; margin-bottom: 10px; float: left; width: 200px}
.grid_4 div.boxQuestionOfTheWeek div.fragenFooter {border-top: 1px solid #ced6d9; text-align: right; line-height: 30px; height: 30px; margin-left: 10px; margin-right: 10px; clear: both}
.grid_4 div.boxQuestionOfTheWeek div.fragenFooter a {font-weight: bold}
.grid_8 div.boxSubmitQuestion {position: relative; width: 467px; overflow: hidden; height: 51px; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -358px no-repeat}
.grid_8 div.boxSubmitQuestion form input.submit {display: none}
.grid_8 div.boxSubmitQuestion form a.submitQuestion {background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -304px no-repeat; display: block; position: absolute; right: 10px; top: 13px; width: 74px; height: 26px; text-indent: -9000px}
.grid_8 form a.submitQuestion:hover {background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -331px no-repeat !important}
.grid_8 div.boxSubmitQuestion form input {width: 234px; position: absolute; right: 84px; top: 13px; padding: 3px 4px 3px 4px}
.grid_8 div.boxSubmitQuestion a.focusFragen {position: absolute; top: 13px; left: 10px; text-indent: -9000px; height: 27px; width: 131px; display: block; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -240px}
.grid_4 div.boxSubmitQuestion {position: relative; width: 300px; background-color: #ffffff; height: 80px; overflow: hidden}
.grid_4 div.boxSubmitQuestion div.header {height: 35px; line-height: 35px; width: 280px; position: absolute; top: 10px; left: 10px; background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -268px no-repeat}
.grid_4 div.boxSubmitQuestion div.header p.fragenCount {color: #ffffff; text-align: right; padding-right: 10px}
.grid_4 div.boxSubmitQuestion a.focusFragen {position: absolute; top: 9px; left: 10px; text-indent: -9000px; height: 27px; width: 131px; display: block}
.grid_4 div.boxSubmitQuestion form {position: absolute; bottom: 0; left: 0; width: 300px; height: 26px}
.grid_4 div.boxSubmitQuestion form input.submit {display: none}
.grid_4 div.boxSubmitQuestion form a.submitQuestion {background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -304px no-repeat; display: block; position: absolute; right: 0; top: 0; width: 74px; height: 26px; text-indent: -9000px; z-index: 2}
.grid_4 form a.submitQuestion:hover {background: url(http://sealevel.info/pics/focusfragen/layoutComponents24.png) 0 -331px no-repeat !important}
.grid_4 div.boxSubmitQuestion form input {width: 220px; position: absolute; left: 0; top: 0; padding: 3px 4px 3px 4px}
#commentForm, #commentSent {clear: both; padding-top: 10px}
#commentForm .title, #commentSent .title {border: none; padding-top: 22px; font-size: 17px}
body.video #commentForm .title, body.video #commentSent .title {border: medium none !important}
#commentForm form fieldset {padding: 4px 0 0 0; height: 35px}
#commentForm form fieldset input[type="checkbox"] {vertical-align: sub}
#commentForm span.links, #commentSent span.links {float: right; font-size: 11px; line-height: 19px; font-weight: normal; color: #b3b3b3}
#commentForm form fieldset.bubble {background-color: #f1f5f8; padding: 6px 10px 6px 10px; position: relative; height: auto}
#commentForm span.commentNick, #commentForm span.answerLog {display: block; width: 608px; font-size: 13px}
#commentForm span.commentLog {display: block; float: left; font-size: 13px; margin-top: 6px; margin-bottom: 3px; height: 24px; line-height: 24px; font-weight: bold}
#videoPlayer #commentForm span.commentLog {color: #9f9c9d !important; font-size: 13px !important}
#videoPlayer #commentForm div.titleCommentSent {background-color: #202126 !important}
#commentForm span.commentBt {display: block; float: right; font-size: 13px; margin-top: 6px; margin-bottom: 3px; height: 24px; line-height: 24px}
#commentForm form input[type="text"], #commentForm form textarea {display: block; width: 436px; float: left; font-size: 13px; border-style: solid; border-width: 2px 2px 1px 1px; border-color: #818181 #d2d1cd #d2d1cd #d2d1cd}
#commentForm form input[type="text"], #commentForm span.commentNick, #commentForm span.answerLog {margin-top: 12px; height: 24px; line-height: 24px}
#commentForm form textarea {margin: 12px 0; line-height: 19px; height: 40px}
#commentForm form input.submit {display: none}
#commentForm .corner {display: block; width: 19px; height: 19px; position: absolute; left: 498px; bottom: -19px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -761px}
#commentForm label, #commentForm span.commentMsgCounter {display: inline; color: #999999; line-height: 19px; font-size: 11px}
#commentForm span.CmmtFormLabel {display: block; float: left; font-size: 13px; line-height: 19px; margin-right: 20px; margin-top: 14px; text-align: right; width: 130px}
#commentForm a.submit {float: right; margin-top: 3px}
#commentForm form input.notify, #commentForm form label, #commentForm span.commentMsgCounter {display: none}
#commentForm form.active input.notify, #commentForm form.active label {display: inline}
#commentForm form.activeCount span.commentMsgCounter {display: inline}
#commentForm form.active input.notify {margin-left: 0}
#commentForm form.active textarea {height: 180px; margin: 12px 0}
#commentSent {display: none}
#commentSent div.active {display: inline}
#recommendForm {clear: both}
#recommendForm .title {font-weight: bold; font-size: 12px; padding: 0; margin: 0}
#recommendForm .privacy {font-size: 11px; color: #666666}
#recommendForm form input[type="text"], #recommendForm form textarea {display: block; width: 463px; font-size: 13px; border-style: solid; border-width: 2px 2px 1px 1px; border-color: #818181 #d2d1cd #d2d1cd #d2d1cd}
#recommendForm form input[type="text"].error, #recommendForm form textarea.error {border-color: #d50006; border-width: 1px}
#recommendForm .error {color: #d50006}
#recommendForm form div.error {font-size: 11px; padding-bottom: 6px}
#recommendForm form label.error {font-weight: bold}
#recommendForm form input.submit {display: none}
#recommendForm label {display: inline-block; color: #666666; line-height: 19px; font-size: 11px; padding-top: 4px}
#recommendForm a.submit {float: right !important; margin-top: 22px; margin-right: 0 !important}
#recaptcha_area {width: 470px}
span.captcha_label {display: inline-block; color: #666666; line-height: 19px; font-size: 11px; padding-top: 4px}
span.captcha_label.error {font-weight: bold; color: #d50006}
#answerFormDef, #answerSentDef {display: none}
div.answerForm, div.answerForm form {clear: both}
div.answerForm .title {border: none; font-size: 14px !important; padding-top: 20px; padding-bottom: 0}
div.answerForm form fieldset {padding: 4px 0 0 0; height: 30px}
div.answerForm form fieldset input[type="checkbox"] {vertical-align: sub}
div.answerForm span.links {float: right; font-size: 11px; line-height: 19px}
div.answerForm form fieldset.bubble {background-color: #f1f5f8; padding: 3px 10px 3px 10px; position: relative; height: auto}
div.answerForm form input[type="text"], div.answerForm form textarea, div.answerForm span.commentNick, div.answerForm span.answerLog {display: block; width: 448px; font-size: 13px}
div.answerForm form input[type="text"], div.answerForm span.commentNick, div.answerForm span.answerLog {height: 24px; line-height: 24px; margin-top: 12px}
div.answerForm form input[type="text"], div.answerForm form textarea {border-style: solid; border-width: 2px 2px 1px 1px; border-color: #818181 #d2d1cd #d2d1cd #d2d1cd}
div.answerForm form textarea {line-height: 19px; height: 40px; margin: 12px 0}
div.answerForm form input.submit {display: none}
div.answerForm .corner {display: block; width: 19px; height: 19px; position: absolute; left: 320px; bottom: -19px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) 0 -761px}
div.answerForm label, div.answerForm span.commentMsgCounter {display: inline; color: #999999; line-height: 19px; font-size: 11px}
div.answerForm a.submit {float: right}
div.answerForm form input.notify, div.answerForm form label, div.answerForm span.commentMsgCounter {display: none}
div.answerForm form.active input.notify, div.answerForm form.active label, div.answerForm form.active span.commentMsgCounter {display: inline}
div.answerForm form.active textarea {height: 180px; margin: 12px 0}
#contactForm {clear: both; padding-top: 10px; border-top: 3px solid #000000; margin-top: 18px}
#contactForm .title {border: none; padding-top: 13px; font-size: 17px}
#contactForm form fieldset {padding: 4px 0 0 0; height: auto}
#contactForm form fieldset.bubble {border: 1px solid #dadada; padding: 0 10px 0 10px; position: relative; height: auto}
#contactForm form input.subject, #contactForm form textarea {display: block; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #dadada; width: 608px; font-size: 13px}
#contactForm form input.submit {display: none}
#contactForm .corner {display: block; width: 19px; height: 19px; position: absolute; left: 498px; bottom: -19px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) -23px -162px}
#contactForm a.submit {float: right}
#contactForm input[type="text"] {line-height: 36px; height: 36px}
#contactForm textarea {height: 80px; margin-top: 12px; border-bottom: none !important}
#contactForm label {font-weight: bold; display: block; padding-bottom: 4px; font-size: 12px; line-height: 15px}
#contactForm input.email {border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; height: 22px}
#contactForm input.email {width: 628px; margin-bottom: 10px}
#contactForm p {font-size: 12px; line-height: 15px; padding-top: 22px; padding-bottom: 16px}
.popup {background-color: #ffffff}
.popup #header .container_8, .popup #footer .container_8 {position: relative}
.popup .container_8 #navigation {padding-bottom: 8px; border-bottom: 3px solid #000000; height: 61px}
.popup #header-navigation {background: none; height: 61px; margin: 25px 28px 0 25px}
.popup #footer {background: none; margin: 5px 25px 25px; padding: 0; width: 630px}
.popup #navigation .printLink {float: right; margin-top: 42px}
.popup #navigation img {float: left; left: 0}
.popup #footer .printLink, .popup #header-navigation .printLink {float: right; margin-top: 4px; color: #000000}
.popup .printUrl {color: #003365; text-decoration: none; outline: none; border-bottom: 1px solid #dadada; margin: 10px 5px 0 2px; padding-bottom: 10px}
.popup #page-container {position: relative; margin: 14px 0 0 25px; width: 735px}
.popup #main {padding: 0; background-color: #ffffff; width: 735px}
.popup #header-navigation div.logofol, .popup #header-navigation div.logotv, .popup #header-navigation div.logomagazin, .popup #header-navigation div.logomoney, .popup #header-navigation div.logoschule {left: 0}
.popup div.articleContent {float: none !important; width: 733px !important}
.popup div.mediaBlock {margin-left: 0 !important; float: left; background: #ffffff}
.popup #footer dl.copy {margin-top: 9px}
.popup #footer dl.credits {display: block; width: 535px; padding-bottom: 10px}
.popup #branding {margin-left: 25px; margin-right: 0; margin-top: 10px; width: 630px}
.popup #branding .container_8, .popup #branding .container_12 {width: 630px; margin: 0; padding: 0}
.popup .footer-ad {margin: 50px 0 10px 25px}
body.article.popup #header-navigation {min-width: 0 !important; width: auto !important}
.popup #header-navigation .logo {float: right; width: 90px}
.popup #header-navigation .logo span {display: block; font-weight: bold}
.popup #header-navigation .logo a img {display: block; margin: 5px 0 0 27px}
.popup #footer-navigation .logo {display: none}
.popup #footer .printLink, .popup #header-navigation .printLink {color: #ffffff}
.blueButtonRect {border: medium none; cursor: pointer; display: block; margin: 0; outline: medium none; overflow: visible; padding: 0; text-align: center; text-decoration: none; white-space: nowrap; background-color: #003366; color: #ffffff; font-size: 14px; padding: 2px 15px 3px 15px}
a.blueButtonRect:hover, a.blueButtonRect:visited {color: #ffffff}
.popup .container_8 #navigation {border-bottom: 3px solid #dadada; color: #999999; font-size: 16px; font-weight: bold; height: 12px; padding-bottom: 8px}
.popup #header-navigation {height: 23px; margin: 25px 28px 0 25px}
.popup .multipageContent {background: url(http://sealevel.info/pics/special/loading.gif) no-repeat center; min-height: 40px; display: none}
.popup .print_header {margin: 20px 28px 0 25px; padding: 0 0 10px; color: #999999; font-size: 14px; border-bottom: 1px solid #dadada}
.popup .print_header .print_pages {float: left; padding-right: 20px; display: none}
.popup .print_header .print_images {float: left}
.popup div.printLink {float: right}
.popup .print_header div.printLink {margin: 35px 0 0}
.popup .print_header .print_message {border-top: 1px solid #dadada; color: #d50006; font-weight: bold; margin-top: 10px; padding-top: 11px; display: none}
.popup .print_header .print_message .print_message_text {float: left; padding: 2px 0 0}
#ressortArchivContent .ressortHeader {font-size: 20px; font-weight: bold; line-height: 20px; color: #d50006; padding-top: 20px; padding-bottom: 12px; border-bottom: 1px solid #dadada}
#ressortArchivContent .archiveDate {font-size: 18px; font-weight: bold; line-height: 20px; padding: 12px 0; border-bottom: 1px solid #dadada}
#ressortArchivContent .archiveDate .dateHeadline {float: left}
#ressortArchivContent .archiveDate .dateSelect {float: right; padding-bottom: 5px; width: 400px}
#ressortArchivContent .archiveDate .dateNavigation, #ressortArchivContent .archiveDate .dateNavigation a {font-size: 14px; line-height: 17px; font-weight: normal; padding: 10px 0 2px 0}
#ressortArchivContent .archiveDate .dateNavigation span {padding-right: 2px}
#ressortArchivContent .archiveDate .dateNavigation .currentDate {font-weight: bold}
#ressortArchivContent .archiveDate .dateNavigation .inactiveDate {color: #979797}
.ressortArchiveTeaserList {width: 630px; padding-top: 12px; border-bottom: 1px solid #dadada}
.ressortArchiveTeaserList .archiveTeaser:last-child {padding-bottom: 10px !important}
.ressortArchiveTeaserList .archiveTeaser {padding: 0 0 15px 0; margin: 0}
.ressortArchiveTeaserList .archiveTeaser span.focMag {color: #d50006; font-size: 11px; font-weight: bold}
.ressortArchiveTeaserList .archiveTeaser span.focMagDate {color: #999999; font-size: 11px; font-weight: bold}
.ressortArchiveTeaserList .archiveTeaser span.date {display: block; float: right; color: #999999; font-weight: bold}
.ressortArchiveTeaserList .archiveTeaser span.imgcount {font-weight: bold}
.ressortArchiveTeaserList .imgList a {display: block; float: left; padding-right: 8px}
.ressortArchiveTeaserList .leftCol, .ressortArchiveTeaserList .rightCol {display: block; float: left; padding: 0; margin: 0}
.ressortArchiveTeaserList .leftCol {width: 157px; position: relative}
.ressortArchiveTeaserList .leftCol img {padding: 5px 0 0 0; margin: 0}
.ressortArchiveTeaserList .leftCol .magReference {text-align: right; padding: 5px 12px 0 0}
.ressortArchiveTeaserList .rightCol {width: 473px; font-size: 18px; line-height: 22px}
#ressortArchivContent .pager {padding-top: 12px; padding-bottom: 10px}
#ressortArchivContent .pager .nextPage {float: right}
#ressortArchivContent .pager .prevPage {float: left}
.archiveCalendarHeadline {font-size: 18px; font-weight: bold; line-height: 18px; padding: 50px 0 10px 0}
#archiveCalendar {padding-bottom: 40px}
#archiveCalendarGrid {font-size: 12px}
#archiveCalendarGrid .calLinkYear {float: left; width: 66px; color: #000000; font-weight: bold; line-height: 13px}
#archiveCalendarGrid .calLinkYearActive {color: #cc0000}
#archiveCalendarGrid .calMonth {float: left; width: 47px; color: #979797; font-weight: bold}
#archiveCalendarGrid .calMonthLink {float: left; color: #003365; line-height: 13px}
#archiveCalendarGrid .calMonthActive {float: left; color: #cc0000}
#archiveCalendarGrid .calRow {float: left; background-color: #ffffff; padding: 8px 0 8px 0; border-bottom: 1px solid #dadada}
#archiveCalendarGrid .calRow:first-child {border-top: 1px solid #dadada}
.topteaser-block {margin-bottom: 20px}
.topteaser-block.ad:before, .topteaser-block.partner:before, .topteaser-block.partner_content:before, .topteaser-block.gesponsert:before, .topteaser-block.surftipp:before, .topteaser-block.shop:before {background: #ffffff; color: #979797; display: block; margin-bottom: 5px; font: bold 10px/10px "Helvetica Neue Condensed",Helvetica,sans-serif}
.topteaser-block.ad:before {content: "Anzeige"}
.topteaser-block.partner:before {content: "Partnerangebot"}
.topteaser-block.partner_content:before {content: "Partnerinhalt"}
.topteaser-block.gesponsert:before {content: "Gesponsert"}
.topteaser-block.surftipp:before {content: "Surftipp"}
.topteaser-block.shop:before {content: "Shop"}
.topteaser-block h4 {font-size: 20px; margin-bottom: 5px}
.topteaser-block h5 {font-size: 16px; margin-bottom: 5px}
.topteaser-block .toptl-listing-item {padding: 10px 0; border-top: 1px solid #dadada; font-size: 16px}
.topteaser-block .toptl-listing-item > div {width: 100%; display: table; table-layout: fixed}
.topteaser-block .toptl-listing-item > div > div {display: table-cell; vertical-align: top}
.topteaser-block .toptl-listing-item > div > div:first-child + div {padding: 0 5px}
.topteaser-block .toptl-listing-item .toptl-left {width: 28%}
.topteaser-block .toptl-listing-item .toptl-left img {max-width: 100%}
.topteaser-block .toptl-listing-item .toptl-left .rating {margin-top: 5px}
.topteaser-block .toptl-listing-item .toptl-left .rating span {display: inline-block; height: 17px; width: 17px; background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -1860px -27px}
.topteaser-block .toptl-listing-item .toptl-left .rating span.active {background: url(http://sealevel.info/pics/fol/layoutComponents24.png) no-repeat -1860px -10px}
.topteaser-block .toptl-listing-item .toptl-center ul {margin-bottom: 10px}
.topteaser-block .toptl-listing-item .toptl-center li {position: relative; padding-left: 25px}
.topteaser-block .toptl-listing-item .toptl-center li:before {content: ""; position: absolute; width: 15px; height: 15px; left: 0; top: 3px; background: url(http://sealevel.info/pics/topteaser/check@1.png) no-repeat 0 0}
.topteaser-block .toptl-listing-item .toptl-right {position: relative; width: 30%}
.topteaser-block .toptl-listing-item .toptl-right a.link {position: absolute; text-align: right; top: 0; right: 0}
.topteaser-block .toptl-listing-item .toptl-right a.link:hover {color: #ff7200}
.topteaser-block .toptl-listing-item .toptl-right .button {position: absolute; bottom: 0; right: 0; background-color: #ff9900; border: 1px solid #ad6a00; color: #ffffff; display: inline-block; font-size: 1em; font-weight: bold; line-height: 18px; padding: 5px 10px; text-align: center}
.topteaser-block .toptl-listing-item .toptl-right .button:hover {background-color: #ff7200; color: #ffffff; text-decoration: none}