/* @version $Rev: 3120 $ */ /* * * * * * ALL POSITIONING * * * * * */ body { position:relative;margin:0px; } body,td { font:normal 12px arial,helvetica,verdana,geneva,sans-serif; } a { text-decoration:none;cursor:pointer;outline:none; } a.arrow, a.arrow2, .ip_octopus_ad_link_text a { font-size:12px;font-weight:bold;padding:0px 0px 0px 16px;background-repeat:no-repeat;background-position:0px 2px; } a.arrowBack { font-size:12px;font-weight:bold;padding:0px 0px 0px 16px;background-repeat:no-repeat;background-position:0px 2px; } a.arrowFor { font-size:12px;font-weight:bold;padding:0px 16px 0px 0px;background-repeat:no-repeat;background-position:right 2px; } a.arrowBig { font-size:14px;font-weight:bold;padding:0px 0px 0px 20px;background-repeat:no-repeat; } a.arrowBigRight { font-size:14px;font-weight:bold;padding:0px 20px 0px 0px;background-repeat:no-repeat;background-position:right top; } a.arrowUp { font-size:12px;padding:0px 0px 0px 18px;background-repeat:no-repeat;background-position:0px 5px; } div.arrow { font-size:12px;line-height:17px;padding:0px 0px 0px 16px;background-repeat:no-repeat;background-position:0px 3px; } div.arrow a { font-weight:bold; } br.demi { line-height:8px; } .button { position:relative;font-size:12px;padding:0px 0px 0px 9px;background-repeat:no-repeat; } .button a { position:relative;display:block;padding:2px 9px 2px 0px;font-weight:bold;text-align:center;background-position:right top; } /* facebook login */ a.facebookLoginSmall {display:block; width:65px; height:22px; background-image:url('images/facebook.button.login.small.png'); text-decoration:none;} a.facebookLoginLarge {display:block; width:154px; height:22px; background-image:url('images/facebook.button.login.large.png'); text-decoration:none;} form { margin:0px; } input, select, textarea { font:normal 12px arial,helvetica,verdana,geneva,sans-serif; } h1, h2, h3 { font-weight:normal;margin:0px; } .head2 { font-size:18px; } .head3 { font-size:12px;font-weight:bold;text-transform:uppercase; } .head4 { font-size:12px;font-weight:bold;text-transform:uppercase; } .head5 { font-size:12px; } .text4 { font-size:14px; } .clear { clear:both; } .pixel { position:absolute; } .line { position:relative;height:1px;font-size:1px;overflow:hidden; } .spacer3 { position:relative;height:3px;font-size:1px;overflow:hidden; } .spacer5 { position:relative;height:5px;font-size:1px;overflow:hidden; } .spacer7 { position:relative;height:7px;font-size:1px;overflow:hidden; } .spacer8 { position:relative;height:8px;font-size:1px;overflow:hidden; } .spacer10 { position:relative;height:10px;font-size:1px;overflow:hidden; } .spacer14 { position:relative;height:14px;font-size:1px;overflow:hidden; } .spacer20 { position:relative;height:20px;font-size:1px;overflow:hidden; } .lineSpacer20 { position:relative;width:620px;height:15px;font-size:1px;float:left;border-width:1px 0px 0px;border-style:solid; } .maincontent, .maincontenthome { position:absolute;width:970px;border-right-width:3px;border-right-style:solid;background-repeat:no-repeat; } body.noAds .maincontent, .maincontenthome { top:0; } .maincontent { top:96px; } .background { position:absolute;top:0px;left:0px; } .basecontent { position:relative;width:960px;margin:0px 0px 0px 10px;float:left;display:inline; } .content { position:relative;width:640px;float:left; } .related { position:relative;width:320px;float:left; } .contentFullwidth { position:relative;width:960px;float:left; } .column { position:relative;width:320px;float:left; } .maincontent map, .maincontenthome map { display:none;} .topheader { position:relative;width:970px;height:75px;z-index:2; } .topheader a.logo { position:absolute;top:24px;left:28px;width:115px;height:38px; } .topheader .level_1Bottom { position:absolute;top:65px;left:129px;width:491px;height:5px; } .topheader .naviBox { position:absolute;top:42px;left:166px; } .topheader .naviBox .level_1 { position:relative;float:left;padding-left:7px; } .topheader .naviBox .level_1 .bgLeft { position:absolute;top:0px;left:0px;width:7px;height:27px; } .topheader .naviBox .level_1 .txt { position:relative;padding:4px 9px 7px 2px;font-size:14px;font-weight:bold;background-position:right top; } .topheader .naviBox .level_1.level_1_aktiv { z-index:2; } .topheader .naviBox .level_1.level_1_aktiv .bgLeft { z-index:2; } .topheader .naviBox .level_1.level_1_aktiv .txt { z-index:2; } .topheader .naviBox .level_1.level_1_aktiv .level_2 { display:block; } .topheader .naviBox .level_2 { position:absolute;top:21px;display:none;z-index:1; } .topheader .naviBox .level_2 .headerBox { position:relative;zoom:1;background-repeat:no-repeat; } .topheader .naviBox .level_2 .headerBox .innerBox { position:relative;zoom:1;height:38px;margin-left:18px;background-position:right top; } .topheader .naviBox .level_2 .headerBox .innerBox .head4.left { position:absolute;top:13px;left:0px; } .topheader .naviBox .level_2 .headerBox .innerBox .head4.right { position:absolute;top:13px;left:171px; } .topheader .naviBox .level_2 .contentBox { position:relative;zoom:1;background-repeat:no-repeat;background-position:left bottom; } .topheader .naviBox .level_2 .contentBox .innerBox { position:relative;zoom:1;margin-left:18px;background-position:right bottom; } .topheader .naviBox .level_2 .contentBox .innerBox a.arrow { position:absolute;bottom:21px;right:18px; } .topheader .naviBox .level_2.level_2_Programm { left:-126px;width:378px; } .topheader .naviBox .level_2.level_2_Sendungen { left:-243px;width:921px; } .topheader .naviBox .level_2.level_2_Themen { left:-150px;width:378px; } .topheader .naviBox .level_2.level_2_Community { left:-135px;width:378px; } .naviLayerLeft { position:relative;width:155px;float:left;display:inline;margin-bottom:15px;border-width:0px 1px 0px 0px;border-style:solid; } .naviLayerLeft table { position:relative; } .T_naviLayer { position:relative;width:140px;padding-top:12px; } .T_naviLayer .imgBox { position:relative;width:140px;height:79px; } .T_naviLayer .logoBox { position:relative;width:140px;height:79px; } .T_naviLayer .logoBox table { position:relative;width:140px;height:79px; } .T_naviLayer .logoBox .img { position:relative;display:block;margin:auto; } .T_naviLayer .txtBox { position:relative;width:140px;padding-top:4px;line-height:17px; } .T_naviLayer.firstT_naviLayer, .naviLayerLeft table .T_naviLayer { padding-top:0px; } .naviLayerRight { position:relative;float:left;display:inline;margin-bottom:15px; } .naviLayerRight .col { position:relative;float:left;display:inline;width:165px;margin:0px 0px 0px 15px; } .naviLayerRight .col .item { font-size:12px;position:relative;padding-left:10px;line-height:20px;background-repeat:no-repeat;background-position:0px 6px; } .topheader .naviBox .level_2 .contentBox .innerBox .naviLayerFooter { position:relative;height:29px;left:-13px; } .topheader .naviBox .level_2 .contentBox .innerBox .naviLayerFooter .redBox { position:relative;top:0px;left:8px;width:81px;height:29px;float:right; } .topheader .naviBox .level_2 .contentBox .innerBox .naviLayerFooter .redBox a.arrow { bottom:7px;right:11px;padding:0px 0px 0px 12px;background-position:0px 3px; } .topheader .naviBox .level_2 .contentBox .innerBox .naviLayerFooter .txtBox { position:relative;left:-2px;padding-top:7px;float:right; } .topheader .googleSuche { position:absolute;top:23px;left:753px;width:217px; } .topheader .googleSuche table { position:relative; } .topheader .googleSuche td { height:24px;color:#666666; } .topheader .googleSuche td.tdSize { height:1px; } .topheader .googleSuche .input { position:relative;width:170px; } .topheader .googleSuche .button { float:right; } .leadBox { position:relative;width:655px;height:269px;margin:0px 0px 20px 15px;float:left;display:inline; } .leadBox .lead { position:absolute;top:8px;left:0px;width:655px;height:261px;overflow:hidden; } .leadBox .media { position:absolute;top:0px;left:0px; } .leadBox .media .img { position:relative;display:block; } .leadBox .media .playButton { position:absolute;top:98px;left:308px;width:53px;height:53px; } .leadBox .media.mediaOffset { top:13px;left:15px; } .leadBox .media.mediaOffset .playButton { left:186px; } .leadBox .contentBox { position:absolute;bottom:0px;left:0px;width:655px; } .leadBox .contentBox .logo { position:absolute;z-index:1; } .leadBox .contentBox .contentInnerBox { position:relative;width:655px;overflow:hidden; } .leadBox .contentBox .contentInnerBox .bgLayer { position:absolute;top:0px;left:0px;width:655px;height:261px;filter:alpha(opacity=50);opacity:0.5; } .leadBox .contentBox .txtBox { position:relative;width:485px;padding:8px 0px 10px 15px; } .leadBox .contentBox .txtBox .head2 { position:relative;padding-bottom:2px; } .leadBox .contentBox .txtBox .txt { position:relative;padding-bottom:4px;font-size:14px; } .leadBox .contentBox .txtBox a.arrowBig { position:absolute;top:8px;right:-140px;font-size:18px;font-weight:normal;background-position:0px 3px; } .leadBox .contentBox .player { position:absolute;top:13px;left:15px;display:none; } .leadBox.noLogo .contentBox .logo { display:none; } .leadBox.noLogo .contentBox .spacer20 { display:none; } .leadBox.noLogo .contentBox .close { display:none; } .leadBox.playerView .contentBox { height:261px; } .leadBox.playerView .contentBox .logo { position:absolute;top:20px !important;left:449px !important;display:block; } .leadBox.playerView .contentBox .contentInnerBox { height:261px; } .leadBox.playerView .contentBox .txtBox { position:absolute;bottom:0px;left:449px;width:191px;padding:0px 0px 10px 0px; } .leadBox.playerView .contentBox .txtBox .txt { display:none; } .leadBox.playerView .contentBox .txtBox a.arrow { display:none; } .leadBox.playerView .contentBox .txtBox a.arrowBig { position:relative;top:0px;left:0px;right:auto;font-size:12px;font-weight:bold;padding:0px 0px 0px 16px;background-repeat:no-repeat;background-position:0px 2px; } .leadBox.playerView .contentBox .player { display:block; } .leadBox.playerView .contentBox .close { display:block; z-index:1; padding:2px;font-weight:bold; position:absolute; left:418px !important; top:13px !important; } .leadBox .roundLO { position:absolute;top:8px;left:0px;width:6px;height:6px;overflow:hidden; } .leadBox .roundLU { position:absolute;top:263px;left:0px;width:655px;height:7px;overflow:hidden; } .leadBox .epgShadow { position:absolute;top:8px;left:643px;width:12px;height:261px; } .formatNaviBox { position:relative;width:640px;height:19px;margin:189px 0px 20px 30px;float:left;display:inline; } .formatNaviBox .naviBox { position:absolute;top:0px;left:0px; } .formatNaviBox .level_3 { position:relative;float:left;display:inline;margin-right:2px;padding-left:1px;background-repeat:no-repeat; } .formatNaviBox .level_3 a { position:relative;display:block;padding:2px 8px 2px 7px;background-position:right top; } .miniEPG { position:relative;width:300px;height:208px;margin-bottom:20px;float:left; } .miniEPG .head2 { position:relative;padding:11px 20px 22px; } .miniEPG .date { position:absolute;top:11px;right:20px;padding:0px; } .miniEPG .item { position:relative;width:300px;margin-bottom:5px; } .miniEPG .item .time { position:relative;width:48px;line-height:17px;padding:0px 0px 0px 20px;float:left; } .miniEPG .itemAktiv .time { font-weight:bold; } .miniEPG .item .txt { position:relative;width:212px;line-height:17px;padding:0px 20px 0px 0px;float:left; } .miniEPG a.arrowBig { position:absolute;top:183px;right:20px; } .miniEPG.miniEPGstart { height:269px; } .miniEPG.miniEPGstart a.arrowBig { top:244px; } .formatEPG { position:relative;width:300px;height:208px;margin-bottom:20px;float:left; } .formatEPG .head2 { position:relative;padding:11px 20px 6px; } .formatEPG .item { position:relative;width:300px;margin-bottom:5px; } .formatEPG .item .time { position:relative;width:72px;line-height:17px;padding:0px 0px 0px 20px;float:left; } .formatEPG .item .txt { position:relative;width:188px;font-weight:bold;line-height:17px;padding:0px 20px 0px 0px;float:left; } .formatEPG .txtBox { position:relative;width:260px;line-height:17px;padding:0px 0px 0px 20px; } .T_1er_textbox { position:relative;width:300px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline;overflow:hidden; background-color:#d2d2d2;} .artikel .T_1er_textbox { margin:0px 10px 20px 0px;} .T_1er_textbox h2, .T_1er_textbox h1 { font-size:14px;height:16px;left:8px;overflow:hidden;position:absolute;top:5px;width:284px; font-weight:bold;} .T_1er_textbox .textspalte1 { height:202px;left:8px;line-height:16px;overflow:hidden;position:absolute;top:27px;width:284px; } .related .T_1er_textbox { margin:0px 0px 20px 20px;float:none;display:block; } .T_2er_textbox { display: inline; float: left; height: 250px; margin: 0 0 20px 20px; position: relative; width: 620px; background-color:#d2d2d2;} .artikel .T_2er_textbox {margin: 0 20px 20px 0;} .T_2er_textbox .textspalte1 { height: 202px; left: 10px; line-height: 16px; overflow: hidden; position: absolute; top: 27px; width: 290px; } .T_2er_textbox .textspalte2 { height: 202px; left: 330px; line-height: 16px; overflow: hidden; position: absolute; top: 27px; width: 280px; } .T_2er_textbox h2 { font-size: 14px; height: 16px; left: 8px; overflow: hidden; position: absolute; top: 5px; width: 610px; font-weight:bold;} .seo_textbox { position:relative;clear:left;width:940px;margin:0 0 20px 20px; overflow:hidden; } .seo_textbox p { -webkit-column-count:3;-webkit-column-gap:20px; -moz-column-count:3;-moz-column-gap:20px; column-count:3;column-gap:20px; } .related .seo_textbox { width:300px;height:250px;background-color:#d2d2d2; } .related .seo_textbox .head3 {padding:9px 0 1px 8px; } .related .seo_textbox p { -webkit-column-count:1;-moz-column-count:1;column-count:1;padding:0 0 0 8px; } /* * * * T E A S E R * * * */ .roof { position:relative;height:28px; } .roof .left { position:relative;float:left;width:16px;height:28px; } .roof.icon .left { width:60px; } .roof .right { position:relative;float:left;background-position:right top; } .roof .txt { position:relative;left:-8px;padding:6px 0px 7px;font-weight:bold;line-height:17px; } .T_1er { position:relative;width:300px;height:115px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_1er .head4 { position:absolute;top:-3px;left:0px; } .T_1er .imgBox { position:absolute;top:20px;left:0px; } .T_1er .roof { position:absolute;top:61px;left:0px; } .T_1er .txtBox { position:absolute;top:16px;left:146px;width:154px;line-height:17px; } .T_1er a.arrow { position:absolute;top:103px;left:0px; } .T_1er_hoch { position:relative;width:300px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_1er_hoch .imgBox { position:relative;top:0px;left:0px;width:300px;height:169px;display:block; } .T_1er_hoch .playButton { position:absolute;top:133px;left:260px;width:30px;height:29px;display:block; } .T_1er_hoch .roof { position:absolute;top:133px;left:0px; } .T_1er_hoch .head2 { position:relative;padding:9px 0px 1px; } .T_1er_hoch .head3 { position:relative;padding:9px 0px 1px;font-weight:bold; } .T_1er_hoch .head4 { position:relative;padding:9px 0px 2px; } .T_1er_hoch .txt { position:relative;line-height:17px; } .T_1er_hoch a.arrow, .octopus_mr .ip_octopus_ad_link_text a { position:absolute;top:238px;left:0px; } .artikel .T_1er_hoch { margin: 0px 0px 20px 10px; } .T_1er_hoch .listContainer a.arrow { position:relative;} .T_1er_hoch.linkListe {background-color:#d4d4d4;} .T_1er_hoch.linkListe .head4{padding:2px 2px 2px 8px;; font-weight:bold;} .T_1er_hoch.linkListe a.arrow { position:relative; top:0; } .T_1er_hoch.linkListe .listContainer {position:relative;} .T_1er_hoch.linkListe .linkBox {border-top:1px solid #e7e7e7; line-height:17px; height:28px; position:relative;} .T_1er_hoch.linkListe .linkBox a {font-weight:normal;} .T_1er_hoch.linkListe .txt {position:absolute; top:7px; left:8px;} .T_1er_hoch.linkListe .link {border-top:1px solid #e7e7e7; position:relative;} .T_1er_hoch.linkListe .link .txt {top:4px;} .T_1er_hoch.linkListe .link a {font-weight:bold;} .T_1er_hoch .ut_image { position: relative; padding-left: 3px; top: 2px;} .T_1er_doppelthoch { position:relative;width:300px;height:500px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_1er_doppelthoch .imgBox { position:relative;top:0px;left:0px;width:300px;height:440px;display:block; } .T_1er_doppelthoch .playButton { position:absolute;top:133px;left:260px;width:30px;height:29px;display:block; } .T_1er_doppelthoch .roof { position:absolute;top:404px;left:0px; } .T_1er_doppelthoch .head2 { position:relative;padding:9px 0px 1px; } .T_1er_doppelthoch .head3 { position:relative;padding:9px 0px 1px;font-weight:bold; } .T_1er_doppelthoch .head4 { position:relative;padding:9px 0px 2px; } .T_1er_doppelthoch .txt { position:relative;line-height:17px; } .T_1er_doppelthoch a.arrow { position:absolute;top:508px;left:0px; } .artikel .T_1er_doppelthoch { margin: 0px 0px 20px 10px; } .T_1er_doppelthoch .listContainer a.arrow { position:relative;} .T_1er_doppelthoch.linkListe {background-color:#d4d4d4;} .T_1er_doppelthoch.linkListe .head4{padding:2px 2px 2px 8px;; font-weight:bold;} .T_1er_doppelthoch.linkListe a.arrow { position:relative; top:0; } .T_1er_doppelthoch.linkListe .listContainer {position:relative;} .T_1er_doppelthoch.linkListe .linkBox {border-top:1px solid #e7e7e7; line-height:17px; height:28px; position:relative;} .T_1er_doppelthoch.linkListe .linkBox a {font-weight:normal;} .T_1er_doppelthoch.linkListe .txt {position:absolute; top:7px; left:8px;} .T_1er_doppelthoch.linkListe .link {border-top:1px solid #e7e7e7; position:relative;} .T_1er_doppelthoch.linkListe .link .txt {top:4px;} .T_1er_doppelthoch.linkListe .link a {font-weight:bold;} .T_1er_doppelthoch .ut_image { position: relative; padding-left: 3px; top: 2px;} .T_2er_hoch { position:relative;width:620px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_2er_hoch .imgBox { position:relative;top:0px;left:0px;width:620px;height:169px; } .T_2er_hoch .roof { position:absolute;top:133px;left:0px; } .T_2er_hoch .head2 { position:relative;padding:9px 0px 1px; } .T_2er_hoch .head3 { position:relative;padding:9px 0px 1px;font-weight:bold; } .T_2er_hoch .head4 { position:relative;padding:9px 0px 2px; } .T_2er_hoch .txt { position:relative;line-height:17px; } .T_2er_hoch a.arrow { position:absolute;top:238px;left:0px; } .T_playlisten { position:relative;width:620px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_playlisten .head4 { position:absolute;top:-3px;left:0px; } .T_playlisten .media { position:absolute;top:20px;left:0px; } .T_playlisten a.arrow { position:absolute;top:238px;left:0px; } .T_playlisten .listContainer { position:absolute;top:20px;left:0px; width:620px;height:206px; background-repeat:no-repeat;background-position:0 178px;background-image:url(images/vox_playlistenteaser_verlauf.jpg); } .T_playlisten .img {width:316px;height:178px;border:0;} .T_playlisten .playButton {position:absolute;left:276px;top:142px;width:30px;height:29px;background-image:url(images/vox_video_playbutton_klein.png);} .T_playlisten .playLink {position:absolute;left:0;top:0px;width:314px;height:177px;background-color:#000000;opacity:0.01;filter:alpha(opacity=1);cursor:pointer;} .T_playlisten .videoTitle {color: white;font-weight: bold;padding: 6px 0px 0px 8px;} .T_playlisten .rightContent {position:absolute;left:320px;top:0px;width:300px;height:206px;} /*.T_playlisten .rightContent .scroll-pane { position:relative;width:313px;height:200px;padding-top:1px;overflow:hidden; }*/ .T_playlisten .rightContent .listBox { position:relative;width:300px;height:206px; overflow:hidden; } .T_playlisten .rightContent .linkBox { position:relative;width:300px;height:50px;margin-bottom:2px; overflow:hidden; background-color:#DDDDDD;} .T_playlisten .rightContent .linkBox.highlight {background-color:#E5E5E5;} .T_playlisten .rightContent .jspContainer {position:relative;overflow:hidden;} .T_playlisten .rightContent .jspPane { position: absolute; } .T_playlisten .rightContent .jspVerticalBar { position: absolute; top: 0; right: 0; width: 18px; height: 206px;} .T_playlisten .rightContent .jspVerticalBar * { margin: 0; padding: 0; } .T_playlisten .rightContent .jspTrack {position:relative;top:0;left:0;background-image:url(icons/scrollbuttons_track.gif);background-repeat:repeat-y;cursor:pointer;} .T_playlisten .rightContent .jspDrag { position: relative;top: 0;left: 0;background-image:url(icons/scrollbuttons_drag_small.gif); } .T_playlisten .rightContent .jspArrow { width:18px;height:18px;background:#f0f0f0; text-indent: -20000px;display:block;cursor:pointer;background-position:0 0;} .T_playlisten .rightContent .jspArrow.jspDisabled { cursor: default;} .T_playlisten .rightContent .jspCap { display: none; } .T_playlisten .rightContent .jspArrowUp {background-image:url(icons/scrollbuttons_up.gif);} .T_playlisten .rightContent .jspArrowDown {background-image:url(icons/scrollbuttons_down.gif);} .T_playlisten .rightContent .linkBox .img { position:absolute;top:0px;left:0px; width:77px;height:50px; } .T_playlisten .rightContent .linkBox .txt { position:absolute;top:10px;left:87px;width:196px;height:30px;overflow:hidden;} .T_playlisten .rightContent .linkBox .layer { position:absolute;top:0px;left:0px;width:282px;height:50px;display:block;background-color:#000000;opacity:0.01;filter:alpha(opacity=1); } .T_koop { position:relative;width:620px;height:248px;margin:0px 0px 20px 20px;float:left;display:inline;border-width:1px 0px;border-style:solid; } .T_koop .head4 { position:absolute;top:10px;left:0px; } .T_koop .listContainer { position:absolute;top:37px;left:0px; } .T_koop .listItem { position:relative;width:320px;height:27px;margin-bottom:1px;background-repeat:no-repeat;background-position:294px 9px; } .T_koop .listItem .line { position:absolute;top:-1px;left:0px;width:300px; } .T_koop .listItem a { position:relative;display:block;font-weight:bold;padding:6px 0px; } .T_koop .tContainer { position:absolute;top:13px;left:320px;width:300px; } .T_koop .imgBox { position:relative;top:0px;left:0px;width:300px;height:169px; } .T_koop .imgBox .anzeige { position:absolute;top:6px;left:253px;width:41px;height:7px; } .T_koop .roof { position:absolute;top:133px;left:0px; } .T_koop .txtBox { position:absolute;top:175px;left:0px;line-height:17px; } .T_koop a.arrow { position:absolute;top:210px;right:0px; } .T_most { position:relative;width:300px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_most .mostContainer { position:relative;width:300px; } .T_most .most { position:relative;width:300px;height:27px;margin-top:1px; } .T_most .most .num { position:absolute;top:7px;left:9px;width:14px;height:14px; } .T_most .most .head5 { position:relative;padding:6px 10px 0px 32px; } .T_most .most .txt { position:relative;padding:0px 10px 4px 32px;display:none; } .T_most .most a.arrow { position:relative;left:32px;display:none; } .T_most .mostAktiv { height:75px; } .T_most .mostAktiv .num { top:12px; } .T_most .mostAktiv .head5 { padding:11px 10px 2px 32px; } .T_most .mostAktiv .txt, .T_most .mostAktiv a.arrow { display:block; } .T_comm { position:relative;width:300px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_comm .commItem { position:relative;width:300px;height:58px;margin-top:1px; } .T_comm .commItemFirst { height:59px; } .T_comm .commItem a.arrow { position:absolute;top:12px;left:15px; } .T_comm .commItem a.arrowGray { top:31px;font-weight:normal; } .T_comm .commItem .txt { position:absolute;top:12px;right:15px; } .T_comm .overviewLinkBox { position:absolute;top:213px;left:0px;width:300px;height:37px; } .T_comm .overviewLinkBox a.arrow { position:absolute;top:11px;left:15px; } .T_base_hoch .mostContainer.fwbb .mostAktiv .head3 {overflow:visible;} .T_comm.fwbb { overflow: hidden; } .T_comm.fwbb .commItem { height: 52px; } .T_comm.fwbb.wide, .T_comm.fwbb.wide .overviewLinkBox, .T_comm.fwbb.wide .mostContainer.fwbb .commItem { width:620px;} .T_now { position:relative;width:300px;height:249px;margin:0px 0px 20px 20px;float:left;display:inline;border-width:1px 0px 0px;border-style:solid; } .T_now .head4 { position:absolute;top:6px;left:0px; } .T_now .logo { position:absolute;top:8px;left:202px;width:90px;height:14px; } .T_now .nowContainer { position:absolute;top:23px;width:300px; } .T_now .now { position:relative;width:300px;height:25px;border-width:0px 0px 1px;border-style:solid; } .T_now .now .head5 { position:absolute;top:5px;left:0px;width:215px;height:15px;overflow:hidden; } .T_now .now .date { position:absolute;top:5px;right:0px; } .T_now .now .txt { position:absolute;top:23px;left:0px;width:150px;height:68px;line-height:17px;overflow:hidden;display:none; } .T_now .now .imgBox { position:absolute;top:27px;left:158px;width:142px;height:84px;display:none; } .T_now .now a.arrow { position:absolute;top:99px;left:0px;display:none; } .T_now .nowAktiv { height:121px; } .T_now .nowAktiv .txt, .T_now .nowAktiv .imgBox, .T_now .nowAktiv a.arrow { display:block; } .artikel .T_setNavi { position:relative;width:310px;float:left;padding:6px 0px 6px; margin-bottom:20px;} .artikel .T_setNavi .imgBox { position:absolute;top:10px;left:10px;width:96px;height:54px; margin-bottom:5px;} .artikel .T_setNavi .txtBox { position:relative;width:190px;left:111px;line-height:17px;float:none;margin-bottom:5px; } .artikel .T_setNavi .txtBox .head4 { padding-bottom:2px; } .artikel .sizableTxtBox .floatBox .setNavi .T_setNavi .imgBox { position:absolute;width:51px;float:none; } .artikel .sizableTxtBox .floatBox .setNavi .T_setNavi .txtBox .head4 { font-weight:normal;padding-bottom:2px; } .infoBox { position:relative;width:300px;margin:0px 0px 20px 20px;float:left;display:inline;line-height:17px;border-width:1px 0px;border-style:solid; } .infoBox .head4 { font-weight:bold; position:relative;padding:8px 0px 0px;line-height:15px; } .infoBox br.demi { line-height:1px; } .sizableTxtBox .infoBox { width:620px; } .infoBox .colLeft { float:left;width:300px;margin-right:20px; } .infoBox .colRight { float:left;width:300px; } .artikel .sizableTxtBox .infoBox { margin:20px 0px 0px 0px;height:auto;line-height:17px !important;font-size:12px !important; } .artikel .T_iframe .txtBox { position:relative; margin-top: 10px; width:600px;} .T_vote50 { position:relative;width:300px;height:248px;margin:0px 0px 20px 20px;float:left;display:inline;border-width:1px 0px;border-style:solid; } .T_vote50 .head4 { position:absolute;top:5px;left:0px;line-height:19px; } .T_vote50 .leftBox { position:absolute;top:48px;left:0px;width:148px; } .T_vote50 .rightBox { position:absolute;top:48px;left:152px;width:148px; } .T_vote50 .imgBox { position:relative;top:0px;left:0px;width:148px;height:127px;overflow:hidden; } .T_vote50 .imgBox table { position:relative;width:148px;height:127px; } .T_vote50 .imgBox .img { position:relative;display:block;margin:auto; } .T_vote50 .txtBox { position:relative;top:0px;left:0px;padding-top:6px;line-height:17px; } .T_vote50 a.arrow { position:absolute;top:179px;left:0px; } .T_vote50 .button { position:absolute;top:98px;left:33px; } .T_vote50 .bgLayer { position:absolute;top:98px;left:0px;width:148px;height:29px;filter:alpha(opacity=50);opacity:0.5; } .T_vote50 .bgVotingBar { position:absolute;top:108px;left:10px;width:100px;height:9px;font-size:1px; } .T_vote50 .votingBar { position:relative;height:9px; } .T_vote50 .percent { position:absolute;top:105px;left:114px; } .T_vote50 .versus { position:absolute;top:92px;left:130px;width:40px;height:40px; } .T_vote50 .roof {position:absolute;top:98px;left:0px;} .T_vote50set { position:relative;width:300px;height:249px;margin:0px 0px 20px 20px;float:left;display:inline;border-width:0px 0px 1px;border-style:solid; } .T_vote50set .head4 { position:absolute;top:150px;left:0px;line-height:19px; } .T_vote50set .leftBox { position:absolute;top:0px;left:0px;width:148px; } .T_vote50set .rightBox { position:absolute;top:0px;left:152px;width:148px; } .T_vote50set .imgBox { position:relative;top:0px;left:0px;width:148px;height:147px;overflow:hidden; } .T_vote50set .imgBox table { position:relative;width:148px;height:147px; } .T_vote50set .imgBox .img { position:relative;display:block;margin:auto; } .T_vote50set .txtBox { position:absolute;top:210px;left:0px;line-height:17px; } .T_vote50set .button { position:absolute;top:118px;left:33px; } .T_vote50set .bgLayer { position:absolute;top:118px;left:0px;width:148px;height:29px;filter:alpha(opacity=50);opacity:0.5; } .T_vote50set .bgVotingBar { position:absolute;top:128px;left:10px;width:100px;height:9px;font-size:1px; } .T_vote50set .votingBar { position:relative;height:9px; } .T_vote50set .percent { position:absolute;top:125px;left:114px; } .T_vote50set .versus { position:absolute;top:53px;left:130px;width:40px;height:40px; } .T_vote { position:relative;width:300px;height:248px;margin:0px 0px 20px 20px;float:left;display:inline;border-width:1px 0px;border-style:solid; } .T_vote .head4 { position:relative;padding:5px 0px;line-height:19px; } .T_vote .imgBox { position:relative;width:300px;height:50px;margin-bottom:5px; } .T_vote .imgBox .img { position:relative;display:block; } .T_vote .voteBox { position:relative;width:300px;height:35px;margin-bottom:5px; } .T_vote .voteBox .txt { position:relative;padding:1px 0px 0px 25px;line-height:17px; } .T_vote .voteBox input { position:absolute;top:0px;left:0px; } .T_vote .voteBox a.arrow { position:absolute;top:19px;right:0px; } .T_vote .resultBox { position:relative;width:300px;height:35px; } .T_vote .resultBox .txt { position:relative;padding:1px 0px 0px 0px;line-height:17px; } .T_vote .resultBox a.arrow { position:absolute;top:19px;right:0px; } .T_vote .bgVotingBar { position:relative;width:260px;height:9px;font-size:1px;margin:4px 0px 5px;float:left;display:inline; } .T_vote .votingBar { position:relative;height:9px; } .T_vote .percent { position:relative;width:40px;float:right;text-align:right; } .T_vote .button { position:absolute;top:212px;left:0px; } .googleBox { position:relative;width:300px;height:113px;margin:0px 0px 20px 20px;float:left;display:inline;line-height:17px;border-width:1px 0px;border-style:solid; } .googleBox.googleBoxHoch { height:248px; } .googleBox.googleMedRec { border-style: hidden; height: 256px; padding: 0 10px; width: 280px; } .googleBox .head5 { font-weight:bold; position:relative;padding:6px 0px 0px;line-height:15px; } .googleBox .roof .head5 { font-size:10px; } .googleBox br.demi { line-height:1px; display:none;} .googleBox.googleMedRec br.demi { line-height:5px; } .sizableTxtBox .googleBox { width:620px; } .googleBox .headline { font-weight:bold; } .artikel .sizableTxtBox .googleBox { margin:20px 0px 0px 0px; padding:5px 10px; width:600px; border-style:hidden; height:auto;line-height:17px !important;font-size:12px !important; } .T_news { position:relative;width:300px;height:114px;margin:0px 0px 20px 20px;float:left;display:inline;border-width:1px 0px 0px;border-style:solid; } .T_news .head4 { position:relative;padding:6px 0px 0px; } .T_news .newsBox { position:absolute;top:26px;left:0px; } .T_news .newsItem { position:relative;width:300px;height:21px;background-repeat:no-repeat;background-position:284px 6px;border-top-width:1px;border-top-style:solid; } .T_news .newsItem a { position:relative;display:block;font-weight:bold;padding:3px 2px;width:272px;height:15px;overflow:hidden; } .T_wetter { position:relative;width:300px;height:113px;margin:0px 0px 20px 20px;float:left;display:inline;border-width:1px 0px;border-style:solid; } .T_wetter table { position:relative;width:292px; } .T_wetter td.sonne { width:66px;padding-top:22px;text-align:right; } .T_wetter td.wind { width:88px;padding-top:35px;text-align:right; } .T_wetter td.txt { width:24px;padding-top:44px; } .T_wetter td.valueC { width:35px;padding-top:44px;text-align:right; } .T_wetter td.valueKM { width:55px;padding-top:44px;text-align:right; } .T_wetter .head4 { position:absolute;top:6px; } .T_wetter .button { position:absolute;top:6px;right:8px; } .T_wetter a.arrow { position:absolute;top:92px;left:0px; } .T_epiGuide { position:relative;width:300px;height:113px;margin:0px 0px 20px 20px;float:left;display:inline;border-width:1px 0px;border-style:solid; } .T_epiGuide .head4 { position:relative;padding:6px 0px 4px; } .T_epiGuide table { position:relative;width:300px; } .T_epiGuide td { height:28px; } .T_epiGuide td.buttonHeight { height:28px; } .T_epiGuide select { width:300px; } .T_epiGuide .button { float:right; } .T_suche { position:relative;width:300px;height:248px;margin:0px 0px 20px 20px;float:left;display:inline;border-width:1px 0px;border-style:solid; } .T_suche .head4 { position:relative;padding:6px 0px; } .T_suche table { position:relative;left:-1px;width:302px;margin-bottom:10px; } .T_suche td { height:21px;text-align:center;font-weight:bold; } .T_suche input { position:relative;width:296px; } .T_suche .resultBox { position:absolute;top:94px;left:0px;width:300px;height:141px;overflow:auto; } .T_suche .resultInnerBox { position:relative;width:280px;line-height:20px; } .T_rezeptSuche { position:relative;width:300px;height:248px;margin:0px 0px 20px 20px;float:left;display:inline;border-width:1px 0px;border-style:solid; } .T_rezeptSuche .head4 { position:relative;padding:6px 0px 12px; } .T_rezeptSuche table { position:relative;width:300px; } .T_rezeptSuche td.tdSize { height:1px; } .T_rezeptSuche td { height:32px; } .T_rezeptSuche .info { font-size:11px; } .T_rezeptSuche input { position:relative;width:176px; } .T_rezeptSuche select { position:relative;width:180px; } .T_rezeptSuche .button { float:right; } .T_image { position:relative;width:300px;height:115px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_image .img { position:relative;display:block; } .T_imageHoch { position:relative;width:300px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_imageHoch .img { position:relative;display:block; } .T_imageHoch .img2 { position:absolute;top:0px;left:158px; } .T_2er_imageHoch { position:relative;width:620px;height:250px;margin:0px 0px 20px 0px;float:left;display:inline; } .T_2er_imageHoch .img { position:relative;display:block; } .T_shop { position:relative;width:300px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_shop .contentBox { position:absolute;top:138px;left:16px;width:268px;height:95px;font-weight:bold; } .T_shop .contentBox td { font-weight:bold;line-height:17px; } .T_shop .contentBox td a { font-weight:normal; } .T_shop { background-image:url(images/bg_t_shop.jpg); } .T_shop .contentBox { color:#444444; } .T_shop .contentBox td { color:#444444; } .T_shop .contentBox td a { color:#c10000; } .T_shop .contentBox td img {width: 95px; height: 95px; border: 0px } .T_iframe { position:relative;margin:0px 0px 20px 20px;float:left;display:inline;} .T_iframe .sizableTxtBox { width: 512px;} .T_iframe .head2 { position:relative;margin-bottom: 10px;} .T_iframeNoMargin { position:relative;float:left;display:inline; margin:0;} .T_iframe .anzeige { position:absolute;top:-6px;left:3px;width:28px;height:5px;font-size:1px; } .stopper { position:relative;width:940px;margin:0px 0px 20px 20px;float:left;display:inline; } .stopper .img { position:relative;display:block; } .T_memberSearch { position:relative;width:300px;height:115px;margin:0px 0px 10px 20px;float:left;display:inline; } .T_memberSearch .head4 { padding:7px 0 0 15px; } .T_topChat { position:relative;width:300px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .T_topChat .reiter .txt { padding:3px 8px 3px 0px; } .T_topChat .contentBox { position:absolute;top:21px;width:300px;height:229px;background-color:#efefef; } .T_topChat .imgBox { position:absolute;top:1px;left:0px;width:150px;height:228px; } .T_topChat .imgBox .img { position:relative;display:block; } .T_topChat .txtBox { position:absolute;top:10px;left:160px;line-height:17px; } .T_topChat .txtBox .head2 { position:relative;padding:3px 0px 14px;color:#c10000; } .T_topChat .chatWindow { position:absolute;top:102px;left:160px;width:126px;height:86px;border-width:1px;border-style:solid;border-color:#bfbfbf; } .T_topChat .button { position:absolute;top:200px;left:160px; } .T_base_hoch { background-position: left bottom; background-repeat: no-repeat; display: block; float: none; margin: 0 0 20px 20px; height: 250px; position: relative; width: 300px; } .T_base_hoch .roof { height: 26px; left: 0; overflow: hidden; position: absolute; top: 0; width: 300px;} .T_base_hoch .roof h5 { left: 0px; position: absolute; top: 6px; margin:0; font-size:14px; font-weight:normal;} .T_base_hoch .ligatusBox { position: absolute; top: 27px; width: 300px;} .T_base_hoch .ligatusBox .ligatusTeaser { height: 76px; position: relative; width: 300px;} .T_base_hoch .ligatusBox .ligatusTeaser.gradient { background-position: left bottom; background-repeat: no-repeat; overflow: hidden;} .T_base_hoch .ligatusBox .ligatusTeaser .img { left: 0; position: absolute; top: 3px;} .T_base_hoch .ligatusBox .ligatusTeaser h5 { height: 14px; left: 134px; overflow: hidden; position: absolute; top: 8px; margin:0; font-size:12px; font-weight:bold;} .T_base_hoch .ligatusBox .ligatusTeaser .txt { left: 134px; line-height: 16px; position: absolute; top: 23px; width: 158px;} .T_base_hoch.h382 {height: 382px;} .T_base_hoch.h382 .ligatusBox .ligatusTeaser { height: 60px; } .T_base_hoch.h382 .ligatusBox .ligatusTeaser h5 {left: 104px; top: 8px;} .T_base_hoch.h382 .ligatusBox .ligatusTeaser .txt { left: 104px; top: 23px; width: 188px;} /*.ligatusBox .ligatusTeaser .txt a { color: #666666;}*/ .T_base_hoch .ligatusBox .ligatusTeaser.gradient { background-color: transparent; background-image:none;} /*.T_base_hoch .roof h5 {color: #444444;}*/ .T_base_hoch .roof { background-color: transparent;background-image:none;} .T_base_hoch.noGradient { background-color: transparent; background-image: none;} .T_base_hoch .topLine{ background-color: #bfbfbf; opacity: 1; height:1px; top:0; left:0; width:300px;} .T_base_hoch .botLine{ background-color: #bfbfbf; opacity: 1; height:1px; top:253px; left:0; width:300px;} .T_base_hoch.h382 .ligatusBox .botLine{ background-color: #bfbfbf; opacity: 1; height:1px; top:59px; left:0; width:300px;} .T_base_hoch.h382 .botLine{ background-color: #bfbfbf; opacity: 1; height:1px; top:26px; left:0; width:300px;} /* * * * L A Y E R * * * */ .wetterSuche { position:relative; } .wetterSuche .head4 { position:relative;padding:7px 0px 14px; } .wetterSuche input { position:relative;width:216px; } .wetterSuche .resultBox { position:relative;width:218px;height:160px;border-width:1px;border-style:solid;overflow:auto; } .wetterSuche .resultBox a { position:relative;display:block;padding:2px 5px 3px; } /* * * * S E N D U N G S B A N D * * * */ #sendungsband { position:relative;width:940px;height:144px;margin:0px 0px 20px 20px;float:left;display:inline;background-repeat:no-repeat; } #sendungsband .suche { position:absolute;top:10px;left:404px;width:132px;height:19px; } #sendungsband .suche input { position:absolute;top:2px;left:22px;width:90px;border:0px;font-size:10px; } #sendungsband .suche .cancel_suche { position:absolute;top:4px;left:116px;width:12px;height:12px;font-size:1px;cursor:pointer; } #sendungsband #sendungen_container { position:absolute;top:40px;left:0px; } #sendungsband .head4 { position:absolute;top:10px;left:416px;font-weight:bold; } #sections { position:relative;width:840px;margin-left:50px;overflow:hidden; } #sections ul { position:relative;height:96px;padding:0px;margin:0px;list-style:none;overflow:hidden;margin:0px auto; } #sections li { position:relative;width:170px;height:96px;float:left;padding:0px;margin:0px;list-style:none;background-repeat:no-repeat; } #sections li table { position:relative;width:153px;height:86px; } #sections li .img { position:relative;display:block;margin:auto; } #sendungen_container .next, #sendungen_container .prev { position:absolute;top:30px;width:39px;height:39px;cursor:pointer; } #sendungen_container .prev { left:5px; } #sendungen_container .next { right:-45px; } /* Sendungsband XFactor*/ #kandidaten_leiste { position:relative;width:940px;height:144px;margin:0px 0px 20px 20px;float:left;display:inline;background-repeat:no-repeat; } #kandidaten_leiste .suche { position:absolute;top:10px;left:404px;width:132px;height:19px; } #kandidaten_leiste .suche input { position:absolute;top:2px;left:22px;width:90px;border:0px;font-size:10px; } #kandidaten_leiste .suche .cancel_suche { position:absolute;top:4px;left:116px;width:12px;height:12px;font-size:1px;cursor:pointer; } #kandidaten_leiste #kandidaten_container { position:absolute;top:0px;left:0px; } #kandidaten_leiste .head4 { position:absolute;top:10px;left:416px;font-weight:bold; } #kandidaten_sections { position:relative;width:850px;margin-left:54px;overflow:hidden; } #kandidaten_sections ul { position:relative;height:150px;padding:0px;margin:0px;list-style:none;overflow:hidden;margin:0px auto; } #kandidaten_sections li { position:relative;width:170px;height:139px;float:left;padding:0px;margin:0px;list-style:none;background-repeat:no-repeat; } #kandidaten_sections li table { position:relative;width:153px;height:86px; } #kandidaten_sections li .img { position:relative;display:block; } #kandidaten_container #kandidaten_sections li {background-image:none;} #kandidaten_container .next, #kandidaten_container .prev { position:absolute;top:65px;width:37px;height:37px;cursor:pointer; } #kandidaten_container .prev { left:5px; } #kandidaten_container .next { right:-35px; } #kandidaten_leiste .blroof {left: 0; position: absolute; top: 100px; height:28px; z-index:20;} #kandidaten_leiste .blroof .left { float: left; height: 28px; position: relative; width: 16px; } #kandidaten_leiste .blroof .right { background-position: right top; float: left; position: relative; height:28px;} #kandidaten_leiste .blroof .right .txt { color: white; line-height: 17px; position: relative; font-weight: bold; left: -8px; padding: 6px 0 7px;} #kandidaten_leiste .blroof .right .txt a {color: #ffffff; } /* * * * * K R A M * * * * */ .reiterleisteSmall { position:relative;height:21px;overflow:hidden; } .reiterleisteBig { position:relative;height:34px;overflow:hidden; } .reiter { position:relative;float:left;display:inline;padding-left:8px;margin-left:2px;background-repeat:no-repeat; } .reiter .txt { position:relative;font-weight:bold;padding:9px 8px 10px 0px;background-position:right top; } .reiter a { position:relative;display:block;font-weight:bold;padding:4px 8px 4px 0px;text-align:center;line-height:13px;background-position:right top; } .firstReiter { margin-left:0px; } .b300r1 .firstReiterFix { width:292px;margin-left:0px; } .b300r2 .firstReiterFix { width:141px;margin-left:0px; } .b300r2 .reiterFix { width:141px; } .b300r3 .firstReiterFix { width:90px;margin-left:0px; } .b300r3 .reiterFix { width:91px; } .b600r2 .firstReiterFix { width:292px;margin-left:0px; } .b600r2 .reiterFix { width:292px;margin-left:20px; } .fblikebox {margin: 0 0 20px 20px; float:left; width:300px;} /* .allTicker {display: inline; float: left; margin-bottom: 14px; position: relative; width: 613px; background: url("icons/bg_613.gif"); background-position: left bottom; background-repeat: no-repeat; : cursor: pointer; height: 30px; position: relative; width: 613px;} .allTicker .tickerHeader .button{ width:95px; float:right; margin:7px 6px 0 0;} .allTicker .txt { text-align:center; margin-top:7px; color:#000000;} */ .tickerblaettern { text-align:center; position:relative; margin-bottom:20px; padding:6px 0px; width: 620px; background-color: #d2d2d2; } .tickerblaettern .txt { color:#000000; } .tickerblaettern .for { position:absolute; top:6px; left: 540px; } .tickerblaettern .back { position:absolute; top:6px; left: 7px; } .tickerImageBox { float: left; margin: 0px 8px 0px 0px; width: 300px; } .tickerHeader { float:left; height:30px; margin-top: 8px; } .tickerHeader .button { width: 92px; } .tickerEventlineHeadline { font-weight:bold; color: #666666; } .tickerImageBox .credit { position: relative; width: 289px; font-size: 11px; font-style: italic; line-height: 14px; padding: 5px 0px; } /******* A J A X L O A D E R *******/ .ajaxload {position:absolute;left:0px;top:0px;z-index:999;filter:alpha(opacity=60);opacity:0.6;background-color:#ECF4F7;background-image:url(http://bilder.rtl.de/rtl09/images/ajax/ajax-loader.gif);background-repeat:no-repeat;background-position:center center;} /* * * * * C O M M U N I T Y * * * * */ .order_nl .button { float: right; line-height: 15px; right: 10px; top: 3px; } .preLogin { position:relative;width:300px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .preLogin .loginHeader { position:relative;width:300px;height:47px; } .preLogin .contentBox { position:relative;width:282px;height:162px;padding:20px 9px 0px; } .preLogin table { position:relative;width:282px; } .preLogin td { height:24px; } .preLogin td.tdSize { height:1px; } .preLogin td.buttonHeight { height:32px; } .preLogin .input { width:174px; } .preLogin .button { float:right; } .preLogin .line { position:absolute;top:138px;left:9px;width:282px; } .preLogin .buttonBox { position:absolute;bottom:12px;left:9px;width:282px; } .preLogin .buttonBox .button { float:left; } .preLogin .buttonBox .rightButton { float:right; } #loginbox .reiter { margin-left: 0px; width: 55px; } #loginbox .reiter a { line-height: 14px; } #loginbox .buttonBox { bottom: 18px; right: 0; width: 146px; left: inherit; } #loginbox .user-options { height: 55px; } #loginbox .input { width: 140px; } #loginbox .user-options a.arrow { font-size: 11px; font-weight: normal; padding: 1px 0px 0px 16px; } #loginbox .contentBox { height: 115px; } #postloginbox .reiter a { width: 75px; } #postloginbox .contentBox { height: 200px; } #postloginbox .contentBox a.arrow { display: block; margin: 3px 0; } #postloginbox .contentBox h4 { margin: 0 0 10px 0; } #postloginbox .head5 { margin-top: 15px; } #layerLogoutbox { margin: 0 0 0 0; } #layerLogoutbox .contentBox { margin: 0 0 0 0; padding: 20px; width: 400px; height: 158px; } #layerLogoutbox .contentBox a.arrow { display: block; margin: 3px 0; } #layerLogoutbox .contentBox h4 { margin: 0 0 10px 0; } #layerLogoutbox .head5 { margin-top: 15px; } #layerLogoutbox .buttonBox { bottom: 22px; left: 0px; } #layerLoginbox { margin: 0 0 0 0; } #layerLoginbox .contentBox { margin: 0 0 0 0; padding: 0; width: 420px; height: 125px; } #layerLoginbox .contentBox #loginbig { padding: 20px 10px 20px 35px; } #layerLoginbox .contentBox #loginbig .input { margin: 0 0 0 30px; } #layerLoginbox .contentBox #loginbig .button { margin-left: 15px; } #layerLoginbox .contentBox #loginbig .buttonBox { width: 200px; position: inherit;} #layerLoginbox .user-options { height: 55px; } /* facebook login */ .preLogin .facebookLoginBox {position:absolute; bottom:10px; left:9px;} .preLogin .facebookLoginBox a.facebookLoginLarge {position:relative; margin:auto;} .postLogin { position:relative;width:300px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .postLogin .loginHeader { position:relative;width:300px;height:47px; } .postLogin .contentBox { position:relative;width:282px;height:162px;padding:20px 9px 0px;line-height:17px; } .postLogin .head5 { position:relative;font-weight:bold; } .postLogin .buttonBox { position:absolute;bottom:12px;left:9px;width:282px; } .postLogin .buttonBox .button { float:left;line-height:15px; } .postLogin .buttonBox .rightButton { float:right; } .miniProHeader { position:relative;width:300px;height:90px; } .miniProHeader .imgBox { position:absolute;top:10px;left:9px;width:77px;height:51px; } .miniProHeader .user { position:absolute;top:42px;left:100px; } .miniProBox { position:relative;width:282px;height:92px;padding:47px 9px 0px; } .miniProBox .naviBox { position:absolute;top:-19px;left:9px;width:284px; } .miniProBox .level_3 { position:relative;height:19px;float:left;display:inline;margin-right:2px;padding-left:1px;background-repeat:no-repeat; } .miniProBox .level_3 .item { position:relative;padding:2px 1px 2px 0px;background-position:right top;text-align:center; } .miniProBox .level_3 .item.itemProfil { width:36px; } .miniProBox .level_3 .item.itemMails { width:62px; } .miniProBox .level_3 .item.itemGuests { width:92px; } .miniProBox .level_3 .item.itemFriends { width:78px; } .miniProBox .level_3 .item .info { position:absolute;top:15px;left:0px;width:282px;padding:12px 9px 6px;text-align:left;display:none; } .miniProBox .level_3Aktiv .item .info { display:block; } .miniProBox .level_3 .item.itemProfil .info { left:-9px; } .miniProBox .level_3 .item.itemMails .info { left:-49px; } .miniProBox .level_3 .item.itemGuests .info { left:-115px; } .miniProBox .level_3 .item.itemFriends .info { left:-211px; } .sayWhat { position:relative;top:0px;left:72px; } .sayWhat table { position:relative;width:210px; } .sayWhat td { height:24px; } .sayWhat input { width:136px; } .sayWhat .button { float:right; } .sayWhat .icon { position:absolute;top:0px;left:-72px;width:63px;height:41px; } .miniProBox .line { position:absolute;top:95px;left:9px;width:282px; } .miniProBox .buttonBox { position:absolute;bottom:12px;left:9px;width:282px; } .miniProBox .buttonBox .button { float:left; } .miniProBox .buttonBox .rightButton { float:right; } /* * * * * P R O F I L E * * * * */ .myProfile { position:relative;width:300px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline; } .myProfile .contentBox { position:relative;width:282px;padding:7px 9px 0px; } .myProfile .head2 { padding-bottom:6px; } .myProfile .txt { position:absolute;top:12px;right:9px; } .myProfile .imgBox { position:relative;padding-bottom:6px; } .myProfile a.arrow { line-height:17px; } .myProfile .sayWhat { position:absolute;top:204px;left:81px; } .external { position:relative;width:620px;height:250px;margin:0px 0px 20px 20px;float:left;display:inline;background-color:#bfbfbf; } .external .imgBox { position:absolute;top:0px;left:0px;width:375px;height:250px;background-image:url(images/bg_external_img.jpg); } .external .imgBox table { position:relative;width:375px;height:250px; } .external .imgBox .img { position:relative;display:block;margin:auto; } .external .txtBox { position:absolute;top:8px;left:385px;line-height:16px; } .external .txtBox h2 { position:relative;font-size:18px;line-height:21px;color:white;margin:0px; } .external .txtBox h2 a { color:#444444; } .external .txtBox .status { position:relative;font-size:11px;font-weight:bold; } .external .txtBox .status.on { color:#ff0000; } .external .txtBox .linkBox { position:relative;line-height:18px;padding-top:2px; } .external .sayWhat { position:absolute;top:174px;left:385px;width:220px;line-height:16px; } .external .sayWhat .icon { position:relative;left:-2px; } .profileBox { position:relative;width:620px;margin:0px 0px 20px 20px;float:left;display:inline; } .profileBox .naviBox { position:relative;top:0px;left:0px; } .profileBox .level_3 { position:relative;float:left;display:inline;margin-right:2px;padding-left:1px;background-repeat:no-repeat; } .profileBox .level_3 a { position:relative;width:86px;display:block;padding:2px 7px 2px 6px;background-position:right top; } .profileBox .bgBox { position:relative;background-color:#efefef;margin-top:2px; } .profileBox .bgBox.firstBgBox { margin-top:0px; } .profileBox.head .bgBox.firstBgBox { background-position:top;background-repeat:no-repeat;background-image:url(images/vox_forum_header_bg.png); } .profileBox .bgBox.beitrag { background:#bfbfbf; } .profileBox .bgBox.firstBgBox .settingsBox { line-height:16px;padding:8px;position:relative; } .profileBox .bgBox.firstBgBox .settingsBox.topBorder { border-top:2px solid #E5E5E5;} .profileBox .bgBox.firstBgBox .settingsBox .row { margin:0 0 6px;position:relative;width:597px; } .profileBox .bgBox.firstBgBox .settingsBox .one { display:inline;float:left;position:relative;width:32px; } .profileBox .bgBox.firstBgBox .settingsBox .two { display:inline;float:left;position:relative;width:530px; } .profileBox .pageNaviBox { position:relative;width:620px;height:25px; } .profileBox .pageNaviBox .txt { position:relative;top:5px;margin:0px 160px;text-align:center; } .profileBox .pageNaviBox a.arrowBack { position:absolute;top:5px;left:104px; } .profileBox .pageNaviBox a.arrowFor { position:absolute;top:5px;right:104px; } .profileBox .pageNaviBox a.arrowFirst { position:absolute;top:5px;left:10px; } .profileBox .pageNaviBox a.arrowLast { position:absolute;top:5px;right:10px; } .myData { position:relative;padding:8px 0px 8px 8px; } .myData h2 { position:relative;font-size:14px;color:#c10000;margin:0px 0px 7px; } .myData table { position:relative;width:604px; } .myData td { height:26px; } .myData td.label { width:86px;font-weight:bold;color:#444444; } .myData td.label.topLabel { padding-top:5px; } .myData td.input { width:178px; } .myData td.icon { width:38px; } .myData input { width:168px; } .myData textarea { width:470px;height:40px;overflow:auto; } .myData .areaTxt { padding:5px 10px 5px 0px; } .myData .button { float:right;margin-right:8px;display:inline; } .myData .lockBox { position:relative;width:22px;height:22px;background-image:url(images/bg_lock.gif); } .myData .lockBox a { position:absolute;top:5px;left:7px;display:block;width:9px;height:11px; } .myData .lockedBox { position:relative;width:22px;height:22px;background-image:url(images/gray_lock.gif);background-repeat:no-repeat;background-position:7px 5px; } .myData .lockOptionBox { position:absolute;top:-50px;left:0px;width:152px;display:none; } .myData .lockOptionBox .line { position:relative;height:1px;background-color:#c1c2d2;margin:0px 1px; } .myData .lockOptionBox .innerBox { background-color:#c1c2d2; } .myData .lockOptionBox a { position:relative;width:auto;height:auto;top:0px;left:0px;padding:1px 0px 1px 22px;font-size:11px;color:#444444;background-position:7px 2px; } .myData .lockOptionBox a:hover { background-color:#d4d4e0; } .myData a.greenLock { background-image:url(images/green_lock.gif);background-repeat:no-repeat; } .myData a.yellowLock { background-image:url(images/yellow_lock.gif);background-repeat:no-repeat; } .myData a.redLock { background-image:url(images/red_lock.gif);background-repeat:no-repeat; } .myData span.greenLock { padding-right:8px;background-image:url(images/green_lock.gif);background-repeat:no-repeat;background-position:2px 2px; } .myData span.yellowLock { padding-right:8px;background-image:url(images/yellow_lock.gif);background-repeat:no-repeat;background-position:2px 2px; } .myData span.redLock { padding-right:8px;background-image:url(images/red_lock.gif);background-repeat:no-repeat;background-position:2px 2px; } .myData span.grayLock { padding-right:8px;background-image:url(images/gray_lock.gif);background-repeat:no-repeat;background-position:2px 2px; } .postBox { position:relative;padding:8px 0px 8px 0px; } .postBox h2 { position:relative;font-size:14px;color:#c10000;margin:0px 0px 0px;padding-left:8px; } .postBox .linkBox { position:absolute;top:9px;right:8px; } .postBox .row { position:relative;width:613px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#e5e5e5; } .postBox .row input { position:absolute;top:3px;left:2px; } .postBox .row .txt { position:relative;padding:6px 0px;font-weight:bold; } .postBox .row .txt a { color:#666666; } .postBox .row.head .txt { padding:0px 0px 6px 0px; } .postBox .row.read .txt, .postBox .row.re .txt { font-weight:normal; } .postBox .one { position:relative;width:32px;float:left;display:inline; } .postBox .two { position:relative;width:26px;float:left;display:inline; } .postBox .three { position:relative;width:190px;float:left;display:inline;margin-right:10px; } .postBox .four { position:relative;width:190px;float:left;display:inline;margin-right:10px; } .postBox .five { position:relative;width:155px;float:left;display:inline; } .postBox .select { position:relative;width:581px;float:left;display:inline; } .postBox .row .two { height:22px;background-image:url(images/icon_mail_new.gif);background-repeat:no-repeat; } .postBox .row.head .two { background-image:none; } .postBox .row.read .two { height:22px;background-image:url(images/icon_mail_read.gif);background-repeat:no-repeat; } .postBox .row.re .two { height:22px;background-image:url(images/icon_mail_re.gif);background-repeat:no-repeat; } .postBox .row .select .txt { float:left;padding:8px 0px; } .postBox .row .select select { position:relative;float:right;display:inline;margin-right:5px;top:4px; } .postBox .row .select .button { float:right;display:inline;margin-right:8px;top:5px; } .selectBox { position:relative;width:613px; } .selectBox .one { position:relative;width:32px;float:left;display:inline; } .selectBox .two { position:relative;width:291px;float:left;display:inline; } .selectBox .three { position:relative;width:290px;float:left;display:inline;margin-right:0px; } .selectBox .txt { position:relative;padding:8px 0px; } .selectBox input { position:absolute;top:5px;left:2px; } .selectBox select { position:relative;float:right;display:inline;margin-right:5px;top:6px; } .selectBox .button { float:right;display:inline;margin-right:8px;top:7px; } .mailHead { position:relative;padding:0px 8px; } .mailHead a { color:#666666; } .mailHead .date { position:absolute;top:0px;right:8px; } .mailTxt { position:relative;padding:8px; } .mailTxt .txt { position:relative;line-height:16px;padding-bottom:14px; } .mailTxt table { position:relative;width:597px; } .mailTxt td { height:26px; } .mailTxt td.info { font-size:11px; } .mailTxt td.label { width:127px;font-weight:bold; } .mailTxt td.label.topLabel { padding-top:5px; } .mailTxt td.input { width:470px; } .mailTxt td.input.area { width:470px;height:145px; } .mailTxt select { width:470px; } .mailTxt input { width:464px; } .mailTxt textarea { width:464px;height:130px; } .mailTxt .button { float:right;display:inline;margin-left:8px; } .a_z_links { position:relative;padding:9px 8px 8px; } .friendsBox { position:relative;width:613px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#e5e5e5; } .friend { position:relative;width:184px;height:221px;float:left;display:inline;margin:0px 8px; } .friend .imgBox { position:absolute;top:0px;left:0px;width:184px;height:123px;background-image:url(images/bg_freunde_img.jpg); } .friend .imgBox table { position:relative;width:184px;height:123px; } .friend .imgBox .img { position:relative;display:block;margin:auto; } .friend input { position:absolute;top:1px;left:1px; } .friend .txtBox { position:absolute;top:126px;left:0px;width:184px; } .friend .txtBox h2 { position:relative;font-size:18px;margin:0px; } .friend .txtBox h2 a { color:#666666; } .friend .txtBox .status { position:relative;font-size:11px;font-weight:bold; } .friend .txtBox .status.on { color:#ff0000; } .friend .txtBox .statement { position:relative;height:15px;overflow:hidden; } .friend .txtBox a.arrow2 { line-height:16px; } .guestEntry { position:relative;width:613px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#e5e5e5; } .guestEntry .imgBox { position:relative;width:184px;margin:14px 14px 11px 8px;float:left;display:inline;background-repeat:no-repeat;background-image:url(images/bg_freunde_img.jpg); } .guestEntry .imgBox .innerImgBox { position:relative;width:184px;height:123px;overflow:hidden; } .guestEntry .imgBox table { position:relative;width:184px;height:123px; } .guestEntry .imgBox .img { position:relative;display:block;margin:auto; } .guestEntry .imgBox h2 { position:relative;font-size:18px;margin:0px;padding-top:3px; } .guestEntry .imgBox h2 a { color:#666666; } .guestEntry .imgBox .status { position:relative;font-size:11px;font-weight:bold; } .guestEntry .imgBox .status.on { color:#ff0000; } .guestEntry .imgBox .statement { position:relative;height:15px;overflow:hidden; } .guestEntry input { position:absolute;top:1px;left:1px; } .guestEntry .txtBox { position:relative;width:380px;margin:11px 0px 11px 0px;float:left;line-height:16px; } .forenBox { position:relative;padding:8px;line-height:16px; } .forenBox h2 { position:relative;font-size:12px;color:white;margin:1px 0px 25px; } .forenBox h1 { position:relative;font-size:12px;color:white;margin:1px 0px 25px; } .profileBox .bgBox.beitrag .forenBox h2 { margin:0px;color:#000000; } .forenBox table { position:relative; } .forenBox td { height:22px; } .forenBox input { width:220px;margin-right:8px; } .forenBox select { width:220px;margin-right:8px; } .forenBox.search { background:#bfbfbf; } .forenBox.search h2 { margin:0px;color:#000000; } .forenButton .button { float:right;margin-left:8px; } .forenBreadcrumb { position:relative;color:#666666; } .forenBreadcrumb a { color:#666666; } .forenGroupHeader { position:relative;width:620px;height:30px;background-color:#bfbfbf; } .forenGroupHeader h2 { position:absolute;top:7px;left:8px;font-size:12px;color:white;color:#444444;margin:0; } .forenGroupHeader h2 span { font-size:12px;font-weight:normal;color:#666666; } .forenGroupHeader a.icon_plus { position:absolute;top:7px;left:596px;width:16px;height:16px;padding:0px; } .forenGroupHeader a.icon_minus { position:absolute;top:7px;left:596px;width:16px;height:16px;padding:0px; } .forenOverview .row { position:relative;width:604px;margin:0px 8px;border-top-width:1px;border-top-style:solid;border-top-color:#e5e5e5; } .forenOverview .row.head { border-top-width:0px; } .forenOverview .row .txt { position:relative;padding:7px 0px;line-height:16px; } .forenOverview .row .txt a { color:#666666; } .forenOverview .row.head .txt { font-weight:bold;color:#000; } .forenOverview .one { position:relative;width:155px;float:left;display:inline;margin-right:10px; } .forenOverview .two { position:relative;width:70px;float:left;display:inline;margin-right:10px; } .forenOverview .three { position:relative;width:72px;float:left;display:inline;margin-right:10px; } .forenOverview .four { position:relative;width:140px;float:left;display:inline;margin-right:10px; } .forenOverview .five { position:relative;width:120px;float:left;display:inline; } .forenList .row { position:relative;width:604px;padding:0px 8px;border-top-width:1px;border-top-style:solid;border-top-color:#e5e5e5; } .forenList .row.head { border-top-width:0px;background-color:#bfbfbf; } .forenList .row .txt { position:relative;padding:7px 0px;line-height:16px; } .forenList .row .txt a { color:#666666; } .forenList .row.head .txt { font-weight:bold;color:#000000;float:left; } .forenList .one { position:relative;width:285px;float:left;display:inline;margin-right:10px; } .forenList .two { position:relative;width:72px;float:left;display:inline;margin-right:10px; } .forenList .three { position:relative;width:70px;float:left;display:inline;margin-right:10px; } .forenList .four { position:relative;width:140px;float:left;display:inline; } .forenList a.sort_down { position:relative;width:9px;height:15px;float:left;display:inline;margin:7px 0px 7px 4px;background-image:url(images/vox_sort_down.gif); } .forenList a.sort_up { position:relative;width:9px;height:15px;float:left;display:inline;margin:7px 0px 7px 2px;background-image:url(images/vox_sort_up.gif); } .forenList .pageNaviBox { border-top-width:2px;border-top-style:solid;border-top-color:#e5e5e5; } .forenItem { position:relative;width:620px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e5e5e5; } .forenItem.first { background:#e1e1e1;border-bottom-color:#666666; } .forenItem.first .txtBox { font-weight:bold; } .forenItem .imgBox { position:relative;width:107px;margin:14px 14px 11px 8px;float:left;display:inline;line-height:16px;background-repeat:no-repeat;background-image:url(images/bg_visitor_img.jpg); } .forenItem .imgBox .innerImgBox { position:relative;width:107px;height:71px;overflow:hidden; } .forenItem .imgBox table { position:relative;width:107px;height:71px; } .forenItem .imgBox .img { position:relative;display:block;margin:auto; } .forenItem .imgBox h2 { position:relative;font-size:12px;line-height:16px;padding-top:5px;margin:0; } .forenItem .imgBox h2 a { color:#666666; } .forenItem .imgBox .h2 { position:relative;font-size:12px;line-height:16px;padding-top:5px;margin:0; } .forenItem .imgBox .h2 a { color:#666666; } .forenItem .txtBox { position:relative;width:476px;margin:10px 0px 11px 0px;float:left;line-height:16px; } .forenItem .titel { position:relative;padding:8px; } .forenItem .quote { position:relative;margin:4px 0px 12px 0px;background-color:#e1e1e1; } .forenItem .quote .txt { position:relative;padding:8px; } .forenItem .quote .txt h2 { color:#666666;font-weight:bold;font-size:12px;margin:0; } .forenItem .quote .txt h2 a { color:#666666;font-weight:bold; } .forenItem .quote .txt .h2 { color:#666666;font-weight:bold;font-size:12px;margin:0; } .forenItem .quote .txt .h2 a { color:#666666;font-weight:bold; } .forenItem .txtBox .lineSpacer { position:relative;width:476px;height:14px;font-size:1px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e5e5e5;margin-bottom:12px; } .forenItem .txtBox .buttonBox { position:relative; } .forenItem .txtBox .button { float:right;margin:10px 0px 0px 8px;line-height:15px; } .forenItem .txtBox .button.left { float:left;margin:10px 8px 0px 0px; } .forenItem .txtBox .button.disabled a { color:#cccccc; } .forenButton .button.disabled a { color:#cccccc; } .memberSearch { position:absolute;top:30px;left:15px; } .memberSearch table { position:relative; } .memberSearch tr { height:26px; } .memberSearch input { width:270px;height:15px;color:#666; } .memberSearch select.sex { width:200px;color:#666; } .memberSearch a.search { position:relative;display:block;width:37px;height:66px;background-image:url(icons/button_search.png); } .invite .imgBox { position:relative;width:300px;height:51px;background:url(images/vox_invite_header.jpg) no-repeat top;top:0; } .invite .contentBox { top:66px;padding-left:15px;padding-top:5px; } .invite table { position:relative; } .invite tr { height:26px; } .invite input { width:270px;color:#666; } .invite input.email { width:200px; } .invite .button { float:right; } .visitors { position:relative;width:300px;height:115px;margin:0px 0px 20px 20px;float:left;display:inline; } .visitors .head5 { position:absolute;top:8px;left:0px;width:300px;text-align:center;font-weight:bold; } .visitors .scrollable { position:absolute;top:30px;left:48px;width:205px;height:85px;overflow:hidden; } .visitors .scrollable .items { width:20000em;position:absolute;clear:both; } .visitors .scrollable .items .visitorBox { position:relative;width:100px;height:85px;float:left;margin-right:5px;display:inline; } .visitors .imgBox { position:relative;width:100px;height:56px;background-repeat:no-repeat;background-position:center;background-color:#d2d2d2; } .visitors .imgBox a { position:absolute;top:0px;left:0px;width:100px;height:56px;display:block; } .visitors .txtBox { position:absolute;top:60px;left:0px;width:100px; } .visitors .txtBox a { color:#444444; } .visitors a.prev { position:absolute;display:block;top:38px;left:5px;width:39px;height:39px;background-image:url(images/vox_galerie_back.png); } .visitors a.next { position:absolute;display:block;top:38px;left:257px;width:39px;height:39px;background-image:url(images/vox_galerie_for.png); } .visitors a.prev.disabled, .visitors a.next.disabled { display:none; } .visitors.visitors620 { width:620px; } .visitors.visitors620 .head5 { width:620px; } .visitors.visitors620 a.next { left:577px; } .visitors.visitors620 .scrollable { width:520px; } .onlineFriends { position:relative;width:300px;height:115px;margin:0px 0px 20px 20px;float:left;display:inline; } .onlineFriends .head5 { position:absolute;top:5px;left:10px;font-weight:bold; } .onlineFriends .scrollBox { position:absolute;top:21px;left:0px;width:300px;height:94px;overflow:auto; } .onlineFriends .itemBox { position:relative;width:270px;height:25px;margin:0px 0px 12px 10px; } .onlineFriends .imgBox { position:relative;width:38px;height:25px;background-repeat:no-repeat;background-position:center;background-color:#d2d2d2; } .onlineFriends .imgBox a { position:absolute;display:block;top:0px;left:0px;width:38px;height:25px; } .onlineFriends .txtBox { position:absolute;top:-2px;left:46px;width:224px;height:30px;overflow:hidden; } .onlineFriends .txtBox a { font-weight:bold;color:#444444; } .userSearchResult { position:relative;width:613px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e5e5e5; } .userSearchResult .one { position:relative;width:107px;float:left;display:inline;margin:0px 10px 0px 8px;padding:5px 0px; } .userSearchResult .two { position:relative;width:150px;float:left;display:inline;margin:0px 10px 0px 0px;padding:5px 0px; } .userSearchResult .three { position:relative;width:168px;float:left;display:inline;margin:0px 10px 0px 0px;padding:5px 0px; } .userSearchResult .four { position:relative;width:40px;float:left;display:inline;margin:0px 10px 0px 0px;padding:5px 0px; } .userSearchResult .five { position:relative;width:100px;float:left;display:inline;padding:5px 0px; } .userSearchResult .one .imgBox { position:relative;width:107px;height:71px;background-image:url(images/bg_visitor_img.jpg);overflow:hidden; } .userSearchResult .one .imgBox table { position:relative;width:107px;height:71px; } .userSearchResult .one .imgBox .img { position:relative;display:block;margin:auto; } .userSearchResult.head { font-weight:bold; } .userSearchResult a { font-weight:bold;color:#666666; } /* * * * * * A R T I K E L * * * * * */ .artikel { position:relative;width:620px;margin:0px 0px 20px 20px;float:left;display:inline; } .contentFullwidth .artikel { position:relative;width:930px;margin:0px 0px 20px 20px;float:left;display:inline; } .artikel .txtBox { position:relative;width:620px;float:left;margin-bottom:20px;line-height:17px; } .artikel .sizableTxtBox { position:relative;width:620px;line-height:17px;float:left;margin-bottom:20px; } .artikel .sizableTxtBox td { line-height:17px; } .artikel .sizableTxtBox .head4 { font-weight:bold;line-height:17px;padding-bottom:4px; } .artikel .sizableTxtBox .text4 { line-height:19px; } .artikel .sizableTxtBox .head5 { font-weight:bold; } .artikel .sizableTxtBox a.arrow { line-height:17px; } .artikel .sizableTxtBox div.arrow a { line-height:17px; } .artikel .sizableTxtBox .button a { line-height:15px; } .artikel .sizableTxtBox .inputSize20 { width:20px; } body.sizeBig .artikel .sizableTxtBox, body.sizeBig .artikel .sizableTxtBox td { font-size:14px;line-height:19px; } body.sizeBigger .artikel .sizableTxtBox, body.sizeBigger .artikel .sizableTxtBox td { font-size:16px;line-height:21px; } .artikel .tabelle .sizableTxtBox table { position:relative;width:100%; } .artikel .tabelle .sizableTxtBox table th { padding:6px 8px;border-width:0px 1px 1px 0px;border-style:solid;text-align:left; } .artikel .tabelle .sizableTxtBox table td { padding:6px 8px;border-width:0px 1px 0px 0px;border-style:solid; } .artikel .headerBox { position:relative;width:620px;margin-bottom:13px; } .artikel .headerBox .floatBox { position:relative;width:240px;float:right;text-align:right; } .artikel .headerBox .floatBox a.sizableLink { position:relative;width:16px;height:16px;float:right;margin:0px 0px 10px 2px; } .artikel .headerBox .floatBox .rate { position:relative;float:right;font-size:11px;padding:1px 3px 0px 0px; } .artikel .headerBox .floatBox a.star { position:relative;width:15px;height:15px;float:right; } .artikel .headerBox .floatBox a.starhalf { background-position:0px -15px; } .artikel .headerBox .floatBox a.starfull { background-position:0px -30px; } .artikel .headerBox .head2 { position:relative;width:380px;float:left;padding-bottom:4px; } .artikel .headerBox .head4 { position:relative;width:380px;float:left; } .artikel .headerBox .fullWidth { width:620px; } .artikel .sizableTxtBox .floatBox { position:relative;width:300px;float:left;margin:4px 20px 0px 0px;display:inline; } .artikel .sizableTxtBox .floatBox { } .artikel .sizableTxtBox .floatBox .imgBox { position:relative;width:300px;float:left;margin-bottom:20px; } .artikel .sizableTxtBox .floatBox .imgBox .innerImgBox { position:relative;width:300px; } .artikel .sizableTxtBox .floatBox .imgBox .innerImgBox .img { position:relative;display:block; } .artikel .sizableTxtBox .floatBox .imgBox .innerImgBox .roof { position:absolute;bottom:8px;left:0px; } .artikel .sizableTxtBox .floatBox .imgBox .credit { position:relative;width:300px;font-size:11px;line-height:15px;font-style:italic;padding:5px 0px 0px; } .artikel .setNavi { position:relative;width:620px;float:left;margin-bottom:20px;overflow:hidden; } .artikel .sizableTxtBox .floatBox .setNavi { width:300px;margin-bottom:15px; } .artikel .sizableTxtBox .floatBox .contentBox { position:relative;width:270px;float:left;margin-bottom:20px;padding:10px 15px; } .artikel .sizableTxtBox .floatBox .contentBox table { position:relative;width:270px; } .artikel .sizableTxtBox .floatBox .contentBox.offSet2 { margin-bottom:2px; } .artikel .epiGuide { position:relative;width:620px;height:59px;float:left; } .artikel .epiGuide .innerBox { position:absolute;top:8px;left:10px; } .artikel .epiGuide table { position:relative;width:600px; } .artikel .epiGuide td.tdSize { height:1px; } .artikel .epiGuide td { height:32px; } .artikel .epiGuide .input { width:175px; } .artikel .epiGuide .button { float:left; } .artikel .rundenGuide { position:relative;width:620px;height:39px;float:left; } .artikel .rundenGuide .innerBox { position:absolute;top:8px;left:10px; } .artikel .rundenGuide table { position:relative;width:600px; } .artikel .rundenGuide td { height:24px; } .artikel .rundenGuide select { width:211px; } .artikel .pageNaviBox { position:relative;width:620px;height:25px;float:left;margin-bottom:15px; } .artikel .pageNaviBox .txt { position:relative;top:5px;margin:0px 70px;text-align:center; } .artikel .pageNaviBox a.arrowBack { position:absolute;top:5px;left:10px; } .artikel .pageNaviBox a.arrowFor { position:absolute;top:5px;right:10px; } .artikel .sendPrint { position:relative;width:620px;float:left;margin-bottom:20px; } .artikel .sendPrint a.arrow { float:left; } .artikel .sendPrint a.arrowRight { float:right;margin-left:15px; } .artikel .sendPrint .voxnow_logo_txt { position:relative;display:inline;padding-right:60px;height:15px; } .artikel .advise { position:relative;width:620px;height:23px;float:left;margin-bottom:20px;padding-top:6px;border-width:1px 0px;border-style:solid; z-index:1 !important; } .artikel .advise a { position:relative;float:left;padding:1px 0px 0px 17px;background-repeat:no-repeat; } .artikel .advise .txt { position:relative;float:left;margin-left:3px;margin-top:2px; } .artikel .videoBox { position:relative;width:620px;float:left;margin-bottom:20px;background-repeat:no-repeat; } .artikel .videoBox table { position:relative;width:620px;height:348px; } .artikel .videoBox .img { position:relative;display:block;margin:auto; } .artikel .videoListBox { position:relative;width:620px;float:left;margin-bottom:10px; } .artikel .videoListBox .head4 { font-weight:bold;padding-bottom:7px; } .artikel .videoListBox .videoListItem { position:relative;float:left;display:inline;width:140px;height:135px;overflow:hidden;margin-left:20px; } .artikel .videoListBox.rubrik .videoListItem { margin-bottom:20px; } .artikel .videoListBox .videoListItem.first { margin-left:0; } .artikel .videoListBox .videoListItem .imgBox { position:relative;width:140px;height:79px;overflow:hidden;margin-bottom:7px;display:block; } .artikel .videoListBox .videoListItem .imgBox .play { position:absolute;width:30px;height:29px;top:25px;left:55px;display:block; } .artikel .videoListBox .moreVideos { position:relative;width:620px;height:27px;line-height:27px;text-align:center;margin-bottom:20px; } .artikel .videoListBox .moreVideos { height:27px;line-height:27px;text-align:center;margin-bottom:20px; } .artikel .videoListBox .moreVideos .left { position:relative;float:left;display:inline;margin-left:16px; } .artikel .videoListBox .moreVideos .right { position:relative;float:right;display:inline;text-align:right;width:400px;margin-right:16px;overflow:hidden; } .artikel .videoListBox .moreVideos .left a, .artikel .videoListBox .moreVideos .right a { font-weight:bold; } .artikel .videoListBox .moreVideosSelect { background-color:#D2D2D2;position:relative;width:620px;height:65px;line-height:27px;margin-bottom:20px; } .artikel .videoListBox .moreVideosSelect .left { position:relative;float:left;display:inline;margin-left:16px; } .artikel .videoListBox .moreVideosSelect .right { position:relative;float:right;display:inline;text-align:right;width:400px;margin-right:16px;overflow:hidden; } .artikel .videoListBox .moreVideosSelect .left a, .artikel .videoListBox .moreVideosSelect .right a { font-weight:bold; } .artikel .videoListBox .moreVideosSelect .head4 { font-weight:bold;margin-left:16px;} .artikel .galerieBox { position:relative;width:620px;float:left;margin-bottom:20px; } .artikel .galerieBox table { position:relative;width:620px;height:348px; } .artikel .galerieBox .img { position:relative;display:block;margin:auto; } .artikel .galerieBox .credit, .artikel .galerieBox .creditXXL { position:relative;padding-top:6px;line-height:17px; } .artikel .galerieBox a.overviewOpen { position:absolute;top:10px;right:10px;width:28px;height:22px; } .artikel .galerieBox a.overviewClose { position:absolute;top:10px;right:10px;width:47px;height:22px; } .artikel .galerieBox .arrowBoxLeft { position:absolute;top:137px;left:0px; } .artikel .galerieBox .arrowBoxLeft .img { position:absolute;top:0px;left:0px;padding:5px 3px 5px 47px;display:none; } .artikel .galerieBox .arrowBoxLeft .arrow { position:absolute;top:18px;left:4px;width:39px;height:39px;padding:0px;background-position:0px 0px; } .artikel .galerieBox .arrowBoxLeft:hover .img { display:block; } .artikel .galerieBox .arrowBoxRight { position:absolute;top:137px;right:0px; } .artikel .galerieBox .arrowBoxRight .img { position:absolute;top:0px;right:0px;padding:5px 47px 5px 3px;display:none; } .artikel .galerieBox .arrowBoxRight .arrow { position:absolute;top:18px;right:4px;width:39px;height:39px;padding:0px;background-position:0px 0px; } .artikel .galerieBox .arrowBoxRight:hover .img { display:block; } .artikel .galerieBox .galerieOverview { position:relative;width:620px;height:348px; } .artikel .galerieBox .containerSmall { position:absolute;top:45px;left:90px;width:450px; } .artikel .galerieBox .overviewSmall { position:relative;width:80px;height:80px;margin:0px 10px 10px 0px;float:left;display:inline; } .artikel .galerieBox .overviewSmall .bgLayer { position:absolute;top:0px;left:0px;width:80px;height:80px;filter:alpha(opacity=50);opacity:0.5; } .artikel .galerieBox .overviewSmall a.imgBox { position:relative;display:block;width:80px;height:80px;background-position:center;background-repeat:no-repeat; } .artikel .galerieBox .overviewSmall a:hover.imgBox { width:72px;height:72px;border-width:4px;border-style:solid; } .artikel .galerieBox .containerBig { position:absolute;top:30px;left:90px;width:450px; } .artikel .galerieBox .overviewBig { position:relative;width:140px;height:140px;margin:0px 10px 10px 0px;float:left;display:inline; } .artikel .galerieBox .overviewBig .bgLayer { position:absolute;top:0px;left:0px;width:140px;height:140px;filter:alpha(opacity=50);opacity:0.5; } .artikel .galerieBox .overviewBig a.imgBox { position:relative;display:block;width:140px;height:140px;background-position:center;background-repeat:no-repeat; } .artikel .galerieBox .overviewBig a:hover.imgBox { width:132px;height:132px;border-width:4px;border-style:solid; } .gallerylayer .galerieBox { position:relative;width:946px;float:left;margin-bottom:20px; } .gallerylayer .galerieBox table { position:relative;width:946px;height:600px; } .gallerylayer .galerieBox .img { position:relative;display:block;margin:auto;} .gallerylayer .galerieBox .credit { position:relative;padding-top:6px;line-height:17px; } .gallerylayer .galerieBox .credit .txt { position:relative;text-align:center; } .gallerylayer .galerieBox a.overviewOpen { position:absolute;top:10px;right:10px;width:28px;height:22px; } .gallerylayer .galerieBox a.overviewClose { position:absolute;top:10px;right:10px;width:47px;height:22px; } .gallerylayer .galerieBox .arrowBoxLeft { position:absolute;top:275px;left:0px; } .gallerylayer .galerieBox .arrowBoxLeft .img { position:absolute;top:0px;left:0px;padding:5px 3px 5px 47px;display:none; } .gallerylayer .galerieBox .arrowBoxLeft .arrow { position:absolute;top:18px;left:4px;width:39px;height:39px;padding:0px;background-position:0px 0px; } .gallerylayer .galerieBox .arrowBoxLeft:hover .img { display:block; } .gallerylayer .galerieBox .arrowBoxRight { position:absolute;top:275px;right:0px; } .gallerylayer .galerieBox .arrowBoxRight .img { position:absolute;top:0px;right:0px;padding:5px 47px 5px 3px;display:none; } .gallerylayer .galerieBox .arrowBoxRight .arrow { position:absolute;top:18px;right:4px;width:39px;height:39px;padding:0px;background-position:0px 0px; } .gallerylayer .galerieBox .arrowBoxRight:hover .img { display:block; } .gallerylayer .galerieBox .galerieOverview { position:relative;width:946px;height:620px; } .gallerylayer .galerieBox .containerSmall { position:absolute;top:45px;left:150px;width:650px; } .gallerylayer .galerieBox .overviewSmall { position:relative;width:120px;height:120px;margin:0px 10px 10px 0px;float:left;display:inline; } .gallerylayer .galerieBox .overviewSmall .bgLayer { position:absolute;top:0px;left:0px;width:120px;height:120px;filter:alpha(opacity=50);opacity:0.5; } .gallerylayer .galerieBox .overviewSmall a.imgBox { position:relative;display:block;width:120px;height:120px;background-position:center;background-repeat:no-repeat; } .gallerylayer .galerieBox .overviewSmall a:hover.imgBox { width:112px;height:112px;border-width:4px;border-style:solid; } .gallerylayer .galerieBox .containerBig { position:absolute;top:30px;left:90px;width:650px; } .gallerylayer .galerieBox .overviewBig { position:relative;width:180px;height:180px;margin:0px 10px 10px 0px;float:left;display:inline; } .gallerylayer .galerieBox .overviewBig .bgLayer { position:absolute;top:0px;left:0px;width:180px;height:180px;filter:alpha(opacity=50);opacity:0.5; } .gallerylayer .galerieBox .overviewBig a.imgBox { position:relative;display:block;width:180px;height:180px;background-position:center;background-repeat:no-repeat; } .gallerylayer .galerieBox .overviewBig a:hover.imgBox { width:172px;height:172px;border-width:4px;border-style:solid; } .gallerylayer .galerieBox .creditXXL { position:relative; margin-top:10px; padding:5px 0px; text-align:center; top:-1px;background-position:bottom; } .gallerylayer .galerieBox .creditXXL .txt { position:relative; top: -3px;} .galerieBox .xdot { width:300px;text-align:left; } .galerieBox .xdot .anzeige { position:absolute;top:-6px;left:3px;width:28px;height:5px;font-size:1px; background-image:url(images/vox_anzeige.gif); } .galerieBox .xdot h3 { font-size:14px;font-weight:bold;margin:5px 0; } .galerieBox .xdot .txt { margin:5px 0; } .galerieBox .xdot .link { font-weight:bold; } .artikel .sizableTxtBox .floatBox .galerieBox { width:300px; } .artikel .sizableTxtBox .floatBox .galerieBox table { width:300px;height:300px; } .artikel .sizableTxtBox .floatBox .galerieBox .arrowBoxLeft { top:120px; } .artikel .sizableTxtBox .floatBox .galerieBox .arrowBoxLeft .img { padding:5px 3px 5px 40px; } .artikel .sizableTxtBox .floatBox .galerieBox .arrowBoxLeft .arrow { top:16px;left:4px;width:33px;height:33px; } .artikel .sizableTxtBox .floatBox .galerieBox .arrowBoxRight { top:120px; } .artikel .sizableTxtBox .floatBox .galerieBox .arrowBoxRight .img { padding:5px 40px 5px 3px; } .artikel .sizableTxtBox .floatBox .galerieBox .arrowBoxRight .arrow { top:16px;right:4px;width:33px;height:33px; } .artikel .videoBox { position:relative;width:620px;float:left;margin-bottom:20px;background-repeat:no-repeat; } .artikel .videoBox .mediaBox { position:relative;width:620px;height:348px; } .artikel .videoBox .mediaBox .media { position:absolute;top:23px;left:65px; } .artikel .videoBox .playPosition { position:absolute;left:50%;top:50%;width:1px;height:1px;} .artikel .videoBox .play { position:relative;width:53px;height:53px;left:-26px;top:-26px;background-image:url(images/vox_video_playbutton.png);} .artikel .votingBox { position:relative;width:620px;float:left;margin-bottom:20px;line-height:17px;background-repeat:no-repeat;background-position:0px 4px; } .artikel .votingBox .leftBox { position:relative;width:300px;float:left;display:inline;margin:4px 20px 0px 0px; } .artikel .votingBox .rightBox { position:relative;width:300px;float:left; } .artikel .votingBox.fiftyVoting .rightBox { margin:4px 0px 0px; } .artikel .votingBox .imgBox { position:relative;width:300px;height:300px;background-repeat:no-repeat;background-position:center;display:table-cell;vertical-align: middle; } .artikel .votingBox .imgBox img { display: block; margin-left: auto; margin-right: auto; } .artikel .votingBox .hon img { float:right; } .artikel .votingBox.fiftyVoting .imgBox { height:348px; } .artikel .votingBox .voteBox { position:relative;width:280px;height:30px; } .artikel .votingBox .voteBox .button { position:absolute;top:10px;left:108px; } .artikel .votingBox .voteBox .bgVotingBar { position:relative;margin:10px 0px 0px 20px;width:220px; } .artikel .votingBox .voteBox .percent { padding-top:6px; } .artikel .votingBox .credit { position:relative;text-align:right;font-size:11px;line-height:15px;font-style:italic;padding:4px 0px 0px; } .artikel .votingBox.fiftyVoting .credit { position:absolute;top:327px;right:6px; } .artikel .votingBox a.arrowFor { position:relative;float:right; } .artikel .votingBox a.star { position:relative;left:-4px;display:block;width:15px;height:15px;float:left; } .artikel .votingBox a.starfull { background-position:0px -30px; } .artikel .votingBox .button { float:left;line-height:15px; } .artikel .votingBox table { position:relative;width:300px; } .artikel .votingBox td.tdSize { height:1px; } .artikel .votingBox td { line-height:17px; } .artikel .votingBox td.buttonHeight { height:35px; } .artikel .votingBox .questionBox { margin: 10px 0px;} .artikel .votingBox .question { position: relative; width: 298px} .artikel .votingBox .question input { left: 2px; position: absolute; top: 6px;} .artikel .votingBox .question .txt { line-height: 16px; padding: 7px 8px 5px 24px;} .artikel .votingBox .bgVotingBar { position:relative;width:260px;height:9px;font-size:1px;margin:4px 0px 11px;float:left;display:inline; } .artikel .votingBox .votingBar { position:relative;height:9px; } .artikel .votingBox .percent { position:relative;width:40px;float:right;text-align:right; } .artikel .votingBox .voteDesc { text-align:center; height:55px; overflow:hidden; } .artikel .T_1er .txtBox { width: 150px;} .artikel .T_halbhoch.column { width: 300px;} .artikel .ut_image { position: relative; padding-left: 3px; top: 2px;} .aBisZ { position:relative;width:613px;height:22px;float:left;display:inline;margin:0px 0px 15px 20px; } .aBisZ .azItem { position:relative;top:2px;width:21px;height:20px;float:left;display:inline;margin-right:1px; } .aBisZ .azItem .line { margin:0px 1px; } .aBisZ .azItem a { position:relative;display:block;width:21px;height:17px;text-align:center;padding-top:2px;font-weight:bold; } .aBisZ .azItem.lastItem { width:40px; } .aBisZ .azItem.lastItem a { width:40px; } .aBisZ .azItem.aktivItem { top:0px;height:22px; } .aBisZ .azItem.aktivItem a { padding-top:4px; } .aBisZ .azItem.inaktivItem .line { filter:alpha(opacity=50);opacity:0.5; } .aBisZ .azItem.inaktivItem a { filter:alpha(opacity=50);opacity:0.5; } .crimeTipp { position:relative;width:940px;margin:0px 0px 20px 20px;float:left;display:inline; } .crimeTipp .aBisZ { width:940px;float:none;display:block;margin:0px; } .crimeTipp .aBisZ .azItem { width:33px; } .crimeTipp .aBisZ .azItem a { width:33px; } .crimeTipp .aBisZ .azItem.lastItem { width:56px;margin-right:0px; } .crimeTipp .aBisZ .azItem.lastItem a { width:56px; } .crimeTipp .resultBox { position:relative;width:940px;padding:8px 0px 3px; } .crimeTipp .resultBox .innerBox { position:relative;width:900px;padding:0px 20px; } .crimeTipp .resultBox a.arrow { position:relative;width:264px;float:left;display:inline;margin:0px 20px 0px 0px;padding-bottom:5px; } .azSuche { position:relative;width:620px;height:90px;float:left;display:inline;margin:0px 0px 15px 20px; } .azSuche .head2 { position:absolute;top:5px;left:15px; } .azSuche .searchBox { position:absolute;top:35px;left:15px; } .azSuche .searchBox table { position:relative;width:590px; } .azSuche .searchBox td { height:24px; } .azSuche .searchBox input { width:368px; } .azSuche .searchBox .button { float:right; } .azSuche .aBisZ { position:absolute;top:68px;left:4px;float:none;margin:0px; } .azResult { position:relative;width:620px;height:42px;float:left;display:inline;margin:0px 0px 15px 20px; } .azResult .imgBox { position:absolute;top:5px;left:0px;width:66px;height:37px; } .azResult .imgBox .img { position:relative;display:block; } .azResult .head2 { position:absolute;top:0px;left:76px; } .azResult a.arrow { position:absolute;top:30px;left:76px; } .rezeptCompare { position:relative;width:620px;float:left;margin-bottom:10px; } .rezeptCompare .reiter a { padding:9px 8px 10px 0px;line-height:15px;text-align:left; } .rezeptCompare .txtBox { margin-bottom:0px; } .rezeptCompare .head4 { font-weight:bold;padding:6px 7px 5px; } .rezeptSuche { position:relative;width:590px;height:107px;float:left;display:inline;margin:0px 0px 15px 20px;padding:10px 15px 0px; } .rezeptSuche table { position:relative;width:590px; } .rezeptSuche td { height:28px; } .rezeptSuche td.tdSize { height:1px; } .rezeptSuche .input { width:362px; } .rezeptSuche .select { width:178px; } .rezeptSuche .info { font-size:11px;line-height:12px; } .rezeptSuche .button { float:right; } .sortPager { position:relative;width:620px;float:left;display:inline;margin:0px 0px 15px 20px; } .sortPager .results { position:relative;text-align:right; } .sortPager table { position:relative;width:620px; } .sortPager td { height:24px; } .sortPager td.tdSize { height:1px; } .sortPager .select { width:178px; } .sortPager .pager { position:relative; } .sortPager .pager a { font-weight:bold; } .rezeptResultBox { position:relative;width:620px;float:left;display:inline;margin:0px 0px 15px 20px;border-top-width:1px;border-top-style:solid; } .rezeptResult { position:relative;width:620px;height:84px;border-bottom-width:1px;border-bottom-style:solid; } .rezeptResult .imgBox { position:absolute;top:10px;left:0px;width:114px;height:64px; } .rezeptResult .head5 { position:absolute;top:7px;left:124px;width:410px;height:15px;overflow:hidden;font-weight:bold; } .rezeptResult .txtBox { position:absolute;top:25px;left:124px;width:410px;height:34px;line-height:17px;overflow:hidden; } .rezeptResult a.arrow { position:absolute;top:62px;left:124px; } .rezeptResult .stars { position:absolute;top:7px;right:0px; } .rezeptResult .stars .star { position:relative;width:15px;height:15px;float:right; } .rezeptResult .stars .starhalf { background-position:0px -15px; } .rezeptResult .stars .starfull { background-position:0px -30px; } .top10Box { position:relative;width:620px;float:left;display:inline;margin:0px 0px 15px 20px;border-top-width:1px;border-top-style:solid; } .top10Big { position:relative;width:620px;height:155px;border-bottom-width:1px;border-bottom-style:solid; } .top10Big .imgBox { position:absolute;top:10px;left:0px;width:240px;height:135px; } .top10Big .roof { position:absolute;top:98px;left:0px; } .top10Big .head2 { position:absolute;top:74px;left:250px;line-height:26px; } .top10Big a.arrow { position:absolute;top:133px;left:250px; } .top10Big .nomenu { position: absolute;left:250px;top:133px;} .top10Small { position:relative;width:620px;height:95px;border-bottom-width:1px;border-bottom-style:solid; } .top10Small .imgBox { position:absolute;top:10px;left:0px;width:133px;height:75px; } .top10Small .roof { position:absolute;top:52px;left:0px; } .top10Small .head4 { position:absolute;top:6px;left:143px;line-height:19px; } .top10Small a.arrow { position:absolute;top:73px;left:143px; } .top10Small .stars { position:absolute;top:7px;right:0px; } .top10Small .stars .star { position:relative;width:15px;height:15px;float:right; } .top10Small .stars .starhalf { background-position:0px -15px; } .top10Small .stars .starfull { background-position:0px -30px; } .punkteContainer { position:relative;width:620px;float:left;display:inline;margin:0px 0px 15px 0px;border-top-width:1px;border-top-style:solid; } .punkteBox { position:relative;width:620px;height:124px;border-bottom-width:1px;border-bottom-style:solid; } .punkteBox .imgBox { position:absolute;top:10px;left:0px;width:133px;height:75px; } .punkteBox .roof { position:absolute;top:52px;left:0px; } .punkteBox .head5 { position:absolute;top:7px;left:143px;width:460px;height:15px;font-weight:bold; } .punkteBox .txtBox { position:absolute;top:25px;left:143px;width:460px;line-height:17px;float:none;margin-bottom:0px; } .punkteBox .txtBox table { position:relative;width:460px; } .punkteBox .txtBox td { line-height:17px; } .punkteBox a.arrow { position:absolute;top:103px;left:143px; } .punkteBox span.arrow { position:absolute;top:103px;left:143px; } .punkteBox a.arrow.centerArrow { left:292px; } .punkteBox a.arrow.rightArrow { right:0px;left:auto; } .commentLogin { position:relative;width:620px;float:left;margin-bottom:20px;line-height:17px;padding:10px; } .commentLogin .head2 { position:relative;padding-bottom:4px; } .commentLogin table { position:relative;width:404px; } .commentLogin td { height:24px; } .commentLogin td.tdSize { height:1px; } .commentLogin td.buttonHeight { height:32px; } .commentLogin .input { width:305px; } .commentLogin a.arrow { float:left; } .commentLogin td .button { float:right; } .commentLogin .button { float:left;line-height:15px; } .commentInput { position:relative;width:620px;float:left;margin-bottom:20px;padding:10px;line-height:17px; } .commentInput .head2 { position:relative;padding-bottom:4px; } .commentInput a.user { font-weight:bold;padding-right:6px; } .commentInput a.arrow { position:absolute;top:21px;left:316px; } .commentInput table { position:relative;width:404px; } .commentInput td.tdSize { height:1px; } .commentInput td { height:24px; } .commentInput td.buttonHeight { height:32px; } .commentInput td.areaHeight { height:96px; } .commentInput .input { width:400px; } .commentInput textarea { width:400px;height:92px; } .commentInput td .button { float:right; } .commentInput .button { float:left;line-height:15px; } .commentHeader { position:relative;width:620px;height:29px;float:left;padding:10px; } .commentHeader a.arrow { position:absolute;top:5px;right:30px; } .comment { position:relative;width:600px;float:left;margin-bottom:15px;line-height:17px;padding:10px; } .commentBlock { width:620px;float:left;margin-bottom:20px; } .commentBlockFooter { padding:10px; } .faq { position:relative;width:620px;float:left;display:inline;margin-bottom:14px; } .faq .katHeader { position:relative;width:620px;height:21px;cursor:pointer; } .faq .katHeader .txt { position:absolute;top:3px;left:8px;font-weight:bold; } .faq .katHeader .icon { position:absolute;top:3px;left:592px;width:15px;height:15px;background-position:0px 0px; } .faq.open .katHeader .icon { background-position:0px -15px; } .faq .linkBoxContainer { position:relative;display:none; } .faq.open .linkBoxContainer { display:block; } .faq .linkBox { position:relative;width:620px; } .faq .linkBox .txt { position:relative;padding:8px;line-height:17px; } .faq .linkBox .txt table { position:relative; } .faq .linkBox .answer { position:relative;display:none; } .faq .linkBox.open .answer { display:block; } .faq .linkBox .imgBox { position:relative;width:76px;height:37px;padding-bottom:3px; } .faq .linkBox .imgBox .img { position:relative;display:block; } /* * * * * * * * E P G * * * * * * */ .epg { position:relative;width:940px;margin:0px 0px 20px 20px;float:left;display:inline; } .epg .col1 { position:relative;width:305px;margin-left:15px;float:left;display:inline; } .epg .col2 { position:relative;width:285px;margin-left:15px;float:left;display:inline; } .epg .col3 { position:relative;width:275px;margin-left:20px;float:left;display:inline; } .epg .ut_image { position: relative; padding-left: 3px; top: 2px;} .epgHeader { position:relative;width:940px;height:121px;z-index:1; } .epgHeader .date { position:absolute;top:90px;left:0px;width:940px; } .epgHeader .day { position:relative;font-size:24px; } .epgHeader .calender { position:absolute;top:47px;left:412px;height:21px;padding:2px 0px 0px 24px;font-weight:bold;cursor:pointer;background-repeat:no-repeat; } .epgHeader a.arrowBig { position:absolute;top:10px;left:15px; } .epgHeader a.arrowBigRight { position:absolute;top:10px;right:15px; } .epgBox { position:relative;width:940px;height:940px;overflow:auto; } .epgBox .col1 { padding-top:18px; } .epgBox .col2 { padding-top:18px; } .epgBox .col3 { padding-top:18px; } .epgBox .hour { position:relative; } .epgCalender { position:absolute;top:35px;left:322px;width:296px;display:none; } .epgCalender .epgCalenderBox { position:relative;width:296px;overflow:hidden; } .epgCalender .epgCalenderFooter { position:relative;width:296px;height:8px;font-size:1px; } .epgCalender .bgLayer { position:absolute;width:296px;height:400px; } .epgCalender .head3 { position:absolute;top:28px;left:84px;width:128px;font-weight:bold;text-align:center; } .epgCalender a.arrowBig { position:absolute;top:29px;left:57px; } .epgCalender a.arrowBigRight { position:absolute;top:29px;right:57px; } .epgCalender .closeButton { position:absolute;top:7px;left:276px;width:12px;height:12px;font-size:1px;cursor:pointer; } .epgCalender .calenderBox { position:relative;top:0px;left:58px;width:182px;padding-top:53px; } .epgCalender .calenderBox .dayBox { position:relative;width:24px;height:23px;float:left;display:inline;margin:0px 2px 2px 0px; } .epgCalender .calenderBox .line { margin:0px 1px; } .epgCalender .calenderBox .day { position:relative;display:block;font-size:12px;padding:3px 0px;text-align:center; } .T_epg { position:relative;width:280px;margin-bottom:24px; } .T_epg .timeBox { position:relative;top:2px;width:36px;margin-right:10px;float:left;display:inline; } .T_epg .timeBox .line { margin:0px 1px; } .T_epg .timeBox .time { position:relative;font-size:11px;font-weight:bold;line-height:12px;padding-left:5px; } .T_epg .timeBox.current { width:40px; } .T_epg .timeBox.current .time { padding-left:4px; } .T_epg .head3 { padding-bottom:4px; } .T_epg .txt { position:relative;width:275px;margin-bottom:6px;line-height:16px; } .T_epg .imgBox { position:relative;width:101px;height:57px;margin:4px 10px 3px 0px;float:left;display:inline; } .T_epg .imgBox a.layer { position:absolute;top:0px;left:0px;width:101px;height:57px; } .epgLayer { position:relative;width:613px; } .epgLayer .titelBox { position:relative;width:420px;float:left;padding-top:11px;margin-bottom:12px;font-size:14px; } .epgLayer .titelBox .head2 { position:relative;padding-bottom:4px;line-height:20px;font-weight:bold; } .epgLayer .dateBox { position:relative;width:193px;float:left;padding-top:11px;margin-bottom:12px;font-size:18px;line-height:20px;text-align:right; } .epgLayer .mediaBox { position:relative;width:613px;margin-bottom:12px; } .epgLayer .ut_image { position: relative; padding-left: 3px; top: 2px;} .epgLayer .galerieBox { position:relative;width:613px;margin-bottom:12px; } .epgLayer .galerieBox table { position:relative;width:613px;height:348px; } .epgLayer .galerieBox .img { position:relative;display:block;margin:auto; } .epgLayer .galerieBox .arrowBoxLeft { position:absolute;top:137px;left:0px; } .epgLayer .galerieBox .arrowBoxLeft .img { position:absolute;top:0px;left:0px;padding:5px 3px 5px 47px;display:none; } .epgLayer .galerieBox .arrowBoxLeft .arrow { position:absolute;top:18px;left:4px;width:39px;height:39px;padding:0px;background-position:0px 0px; } .epgLayer .galerieBox .arrowBoxLeft:hover .img { display:block; } .epgLayer .galerieBox .arrowBoxRight { position:absolute;top:137px;right:0px; } .epgLayer .galerieBox .arrowBoxRight .img { position:absolute;top:0px;right:0px;padding:5px 47px 5px 3px;display:none; } .epgLayer .galerieBox .arrowBoxRight .arrow { position:absolute;top:18px;right:4px;width:39px;height:39px;padding:0px;background-position:0px 0px; } .epgLayer .galerieBox .arrowBoxRight:hover .img { display:block; } .epgLayer .galerieBox .creditXXL { position:relative;padding-top:6px;line-height:17px; } .epgLayer .galerieBox a.overviewOpen { position:absolute;top:10px;right:10px;width:28px;height:22px; } .epgLayer .galerieBox a.overviewClose { position:absolute;top:10px;right:10px;width:47px;height:22px; } .epgLayer .galerieBox .galerieOverview { position:relative;width:620px;height:348px; } .epgLayer .galerieBox .containerSmall { position:absolute;top:45px;left:90px;width:450px; } .epgLayer .galerieBox .overviewSmall { position:relative;width:80px;height:80px;margin:0px 10px 10px 0px;float:left;display:inline; } .epgLayer .galerieBox .overviewSmall .bgLayer { position:absolute;top:0px;left:0px;width:80px;height:80px;filter:alpha(opacity=50);opacity:0.5; } .epgLayer .galerieBox .overviewSmall a.imgBox { position:relative;display:block;width:80px;height:80px;background-position:center;background-repeat:no-repeat; } .epgLayer .galerieBox .overviewSmall a:hover.imgBox { width:72px;height:72px;border-width:4px;border-style:solid; } .epgLayer .galerieBox .containerBig { position:absolute;top:30px;left:90px;width:450px; } .epgLayer .galerieBox .overviewBig { position:relative;width:140px;height:140px;margin:0px 10px 10px 0px;float:left;display:inline; } .epgLayer .galerieBox .overviewBig .bgLayer { position:absolute;top:0px;left:0px;width:140px;height:140px;filter:alpha(opacity=50);opacity:0.5; } .epgLayer .galerieBox .overviewBig a.imgBox { position:relative;display:block;width:140px;height:140px;background-position:center;background-repeat:no-repeat; } .epgLayer .galerieBox .overviewBig a:hover.imgBox { width:132px;height:132px;border-width:4px;border-style:solid; } .epgLayer .videoBox { position:relative;width:613px;height:348px; } .epgLayer .videoBox .player { position:absolute;top:23px;left:61px; } .epgLayer .txtContainer { position:relative;width:613px;margin-bottom:12px;overflow:auto;max-height:194px; } .epgLayer .txtBox { position:relative;margin-bottom:12px;line-height:17px; } .epgLayer .txtBox table { position:relative; } .epgLayer .txtBox td { padding-right:15px;line-height:17px; } /* * * C H A T * * */ .chatLogin { position:relative;width:590px;height:115px;float:left;display:inline;margin:0px 0px 15px 0px;padding:10px 15px 0px; } .chatLogin .head4 { position:relative;padding-bottom:5px; } .chatLogin table { position:relative;width:590px; } .chatLogin td { height:28px; } .chatLogin td.tdSize { height:1px; } .chatLogin .inputMail { width:256px; } .chatLogin .inputPass { width:171px; } .chatLogin .button { float:right; } /* * * Experten-Chat * * */ .expertChatHeader { position:relative;width:620px;height:34px;float:left;display:inline; } .expertChatHeader .head5 { padding:10px 8px 0px; } .expertChatBox { position:relative;width:620px;float:left;display:inline;margin-bottom:20px; } .expertChat .innerBox { position:relative;width:620px;overflow:hidden; } .expertChat .innerBox .bgBox { position:absolute;bottom:0px;left:0px;width:620px;height:500px;filter:alpha(opacity=30);opacity:0.3; } .expertChat { position:relative;width:613px; } .expertChat .head2 { position:relative;margin:12px 10px; } .expertChat .imgBoxWebcamchat { position:relative;width:300px;height:169px;float:left;display:inline;margin:0px 3px 0px 10px; } .expertChat .imgBoxWebcamchat .imgWebcamchat { position:relative;width:225px;height:169px;margin:auto;display:block; } .expertChat .txtBox { position:relative;width:290px;height:121px;float:left;display:inline;margin:0px 3px 0px 10px;line-height:17px;overflow:hidden; } .expertChat .linkBox { position:relative;padding-top:2px;float:left;display:inline;margin:0px 0px 0px 19px; } .expertChat .linkBox a.arrow { line-height:19px; } .expertChat .buttonBox { width:92px;margin-left:208px; } .expertChat #chatwindow { position:relative;width:618px;height:450px;left:0px;border-width:1px;border-style:solid; } .expertChat #chatwindow a.arrow { position:absolute;bottom:11px;right:8px; } .expertChat .T_1er { height:92px;margin:0px 0px 14px 10px; } .expertChat .T_1er .txt { top:1px; } .expertChat .T_1er_img .roof { position:absolute;top:71px;left:0px;width:126px;height:21px;overflow:hidden; } .expertChat .T_1er_img .img { top:0px; } /* * * * * VideoChat * * * * */ .videoChatBox { position:relative;width:620px;height:465px;float:left;display:inline;margin:0px 0px 15px 0px; } .videoChatBox .media { position:absolute;top:85px;left:65px; } .videoChatBox .headerBox { width:590px;display:inline;margin:10px 15px 0px; } .videoChatBox .headerBox .floatBox { width:210px;line-height:21px; } .videoChatBox .linkBox { position:absolute;top:410px;left:15px; } .videoChatBox .button { position:absolute;top:408px;left:432px; } /* * * * * * * R E G I S T R I E R U N G * * * * * * */ .reg01Aktiv { position:relative;float:left;width:207px;height:19px;margin-right:1px; } .reg02, .reg02Aktiv { position:relative;float:left;width:206px;height:19px;margin-right:1px; } .reg03, .reg03Aktiv { position:relative;float:left;width:205px;height:19px; } .dimaBorderBox { position:relative;float:left;width:620px;margin-bottom:20px; } .dimaBorderBox .innerBox { position:relative;padding:18px 16px 10px; } .dimaBorderBox .innerBox table { } .dimaBorderBox .innerBox td { height:28px;line-height:16px; } .dimaBorderBox .innerBox td.left { width:128px; } .dimaBorderBox .innerBox td.center { width:278px; } .dimaBorderBox .innerBox td.right { } .dimaBorderBox .innerBox .both { position:relative;width:455px; } .dimaBorderBox .innerBox .both .txt { position:relative;padding-left:16px;line-height:16px; } .dimaBorderBox .innerBox .both .txt a { font-weight:bold; } .dimaBorderBox .innerBox .both input { position:absolute;top:-2px;left:-4px; } .dimaBorderBox .innerBox .zipcode { position:relative;width:42px;float:left; } .dimaBorderBox .innerBox .sex { position:relative;width:80px;float:left; } .dimaBorderBox .innerBox .sex span { padding-left:16px; } .dimaBorderBox .innerBox .sex input { position:absolute;top:-2px;left:-5px; } .dimaBorderBox .innerBox input.txt { width:266px; } .dimaBorderBox .innerBox input.day, .dimaBorderBox .innerBox input.month { width:25px;margin-right:5px;text-align:center; } .dimaBorderBox .innerBox input.year { width:55px;margin-right:5px;text-align:center; } .dimaBorderBox .innerBox input.short { width:200px;margin-right:5px; } .dimaBorderBox .innerBox select { width:270px; } .dimaBorderBox .innerBox .ok { position:relative;float:left;width:25px;height:23px;margin-right:5px;display:block; } .dimaBorderBox .innerBox .saveGreen { width:7px;height:15px;margin-right:2px; } .dimaBorderBox .innerBox .saveGray { width:7px;height:15px;margin-right:2px; } .dimaBorderBox .innerBox .saveRed { width:7px;height:15px;margin-right:2px; } .dimaBorderBox .innerBox .saveYellow { width:7px;height:15px;margin-right:2px; } .dimaBorderBox .innerBox .pwsecurity { line-height:22px;font-weight:bold; } .dimaBorderBox .innerBox .button { float:left;line-height:normal;margin-right:11px; } .dimaBorderBox .innerBox .top { position:relative;height:28px; } .dimaBorderBox .innerBox .top span { padding-left:18px; } .dimaBorderBox .innerBox .top input { position:absolute;top:-2px;left:-4px; } .dimaBorderBox .innerBox .sub { position:relative;height:18px; } .dimaBorderBox .innerBox .sub span { padding-left:36px; } .dimaBorderBox .innerBox .sub input { position:absolute;top:-2px;left:14px; } .dimaBorderBox .innerBox .head6 { font-size:20px; } .dimaTxtBox { position:relative;padding:10px;line-height:16px;margin:0 0 20px 20px; } .dimaTxtBox .bigStar { position:relative;width:60px;height:60px;float:left;left:1px;top:-3px;margin:0 10px 0 0; } .epg-dialog .dimaBorderBox { width:651px; } /* * * * V O X - C H A N N E L S * * * */ .voxChannels .dimaBorderBox { position:relative;width:602px;float:none;margin:0px 8px 5px 8px;border-width:1px;border-style:solid; } .voxChannels .dimaBorderBox .innerBox { position:relative;padding:10px;line-height:16px; } .voxChannels .dimaBorderBox .innerBox h2 { font-size:14px;font-weight:bold;float:none;padding:0px;line-height:16px; } .voxChannels .dimaBorderBox .innerBox table { position:relative;width:571px; } .voxChannels .dimaBorderBox .innerBox td { height:32px;line-height:16px; } .voxChannels .dimaBorderBox .innerBox td.left { width:141px; } .voxChannels .dimaBorderBox .innerBox td.center { width:210px; } .voxChannels .dimaBorderBox .innerBox td.right { width:220px;font-weight:bold;line-height:16px;font-size:11px; } .voxChannels .dimaBorderBox .innerBox td.right .icon { position:relative;width:20px;height:19px;float:left; } .voxChannels .dimaBorderBox .innerBox .both { position:relative;width:430px; } .voxChannels .dimaBorderBox .innerBox .both .txt { position:relative;padding-left:16px;font-size:10px;line-height:14px; } .voxChannels .dimaBorderBox .innerBox .both input { position:absolute;top:-2px;left:-4px; } .voxChannels .dimaBorderBox .innerBox .sex { position:relative;width:54px;float:left; } .voxChannels .dimaBorderBox .innerBox .sex span { padding-left:16px; } .voxChannels .dimaBorderBox .innerBox .sex input { position:absolute;top:-2px;left:-5px; } .voxChannels .dimaBorderBox .innerBox span.ok { display:inline;width:auto;height:auto;float:none; } .voxChannels .dimaBorderBox .innerBox input.txt { width:196px;font-size:12px; } .voxChannels .dimaBorderBox .innerBox input.day { width:20px;font-size:12px;margin-right:5px; } .voxChannels .dimaBorderBox .innerBox input.month { width:20px;font-size:12px;margin-right:5px; } .voxChannels .dimaBorderBox .innerBox input.year { width:36px;font-size:12px;margin-right:5px; } .voxChannels .dimaBorderBox .innerBox input.short { width:150px;font-size:12px;margin-right:5px; } .voxChannels .dimaBorderBox .innerBox select { width:200px;font-size:12px; } .voxChannels .dimaBorderBox .innerBox .button, .voxChannels .dimaBorderBox .innerBox .buttonBig { position:relative;top:0px;left:0px;float:left;display:inline;margin-right:10px; } .voxChannels .dimaBorderBox .innerBox .buttonRight { float:right;margin:0px; } .voxChannels .dimaBorderBox .innerBox a.arrow { line-height:18px; } .voxChannels .dimaBorderBox .innerBox .top { position:relative;height:18px; } .voxChannels .dimaBorderBox .innerBox .top span { padding-left:18px;font-weight:bold; } .voxChannels .dimaBorderBox .innerBox .top input { position:absolute;top:-2px;left:-4px; } .voxChannels .dimaBorderBox .innerBox .sub { position:relative;height:18px; } .voxChannels .dimaBorderBox .innerBox .sub span { padding-left:36px; } .voxChannels .dimaBorderBox .innerBox .sub input { position:absolute;top:-2px;left:14px; } .voxChannels .dimaBorderBox .button { position:absolute;top:8px;right:10px; } .voxChannels .dimaBorderBox .imgBox { position:relative;width:112px;height:66px;float:left; } .voxChannels .dimaBorderBox .imgBox .img { position:relative;top:4px;left:4px;display:block; } .voxChannels .dimaBorderBox .txtBox { width:354px;padding:8px 0px 10px; } .voxChannels .dimaBorderBox .txtBox span { font-size:10px; } .voxChannels .dimaBorderBox .txtBox a { font-weight:bold; } .voxChannels .dimaBorderBox .txtBox a.arrow { line-height:18px; } .voxChannels .dimaBorderBox .txtBox .button { position:relative;top:0px;left:0px;float:left;margin:8px 0px 0px -1px; } .voxChannels .dimaBorderBox .txtBox .button a { line-height:15px; } .voxChannels .dimaBorderBox .txtBoxBig { position:relative;width:476px;float:left;display:inline;left:10px;padding:8px 0px 10px;line-height:16px; } .voxChannels .dimaBorderBox .txtBoxBig h2 { font-size:14px;font-weight:bold;float:none;padding:0px;line-height:16px; } .voxChannels .dimaBorderBox .linkBox { position:relative;width:118px;padding:42px 0px 10px;float:left;text-align:right;line-height:17px; } .voxChannels .dimaBorderBox .linkBox a.arrow { line-height:17px; } .voxChannels .dimaBorderBox .iconBox { position:relative;width:110px;padding:22px 0px 10px;float:left;display:inline;} .voxChannels .dimaBorderBox .iconBox .icon { position:relative;width:20px;height:19px;float:right; } .voxChannels .dimaChannelsHead { position:relative;width:620px;height:40px; } .voxChannels .dimaChannelsHead .topLine { position:absolute;top:7px;left:0;width:620px; } .voxChannels .dimaChannelsHead h2 { position:absolute;top:18px;left:10px;font-size:14px;font-weight:bold;float:none;padding:0px;line-height:16px; } .voxChannels .dima_welcome { position:relative;width:620px;line-height:16px; } .voxChannels .dima_welcome .user { position:relative;height:18px;font-size:18px; } .voxChannels .dima_welcome .left { position:relative;width:290px;float:left;display:inline;margin-left:8px;padding:10px 0px; } .voxChannels .dima_welcome .right { position:relative;width:314px;float:left;display:inline;margin-right:8px;padding:10px 0px;text-align:right; } .voxChannels .dima_welcome .right .logo { position:relative;width:160px;height:44px;float:right;margin:5px 0px 0px 0px; } .voxChannels .delete-user-link { padding: 0 4px 10px; text-align: right; } /* * * * * * * D I A L O G * * * * * * */ .ui-widget-overlay { position:absolute;top:0px;left:0px;width:100%;height:100%; } .ui-dialog { position:relative;z-index:2; } .ui-dialog .ui-dialog-titlebar { position:relative;height:19px; } .ui-dialog .ui-dialog-titlebar-close { position:absolute;top:2px;right:8px;width:130px;height:15px;cursor:pointer;background-repeat:no-repeat;background-position:118px 0px; } .ui-dialog .ui-dialog-titlebar-close span { display:block; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { background-position:118px -15px; } .ui-dialog .ui-dialog-title { display:none; } .ui-dialog .ui-dialog-content { position:relative;overflow:hidden;zoom:1; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .epg-dialog .ui-dialog-titlebar { width:651px; } .epg-dialog .ui-dialog-content { width:651px; } .epg-dialog .bgLayer { position:absolute;bottom:0px;left:0px;width:651px;height:1000px; } .epg-dialog .contentBox { position:relative;width:613px;margin:0px 19px 16px; } .base-dialog .ui-dialog-titlebar { width:318px; } .base-dialog .ui-dialog-content { width:318px; } .base-dialog .bgLayer { position:absolute;bottom:0px;left:0px;width:318px;height:650px; } .base-dialog .contentBox { position:relative;width:290px;margin:0px 14px 16px; } .error-dialog .ui-dialog-titlebar { width:418px; } .error-dialog .ui-dialog-content { width:418px; } .error-dialog .bgLayer { position:absolute;bottom:0px;left:0px;width:418px;height:650px; } .error-dialog .contentBox { position:relative;width:390px;margin:0px 14px 16px;padding-top:8px; } .error-dialog .contentBox .txtBox { position:relative;width:390px;margin-bottom:8px; } .error-dialog .head4 { font-size:16px; } .error-dialog .buttonBox { position:relative;width:390px;height:19px !important;margin:0px 14px 16px; } .error-dialog .contentBox .buttonBox { margin:0px 0px 0px; } .error-dialog .button { position:relative;float:left;margin-right:15px; } .error-dialog .row { position:relative;width:390px; } .error-dialog .row .checkbox { position:relative;width:26px;float:left; } .error-dialog .row .text { position:relative;width:364px;float:left; } .error-dialog .row textarea { width:386px; } .error-dialog .versendenBorderBox textarea { width:380px; } .forum-dialog .ui-dialog-titlebar { width:482px; } .forum-dialog .ui-dialog-content { width:482px; } .forum-dialog .bgLayer { position:absolute;bottom:0px;left:0px;width:482px;height:650px; } .forum-dialog .contentBox { position:relative;width:454px;margin:0px 14px 16px;padding-top:8px; } .forum-dialog .contentBox .txtBox { position:relative;width:454px;margin-bottom:8px; } .forum-dialog .contentBox .txtBox img { border:0px; } .forum-dialog .contentBox .txtBox textarea { width:450px; } .forum-dialog .buttonBox { position:relative;width:454px;height:19px !important;margin:0px 14px 16px; } .forum-dialog .button { position:relative;float:left;margin-right:15px; } .error-dialog .smallrtl .contentbox { position:relative;width:390px;margin:0px 14px 16px;padding-top:8px; } .error-dialog .smallrtl h2 { position:relative;font-size:18px;margin-bottom:3px; } .error-dialog .smallrtl .txtBox { position:relative;line-height:16px;padding-bottom:14px; } .error-dialog .smallrtl .buttonBox { position:relative;margin:0px; } .error-dialog .smallrtl .buttonBox .button { float:right;margin:0px 0px 0px 8px; } .error-dialog .smallrtl .buttonBox .button.left { float:left;margin:0px 8px 0px 0px; } .error-dialog .uifooter { display:none; } /* * * * KONTAKT * * * */ #kontakt_form input#vorname, #kontakt_form input#nachname, #kontakt_form input#email { border:1px solid #7F9DB9;font-size:12px;width:216px; } #kontakt_form textarea { border:1px solid #7F9DB9;font-size:12px;height:90px;width:320px; } /* * * * F O O T E R * * * */ .footer { position:relative;width:940px;margin:0px 0px 20px 30px;line-height:17px; } .footer .breadcrumb { position:relative;width:840px;padding:6px 0px 6px; } .footer .breadcrumb strong { font-size:11px; } .footer .breadcrumb a.arrowUp { position:absolute;top:6px;right:-90px; } .footer .service { position:relative;width:940px;height:24px;padding:6px 0px 0px;border-width:1px 0px;border-style:solid; } .footer .service a { position:relative;float:left;font-size:14px;padding-left:12px;margin-right:80px;background-repeat:no-repeat;background-position:0px 4px; } .footer .naviBox { position:relative; } .footer .naviBox span { padding:0px 8px; } .copyFooter { position:relative;width:940px;margin:0px 0px 20px 30px;line-height:17px; border-top:1px solid #BFBFBF;} .copyFooter .logos { margin-top: 20px; margin-bottom:10px; } .copyFooter .logos a { margin-right: 60px;} /* * * * * * ALL COLORS * * * * * */ .maincontent, .maincontenthome { border-right-color:white; } .topheader { background-color:white; } .topheader a { color:#c10000; } .topheader a.logo { background-image:url(images/vox_logo.png); } .topheader a.arrow { background-image:url(images/vox_arrow_11.png); } .topheader .level_1Bottom { background-image:url(images/level1_bottom.png); } .topheader .button { background-image:url(images/vox_button_left.png); } .topheader .button a { background-image:url(images/vox_button_right.png);color:white; } .topheader .button a:hover { color:white; } .topheader .naviBox .level_1 .bgLeft { background-image:url(images/bg_level1_left_v2.png); } .topheader .naviBox .level_1 .txt { color:#c10000;background-image:url(images/bg_level1_right_v2.png); } .topheader .naviBox .level_1.level_1_aktiv .txt { color:#ff1313; } .topheader .naviBox .level_2 .headerBox { background-image:url(images/bg_level2_top_left_v2.png); } .topheader .naviBox .level_2 .headerBox .innerBox { background-image:url(images/bg_level2_top_right_v2.png); } .topheader .naviBox .level_2 .headerBox .innerBox .head4.left { color:#c10000; } .topheader .naviBox .level_2 .headerBox .innerBox .head4.right { color:#c10000; } .topheader .naviBox .level_2 .contentBox { background-image:url(images/bg_level2_bottom_left_v2.png); } .topheader .naviBox .level_2 .contentBox .innerBox { background-image:url(images/bg_level2_bottom_right_v2.png); } .naviLayerLeft { border-color:#d9d9d9; } .T_naviLayer .logoBox { background-image:url(images/bg_navi_sendungen.gif); } .naviLayerRight .col .item { background-image:url(images/arrow_navi_layer.png); } .naviLayerRight .col .item a { color:#444444; } .naviLayerRight .col .item a:hover { color:#bfbfbf; } .naviLayerRight .col .itemAktiv a { color:#bfbfbf; } .topheader .naviBox .level_2 .contentBox .innerBox .naviLayerFooter { background-color:#efefef; } .topheader .naviBox .level_2 .contentBox .innerBox .naviLayerFooter .redBox { background-color:#c10000; } .topheader .naviBox .level_2 .contentBox .innerBox .naviLayerFooter .redBox a.arrow { color:white;background-image:url(images/arrow_navi_layer_white.png); } .dimaBorderBox .innerBox .saveGreen { background-color:#71ad05; } .dimaBorderBox .innerBox .saveGray { background-color:#cecece; } .dimaBorderBox .innerBox .saveRed { background-color:#c10000; } .dimaBorderBox .innerBox .saveYellow { background-color:#ffba00; } /* die k�nnen wahrscheinlich sp�ter wieder raus, da sie �ber ein JS als Bilder geladen weren */ .artikel .advise a.icon_facebook { background-image:url(images/icon_facebook.gif); } .artikel .advise a.icon_netvibes { background-image:url(images/icon_netvibes.gif); } .artikel .advise a.icon_google { background-image:url(images/icon_google.gif); } .artikel .advise a.icon_misterwong { background-image:url(images/icon_misterwong.gif); } .artikel .advise a.icon_twitter { background-image:url(images/icon_twitter.gif); } .artikel .advise a.icon_yahoo { background-image:url(images/icon_yahoo.gif); } .artikel .advise a.icon_moreadvise { background-image:url(images/icon_moreadvise.gif); } /* * * * * * L E A D - L O G O S * * * * * */ .logo_aufunddavon_big { top:-18px;left:252px;width:150px;height:36px;background-image:url(images/logo_aufunddavon_big.png); } .logo_automobil_big { top:-25px;left:277px;width:101px;height:50px;background-image:url(images/logo_automobil_big.png); } .logo_bbc_exkl_big { top:-7px;left:262px;width:130px;height:14px;background-image:url(images/logo_bbc_exkl_big.png); } .logo_beet_big { top:-25px;left:262px;width:130px;height:50px;background-image:url(images/logo_beet_big.png); } .logo_burnnotice_big { top:-25px;left:280px;width:95px;height:50px;background-image:url(images/logo_burnnotice_big.png); } .logo_criminalintent_big { top:-25px;left:260px;width:134px;height:50px;background-image:url(images/logo_criminalintent_big.png); } .logo_csi_big { top:-16px;left:252px;width:150px;height:33px;background-image:url(images/logo_csi_big.png); } .logo_gilmoregirls_big { top:-18px;left:252px;width:150px;height:37px;background-image:url(images/logo_gilmoregirls_big.png); } .logo_goodbye_big { top:-25px;left:254px;width:146px;height:50px;background-image:url(images/logo_goodbye_big.png); } .logo_hundeprofi_big { top:-25px;left:286px;width:83px;height:50px;background-image:url(images/logo_hundeprofi_big.png); } .logo_hundkatzemaus_big { top:-25px;left:263px;width:129px;height:50px;background-image:url(images/logo_hundkatzemaus_big.png); } .logo_kinderzimmer_big { top:-25px;left:297px;width:61px;height:50px;background-image:url(images/logo_kinderzimmer_big.png); } .logo_kuechenchefs_big { top:-25px;left:286px;width:82px;height:50px;background-image:url(images/logo_kuechenchefs_big.png); } .logo_mcleod_big { top:-17px;left:268px;width:118px;height:35px;background-image:url(images/logo_mcleod_big.png); } .logo_mkw_big { top:-25px;left:272px;width:110px;height:50px;background-image:url(images/logo_mkw_big.png); } .logo_promidinner_big { top:-25px;left:288px;width:78px;height:50px;background-image:url(images/logo_promidinner_big.png); } .logo_promikocharena_big { top:-25px;left:289px;width:77px;height:50px;background-image:url(images/logo_promikocharena_big.png); } .logo_prominent_big { top:-8px;left:262px;width:130px;height:17px;background-image:url(images/logo_prominent_big.png); } .logo_volldampf_big { top:-23px;left:262px;width:130px;height:47px;background-image:url(images/logo_volldampf_big.png); } .logo_wohnen_big { top:-25px;left:273px;width:108px;height:50px;background-image:url(images/logo_wohnen_big.png); } .logo_wohnzimmer_big { top:-23px;left:252px;width:150px;height:47px;background-image:url(images/logo_wohnzimmer_big.png); } /* * * * I M A G E S * * * */ a.icon_minus { padding-right:12px;background:url(images/vox_icon_minus.gif);background-repeat:no-repeat; } a.icon_plus { padding-right:12px;background:url(images/vox_icon_plus.gif);background-repeat:no-repeat; } .voxChannels .dimaBorderBox .iconBox .icon_saved { background-image:url(images/icon_saved.png); } /** Google Ergebnisseite **/ .gsc-resultsHeader, .gs-watermark, .gs-visibleUrl-short, .gsc-thumbnail-inside, .gsc-url-top { display:none; } .gs-visibleUrl-long { font-size:11px;font-weight:bold; } .gsc-result { padding:7px 0; } .gsc-cursor-box { background-color:#D2D2D2; height:27px;margin-bottom:20px;position:relative;text-align:center;width:620px; } .gsc-cursor { margin-left:240px;padding-top:6px; } .gsc-cursor-page, .gsc-trailing-more-results { color:#111; position:relative;float:left;cursor:pointer;font-weight:bold;width:12px;text-align:center; } .gsc-trailing-more-results { width:140px; } .gsc-cursor-current-page { color:#666666; } .gs-title { font-size:14px; color:#666666; } #cse { width:100% } .gs-webResult div.gs-visibleUrl { } .gsc-tabsAreaInvisible { display:none; } .gcsc-branding { } /** Bewerbungen **/ .bewerbung .part { padding-top:8px; } .bewerbung .label { float:left;width:200px; } .bewerbung textarea, .bewerbung .input { width: 300px; margin:0px; padding:0px; } .bewerbung .error { color:red; margin-left:200px; } .bewerbung .input.small { width: 93px; } .bewerbung .input.medium { width: 200px; } /* autocompleter liste */ .ac_results {padding: 0px; border: 1px solid #cccccc; background-color: white; overflow: hidden; z-index: 2; color:#444444;} .ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;} .ac_results li {margin: 0px; padding: 2px 5px; cursor: pointer; display: block; font: menu; font-size: 11px; line-height: 16px; overflow: hidden; color:#444444; white-space:nowrap;} .ac_loading {background: white url('http://bilder.rtl.de/wetter09/css/images/ajax-loader.gif') right center no-repeat;} .ac_results li.ac_odd {} .ac_results li.ac_over { background: #444444;color: white;} .nobr { white-space:nowrap; } /* tierlexikon */ .T_tierlexikon_suche_1er_hoch {position:relative; width:300px; height:248px; margin:0px 0px 20px 20px; float:left; display:inline; border-top:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF;} .tierlexikon_suche_box {position:relative; width:620px; margin:0px 0px 20px 20px; float:left; display:inline; background-color:#D2D2D2;} .tierlexikon_suche_box form {position:relative; padding:10px 0 15px 20px;} .T_tierlexikon_suche_1er_hoch h2 {margin-bottom:10px;} .T_tierlexikon_suche_1er_hoch form {position:relative; padding:10px 0 15px 20px;} .tierlexikon_suche_box td {height:28px; vertical-align:bottom;} .tierlexikon_suche_box td.key {padding:0px 10px 0px 0px;} .tierlexikon_suche_box td.value {padding:0px 10px 0px 0px;} .T_tierlexikon_suche_1er_hoch td {height:33px; vertical-align:bottom;} .T_tierlexikon_suche_1er_hoch td.key {padding:0px 10px 0px 0px;} .T_tierlexikon_suche_1er_hoch td.value {padding:0px 10px 0px 0px;} .tierlexikon_suche_box .input {width:360px;} .tierlexikon_suche_box .select {width:363px;} .T_tierlexikon_suche_1er_hoch .input {width:170px;} .T_tierlexikon_suche_1er_hoch .select {width:173px;} .tierlexikon_suche_box .info {font-size:11px; line-height:12px;} .tierlexikon_suche_box .button {float:right;} .tierlexikon_suche_box .aBisZ {width:auto;} .T_tierlexikon_suche_1er_hoch .tierlexikon_linkbox {position:absolute; bottom:0px; left:0px; padding:10px 0 15px 20px;} .tierlexikon_suche_liste {position:relative; width:620px; float:left; display:inline; margin:0px 0px 15px 20px; border-top-width:1px; border-top-style:solid; border-top-color:#BFBFBF;} .tierlexikon_suche_result {position:relative; width:620px; height:84px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#BFBFBF;} .tierlexikon_suche_result .imgBox {position:absolute; top:10px; left:0px; width:114px; height:64px;} .tierlexikon_suche_result .head5 {position:absolute; top:7px; left:124px; width:410px; height:15px; overflow:hidden; font-weight:bold;} .tierlexikon_suche_result .txtBox {position:absolute; top:25px; left:124px; width:410px; height:34px; line-height:17px; overflow:hidden;} .tierlexikon_suche_result a.arrow {position:absolute; top:62px; left:124px;} .tierlexikon_suche_result .stars {position:absolute; top:7px; right:0px;} .tierlexikon_suche_result .stars .star {position:relative; width:15px; height:15px; float:right;} .tierlexikon_suche_result .stars .starhalf {background-position:0px -15px;} .tierlexikon_suche_result .stars .starfull {background-position:0px -30px;} .tierlexikon_detail_infotable {position:relative; width:300px; margin:0 0 20px 0; background-image:url(images/vox_bg_setnavi.gif);} .tierlexikon_detail_infotable .head {padding:2px 8px 2px 8px; background-color:#666666; color:#ffffff!important;} .tierlexikon_detail_infotable .list {padding:2px 8px 2px 8px;} .tierlexikon_detail_infotable .body {padding:4px;} /* Druckansicht Rezepte */ body.druck,body.druck td { font-size:14px; } .maincontent.druck { background-color:transparent; } .topheader-druck { position:relative;width:970px;height:75px;z-index:2; } .topheader-druck .drucklogo { position:absolute;top:24px;left:28px; } .topheader-druck #back { position:absolute;top:50px;right:0px; } .topheader-druck #print { position:absolute;top:50px;right:140px; } .artikel .head2.druck { width:920px; } .artikel .head4.druck { width:920px; } .sizableTxtBox.druck { width:940px; } .sizableTxtBox.druck .floatBox { margin:4px 40px 20px 0; } .sizableTxtBox.druck .floatBox.right { width:600px;margin:4px 0 20px 0; } .rectangle.druck { margin-left:0;margin-top:20px; } .rmImgLink { text-decoration:underline;cursor:pointer;} /* /Druckansicht Rezepte */ /* mediaset adressen */ .mediaset_adressen {float:left; margin-bottom:15px; position:relative; width:620px;} .mediaset_adressen .title {font-size:16px; font-weight:bold;} .mediaset_adresse {margin:10px 0 0 0; width:310px;} .mediaset_adresse .headline {margin:0 0 0 0; font-weight:bold; line-height:17px;} .mediaset_adresse .text {margin:0 0 0 0; line-height:17px;} .mediaset_adresse .link_url {margin:0 0 0 0; line-height:17px;} .mediaset_adresse .link_mail {margin:0 0 0 0; line-height:17px;} .mediaset_adresse .link_mail a {color:#666666;} .mediaset_adresse .link_mail a:hover, .mediaset_adresse .link_mail a:active {color:#666666; text-decoration:none;} .mediaset_adresse_line {border-bottom:1px solid #BFBFBF; height:1px; line-height:1px; font-size:1px; width:310px;} .mediaset_adresse_description {margin:10px 0 10px 0;} /********* O V E R L A Y P L A Y E R L A Y E R *********/ .playerlayer { width:997px;height:790px;display:none;overflow:hidden;z-index:1000; } .playerlayer .titlebar { position:relative;width:728px;height:28px;margin:0px 0px 5px 109px;background-image:url(icons/playerlayer_titlebar.png); } .playerlayer .titlebar_close { position:absolute;top:6px;left:622px;width:100px;height:16px;overflow:hidden;background:url(icons/playerlayer_close.png) 0px 0px no-repeat;z-index:4; } .playerlayer .titlebar_close:hover { background-position: 0px -16px; } .playerlayer .topbox { position:relative;width:925px;min-height:501px;float:left;display:inline;background-color:transparent; } .playerlayer .minheight { position:relative;width:1px;height:501px;float:left;display:inline;background-color:transparent; } .playerlayer .bgbox { position:absolute;top:0px;left:109px;width:728px;height:501px;background-color:black; } .playerlayer .pl_framelayer { position:relative;width:946px;height:620px;overflow:hidden; } .playerlayer .pl_banner { position:absolute;top:0px;left:109px;width:728px;height:90px;overflow:hidden; } .playerlayer .pl_sky { position:absolute;top:0px;left:837px;width:160px;height:600px;overflow:hidden; } .playerlayer .pl_player { position:absolute;top:95px;left:169px;width:608px;height:368px; } #pl_playerOverlay { position:absolute;top:0px;left:0px;width:608px;height:368px; background-color:#000000;z-index:5;background-image:url(icons/playerlayer_loader.gif);background-repeat:no-repeat;background-position:center center;} #pl_playerOverlay .autoplayTeaser { position:absolute;top:160px;left:161px;width:285px;height:71px;} #pl_playerOverlay .autoplayTeaser img { position:absolute;left:0px;top:0px;width:126px;height:71px;} #pl_playerOverlay .autoplayTeaser .txt { position:absolute;left:131px;top:0px;height:42px;width:154px;line-height:14px;color:#ffffff;} #pl_playerBreakAd { position:absolute;top:0px;left:0px;width:608px;height:340px; z-index:5;background-image:url(icons/playerlayer_breakad_layer.png);background-repeat:no-repeat;background-position:49px 36px;} #pl_playerBreakAdContainer { position:absolute;top:45px;left:49px;width:300px;height:250px; background-image:url(icons/playerlayer_breakad.png);} #pl_playerBreakAdLink { position:absolute;top:36px;left:349px;width:205px;height:259px; cursor:pointer;} .playerlayer .utilitybox { position:relative;width:728px;margin:0px 0px 0px 109px;background-color:black; } .playerlayer .bottombox { position:relative;width:728px;margin:0px 0px 0px 109px;background-color:black; } #controlsBox {position:relative;width:608px;height:25px;padding-left:60px;display:none;overflow:hidden;} #controlsBox .autoplay {position:relative;float:left;width:250px;height:25px;text-align:left;} #controlsBox .autoplay a {color:#fff;font-weight:bold;padding-left:30px;background-image:url(icons/playerlayer_autoplay2_bw.png);background-repeat:no-repeat;line-height:25px;} #controlsBox .autoplay a:hover {text-decoration:underline;} #controlsBox .autoplay a.all {background-position:0 -5px;} #controlsBox .autoplay a.one {background-position:0 -30px;} #controlsBox .prevnext {position:relative;float:left;width:358px;height:25px;text-align:right;color:#fff;font-weight:bold;} #controlsBox .prevnext a {color:#fff;font-weight:bold;line-height:25px;} #controlsBox .prevnext a:hover {text-decoration:underline;} #controlsBoxOverlay {position:absolute;left:0;top:0;width:728px;height:25px;display:none;background-color:#000000; opacity:0.92;filter:alpha(opacity=92);} .playerlayer .videoListBox { position:relative;width:674px;height:143px;margin:0px 0px 0px 27px;float:none;display:block;border-width:0px;border-style:solid; } .playerlayer .videoListBox a.back { position:absolute;top:6px;left:0px;width:17px;height:122px;background-color:black;background-image:url(icons/playerlayer_back.gif); background-repeat:no-repeat;} .playerlayer .videoListBox a.for { position:absolute;top:6px;left:657px;width:17px;height:122px;background-color:black; background-image:url(icons/playerlayer_for.gif); background-repeat:no-repeat;} .playerlayer .videoListContainer { position:absolute;top:6px;left:32px;width:640px;height:124px; } .playerlayer .videoListItem { position:relative;width:130px;height:110px;float:left;display:inline;margin-right:30px; } .playerlayer .videoListItem .txt { height: 42px;line-height:14px; } .playerlayer .videoListItem .txt a { color:white; } .playerlayer .videoListItem .txt a:hover { text-decoration:underline; } #videoListBoxOverlay {position:absolute;top:6px;width:674px;height:122px;display:none;background-color:#000000; opacity:0.92;filter:alpha(opacity=92);} .simplemodal-wrap {overflow:hidden !important;} /********* O V E R L A Y G A L L E R Y L A Y E R *********/ .gallerylayer { width:997px;height:790px;overflow:hidden;z-index:1000; } .gallerylayer .titlebar { position:relative;width: 677px;height:42px;margin:0px 0px 10px 137px;} .gallerylayer .titlebar_close { position:absolute;top:6px;left:622px;width:100px;height:16px;overflow:hidden;z-index:4; } .gallerylayer .titlebar_close:hover { background-position: 0px -16px; } .gallerylayer .topbox { position:relative;width:925px;min-height:501px;float:left;display:inline;background-color:transparent; } .gallerylayer .minheight { position:relative;width:1px;height:501px;float:left;display:inline;background-color:transparent; } .gallerylayer .bgbox { position:absolute;top:0px;left:109px;width:728px;height:501px;background-color:black; } .gallerylayer .gl_framelayer { position:relative;width:946px;height:620px;overflow:hidden; } .gallerylayer .gl_banner { position:absolute;top:0px;left:109px;width:728px;height:90px;overflow:hidden; } .gallerylayer .gl_sky { position:absolute;top:0px;left:837px;width:160px;height:600px;overflow:hidden; } .gallerylayer .gl_content { position:absolute;top:0px;left:20px;width:946px;height:620px; } #form_register .facebookLoginBox {position:absolute; bottom:20px; right:10px;} #form_register .facebookLoginBox a.facebookLoginLarge {position:relative; margin:auto;} .blaettern { position:relative;width:100%;top:5px;text-align:center; } .blaettern a, .blaettern span { position:relative;background-color:#dddddd;color:#666666;padding:0px 4px;margin:0px 1px; } .blaettern a.transparent { background-color:transparent; } .blaettern a.red, .blaettern span.active { background-color:#c10000;color:#ffffff; font-weight:bold;} .blaettern a.light { background-color:transparent;color:#dddddd; } /* * * T H E M E N A R C H I V * * */ .archivLeftCol {float:left;width:660px;} .archivLeftCol .head4 {height:16px;overflow:hidden;} .archivLeftCol .blaettern {height:16px;padding-top:5px;top:0px;} .archivLeftCol .seo_textbox {width:610px;padding:0;margin:0 20px 0 0;} .archivLeftCol .seo_textbox .head3 {padding:1.5em 0 0 0;} .archivLeftCol .seo_textbox p { -webkit-column-count:1; -moz-column-count:1; column-count:1; padding:1.5em 0 2em 0; margin:0;} .archivLeftCol .T_1er_hoch { height:200px; } .archivLeftCol .T_1er_hoch a.arrow { top:180px; } .archivRightCol {position:relative;width:300px;float:left;} .archivRightCol .bar {width:300px;height:20px;margin-bottom:20px;} .archivRightCol .bar .line {height:1px;background-color:#c10000;margin:0 1px;} .archivRightCol .bar .txt {padding:3px 0; text-align:center;} .archivRightCol .bar .txt a {font-weight:normal;text-decoration:none;padding-right:5px;} .archivRightCol .bar .txt span {font-weight:bold;padding-right:5px;} .archivCalendar { position:relative;top:0px;width:150px; float:left; font-size:11px;} .archivCalendar .calendarBox { width:147px;} .archivCalendar.left .calendarBox { clear:left;} .archivCalendar.right .calendarBox { margin-left:3px;} .archivCalendar .calendarBox .head { width:150px; text-align:center;font-weight:bold; height:20px;line-height:20px;font-size:12px;} .archivCalendar .calendarBox .dayBox { position:relative;width:20px;height:22px;float:left;display:inline;margin:0px 1px 1px 0px; } .archivCalendar .calendarBox .line { height:1px; margin:0px 1px;} .archivCalendar .calendarBox .day { position:relative;display:block;font-size:11px;padding:3px 0px;text-align:center;} .archivLeftCol .videoBox { position:relative;width:620px;float:left;margin-bottom:20px;background-repeat:no-repeat; } .archivLeftCol .videoBox table { position:relative;width:620px;height:348px; } .archivLeftCol .videoBox .img { position:relative;display:block;margin:auto; } .archivImage { position: relative; width: 300px; margin: 0px 0px 20px 20px; float: left; display: inline; } .archivImage .txt {line-height:17px;} .archivLinkList { width: 100%; list-style-type: none; margin:0; padding: 0; } .archivLinkList .linkItem { height: 20px; margin: 0; } .archivLinkList .linkItem a { line-height: 20px; } .archivRelatedAZ { width: 100%; clear: both; } .archivRelatedAZ h2, .archivRelatedThemes h2 { display: block; margin:0 0 2px 20px; } .archivRelatedAZ ul { list-style-type: none; margin: 0 0 0 20px; padding: 1px 0 0 1px; width: 300px; box-sizing: border-box; } .archivRelatedAZ ul li { margin: 0; padding: 0; float: left; width: 11.1111%; height: 30px; box-sizing: border-box; } .archivRelatedAZ ul li a { color: #666666; font-weight: bold; line-height: 29px; text-align: center; display: block; margin: 0 1px 0 0; background-color: #d2d2d2; } .archivRelatedAZ ul li a.active { color:#ffffff; background-color: #c10000; } .archivRelatedAZ .bottomLinks { display: block; background-color: #e7eaf0; padding: 3px; } .archivRelatedAZ .bottomLinks a { width: 50%; float: left; color: #080f60; font-weight: bold; font-size: 12px; text-align: center; } /*** Verbraucherhinweise ***/ .rectangleDummy, .halfpageDummy, #banner, #bannerDummy, .billboardDummy, #sky, #skyDummy {position:absolute;} .rectangleDummy, .halfpageDummy, .billboardDummy, #bannerDummy, #skyDummy {z-index:0; visibility:hidden;} .rectangleDummy, .halfpageDummy {left:0; top:auto;} #banner, #bannerDummy {left:242px; top:1px; width:728px; height:90px;} .billboardDummy {left:0; top:0; width:100%; height:250px;} #sky, #skyDummy {left:980px; top:120px; width:160px; height:600px;} #billboard {position:relative;text-align:center;width:100%;margin:0;} #billboard #ip_billboard {position:relative;margin:0 auto;} .rectangle, .rectangle .media, .halfpage, .halfpage .media { position:relative; } .rectangle, .rectangle .media, .rectangleDummy { width:300px; height:250px; } .halfpage, .halfpage .media, .halfpageDummy { width:300px; } .rectangle, .halfpage { margin:0 0 20px 20px; float:left; display:inline; } .rectangle .media, .halfpage .media { overflow:hidden; } .rectangle .anzeige, .halfpage .anzeige, .rectangle:before, .halfpage:before { content:'';position:absolute;top:-6px;left:3px;width:28px;height:5px;font-size:1px; } /* Promisuche */ #promisuche { margin: 0 0 15px 0px; width: 620px;} #promisuche h1 { margin: 0 0 15px 20px; font-size: 24px;} #promisuche .search { height: 50px;} #promisuche .search form { margin: 0 30px 15px 20px;} #promisuche .search .input { width: 360px; float:left;} #promisuche .search label { position:relative; top:2px; padding-right:5px; float:left;} #promisuche .button { width:55px; float:right;} #promisuche .formatNaviBox { margin: 0px 0 0px 20px;} #promisuche .formatNaviBox .level_3 { width: 19px;} #promisuche .formatNaviBox .level_3 a { padding: 2px 8px 2px 5px;} #promisuche .formatNaviBox .inaktivItem { opacity: 0.5; } .promi_suche_sort .sortpager { position: relative; float:right; width: 250px; margin-bottom:15px; text-align:right;} .promi_suche_sort #sort { position: relative; width: 300px; float: left;} .promi_suche_liste { position:relative; width:620px; float:left; display:inline; margin:0px 0px 15px 0px; border-top-width:1px; border-top-style:solid; } .promi_suche_liste .noresults { margin-top:15px; font-weight: bold;} .promi_suche_result { position:relative; width:620px; height:84px; border-bottom-width:1px; border-bottom-style:solid; } .promi_suche_result .imgBox { position:absolute; top:10px; left:0px; width:114px; height:64px;} .promi_suche_result .head5 { position:absolute; top:7px; left:124px; width:410px; height:15px; overflow:hidden; font-weight:bold;} .promi_suche_result .head5 h2 { font-weight:bold;font-size: 12px;} .promi_suche_result .txtBox { position:absolute; top:25px; left:124px; width:410px; height:34px; line-height:17px; overflow:hidden;} .promi_suche_result a.arrow { position:absolute; top:62px; left:124px;} .promi_suche_result .rate { position:absolute; top:5px; right:0px;} .promi_suche_result .rate .star { position:relative; width:15px; height:15px; float:right;} .promi_suche_result .rate .starhalf { background-position:0px -15px;} .promi_suche_result .rate .starfull { background-position:0px -30px;} .promi_suche_result .champ { position:absolute;bottom:0px;font-weight:bolder;width:100%;height:15px;text-align:center;opacity:0.75;left:0px;} .topheader { height:72px; } .contentwrapper { position:relative; top:0px; height:auto; } .contentwrapper .background { clip:rect(75px, auto, auto, auto); top:-78px; border-top:3px solid white; } /** VOX INSIDE ONLINE **/ .inside-container { overflow: visible; margin: 2px 0px 10px 10px; position: relative; left: -25px; width: 940px; float:left; padding:15px 0 50px 15px; background-color:#424649; } .inside-container img { border: 0; } .inside-content-container { float: left; width: 620px; margin-right: 20px; position: relative; overflow: hidden; } .inside-related-container { float: left; width: 300px; } .inside-feed { display: none; height: 377px; overflow: auto; background: #fff; } .inside-feed-animation { max-height: 375px; overflow: hidden; position: absolute; width: 296px; z-index: 100000; box-shadow: 0px 0px 20px #E0E0E0; } .inside-feed-container { height: 413px; margin-bottom: 12px; } .inside-rectangle { width: 300px; height: 250px; } .inside-content-controls { position: absolute; bottom:0; left:0; height: 45px; width: 618px; position: relative; } .inside-content-controls .text { width: 572px; height: 28px; background-color: white; border: 2px inset; color:black; padding:1px } .inside-content-controls .text:focus { outline: none; resize: none; } .inside-content-controls textarea.text { height: 126px; } .inside-content-controls a.toggle { position: absolute; right: 16px; top: 9px; width: 13px; height: 13px; text-indent: 1000px; overflow: hidden; } .inside-content-controls a.toggle.open { background-position: 0px -13px; } .inside-content-controls-boxes { padding: 7px 0; overflow: auto; } .inside-content-controls-boxes label { width: 100px; display: block; float: left; } .inside-content-controls-boxes .button { width: 170px; float: right; margin-right: 26px; } .inside-content-controls-small { height: 18px; padding: 6px; } .inside-content-controls-small img { display: block; } .inside-content-controls-large { display: none; height: 155px; padding: 6px; } .inside-content-menu, .inside-feed-menu { margin: 0; padding: 0; overflow: auto; border-bottom: 0px white solid; } .inside-feed-menu { } .inside-feed-menu li { float: left; list-style: none; display: block; } .inside-feed-menu li a:hover, .inside-feed-menu li a.active { background-position-y: 0px; } .inside-feed-menu li.checkin a { background-position: -100px -35px; } .inside-feed-menu li.checkin a:hover, .inside-feed-menu li.checkin a.active { background-position: -100px 0px; } .inside-feed-menu li.checkins a { background-position: -200px -35px; } .inside-feed-menu li.checkins a:hover, .inside-feed-menu li.checkins a.active { background-position: -200px 0px; } .inside-feed-menu li a { padding: 8px; text-align: center; width: 84px; height: 19px; display: block; white-space: nowrap; text-indent: 1000px; overflow:hidden; } .inside-feed-menu li .checkins { position: absolute; top: 8px; right: 5px; min-width: 30px; font-weight: bold; text-align: center; border: 1px solid #585c5f; } .inside-content-menu li { float: left; list-style: none; text-align: center; display: block; } .inside-content-menu li a { display: block; height: 35px; width: 304px; overflow: hidden; position: relative; } .inside-content-menu li a img { position: absolute; top:-35px; left:0px; } .inside-content-menu li a.twitter img { left: 0px; } .inside-content-menu li a.facebook { width: 304px; } .inside-content-menu li a.facebook img { left:-309px; } .inside-content-menu li a.active { font-weight: bold; } .inside-content-menu li a.active img, .inside-content-menu li a:hover img { top:0px; } .inside-content { display: none; height: 594px; overflow: auto; } .inside-content-container-with-specials .inside-content { height: 548px; } .inside-content-chat { display: block; background: white; } .inside-content-comment { overflow: auto; padding: 15px 5px; background: white; border-bottom: 1px #BFBFBF solid; } .inside-content-comment h4 { color: #C20000; text-transform: uppercase; margin: 0; } .inside-content-comment p { margin: 0; color: #4a4a4a; } .inside-content-comment p.time { float: left; font-size: x-small; } .inside-content-comment img { float: left; } .inside-content-teaser { overflow: auto; padding: 15px 5px; } .inside-feed-teaser { position: relative; overflow: auto; padding: 5px; cursor: pointer; } .inside-votingbox { margin-bottom: 14px; } .inside-voting { width: 300px; height: 250px; } .inside-voting-title { font-size: 18px; font-weight: bold; padding: 3px 5px; margin: 0; } .inside-voting h3 { text-align: center; font-size: 16px; font-weight: bold; height: 65px; display: table-cell; vertical-align: middle; width: 300px; } .inside-voting-remaining { text-align: center; font-weight: bold; } .inside-voting-message { font-size: 22px; font-style: italic; text-align: center; padding-top: 73px; text-shadow: 1px 1px 1px #000; } .inside-voting-message-xl { font-size: 38px; text-align: center; font-weight: bold; margin:0; padding-top:10px; } .inside-voting-message-s { font-size: 18px; font-style: italic; text-align: center; padding-top: 10px; } .inside-answer-result { height:34px; margin: 5px 7px; position: relative; } .inside-answer-txt { position: absolute; top: 0; left: 0; height: 34px; line-height: 34px; font-weight: bold; padding-left: 10px; } .inside-answer-bar { height:34px; } .inside-answer-percent { position: absolute; top: 0; right: 10px; height: 34px; line-height: 34px; font-weight: bold; font-size:14px; } .inside-answers-message { font-size: 16px; font-weight: bold; font-style: italic; text-align: right; padding: 1px 7px; } .inside-voting ul { list-style: none; margin: 0; padding: 0 10px; height: 60px; font-size: 14px; } .inside-feed-teaser img { float: left; } .inside-feed-teaser h4 { margin: 0 0 5px 0; } .inside-feed-teaser p { margin: 0; } .inside-feed-teaser p.time { position: absolute; bottom: 4px; right: 25px; font-size: x-small; } .inside-feed-teaser-box { margin-left: 105px; } .inside-feed.inside-feed-loading { display: block; position: absolute;height: 368px;;z-index: 100000;width: 300px;background-color:rgba(0,0,0,0.75); } .inside-feed-dialog { display: none; position: absolute;height: 368px;;z-index: 100000;width: 300px; } .inside-feed-loading-alert, .inside-feed-dialog-alert { background-image:url(http://cdn.static-fra.de/vox10/images/inside/alert.png);width:222px;height:105px;position:absolute;top:50%;left:50%;margin-top:-60px;margin-left:-123px;padding: 12px; text-align: center; color: white; font-size: 13px; } .inside-content-loading { display: block; position: absolute;;z-index: 100000;width: 620px;background-color:rgba(0,0,0,0.75); } .inside-content-dialog { display: none; position: absolute;;z-index: 100000;width: 620px; } .inside-content-loading-alert, .inside-content-dialog-alert { background-image:url(http://cdn.static-fra.de/vox10/images/inside/alert.png);width:222px;height:105px;position:absolute;top:50%;left:50%;margin-top:-60px;margin-left:-123px;padding: 12px; text-align: center; color: white; font-size: 13px; } .inside-content-teaser-ft { margin-top: 15px; } .inside-content-teaser-box { margin-left: 65px; } .inside-content-teaser h4 { color: #0B115F; text-transform: uppercase; margin: 0; } .inside-content-teaser p { margin: 0; color: #4a4a4a; } .inside-content-teaser p.time { float: left; font-size: x-small; } .inside-content-teaser p.comments { text-align: right; font-size: x-small; padding: 5px 35px 5px 0; } .inside-content-teaser p.comments a { color: #4D4D4D; } .inside-content-teaser img { float: left; } .inside-feed-checkin-hd { padding: 10px; border-bottom: 1px #bfbfbf solid; } .inside-feed-checkin-ft { } .inside-feed-checkin form label { display: block; padding: 15px 10px; position: relative; background: white; border-bottom: 1px #bfbfbf solid; } .inside-feed-checkin form label input { position: absolute; right: 10px; top: 13px; } .inside-feed-checkin form textarea { border-radius: 10px; margin: 8px; border: 1px #bfbfbf solid; width: 268px; height: 58px; padding: 6px; outline: none; resize: none; } .inside-feed-checkin form button { text-transform: uppercase; padding: 5px; width: 282px; border: 2px #c2cee4 solid; text-shadow: 1px 1px 1px black; border-radius: 2px; margin: 7px 8px; color: #fff; background: #008dd2; background: -moz-linear-gradient(top, #008dd2 0%, #0053ba 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008dd2), color-stop(100%, #0053ba)); background: -webkit-linear-gradient(top, #008dd2 0%, #0053ba 100%); background: -o-linear-gradient(top, #008dd2 0%, #0053ba 100%); background: -ms-linear-gradient(top, #008dd2 0%, #0053ba 100%); background: linear-gradient(top, #008dd2 0%, #0053ba 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008dd2', endColorstr='#0053ba',GradientType=0 ); cursor: pointer; } .inside-content-comment-controls { text-align: right; border-bottom: 1px #BFBFBF solid; background-color: #d7d7d7; overflow: auto; padding: 5px; } .inside-content-comment-controls .button { float:right; margin-right: 5px; } .inside-content-comment-controls button { text-transform: uppercase; padding: 1px 10px; border: 2px #c2cee4 solid; text-shadow: 1px 1px 1px black; border-radius: 2px; margin: 5px; color: #fff; background: #008dd2; background: -moz-linear-gradient(top, #008dd2 0%, #0053ba 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008dd2), color-stop(100%, #0053ba)); background: -webkit-linear-gradient(top, #008dd2 0%, #0053ba 100%); background: -o-linear-gradient(top, #008dd2 0%, #0053ba 100%); background: -ms-linear-gradient(top, #008dd2 0%, #0053ba 100%); background: linear-gradient(top, #008dd2 0%, #0053ba 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008dd2', endColorstr='#0053ba',GradientType=0 ); font-size: 10px; cursor: pointer; } .inside-content-comment-container { overflow: auto; } .inside-feed-disabled { } .inside-feed-message { width: 210px; border: 1px white solid; background-color: white; margin: 0 auto; box-shadow: inset 0px 0px 11px #666; font-weight: bold; padding: 10px; text-align: center; margin-top: 120px; } .inside-special-container { overflow: auto; margin-bottom: 10px; } .inside-rectangle .rectangle { margin: 0; } .inside-special-menu { list-style: none; margin: 0; padding: 0; position: relative; overflow: auto; border-top-left-radius: 6px; border-top-right-radius: 6px; } .inside-special-livestream { overflow: auto; } .inside-special-menu li { display: block; float: left; } .inside-special-menu li.toggle { position: absolute; right: 16px; top: 11px; } .inside-special-menu li a { display: block; width: 153px; padding: 10px 0px; text-align: center; } .inside-special-menu li.toggle a { width: 110px; height: 13px; padding: 0; } .inside-special-menu li:first-child a { width: 157px; background-position: 0px 0px; } .inside-related-teaser.halbhoch { margin-bottom: 12px; height: 117px; } .inside-related-teaser.hoch { margin-bottom: 12px; height: 300px; } #voting-timer { height: 57px; width: 147px; position: relative; margin: 0 auto; font-style: normal; } #voting-timer-m, #voting-timer-s { position: absolute; top: 0px; font-size: 45px; line-height: 45px; } #voting-timer-m { left: 6px; } #voting-timer-s { left: 91px; } /* Video Voting */ .video-voting-option { width: 100%; height: 200px; margin: 0px 0px 20px 0px; position: relative; } .video-voting-option-videocontainer { width: 300px; height: 169px; margin: 0px 10px 0px 0px; overflow: hidden; position: relative; float: left; } .video-voting-option-video-video { width: 300px !important; height: 169px !important; } .video-voting-option-videocontainer .roof { position: absolute; top: 133px; left: 0px; } .video-voting-option-textcontainer { width: 310px; height: 169px; overflow: hidden; float: left; position: relative; } .video-voting-option-headline { margin: 0px 0px 10px 0px; } .video-voting-option-option { position: absolute; bottom: 30px; } .video-voting-option-head { width: 100%; margin: 0px 0px 9px 0px; } .video-voting-text { margin: 0px 0px 20px 0px; } .video-voting-captcha { float: left; width: 300px; margin: 0px 10px 0px 0px; } .video-voting-button { float: left; } .button-round a { display: block; padding: 5px 10px 5px 10px; border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border: 0px solid #000000; } #video-voting-error-message { height: 10px; padding: 0px 0px 10px 310px; color: #ff0000; } .video-voting-option-option .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .video-voting-option-option .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; } .video-voting-option-option .ui-progressbar { text-align: left; height: 2em; width: 300px; overflow: hidden; } .video-voting-option-option .ui-widget-content { border: 1px solid #aaaaaa; color: #222222; } .video-voting-option-option .ui-widget-content span.caption { display: block; position: absolute; right: 0px; top: 6px; font-weight: bold; } .voting-video-thankyou { text-align: center; font-size: 2em; padding-top: 20px; } .video-voting-button-container { height: 100px; } .video-voting-headline { margin: 0px 0px 10px 0px; } /** Vorher / Nachher Vergleich /**/ .videoListBox.clipLounge.imagecompare-slider { height: 70px; overflow: hidden; background: url(http://www.vox.de/styles/images/sendungsband_back.jpg) center center; border: 1px solid #BFBFBF; } .videoListBox.clipLounge.imagecompare-slider .scrollable { position: absolute; width: 540px; overflow: hidden; top: 5px; left: 40px; height: 63px; } .videoListBox.clipLounge.imagecompare-slider a { opacity: 1; filter:; } .videoListBox.clipLounge.imagecompare-slider a.for, .videoListBox.clipLounge.imagecompare-slider a.back { background-position: left center; height: 70px; } .image-comparison .imagecompare-slider .videoListItem { height: 70px; } .image-comparison { margin: 0 0 10px; } .image-comparison .imagecompare-slider .videoListItem .imgBox { height: 70px; } .image-comparison-full { width: 612px; overflow: hidden; margin: 15px 0 5px; background: url(../images/vox_tf_video_620.jpg) no-repeat left center; background-size: 100% 100%; } .image-comparison .state { text-align: center; font-weight: bold; margin: 0 8px 30px 0; float: left; } .image-comparison .itemWrap { display: table-cell; text-align: center; vertical-align: middle; } .image-comparison .itemWrap img { vertical-align: middle; } .videoListBox.clipLounge.imagecompare-slider div, .videoListBox.clipLounge.imagecompare-slider .videoListItem a { height: 56px; } .imagecompare-slider .videoListItem .imgBox a { position: absolute; top: 2px; left: 2px; width: 126px; display: block; } .image-comparison a.for, .image-comparison a.back { position: absolute; width: 40px; height: 30px; top: 0px; } .image-comparison a.disabled { display: none; } .image-comparison a.for { background: url(images/xf/xf_galerie_for.png) center center no-repeat; right: 0px; } .image-comparison a.back { background: url(images/xf/xf_galerie_back.png) center center no-repeat; left: 0px; } .compareWYW { overflow: hidden; position: relative; } .compareWYW .itemWrap { position: absolute; overflow: hidden; } .compareWYW .indicator { position: absolute; z-index: 3; background: #990000; border-right: 1px solid #CE1A1A; border-left: 1px solid #FF3333; } .compareWYW .horizontalIndicator { height: 100%; width: 1px; } .compareWYW .verticalIndicator { height: 2px; width: 100%; } .compareWYW .indicator .handle { position: absolute; background-image: url(../images/compare-handle-background.png); background-repeat: no-repeat; } .compareWYW .horizontalHandle { width: 40px; height: 72px; overflow: hidden; background-position: 0px 0px; } .compareWYW .verticalHandle { width: 25px; height: 10px; overflow: hidden; background-position: -10px 0px; } .videoListBox.clipLounge .scrollable .items .videoListItem { width: 115px; } .videoListBox.clipLounge .scrollable .items { width: 20000em; position: absolute; clear: both; } /** PLAYLISTENPLAYER **/ .plpBorderContainer { float: left; position: relative; width: 620px; margin: 0 0 20px 20px; background-color: transparent; } .playlistenPlayerContainer { margin: 4px 4px 4px 3px; position: relative; float: left; display: block; overflow: hidden; width: 611px; height: 380px; } .artikel .playlistenPlayerContainer { margin-left: 0; } .playlistenPlayerTop { position: relative; height: 52px; width: 612px; float: left; overflow: hidden; } .plp_playbtn { position: absolute; top: 152px; left: 275px; height: 68px; width: 68px; } .playlistenPlayerTopLine { position: absolute; top: 52px; height: 2px; width: 612px; display: block; opacity: 0.1; } .playlistenPlayerContainer h3 a { font-size: 13px; position: absolute; left: 15px; top: 10px; font-weight: bold; } .playlistenPlayerContainer h2 { font-size: 13px; position: absolute; left: 15px; top: 28px; font-weight: bold; } .playlistenPlayerContainer h2 a { font-size: 15px; } .playlistenPlayerBottom { position: absolute; top: 305px; width: 612px; height: 200px; display: block; width: 612px; } .playlistenPlayerBottom .line { position: absolute; top: 0; left: 0; height: 2px; width: 612px; display: block; } .playlistenPlayerBottom .plcontent { position: absolute; top: 2px; left: 0; height: 200px; width: 612px; display: block; } .playlistenPlayerBottomLine { position: absolute; top: 376px; height: 4px; width: 528px; left: 42px; display: block; } .playlistenPlayerBottom .scrollable { position: relative; overflow: hidden; width: 535px; height: 200px; left: 38px; } .playlistenPlayerBottom .scrollable .items { width: 20000em; position: absolute; top: 7px; } .playlistenPlayerBottom .items div { float: left; margin: 0; font-size: 11px; } .playlistenPlayerBottom .items .layer { position: absolute; height: 71px; left: -5px; top: 0; width: 126px; z-index: 3; } .playlistenPlayerBottom .items div { margin-left: 5px; margin-right: 2px; } .playlistenPlayerBottom .items div a:hover { text-decoration: underline; } .playlistenPlayerBottom .items .imgtext { position: relative; width: 126px; height: 180px; overflow: hidden; } .playlistenPlayerBottom .items .imgtext img { border: 0; outline: none; margin-bottom: 3px; } .playlistenPlayerBottom .nextdivbglayer { position: absolute; display: block; left: 0; top: 0px; width: 37px; height: 74px; } .playlistenPlayerBottom .prevdivbglayer { position: absolute; display: block; right: 0; top: 0px; width: 38px; height: 74px; } .playlistenPlayerBottom .browse { cursor: pointer; outline: medium none; text-decoration: none; height: 65px; width: 30px; position: absolute; } .playlistenPlayerBottom .prev { top: 5px; left: 1px; } .playlistenPlayerBottom .next { top: 5px; right: 1px; } .playlistenPlayerBottom #plpTrennerLeft { width: 1px; height: 200px; position: absolute; display: block; top: 0px; left: 37px; z-index: 12; } .playlistenPlayerBottom #plpTrennerRight { width: 1px; height: 200px; position: absolute; display: block; top: 0px; right: 38px; z-index: 12; } .playlistenPlayerContainer .topLine { width: 612px; left: 0; top: 0; } .playlistenPlayerContainer .leftLine { height: 380px; left: 0; top: 0; } .playlistenPlayerContainer .rightLine { height: 380px; left: 611px; top: 0; } .playlistenPlayerContainer .botLine { width: 612px; top: 379px; left: 0; } /** PLAYLISTENPLAYER COLORS **/ .bgplp { background-color: #acabab; float: left; } .playlistenPlayerContainer { border: 1px solid #d33435; } .playlistenPlayerTop { background: transparent url(images/plp_bg_top.png) top left no-repeat; } .plp_playbtn { background: url(images/plp_play_btn.png) no-repeat 0 0; } .plp_playbtn:hover { background-position: -78px 0; } .playlistenPlayerTopLine { background-color: #fff; opacity: 0.1; filter: alpha(opacity = 10); } .playlistenPlayerContainer h3 a { color: #fff; } .playlistenPlayerContainer h2 { color: #fff; } .playlistenPlayerContainer h2 a { color: #fff; } .playlistenPlayerBottom .line { background-color: #fff; opacity: 0.1; filter: alpha(opacity = 10); } .playlistenPlayerBottomLine { background-color: #8a000a; } .playlistenPlayerBottom .scrollable { background: url(images/plp_bg_bottom.png) top left repeat-x; } .playlistenPlayerBottom .items div { color: #fff; } .playlistenPlayerBottom .items .layer { background: url("images/plp_thumb_rahmen.png"); background-position: 0 0; } .playlistenPlayerBottom .items .layer.active { background-position: 0 -71px; } .playlistenPlayerBottom .items div a { color: #fff; } .playlistenPlayerBottom .items .imgtext { color: #fff; } .playlistenPlayerBottom .nextdivbglayer { background: url(images/plp_bg_bottom.png) top left repeat-x; } .playlistenPlayerBottom .prevdivbglayer { background: url(images/plp_bg_bottom.png) top left repeat-x; } .playlistenPlayerBottom .prev { background: transparent url(images/plp_arrow_left.png) no-repeat 0 15px; } .playlistenPlayerBottom .next { background: transparent url(images/plp_arrow_right.png) no-repeat -32px 15px; } .playlistenPlayerBottom .prev:hover { background-position: -32px 15px } .playlistenPlayerBottom .next:hover { background-position: 0px 15px } .playlistenPlayerBottom #plpTrennerLeft { background: url(images/plp_btns_trennlinie.png) top left no-repeat; } .playlistenPlayerBottom #plpTrennerRight { background: url(images/plp_btns_trennlinie.png) top left no-repeat; } /** PLAYLISTENPLAYER COLORS --DARK-- **/ .plp_dark .bgplp { background-color: transparent; float: left; } .plp_dark .playlistenPlayerContainer { border: 1px solid #2d2d35; } .plp_dark .playlistenPlayerTop { background: transparent url(images/plp_bg_top_dark.png) top left no-repeat; } .plp_dark .plp_playbtn { background: url(images/plp_play_btn_dark.png) no-repeat 0 0; } .plp_dark .plp_playbtn:hover { background-position: -78px 0; } .plp_dark .playlistenPlayerTopLine { background-color: #fff; opacity: 0.1; filter: alpha(opacity = 10); } .plp_dark .playlistenPlayerContainer h3 a { color: #a6a7a9; } .plp_dark .playlistenPlayerContainer h2 { color: #a6a7a9; } .plp_dark .playlistenPlayerContainer h2 a { color: #fff; } .plp_dark .playlistenPlayerBottom .line { background-color: #fff; opacity: 0.1; filter: alpha(opacity = 10); } .plp_dark .playlistenPlayerBottomLine { background-color: #5d5f5e; } .plp_dark .playlistenPlayerBottom .scrollable { background: url(images/plp_bg_bottom_dark.png) top left repeat-x; } .plp_dark .playlistenPlayerBottom .items div { color: #fff; } .plp_dark .playlistenPlayerBottom .items .layer { background: url("images/plp_thumb_rahmen_dark.png"); background-position: 0 0; } .plp_dark .playlistenPlayerBottom .items div a { color: #fff; } .plp_dark .playlistenPlayerBottom .items .imgtext { color: #fff; } .plp_dark .playlistenPlayerBottom .nextdivbglayer { background: url(images/plp_bg_bottom_dark.png) top left repeat-x; } .plp_dark .playlistenPlayerBottom .prevdivbglayer { background: url(images/plp_bg_bottom_dark.png) top left repeat-x; } .plp_dark .playlistenPlayerBottom .prev { background: transparent url(images/plp_arrow_left_dark.png) no-repeat 0 15px; } .plp_dark .playlistenPlayerBottom .next { background: transparent url(images/plp_arrow_right_dark.png) no-repeat -32px 15px; } .plp_dark .playlistenPlayerBottom #plpTrennerLeft { background: url(images/plp_btns_trennlinie_dark.png) top left no-repeat; } .plp_dark .playlistenPlayerBottom #plpTrennerRight { background: url(images/plp_btns_trennlinie_dark.png) top left no-repeat; } /** PLAYLISTENPLAYER COLORS --LIGHT-- **/ .plp_light .bgplp { background-color: transparent; float: left; } .plp_light .playlistenPlayerContainer { border: 1px solid #2d2d35; } .plp_light .playlistenPlayerTop { background: transparent url(images/plp_bg_top_light.png) top left no-repeat; } .plp_light .plp_playbtn { background: url(images/plp_play_btn_light.png) no-repeat 0 0; } .plp_light .plp_playbtn:hover { background-position: -78px 0; } .plp_light .playlistenPlayerTopLine { background-color: #fff; opacity: 0.1; filter: alpha(opacity = 10); } .plp_light .playlistenPlayerContainer h3 a { color: #747273; } .plp_light .playlistenPlayerContainer h2 { color: #747273; } .plp_light .playlistenPlayerContainer h2 a { color: #9d9d9f; } .plp_light .playlistenPlayerBottom .line { background-color: #fff; opacity: 0.1; filter: alpha(opacity = 10); } .plp_light .playlistenPlayerBottomLine { background-color: #e3e1e1; } .plp_light .playlistenPlayerBottom .scrollable { background: url(images/plp_bg_bottom_light.png) top left repeat-x; } .plp_light .playlistenPlayerBottom .items div { color: #9d9d9f; } .plp_light .playlistenPlayerBottom .items .layer { background: url("images/plp_thumb_rahmen_light.png"); background-position: 0 0; } .plp_light .playlistenPlayerBottom .items div a { color: #9d9d9f; } .plp_light .playlistenPlayerBottom .items .imgtext { color: #9d9d9f; } .plp_light .playlistenPlayerBottom .nextdivbglayer { background: url(images/plp_bg_bottom_light.png) top left repeat-x; } .plp_light .playlistenPlayerBottom .prevdivbglayer { background: url(images/plp_bg_bottom_light.png) top left repeat-x; } .plp_light .playlistenPlayerBottom .prev { background: transparent url(images/plp_arrow_left_light.png) no-repeat 0 15px; } .plp_light .playlistenPlayerBottom .next { background: transparent url(images/plp_arrow_right_light.png) no-repeat -32px 15px; } .plp_light .playlistenPlayerBottom #plpTrennerLeft { background: url(images/plp_btns_trennlinie_light.png) top left no-repeat; } .plp_light .playlistenPlayerBottom #plpTrennerRight { background: url(images/plp_btns_trennlinie_light.png) top left no-repeat; } /* H T M L 5 - P L A Y E R */ .mejs-container .mejs-controls { background: rgba(255,19,19, 1); /*#ff1313*/ } .mejs-controls .mejs-time-rail .mejs-time-total { background: #d7d7d7; } .mejs-controls .mejs-time-rail .mejs-time-buffering { background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: rgba(255,255,255,1) !important; } .mejs-controls .mejs-time-rail .mejs-time-current { background: rgba(199,0,0,1); top: 1px; left: 1px; right: 1px; height: 8px; } .mejs-poster { background-position: 50% 0; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #ff4848 ; color: #fff; } .mejs-controls .mejs-button button { -webkit-box-shadow: none; box-shadow: none; } /************* OCTOPUS **************/ .ip_octopus_ad_marker { float: right; position: relative; top: -7px; font-size: 7px; text-transform: uppercase; } .octopus_hr { position: relative; width: 300px; height: 115px; margin: 0px 0px 20px 20px; float:left; display: inline; } .octopus_hr .ip_octopus_ad_headline { position: absolute; top: -3px; left: 0px; font-size: 12px; font-weight: bold; text-transform: uppercase; } .octopus_hr .ip_octopus_ad_headline a, .octopus_hr .ip_octopus_ad_headline a:hover{ color: #444444; } .octopus_hr .ip_octopus_ad_image { position: absolute; top: 20px; left: 0px; } .octopus_hr .ip_octopus_ad_text { position: absolute; top: 16px; left: 146px; width: 154px; line-height: 17px; } .octopus_hr .ip_octopus_ad_text a, .octopus_hr .ip_octopus_ad_text a:hover { color: #666666; } .octopus_hr .ip_octopus_ad_link_text { position: absolute; top: 103px; left: 0px; } .octopus_mr { position: relative; width: 300px; height: 250px; margin: 0px 0px 20px 20px; float: left; display:inline; } .octopus_mr .ip_octopus_ad_roof .ip_octopus_ad_link { color: #ffffff; top: 133px; position: absolute; font-weight: bold; z-index: 1; padding: 3px 9px 4px 6px; background-position: center right; } .octopus_mr .ip_octopus_ad_headline { padding: 9px 0px 1px; font-weight: bold; position: relative; } .octopus_mr .ip_octopus_ad_headline a, .octopus_mr .ip_octopus_ad_headline a:hover{ color: #444444; text-transform: uppercase; } .octopus_mr .ip_octopus_ad_text { line-height: 17px; position: relative; } .octopus_mr .ip_octopus_ad_text a, .octopus_mr .ip_octopus_ad_text a:hover{ color: #666666; } #galleryOctopus { width: 320px; margin: 0px auto; }