body { margin:0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#222 url(/images/evolution/ext/bg.gif) repeat-x 0 0; } a { color:#1b1a1a; text-decoration:underline; } a:hover { text-decoration:none; } img { border:0; display:block; } p { margin:0 0 16px 0; font-size: 13px; line-height: 18px; } ul { padding:0; margin:0; list-style:none; } form { padding:0; margin:0; } .ct a { color: #fff; } .knf_clr { clear: both; float: none; width: 1px; height: 1px; line-height: 1px; font-size: 1px; } .ten_pad { padding: 10px; } .ten_pad2 { padding: 0 10px 10px 10px; } /*main box*/ #main { width:936px; margin:0 auto; } .knf_skyscraper { width:160px; height: 600px; padding-top:116px; float: right; } .knf_leaderboard { width: 728px; height: 90px; padding: 0 0 16px 70px; } /*header*/ .header { padding:36px 0 0 0; width:936px; height:28px; } .header li { float: left; } h3 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; line-height:18px; } /*logo*/ .header h1 { margin:3px 0 0 40px; text-indent:-9999px; overflow:hidden; float:left; display:inline; position:relative; z-index:100; } .header h1 a { background:url(/images/evolution/ext/logo.png) no-repeat 0 0; width:242px; height:64px; display:block; overflow:hidden; } .header h1 .minimal { background:url(/images/evolution/ext/logo.png) no-repeat 0 0; width:242px; height:64px; display:block; overflow:hidden; position: relative; } div.landing_header {visibility: visible;} /*top navigation*/ ul.top-nav { height:18px; margin:0 21px 0 0; display:inline; background:#323031; float:right; padding:5px 4px 3px 4px; } ul.top-nav li { display:inline; padding:0 5px 0 8px; background:url(/images/evolution/ext/top-nav-split.gif) no-repeat 0 3px; text-transform:uppercase; } ul.top-nav li img{ display: inline; padding: 0; margin: 0 0 -2px 3px; height: 14px; } ul.top-nav li.first { background:none; } ul.top-nav li a { font-size:12px; color:#b2b2b2; text-decoration:none; } ul.top-nav li a:hover { color:#a2a1a1; } ul.top-nav2 { float:right; padding:5px 0 0 0; } ul.top-nav2 li { display:inline; padding:0 14px 0 0; font-size:12px; text-transform:uppercase; } ul.top-nav2 li a { color:#b2b2b2; text-decoration:none; } /*content box (main box with shadows)*/ .content-top { background:url(/images/evolution/ext/top-box1.png) no-repeat 0 0; width:936px; height:42px; float:left; margin:-13px 0 0 0; } /*center shadows*/ .content-center { background:url(/images/evolution/ext/center-box1.png) repeat-y 0 0; width:901px; float:left; padding:0 21px 0 14px; } /*bottom shadow*/ .content-bottom { background:url(/images/evolution/ext/bottom-box1.png) no-repeat 0 0; width:936px; height:55px; float:left; } .content-data { background:url(/images/evolution/ext/data-bg.gif); width:901px; overflow:hidden; } /*navigation*/ .content { position: relative; margin-top: 0; width: 936px; padding-top: 80px; } ul.nav { margin:80px 19px 0 0; display:inline; position:absolute; right: 1px; top: -27px; height: 27px; z-index:500; } ul.nav li { float:right; padding:0 1px 0 0; } ul.nav li a { display:block; width:126px; height:27px; text-indent:-9999px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; } ul.nav li a:hover, ul.nav li.active a { background-position:0 -27px; } ul.nav li a#nav_home_link { background-image:url(/images/evolution/tabs/aktuell.png); } ul.nav li a#nav_sessions_link { background-image:url(/images/evolution/tabs/sessions.png); } ul.nav li a#nav_people_link { background-image:url(/images/evolution/tabs/leute.png); } ul.nav li a#nav_profile_link { background-image:url(/images/evolution/tabs/profil.png); } /* dropdown */ ul.nav li ul { background: #2a2a2a; display: block; overflow: hidden; display: none; width: 122px;} ul.nav li ul li { overflow: hidden; padding: 2px 0 0 0; text-align: left; float: none; display: block; } ul.nav li ul li a { display:block; text-indent: 0px; padding: 2px 2px 1px 2px; overflow: auto; float: none; color: #fff; background: #2a2a2a; text-decoration:none; width: 118px; height: 18px; font-size: 13px; line-height: 15px; overflow: hidden;} ul.nav li ul li a:hover { background: #333; color: #fff; } #j21p_sub_nav_home { border: 2px solid #2a2a2a; border-top: none; } #j21p_sub_nav_sessions { border: 2px solid #2a2a2a; border-top: none; } #j21p_sub_nav_people { border: 2px solid #2a2a2a; border-top: none; } #j21p_sub_nav_profile { border: 2px solid #2a2a2a; border-top: none; } #j21p_sub_nav_home li a:hover { background: #25c8fc; color: #2a2a2a; } #j21p_sub_nav_sessions li a:hover { background: #83e33c; color: #2a2a2a; } #j21p_sub_nav_people li a:hover { background: #f08d21; color: #2a2a2a; } #j21p_sub_nav_profile li a:hover { background: #e0478a; color: #2a2a2a; } #j21p_sub_nav_people #knf_sub_menu_id_friend_network a { color: #f08d21; } #j21p_sub_nav_people #knf_sub_menu_id_friend_network a:hover { color: #2a2a2a; } #av_check_box a { display: block; width: 385px; height: 103px; background: url(/images/evolution/box/av_check_banner.png) no-repeat; margin-left: -10px; margin-top: -8px; } #av_check_box a span { display: none; } /* Navigation Ausnahme: wenn es in Aktuelles Neuigkeiten gibt mit Zusatz _hasnews */ ul.nav li a#nav_home_link_hasnews { background-image:url(/images/evolution/tabs/aktuell_hasnews.png); position:relative; z-index: 1000; } .content ul.nav li a#nav_home_link_hasnews span { position: absolute; z-index: 1001; display: block; color: #fff; top: 6px; right: 9px; text-align: center; text-indent: 0; padding: 0; margin: 0; text-decoration: none; width: 12px; font-size: 11px; } .content ul.nav li a#nav_home_link_hasnews { text-decoration: none; } #knf_sub_menu_id_user_friend_requests_hasnews { letter-spacing: -0.06em;} #knf_sub_menu_id_user_mailbox_hasnews a, #knf_sub_menu_id_user_friend_requests_hasnews a, #knf_sub_menu_id_user_nudges_hasnews a, #knf_sub_menu_id_user_invitations_hasnews a { background:url(/images/evolution/tabs/circle.gif) no-repeat left center; padding-left: 12px; margin-left: 2px; } #j21p_sub_nav_home li#knf_sub_menu_id_user_friend_requests_hasnews a:hover, #j21p_sub_nav_home li#knf_sub_menu_id_user_mailbox_hasnews a:hover, #j21p_sub_nav_home li#knf_sub_menu_id_user_nudges_hasnews a:hover, #j21p_sub_nav_home li#knf_sub_menu_id_user_invitations_hasnews a:hover { background-image: url(/images/evolution/tabs/circle_hover.gif); background-position: left center; background-repeat: no-repeat; } /* simple layouts */ .knf_simple_box { padding-left: 220px; margin: 30px 0 30px 30px; width: 520px; background: url(/images/evolution/basics/logo_image_trans.png) left top no-repeat; } .knf_simple_box .knf_simple_block { padding: 10px; width: 476px; margin-left: 9px; margin-bottom: 20px; background: #BCBAAF; color: #333333; } /* login box */ .logged_out { width: 425px; height: 120px; position:absolute; right:21px; top: 0; background: url(/images/evolution/basics/wrapper_logged_out_bg.png) right top no-repeat; } .logged_out_bg { margin: 0; padding: 0; display: block; } .logged_out #knf_signuplink { margin: 40px 0 0 30px; width: 117px; height: 52px; display: block; float: left; background: url(/images/evolution/buttons/kostenlos_anmelden.png) no-repeat; } .logged_out #knf_signuplink span { display: none; } .logged_out #knf_welcomelogin { float: right; width: 230px; height: 60px; overflow: hidden; padding: 40px 30px 0 0; } .logged_out #knf_welcomelogin form { margin-top: 5px; } .logged_out #knf_welcomelogin input { font-size: 11px; float: left; line-height: 13px; border: 1px solid #333; background: #b5b5b5; padding: 1px 2px 2px 2px; margin: 0 0 3px 0; width: 165px; } .logged_out #knf_welcomelogin #knf_loginsubmit { width: 52px; background: none; border: none; margin-top: -2px; float: right; } .registered_head { width: 60px; height: 5px; float: left; background: url(/images/evolution/homepage/registered_head.png) no-repeat; } .registered_head span { display: none; } .login_help { display: block; width: 109px; height: 5px; float: right; background: url(/images/evolution/homepage/login_help.png) no-repeat; } .login_help span { display: none; } /*content box (padding left,right 17px)*/ .ct { padding:0 17px; overflow:hidden; height:1%; } .test {background: red; width: 100%; height: 100%;} /*left container (setting width for the center box )*/ .left-container-wide { width:562px; overflow:hidden; float:left; } .left-container-full { width:870px; overflow:hidden; float:left; } .left-container-med { width:487px; overflow:hidden; float:left; } .right-container-mtc { width:487px; overflow:hidden; float:right; } .right-container-thin { width:294px; float:right; } .left-container-mtc { width:369px; float:left; } .right-container-med { width:369px; float:right; } .container-full { width: 868px; } .left-container-half { width:435px; overflow:hidden; float:left; } .right-container-half { width:415px; overflow:hidden; float:right; } .left-container-half2 { width:425px; overflow:hidden; float:left; } .right-container-half2 { width:425px; overflow:hidden; float:right; } .left-container-profile { width:294px; float:left; } .right-container-profile { width:562px; overflow:hidden; float:right; } .left-container-home { width:487px; float:left; } .right-container-home { width:369px; overflow:hidden; float:right; } .left-container-mtinvite { width:562px; float:left; } .right-container-mtinvite { width:294px; overflow:hidden; float:right; } .left-container-meeting { width:662px; overflow:hidden; float:left; } .right-container-meeting { width:194px; float:right; } .cont-top001{ overflow:hidden; height:1%; padding:0 12px; } .cont-top002{ overflow:hidden; height:1%; padding:0 7px 0 5px; } .cont-top003{ overflow:hidden; height:1%; padding:0 14px 0 12px; margin-bottom: 8px; } .cont-top004{ overflow:hidden; height:1%; padding:0 4px 0 2px; } .cont-top005{ overflow:hidden; height:1%; padding:2px 14px 0 10px; } .cont-top006{ overflow:hidden; height:1%; padding:0 8px 0 4px; } .cont-top007{ overflow:hidden; height:1%; padding:0 11px 0 9px; margin-bottom: 8px; } .cont-top008{ overflow:hidden; height:1%; padding:0 10px 0 6px; } .cont-top009{ overflow:hidden; height:1%; padding:0 7px 0 3px; } .cont-top010{ overflow:hidden; height:1%; padding:0 11px 0 6px; margin-bottom: 4px; } .item{ height:1%; margin:6px 0 0 0; overflow:hidden; } .box{ overflow:hidden; height:1%; padding:0 5px; } /*main box shadow boxes */ .left-c{ background: url(/images/evolution/bars/blue/left-corner01.png) no-repeat 0 0; margin:0 0 0 -12px; float:left; display:inline; width:12px; height:13px; } .right-c{ background:url(/images/evolution/bars/blue/right-corner01.png) no-repeat 0 0; margin:0 -12px 0 0; width:12px; float:right; display:inline; height:13px; } .center-cont{ background:url(/images/evolution/bars/blue/top-001.png) repeat-x 0 0; width:100%; float:left; overflow:hidden; height:13px; } .left-c1{ background: url(/images/evolution/bars/blue/left_sl01.png) no-repeat 0 0; margin:0 0 0 -12px; float:left; display:inline; width:12px; height:24px; } .right-c1{ background: url(/images/evolution/bars/blue/right-sl01.png) no-repeat 0 0; margin:0 -12px 0 0; width:12px; float:right; display:inline; height:24px; } .center-cont1{ background: url(/images/evolution/bars/blue/header-slide.png) repeat-x 0 0; width:100%; float:left; overflow:hidden; height:24px; } .center-cont1 h2{ margin:-2px 0 0 3px; padding: 0; font-size:17px; line-height: 21px; font-weight: normal; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.05em; color: #25c8fc; overflow:hidden; } .head2-left{ background:url(/images/evolution/bars/blue/head2-left.png) no-repeat 0 0; width:10px; margin:0 0 0 -10px; float:left; display:inline; height:23px; font-size:1px; line-height:1px; } .head2-right{ background:url(/images/evolution/bars/blue/head2-right.png) no-repeat 0 0; width:14px; margin:0 -14px 0 0; float:right; height:23px; display:inline; font-size:1px; line-height:1px; } .head2-center{ background:url(/images/evolution/bars/blue/head2-center.png) repeat-x 0 0; height:23px; overflow:hidden; float:left; overflow:hidden; font-size:1px; line-height:1px; width:100%; } .center-cont1 h2.blue { color: #25c8fc; } .center-cont1 h2.green { color: #83e33c; } .center-cont1 h2.yellow { color: #f08d21; } .center-cont1 h2.purple { color: #e0478a; } .center-cont1 h2.customcolor { color: #e0478a; } .head2-center h2.blue { color: #25c8fc; } .head2-center h2.green { color: #83e33c; } .head2-center h2.yellow { color: #f08d21; } .head2-center h2.purple { color: #e0478a; } .head2-center h2.customcolor { color: #e0478a; } /* .head2-center h2.blue a { color: #25c8fc; } .head2-center h2.green a { color: #83e33c; } .head2-center h2.yellow a { color: #fcd622; } .head2-center h2.purple a { color: #fc22e0; } .head2-center h2.customcolor a { color: #fc22e0; } */ .head2-center h2 a { color: #ccc; } .center-cont1 h2 span{ text-indent:-9999px; overflow:hidden; display:block; font-size:1px; line-height:1px; } .left-c2 { background:url(/images/evolution/ext/ct001.png) repeat-y 0 0; margin:0 0 0 -5px; float:left; display:inline; width:5px; margin-bottom: -5000px; padding-bottom: 5000px; } .left-c2-help { background:url(/images/evolution/ext/ct001.png) repeat-y 0 0; margin:0 0 0 -5px; float:left; display:inline; width:5px; } .right-c2 { background:url(/images/evolution/ext/ct002.png) repeat-y 0 0; margin:0 -7px 0 0; width:7px; float:right; display:inline; margin-bottom: -5000px; padding-bottom: 5000px; } .right-c2-help { background:url(/images/evolution/ext/ct002.png) repeat-y 0 0; margin:0 -7px 0 0; width:7px; float:right; display:inline; } .center-cont2{ background:url(/images/evolution/ext/ct-repeat002.gif); width:100%; float:left; overflow:hidden; } .center-cont2-add{ background:url(/images/evolution/ext/ct-repeat001.gif) repeat-x 0 0; width:100%; float:left; overflow:hidden; color:#fff; } .left-c3{ background:url(/images/evolution/ext/left-corner02.png) no-repeat 0 0; margin:0 0 0 -12px; float:left; display:inline; width:12px; } .right-c3{ background:url(/images/evolution/ext/right-corner02.png) no-repeat 0 0; margin:0 -14px 0 0; width:14px; float:right; display:inline; } .center-cont3{ background:url(/images/evolution/ext/ct003.png) repeat-x 0 0; width:100%; float:left; overflow:hidden; height:14px; font-size:1px; line-height:1px; } .cont-data{ padding:12px 11px 3px 11px; height:1%; overflow:hidden; } .cont-data2{ padding:2px 11px 3px 11px; height:1%; overflow:hidden; } .left-c4{ background:url(/images/evolution/ext/cont-left-top.gif) no-repeat 0 0; margin:0 0 0 -4px; float:left; display:inline; width:4px; height:4px; font-size:1px; line-height:1px; } .right-c4{ background:url(/images/evolution/ext/cont-right-top.gif) no-repeat 0 0; margin:0 -4px 0 0; width:4px; float:right; display:inline; font-size:1px; line-height:1px; height:4px; } .center-cont4{ background:url(/images/evolution/ext/cont-center-top.gif) repeat-x 0 0; width:100%; float:left; overflow:hidden; font-size:1px; line-height:1px; height:4px; } .data-center{ background:url(/images/evolution/ext/repeat001.gif); height:1%; overflow:hidden; } .data-center-box{ background:url(/images/evolution/ext/repeat.gif) repeat-x 0 0; height:1%; overflow:hidden; } .left-c5{ background:url(/images/evolution/ext/cont-left-bottom.gif) no-repeat 0 0; margin:0 0 0 -4px; float:left; display:inline; width:4px; height:4px; font-size:1px; line-height:1px; } .right-c5{ background:url(/images/evolution/ext/cont-right-bottom.gif) no-repeat 0 0; margin:0 -4px 0 0; width:4px; float:right; display:inline; font-size:1px; line-height:1px; height:4px; } .center-cont5{ background:url(/images/evolution/ext/cont-center-bottom.gif) repeat-x 0 0; width:100%; float:left; overflow:hidden; font-size:1px; line-height:1px; height:4px; } .box-center{ padding:11px 9px;} .box-center-spacer {} .appointment-teaser { width: 390px; height: 132px; background: url(/images/evolution/dates/dates_teaser_bg.png) no-repeat; margin-left: -1px; overflow: hidden; } .knf_profilephoto_caption { background: url(/images/evolution/register/step_bg.png) repeat-x top left; width:auto; clear:both; height: 54px; overflow: hidden; line-height: 54px; font-size: 20px; padding: 0 10px; } /* plane Container */ .knf_planeContainer { padding: 0 10px; } .knf_pC_inner { background: #4f4e4e; } .knf_pC_steps { background: url(/images/evolution/register/step_bg.png) repeat-x top left; width:100%; clear:both; height: 54px; overflow: hidden; } .knf_pC_steps div { width: 208px; text-align: center; float: left; } .knf_pC_steps p { margin: 10px 0 0 0 ; padding: 8px 0; border-right: 1px solid #496c7b; line-height: 14px; font-size: 12px; color: #282727; } .knf_pC_steps a { color: #282727; text-decoration: none; } .knf_pC_steps a:hover { font-weight: bold; } .knf_pC_steps p#knf_pC_steps_last { border-right: none; } .knf_pC_steps .knf_pC_steps_selected {font-size: 13px; color: #282727; font-weight: bold; } .knf_pC_content { width:100%; overflow:hidden; } #knf_color_beige {background: #c6c4ad;} /* signup introduction */ #signup_intro_steps div { width: 277px; } #signup_intro_steps a:hover { font-weight: normal; text-decoration:underline; } #signup_intro_content .left { width: 440px; float: left; overflow:hidden; } #signup_intro_content .right { width: 345px; float: right; overflow:hidden; } #signup_intro_content h2 { padding: 0 0 20px 0; margin: 0; } #signup_intro_content p { margin: 0; padding: 0 0 15px 0; } #signup_intro_content ul { padding: 0; margin: 0 0 15px 20px; list-style-type:square; list-style-position:outside; } #signup_intro_content li { padding: 0 0 10px 5px; margin: 0; } #signup_intro_content .j21p_optionSubmit { float: right; width:auto;margin:0;padding:0 0 0 0; } #signup_intro_content input.btn_weiter { width: 232px; height: 34px; float: none; background: url(/images/evolution/buttons/live_btn_schrittweiter.png) no-repeat; cursor: pointer; } #signup_intro_content input.btn_weiter_end { width: 232px; height: 34px; float: none; background: url(/images/evolution/buttons/live_btn_bereitlos.png) no-repeat; cursor: pointer; } #infoBox_floater { display: none; position:absolute; border: 1px solid #333; background: #f2f2f2; width: 280px; } #infoBox_pad { padding: 16px; } #info_headline { font-weight: bold; padding: 0 0 8px 0; margin: 0 } #info_body { font-size: 12px; line-height: 16px; color: #333; } .signup_intro_img_wrap { padding: 2px; background:#9a9681; width:424px; height:326px; margin-bottom:35px; } .intro_skip { text-align: left; font-size:14px; padding-top: 10px; } /*pages list*/ ul.pages{ float:right; padding:0 6px 0 0; } ul.pages li{ display:inline; } ul.pages li a{ color:#fff; } span.seite{ float:left; color:#fff; } a.weiter{ float:right; color:#fff; } ul.pages li.current a, ul.pages li.current a:hover{ font-weight:bold; text-decoration:none; } /*post header (red and grey)*/ .red-center span, .grey-center span{ margin:12px 0 0 95px; letter-spacing:-0.04em; float:left; display:inline; font:13px Arial, Helvetica, sans-serif; } .red-center em, .grey-center em{ float:right; font-style:normal; } /*pages list, Seite 1 von2 container*/ .opt{ width:100%; overflow:hidden; padding:0 0 14px 0; } /*post boxes*/ .red-left, .grey-left{ background:url(/images/evolution/ext/red-left.gif) no-repeat 0 0; margin:0 0 0 -5px; float:left; display:inline; width:5px; height:38px; font-size:1px; line-height:1px; } .grey-left { background:url(/images/evolution/ext/grey-left.gif) no-repeat 0 0; } .item .hot .grey-left { background:url(/images/evolution/ext/red-left.gif) no-repeat 0 0; } .red-right, .grey-right{ background:url(/images/evolution/ext/red-right.gif) no-repeat 0 0; margin:0 -5px 0 0; width:5px; float:right; display:inline; font-size:1px; line-height:1px; height:38px; } .grey-right{ background:url(/images/evolution/ext/grey-right.gif) no-repeat 0 0; } .item .hot .grey-right { background:url(/images/evolution/ext/red-right.gif) no-repeat 0 0; } .red-center, .grey-center{ background:url(/images/evolution/ext/red-center.gif) repeat-x 0 0; width:100%; float:left; overflow:hidden; font-size:1px; line-height:1px; height:38px; } .red-center a { color: #fff; } .grey-center{ background:url(/images/evolution/ext/grey-center.gif) repeat-x 0 0; } .item .hot .grey-center { background:url(/images/evolution/ext/red-center.gif) repeat-x 0 0; } .item .yellow{ width:100%; background:#e3e0d1 url(/images/evolution/ext/yellow-box-bg.gif) repeat-x 0 0; min-height:48px; } .item .yellow a { color: #000; } span.photo{ margin:-32px 8px 0 7px; float:left; display:inline; position:relative; background: #323232; width:80px; height: 80px; } span.photo .imagecrop { width: 80px; height: 67px; overflow: hidden } span.photo .imagecrop img { width: 80px; height: 80px; } .item .yellow h2{ font:14px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:4px 0 4px 0; margin:0; float:left; } .line{ height:1%; overflow:hidden; } .item .yellow ul{ float:left; margin-top: 2px; } .item .yellow ul li{ float: left; padding:0 5px 0 6px; margin-top: 2px; color:#262626; font-size:10px; background:url(/images/evolution/ext/split002.gif) no-repeat 0 2px; } .item .yellow ul li.first{ background:none; padding:0 5px 0 0; margin-right: 4px; width: 90px; display: block; float: left; white-space:nowrap; overflow: hidden; } .left-container-wide .yellow ul li.first{ background:none; padding:0 5px 0 0; margin-right: 4px; width: auto; overflow: hidden; } a.absagen{ background:url(/images/evolution/ext/absagen-button.gif) no-repeat 0 0; width:80px; height:21px; float:right; text-indent:-9999px; overflow:hidden; margin:0 3px 0 0; display:inline; } .line .mt_opt { float: right; margin:0 3px 0 0; } .line .mt_opt .knf_btn_editmt { float: right; display: none; width: 86px; height: 26px; background: url(/images/evolution/buttons/sm_btn_bearbeiten.png) no-repeat; } .line .mt_opt .knf_btn_editmt span { display: none; } .yellow-left{ background:url(/images/evolution/ext/yellow-left.gif) no-repeat 0 0; margin:0 0 0 -5px; float:left; display:inline; width:5px; height:4px; font-size:1px; line-height:1px; } .yellow-right{ background:url(/images/evolution/ext/yellow-right.gif) no-repeat 0 0; margin:0 -5px 0 0; width:5px; float:right; display:inline; font-size:1px; line-height:1px; height:4px; } /* .yellow-center{ background:#e3e0d1 url(/images/evolution/ext/yellow-center.gif) repeat-x 0 0; width:100%; float:left; overflow:hidden; font-size:1px; line-height:1px; height:4px; } */ .yellow-center{ background:#e3e0d1; width:100%; float:left; overflow:hidden; font-size:1px; line-height:1px; height:4px; } .head2-center h2{ margin:5px 0 0 3px; overflow:hidden; font-size:12px; line-height: 14px; font-weight: normal; position: relative; } .head2-center h2 a { position: absolute; right: 6px; top: 0px; } /* .head2-center h2 span{display:block; text-indent:-9999px; overflow:hidden; font-size:1px; line-height:1px; } */ .side-cont-left{ background:url(/images/evolution/ext/side-cont-left.png) repeat-y 0 0; float:left; margin:0 0 0 -4px; display:inline; width:4px; margin-bottom: -5000px; padding-bottom: 5000px; line-height:1px; font-size:1px; } .side-cont-center{ background:url(/images/evolution/ext/side-cont-repeat02.gif); float:left; overflow:hidden; width:100%; margin-bottom: -5000px; padding-bottom: 5000px; } .side-cont-right{ background:url(/images/evolution/ext/side-cont-right.png) repeat-y 0 0; float:right; margin:0 -8px 0 0; display:inline; width:8px; line-height:1px; font-size:1px; margin-bottom: -5000px; padding-bottom: 5000px; } .side-cont-cont{ background:url(/images/evolution/ext/side-cont-repeat01.gif) repeat-x 0 0; overflow: auto;} .smallParticipants { float: right; margin: 0; text-align: right; width: 84px; } .smallParticipants img { width: 18px; height: 18px; margin-left: 2px; padding-bottom: 2px; display: inline; float: left; } .boxpad { padding: 6px 10px 10px 10px; } .small_spot_wrapper { float:left; } .row_group { float: right; width: 20px; } .mt_private { background: url(/images/evolution/lists/meeting_private.png) no-repeat; width: 14px; height: 16px; float: left; margin-right: 4px; text-decoration: none; } .mt_private a { text-decoration: none; } /* meeting buttons */ .knf_mt_btn_apply { width: 86px; height: 24px; display: block; background: url(/images/evolution/buttons/sm_btn_bewerben.png) left top no-repeat; } .knf_mt_btn_apply span { display: none; } .knf_mt_btn_unapply { width: 86px; height: 24px; display: block; background: url(/images/evolution/buttons/sm_btn_absagen.png) left top no-repeat; } .knf_mt_btn_unapply span { display: none; } .knf_mt_btn_subscribe { width: 86px; height: 24px; display: block; background: url(/images/evolution/buttons/sm_btn_verabreden.png) left top no-repeat; } .knf_mt_btn_subscribe span { display: none; } .knf_mt_btn_unsubscribe { width: 86px; height: 24px; display: block; background: url(/images/evolution/buttons/sm_btn_absagen.png) left top no-repeat; } .knf_mt_btn_unsubscribe span { display: none; } .knf_mt_btn_join { width: 86px; height: 24px; display: block; background: url(/images/evolution/buttons/sm_btn_teilnehmen.png) left top no-repeat; } .knf_mt_btn_join span, .knf_mt_btn_invite span { display: none; } .knf_mt_buttons .knf_mt_btn_apply { width: 134px; height: 51px; display: block; background: url(/images/evolution/buttons/big_btn_bewerben.png) left top no-repeat; } .knf_mt_buttons .knf_mt_btn_unapply { width: 134px; height: 51px; display: block; background: url(/images/evolution/buttons/big_btn_absagen.png) left top no-repeat; } .knf_mt_buttons .knf_mt_btn_subscribe { width: 134px; height: 51px; display: block; background: url(/images/evolution/buttons/big_btn_verabreden.png) left top no-repeat; } .knf_mt_buttons .knf_mt_btn_unsubscribe { width: 134px; height: 51px; display: block; background: url(/images/evolution/buttons/big_btn_absagen.png) left top no-repeat; } .knf_mt_buttons .knf_mt_btn_join { width: 134px; height: 51px; display: block; background: url(/images/evolution/buttons/big_btn_teilnehmen.png) left top no-repeat; } .knf_mt_buttons .knf_mt_btn_invite { width: 134px; height: 51px; display: block; background: url(/images/evolution/buttons/big_btn_invite_people.png) left top no-repeat; } /* pagination */ .pagination { text-align: right; } /*form*/ .suchen-form{ padding:10px 7px 0 7px; overflow:hidden; height:1%; } .suchen-form select { width:120px; border: 1px solid #333; background:#bcbaaf; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; padding: 4px 2px 6px 2px; color: #333; margin:0 14px 0 0; border:0; float:left; } .suchen-form select#mode { width:254px; border: 1px solid #333; background:#bcbaaf; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; padding: 4px 2px 6px 2px; color: #333; margin:0 14px 0 0; border:0; float:left; } input.txt2{ margin:0; } input.txt3{ width:64px; margin:0; } .suchen-form span{ padding:0 7px; float:left; } .suchen-form div{ width:100%; overflow:hidden; padding:0 0 10px 0; } .suchen-form div div{ width:50%; float:left; } .suchen-form div label{ font-size:12px; color:#fff; padding:0 0 4px 0; display:block; } input.submit{ background:url(/images/evolution/ext/suchen.gif) no-repeat 0 0; width:99px; height:25px; float:right; } .suchen-form div ul{ } .suchen-form div ul li label{ float:left; } .suchen-form div ul li{ padding:0 0 4px 0; float:left; } input.r1{ float:left; width:12px; height:12px; margin:0 4px 0 0; padding:0; } /*sidebar box*/ .side-bottom-left{ background:url(/images/evolution/ext/side-bottom-left.png) no-repeat 0 0; float:left; margin:0 0 0 -9px; display:inline; width:9px; height:11px; font-size:1px; line-height:1px; } .side-bottom-center{ background:url(/images/evolution/ext/side-bottom-center.png) repeat-x 0 0; float:left; overflow:hidden; width:100%; height:11px; font-size:1px; line-height:1px; } .side-bottom-right{ background:url(/images/evolution/ext/side-bottom-right.png) no-repeat 0 0;float:right; margin:0 -11px 0 0; display:inline; width:11px; height:11px; font-size:1px; line-height:1px; } /*shortcut box*/ .shortcut{ margin:0 0 0 0; overflow:hidden; } .shortcut-top-left{ background:url(/images/evolution/ext/shortcut-left-top.png) no-repeat 0 0; float:left; margin:0 0 0 -6px; display:inline; width:6px; height:9px; font-size:1px; line-height:1px; } .shortcut-top-center{ background:url(/images/evolution/ext/shortcut-center-top.png) repeat-x 0 0; float:left; overflow:hidden; width:100%; height:9px; font-size:1px; line-height:1px; } .shortcut-top-right{ background:url(/images/evolution/ext/shortcut-right-top.png) no-repeat 0 0; float:right; margin:0 -10px 0 0; display:inline; width:10px; height:9px; font-size:1px; line-height:1px; } .shortcut-center-left{ background:url(/images/evolution/ext/shortcut-left-center.png) repeat-y 0 0; float:left; margin:0 0 0 -3px; display:inline; width:3px; font-size:1px; line-height:1px; margin-bottom: -5000px; padding-bottom: 5000px; } .shortcut-center-center{ background:#959283 url(/images/evolution/ext/shortcut-bg-center.gif) repeat-x 0 0; float:left; overflow:hidden; width:100%; } .shortcut-center-right{ background:url(/images/evolution/ext/shortcut-right-center.png) repeat-y 0 0; float:right; margin:0 -7px 0 0; display:inline; width:7px; font-size:1px; line-height:1px; margin-bottom: -5000px; padding-bottom: 5000px; } .shortcut-bottom-left{ background:url(/images/evolution/ext/shortcut-left-bottom.png) no-repeat 0 0; float:left; margin:0 0 0 -6px; display:inline; width:6px; height:18px; font-size:1px; line-height:1px; } .shortcut-bottom-center{ background:url(/images/evolution/ext/shortcut-center-bottom.png) repeat-x 0 0; float:left; overflow:hidden; width:100%; height:18px; font-size:1px; line-height:1px; } .shortcut-bottom-right{ background:url(/images/evolution/ext/shortcut-right-bottom.png) no-repeat 0 0; float:right; margin:0 -11px 0 0; display:inline; width:11px; height:18px; font-size:1px; line-height:1px; } .shortcuts-data{ padding:11px; } .shortcuts-data h2{ color:#2a2b2a; margin:0 0 10px 0; overflow:hidden; font:bold 18px Arial, Helvetica, sans-serif; } .shortcuts-data ul{ margin:0 0 0 4px; overflow:hidden; } /* .shortcuts-data ul li{ background:url(/images/evolution/ext/bullet.gif) no-repeat 0 5px; padding:0 0 2px 14px; float:left; width:100%; } */ .shortcuts-data ul li{ margin: 2px 0 2px 0; float:left; width:100%;color:#1b1a1a; } .shortcuts-data ul li a{ color:#1b1a1a; font:14px Verdana, Arial, Helvetica, sans-serif; } /*footer*/ .footer{ width:900px; margin:0 auto; } .footer ul { float:right; padding:0 0 8px 0; } .footer ul li { padding:0 0 0 14px; display:inline; text-transform:uppercase; } .footer ul li a { font:10px Verdana, Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none; } .footer ul li a:hover { text-decoration:underline; } .footer span { font:10px Verdana, Arial, Helvetica, sans-serif; color:#b2b2b2; float:right; clear:right; padding:0 0 20px 0; } /* homepage */ #knf_left_welcome { width:459px; height:510px; position: relative; margin-left: 10px; padding-top:4px; } #knf_starten_button { display:block; background:url(http://static.kissnofrog.com/images/evolution/homepage/left_box_slices_04.png); width:459px; height:69px } #knf_starten_button a { display: block; width: 123px; height: 56px; background: url(/images/evolution/buttons/home_losgehts.png) no-repeat; position:absolute; bottom:18px; left:319px } #knf_starten_button a span { display: none; } * html #knf_starten_button a { display: block; width: 106px; height: 43px; background: url(/images/evolution/homepage/starten_button.gif) no-repeat; position:absolute; bottom:18px; left:319px } #knf_video_button { margin-bottom:-2px; } #knf_video_button a { display: block; width: 133px; height:80px; background: url(/images/evolution/homepage/video_button.png) no-repeat; /* position:absolute; top:176px; left:300px; */ } #knf_video_button a span { display: none; } /* * html #knf_video_button a { display: block; width: 130px; height:76px; background: url(/images/evolution/homepage/video_button.gif) no-repeat; position:absolute; top:176px; left:300px } */ .ten_pad { padding: 10px; } #knf_welcome_sltop { display:block; background:url(http://static.kissnofrog.com/images/evolution/homepage/left_box_slices_01.png); width:459px; height:90px; } /*homepage neu */ #knf_home_mainbox { width: 850px; margin: 5px 0 20px 8px; } #knf_mainbox_top { width: 850px; height: 80px; overflow:hidden; background: url(/images/evolution/homepage/mainbox_01.jpg) no-repeat left top; } #knf_mainbox_mid { width: 850px; height: 255px; overflow:hidden; } #knf_mainbox_mid_left { float: left; width: 296px; height: 255px; overflow:hidden; background: url(/images/evolution/homepage/mainbox_02.jpg) no-repeat left top; } #knf_mainbox_mid_left a { display: block; margin: 208px 0 0 236px; color: #ff006c; font-size: 11px;} #knf_mainbox_mid_right { float: right; width: 554px; height: 255px; overflow:hidden; background: url(/images/evolution/homepage/mainbox_03.jpg) no-repeat left top; } #knf_mainbox_bot { width: 850px; height: 41px; overflow:hidden; background: url(/images/evolution/homepage/mainbox_04.jpg) no-repeat left top;} #knf_home_bottombox { width: 850px; overflow: hidden; margin: 0 0 0 8px; } #knf_home_bottombox_left { width: 445px; overflow: hidden; float: left; background: url(/images/evolution/homepage/leftbox_top.png) no-repeat left top #000;} #knf_home_bottombox_right { width: 385px; overflow: hidden; float: right; background: url(/images/evolution/homepage/rightbox_top.png) no-repeat left top #000; } .knf_home_bottombox_left_inner { overflow: hidden; float: left; background: url(/images/evolution/homepage/leftbox_bot.png) no-repeat left bottom; padding: 0px; width: 445px; } .knf_home_bottombox_right_inner { overflow: hidden; float: left; background: url(/images/evolution/homepage/rightbox_bot.png) no-repeat left bottom; padding: 0px; width: 385px; } .knf_home_bottombox_pad { padding: 5px 15px 15px 15px;} .knf_home_bottombox_title {width: 415px; margin:6px 0 10px 0;font-size:11px;font-weight:normal; } #knf_home_bottombox_right .knf_home_bottombox_title {width: 355px;} .knf_home_bottombox_title div { font-size:11px;line-height:13px;width: 150px;} #people_home { width: 425px; } #people_home div.photo_square { float: left; width: 46px; height: 46px; overflow: hidden; } #people_home div.photo_square img { width: 45px; height: 45px; } .knf_home_bottombox_pad .boxpad {padding:0;} .knf_home_bottombox_pad .cont-top006 {padding:0;} .press_logo_box { margin:0 auto; width:900px; padding-bottom: 20px; } .press_logo_wrap { float: left; color: #b2b2b2; } .press_logo_wrap a { color: #b2b2b2; } .press_logo_box .before { float: left; width: 112px; text-align:right; } .press_logo_box .after { float: left; padding-left: 15px; width: 45px;text-align:right; } .press_logo_box .press_logoblock { float: left; padding-left: 15px; } .press_logo_box .press_logoblock a { display: block; width: 630px; height:16px; background: url(/images/evolution/homepage/presse_logos.png) no-repeat; } .press_logo_box .press_logoblock a span { display: none; } /* aktuelles */ #knf_statistics { height: 60px; overflow: hidden; } #knf_tip_box { width: 453px; height: 39px; background: url(/images/evolution/news/tip_bg.png) no-repeat; margin-bottom: 12px; } #knf_tip_box p { margin-left: 90px; color: #222222; line-height: 15px; padding-top: 3px; } #knf_tip_box p a { color: #222222; } #knf_stat_list { float: right; height: 60px; display: block; overflow: hidden; } #knf_stat_list li { height: 50px; width: 90px; float: left; text-align:center; display: block; } #knf_stat_list li a { color: #fff; text-decoration:none;padding-top: 25px; padding-left: 0px; display: block; height: 25px; overflow: hidden; font-size: 10px; } #knf_stat_msg { background: url(/images/evolution/news/stat_msg.png) center top no-repeat; } #knf_stat_meet { background: url(/images/evolution/news/stat_dates.png) center top no-repeat; } #knf_stat_inv { background: url(/images/evolution/news/stat_invite.png) center top no-repeat; } #knf_welcome_box { margin-bottom: 16px; padding-top: 12px; } #knf_welcome_header { float: left; } #knf_welcome_header p { margin: 0; padding: 0; } #knf_welcome_header h2 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:-0.01em; font-size: 24px; line-height: 26px; margin: 0; padding: 0; } /* verabredungen */ #subscriptions { color: #000; } #subscriptions a { color: #000; } /* user/invitations */ .invitations-list { width: 440px; margin: 0 0 20px 0; } .invitations-list h3 { margin: 0 0 10px 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 18px; line-height:20px; letter-spacing:-0.01em; } .invitations-head { padding-left: 4px; height: 24px; background: url(/images/evolution/lists/invitations_head.png) no-repeat; overflow: hidden; color: #333; font-weight:bold; } .invitations-row { padding: 1px 0 3px 4px; } .invitations-row-alt { padding: 1px 0 3px 4px; background: #444; } .invitations-person { width: 95px; float: left; padding: 4px 5px 0 0; overflow: hidden; } .invitations-subject { width: 210px; overflow:hidden; float: left; padding: 4px 5px 0 0; } .invitations-date { width: 80px; float: left; padding: 4px 0 0 0; white-space:nowrap; overflow:hidden; text-align:right; } .invitations-status { width: 70px; float: left; padding: 4px 0 0 0; overflow: hidden; } .no_invitations h2 { font-family:Arial, Helvetica, sans-serif; font-size: 18px; line-height: 21px; font-weight:normal; text-align: center; padding: 0; margin: 35px 0 15px 0; } .no_invitations p { text-align: center; } #invites_inbound .invitations-body, #invites_outbound .invitations-body { border: 1px solid #676767; border-top: none; height: 144px; margin-bottom: 7px; overflow:auto; } #invites_inbound .invitations-subject, #invites_outbound .invitations-subject { width: 150px; } #invites_outbound { margin-bottom: 0; } /* friend/invite */ #knf_invite_desc { padding: 10px; background: #BCBAAF; color: #333; margin: 10px 0 0 18px; width: 746px; } #knf_invite_desc p { } #knf_invite_form { margin: 20px 0 20px 10px; } .knf_importlink { float: right; margin-left: 30px; } #j21p_row_invite_emails a { float: right; display: block; width: 149px; height: 26px; background: url(/images/evolution/buttons/sm_btn_importieren.png) no-repeat; } #j21p_row_invite_emails span { display: none; } #friend_invites label { height: 28px; } #friend_invites .knf_form_text .j21p_row { width: 370px; margin-right: 20px; height: 200px; } #friend_invites .knf_form_text .j21p_row textarea { width: 360px; height: 140px; overflow-x: hidden; } .invite_sent_status { padding: 10px; background: #BCBAAF; color: #333; margin: 10px 0 0 18px; width: 746px; } #knf_invite_form #indicator { margin-bottom: 20px; } /* meeting/apply */ #knf_apply_desc { padding: 10px; background: #BCBAAF; color: #333; width: 370px; height: 100px; margin-right: 20px; margin-top: 30px; float: left; } #knf_apply { width: 370px; float: right; margin-right: 16px; } #knf_apply .knf_form_text .j21p_row { width: 360px; margin-right: 20px; height: 150px; } #knf_apply .knf_form_text .j21p_row textarea { width: 350px; height: 110px; overflow-x: hidden; } /* user/start - mailbox */ #mailbox_menu {border: 1px solid #353535; background: #616060; padding: 5px; border-width: 1px 0;} #mb_folder {float: right;} #checkall {float: left; width: 25px; padding: 0 0 0 6px; margin: -2px 0 0; display: block;} #checkall_pipe {display: none;} #checkall.mailbox_checkall {padding: 0;} #mailbox_menu img {display: inline;} .mail_item {border-bottom: 1px dotted #fff; padding: 10px 5px; overflow: auto; font-size: 10px;} .mail_item_unread {border-bottom: 1px dotted #fff; padding: 10px 5px; overflow: auto; font-size: 10px; background: #674a4f;} .mail_item_pic {float: left; width: 40px; padding-left: 8px;} .mail_item_info {float: left; width: 150px;} .mail_item_info_view {float: left; width: 125px;} .mail_item_reply {float: left; width: 20px; padding-top: 5px;} .mail_item_symbol {float: left; width: 30px; padding-top: 5px; padding-left: 15px;} .mail_item_text {float: left; width: 260px;} .mail_item_text_view {float: left; width: 350px;} .mail_item_text a .mail_item_message, #knf_mailbox .mail_item_text .mail_item_message a:link {text-decoration: none;} .mail_trash, .mail_reply {float: right;} .mail_trash {background: url(/images/user_mails/trash.png) no-repeat; width: 10px; height: 15px;} .mail_reply {background: url(/images/user_mails/reply.png) no-repeat; width: 13px; height: 14px; margin: 1px 5px 0 0;} .mail_item_clear {clear: both;} .mailbox_submit {display: none;} .knf_mail_answer .knf_form_text #message_message {width: 350px;} .knf_mail_answer .knf_form_text #j21p_row_message {width: 370px;} .mail_item_pic img {width: 32px; height: 32px;} #knf_user_mailbox h3 { margin: 0 0 15px 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 18px; line-height:20px; letter-spacing:-0.01em; } #messageDisplay_header{padding: 10px 10px 0 10px;} #messageDisplay_header_detail{float: right;} #messageDisplay_header span{font-size:10px;} #messageDisplay_header h3{margin-top: 1em;} #messageDisplay_header_action{padding-left:5px; float:right} #messageDisplay_header_action a{font-size:10px} #messageDisplay p {padding: 0px 12px 0px 12px; font-size:12px; line-height:17px; } .showmessage_select p { font-size: 10px; float: right; text-align: right; margin-top: 20px; } .showmessage_select select { font-size: 10px; line-height: 12px; padding: 2px 2px 1px 2px; margin-right:6px; } .showmessage_desc { float: left; width: 200px; } #message_recipient_auto_complete { padding: 2px; background: #fff; width:190px; border: 1px solid #666; color: #666; } #knf_welcome_mail #subscriptions p { padding-left: 8px; } #messageDisplay { border: 0; margin: 0; height: 360px; overflow:auto; } #messageCompose { height: 416px; overflow: hidden; } #messageCompose h2 {margin: 0;} #messageCompose .j21p_row { width: auto; } #messageCompose .j21p_row input { width: 300px; } #messageCompose .j21p_row textarea { width: 370px; height: 110px; } .messageCompose-header { height: 50px; overflow: hidden; } .right_indicator { float: right; } #errorMessage { font-size: 14px; color:#FF9900; } #j21p_row_recipient { padding-bottom: 0; margin-bottom: 0; } #message_recipient_auto_complete_sub { font-size: 10px; float: none; clear: both; } .knf_mail_answer {padding-left: 178px;} #knf_btn_delete { margin: 4px 0 0 0; float: right; } #knf_btn_delete a { display: block; width: 86px; height: 26px; background: url(/images/evolution/buttons/sm_btn_loeschen.png) no-repeat; } #knf_btn_delete span { display: none; } #knf_btn_reply { margin: 4px 0 0 0; float: left; } #knf_btn_reply a { display: block; width: 94px; height: 32px;} #knf_btn_zurueck { margin: 4px 0 10px 0; float: left; clear: both; } #knf_btn_zurueck a { display: block; width: 94px; height: 32px; background: url(/images/user_mails/btn_back.png) no-repeat; margin-right: 5px;} #knf_btn_zurueck span { display: none; } #messageCompose .mc_cancel { float: right; } #messageCompose input.submit { cursor: pointer; width: 94px; height: 32px; background: url(/images/user_mails/btn_send.png) bottom left no-repeat; text-indent:-200px; border: none; display: block; margin: 0; padding: 0; float: left; } /* miniprofile */ .knf_miniprofile { width: 80px; height: 100px; margin: 5px 1px 0 5px; overflow: hidden; float: left; background: url(/images/evolution/pola/frame.png) left top no-repeat; } .knf_miniprofile[class] {margin-right: 4px;} .knf_miniprofile a { color: #222; font-weight: bold; font-size: 10px; line-height: 14px; text-decoration:none; letter-spacing:-0.01em; } .knf_miniprofile a:hover { color: #ff0048; } .knf_mpr_cont { margin: 8px 7px 7px; width: 70px; height: 100px; z-index: 1; overflow: hidden; } .knf_mpr_cont img { width: 65px; height: 65px; } .knf_mpr_cont br { display: none; } .knf_mpr_premium {width: 8px; height: 65px; background: url(/images/evolution/premium/premium_miniprofile.png) no-repeat; position: relative; top: -65px; margin-bottom: -65px;} .knf_mpr_cont_text, .knf_mpr_cont p { font-family:"Courier New", Courier, monospace; display: block; font-weight: bold; font-size: 10px; line-height: 12px; margin: 5px 0 0; width: 65px; overflow: hidden; padding: 0; text-align: center; color: #000; white-space: nowrap;} .knf_mpr_opt { width: 65px; height: 65px; overflow: hidden; padding: 0; margin: -107px 0 0 7px; filter:Alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80; background: #fff; position: relative;} /* form styles */ .j21p_row { width: 240px; height: 54px; overflow: hidden; margin: 12px 0 8px 0; float: left; } .j21p_row img { display: inline; } .j21p_row label { font-size: 11px; display: block; width: 98%; margin: 0; margin-bottom: 3px; color: #d3d0be; } .j21p_row input { width: 220px; border: 1px solid #333; margin: 0; background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; padding: 4px 4px 6px 4px; color: #333; } .j21p_row select { width: 220px; border: 1px solid #333; background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; padding: 4px 4px 6px 4px; color: #333; } .knf_form_text .j21p_row { width: 240px; height: 124px; } .knf_form_text .j21p_row textarea { width: 220px; height: 90px; border: 1px solid #333; color: #333; background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; padding: 4px 4px 6px 4px; } .knf_form_text2 .j21p_row { width: 420px; height: 124px; } .knf_form_text2 .j21p_row textarea { width: 420px; height: 90px; border: 1px solid #333; color: #333; background:#bcbaaf; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; padding: 4px 4px 6px 4px; } /*new classes added by hkoenemann, 21.07.2008*/ .knf_email_text textarea { width:248px; height: 90px; border: 1px solid #333; color: #333; background:#bcbaaf; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; padding: 4px 4px 6px 4px; } .knf_email_text { padding-top:10px; } .knf_user_count{ text-align:right; border-bottom:1px solid #fff; padding-bottom: 2px; margin-bottom:8px; } /*end new classes*/ #knf_form_bday { width: 240px; } #knf_form_bday select { width: 70px; float: left; margin-right: 5px; } .j21p_optionSubmit { margin: 0 0 0 0; text-align:right; width: 98%; padding: 10px 0 0 0; } .j21p_optionSubmit input { font-size: 18px; text-indent:-1000em; font-family:Arial, Helvetica, sans-serif; background: none; border: none; font-weight:bold; width: 134px; height: 51px; margin: 0 0 0 20px; } .j21p_optionSubmit input.j21p_submit { background: url(/images/evolution/buttons/big_btn_speichern.png); } .j21p_optionSubmit input.j21p_createsession { background: url(/images/evolution/buttons/big_btn_sessionerstellen.png); width:244px; } .infopopup_create_mt { display: block; background: url(/images/evolution/buttons/big_btn_sessionerstellen.png); width:244px; height: 51px; margin: 30px 20px 0 30px; float: left; } .infopopup_create_mt span { display: none; } .infopopup_cancel { display: block; background: url(/images/evolution/buttons/big_btn_abbrechen.png); width:134px; height: 51px; margin: 30px 0 0 0; float: left; } .infopopup_cancel span { display: none; } .infopopup_back { display: block; background: url(/images/evolution/buttons/big_btn_zurueck.png); width:134px; height: 51px; margin: 30px 0 0 0; float: left; } .infopopup_back span { display: none; } .j21p_optionSubmit input.j21p_cancel { background: url(/images/evolution/buttons/big_btn_abbrechen.png); } .j21p_optionSubmit input.j21p_continue { background: url(/images/evolution/buttons/big_btn_weiter.png); } .j21p_optionSubmit input.j21p_send { background: url(/images/evolution/buttons/big_btn_senden.png); } .j21p_optionSubmit .j21p_find_chats { background: url(/images/evolution/buttons/big_btn_chats_finden.png); overflow: hidden; width: 134px; height: 51px; display: block; float: right; } .j21p_optionSubmit .j21p_find_chats span {display: none;} #forgot_password .j21p_optionSubmit input.j21p_submit { background: url(/images/evolution/buttons/big_btn_senden.png); } .j21p_optionSubmit input.j21p_accept { background: url(/images/evolution/buttons/big_btn_akzeptieren.png); } .j21p_optionSubmit input.j21p_reject { background: url(/images/evolution/buttons/big_btn_ablehnen.png); } .j21p_row .j21p_checkbox input, .j21p_checkbox input { width: auto; border: 0; background: transparent none; margin-top: 3px; padding: 1px; color: #fff;} #knf_konto .j21p_row .j21p_checkbox input { width: auto; border: 0; background: transparent none; margin-top: 3px; padding: 1px; color: #fff; float: left;} .j21p_checkbox label { display: block; float: left; margin: 0 0 0 8px; width: 210px; padding-top: 4px; font-size:11px; line-height: 13px; } .knf_formsep { border-bottom: 1px solid #bcbaaf; height: 1px; margin-bottom: 16px; padding-top: 16px; } .knf_smallrows .j21p_row { height: 24px; margin-top: 0; margin-bottom: 8px; } .knf_leisurelabel { padding: 0 0 0 8px; color: #d3d0be; } .knf_more_text label { height: 28px; width: 190px; } .knf_more_text .knf_form_text .j21p_row { height: 140px; } #meeting_details_create label { height: 28px; width: 190px; } #meeting_details_create .knf_form_text .j21p_row { width: 285px; } #knf_imgformbox .j21p_row { width: auto; } #knf_imgformbox .j21p_row input { width: auto; } .knf_labeltext { font-size: 11px; display: block; margin-bottom: 3px; color: #d3d0be; padding: 0 0 8px 0; } .knf_meeting_create .j21p_row { width: 200px; } .knf_meeting_create .j21p_row input { width: 185px; height: auto; } .knf_meeting_create .j21p_row select { width: 185px; height: auto; } .knf_meeting_create .knf_form_text { clear: left; } .knf_meeting_create .knf_form_text .j21p_row { width: auto; } .knf_meeting_create .knf_form_text .j21p_row textarea { width: 270px; height: 80px; } #mt_create_more .j21p_row { width: 150px; height: 36px; } #mt_create_more .j21p_row input { width: 140px; height: auto; font-size: 11px; } #mt_create_more .j21p_row select { width: 140px; height: auto; font-size: 11px; } .formError { padding: 10px; border: 2px solid #ff7200; margin: 0 0 16px 0; } .simple_form .knf_form_text .j21p_row { width: auto; } .simple_form .knf_form_text .j21p_row textarea { width: 460px; } div.fileinputs { float: left; width: 86px; padding-left: 10px; overflow: hidden; } div.fakefile {} div.fakefile img { position: absolute; } input.file { position: absolute; filter: alpha(opacity=0); opacity: 0; z-index: 2; } img.sessionimgupload { padding-bottom: 5px; } .meetingdescription { margin:10px 15px 30px 0; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 13px; color: #e1e0d8; padding:0; width:400px; } /* edit profile */ .subersubmenu { float: right; margin-top: -2px; } #knf_btn_uebermich_on { display: block; float: left; background: url(/images/evolution/buttons/sm_btn_uebermich_on.png) no-repeat; width: 86px; height: 26px; margin-right: 10px; } #knf_btn_uebermich_on span { display: none; } #knf_btn_uebermich { display: block; float: left; background: url(/images/evolution/buttons/sm_btn_uebermich.png) no-repeat; width: 86px; height: 26px; margin-right: 10px; } #knf_btn_uebermich span { display: none; } #knf_btn_mehrinfos_on { display: block; float: left; background: url(/images/evolution/buttons/sm_btn_mehrinfos_on.png) no-repeat; width: 86px; height: 26px; } #knf_btn_mehrinfos_on span { display: none; } #knf_btn_mehrinfos { display: block; float: left; background: url(/images/evolution/buttons/sm_btn_mehrinfos.png) no-repeat; width: 86px; height: 26px; } #knf_btn_mehrinfos span { display: none; } /* profile score */ .knf_profile_meter { color: #333; } .knf_profile_preview { width: 100px; float: right; } .knf_profile_preview a { display: block; float: right; width: 86px; height: 26px; background: url(/images/evolution/buttons/sm_btn_vorschau.png) no-repeat; } .knf_profile_preview a span { display: none; } #knf_psnull { background: #444; height: 16px; width:200px; overflow: hidden; float: left; margin-right: 5px; } #knf_psdisplay { background: url(/images/ui/profil/knf_profile_scorebar.jpg) no-repeat; height: 16px; display: none; width: 1px; } #knf_psnum { float: right; font-size: 12px; } /* edit taglist */ #knf_taglist input#aboutmeinput { width: 86px; height: 34px; background: url(/images/evolution/buttons/sm_btn_hinzufuegen.png) bottom left no-repeat; text-indent:-200px; border: none; } #knf_taglist input#aboutmetag { width: 150px; height: 18px; text-indent:0; border: 1px solid #333; background:#bcbaaf; font-family:Verdana, Arial, Helvetica, sans-serif; text-indent:0; font-size:14px; line-height:16px; padding: 4px 4px 6px 4px; color: #333; margin-right: 10px; } #aboutmetags { margin-top: 16px; } #aboutmetags li { font-size: 16px; font-family:Arial, Helvetica, sans-serif; line-height:21px; padding: 2px 0 4px 0; clear: both; float: none; } #aboutmetags li a { font-size: 10px; margin-left: 8px; } /* profile/view */ .viewprofile_links {line-height: 22px; font-size: 11px; padding: 5px 0 0;} .viewprofile_links a {text-decoration: none;} .viewprofile_links a:hover {text-decoration: underline;} .viewprofile_links img {display: inline; float: left; clear: left; height: 15px; margin: 3px 5px 0 0;} .knf_about_text { float: left; width: 280px; } .knf_about_text2 { float: left; width: 520px; } .knf_profile_action { float: right; width: 200px; padding-left: 20px; border-left: 1px solid #838383; } .knf_profile_action2 { float: left; width: 100%; padding-left: 20px; border-top: 1px solid #838383; } .knf_profile_action p { font-size: 14px; } .knf_profile_action .edit-button a { float: right; padding-bottom: 20px; } .knf_profile_action .knf_profile_action_head { font-size: 21px; line-height: 24px; font-family:Arial, Helvetica, sans-serif; } .knf_about_action_desc { width: 150px; float: left; } .knf_profile_action_link a { display: block; cursor: pointer; } .knf_profile_action_link a span.icon_invite { display: block; width: 35px; height: 35px; margin-bottom: 10px; background: url(/images/evolution/buttons/profile_invite.png) no-repeat; float: right; } .knf_profile_action_link a span.icon_subscribe { display: block; width: 35px; height: 35px; margin-bottom: 10px; background: url(/images/evolution/buttons/profile_favourite.png) no-repeat; float: right; } .knf_profile_action_link a span.icon_unsubscribe { display: block; width: 35px; height: 35px; margin-bottom: 10px; background: url(/images/evolution/buttons/profile_favourite_off.png) no-repeat; float: right; } .knf_profile_action_link a span.icon_block { display: block; width: 35px; height: 35px; margin-bottom: 10px; background: url(/images/evolution/buttons/profile_block.png) no-repeat; float: right; } .knf_profile_action_link a span.icon_unblock { display: block; width: 35px; height: 35px; margin-bottom: 10px; background: url(/images/evolution/buttons/profile_block_off.png) no-repeat; float: right; } .knf_profile_action_link a span.icon_flirt { display: block; width: 35px; height: 35px; margin-bottom: 10px; background: url(/images/evolution/buttons/profile_flirt.png) no-repeat; float: right; } .knf_profile_action_link a span.alternative { display: none; } /* .knf_about_invite a { display: block; width: 35px; height: 35px; background: url(/images/evolution/buttons/profile_invite.png) no-repeat; float: right; margin-bottom: 10px; } .knf_about_invite a span { display: none; } .knf_about_subscribe a { display: block; width: 35px; height: 35px; background: url(/images/evolution/buttons/profile_favourite.png) no-repeat; float: right; margin-bottom: 10px; } .knf_about_subscribe a span { display: none; } .knf_about_unsubscribe a { display: block; width: 35px; height: 35px; background: url(/images/evolution/buttons/profile_favourite_off.png) no-repeat; float: right; margin-bottom: 10px; } .knf_about_unsubscribe a span { display: none; } .knf_about_block a { display: block; width: 35px; height: 35px; background: url(/images/evolution/buttons/profile_block.png) no-repeat; float: right; margin-bottom: 10px; } .knf_about_block a span { display: none; } .knf_about_unblock a { display: block; width: 35px; height: 35px; background: url(/images/evolution/buttons/profile_block_off.png) no-repeat; float: right; margin-bottom: 10px; } .knf_about_unblock a span { display: none; } .knf_about_flirt a { display: block; width: 35px; height: 35px; background: url(/images/evolution/buttons/profile_flirt.png) no-repeat; float: right; margin-bottom: 10px; } .knf_about_flirt a span { display: none; } */ .knf_about_block .knf_about_action_desc, .knf_about_unblock .knf_about_action_desc { padding-top: 8px; } #knf_user_block { width: 191px; height: 28px; display: block; background: url(/images/evolution/buttons/wide_btn_ignore.png) no-repeat; } #knf_user_block span { display: none; } .knf_about_text h2 { font-size: 21px; line-height: 24px; font-family:Arial, Helvetica, sans-serif; margin: 0 0 12px 0; font-weight: normal; } #knf_profile_taglist { font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; } #knf_profile_friends { height: 100px; overflow: hidden; } #knf_box_userimage .knf_box_cont { text-align: center; } .knf_profile_view_meetings_row { border-bottom: 1px dotted #666; margin: 10px 0; padding: 10px 0; } .knf_profile_view_meetings_host { font-size: 10px; line-height: 14px; float: none; } .knf_profile_view_meetings_title { font-size: 15px; line-height: 21px; font-family:Arial, Helvetica, sans-serif; } .knf_profile_view_meetings_title a { text-decoration:underline; color: #fff; } .knf_profile_view_meetings_date { font-size: 10px; line-height: 14px; float: right; } .knf_profile_view_meetings_details { float: right; text-align: right; margin-top: 24px; } /* data list */ .knf_data_list { } .knf_data_list_row { float: none; clear: both; } .knf_data_list .knf_data_list_item { float: left; display: block; width: 100px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:21px; margin: 0 16px 16px 0; overflow: hidden; } .knf_data_list .knf_data_list_item .knf_datalabel { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 12px; color: #e1e0d8; } /* .knf_data_list2 { float:left;width:310px;} */ .knf_data_list2 .knf_data_list_item { float: left; display: block; width: 125px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:21px; margin: 0 16px 6px 0; overflow: hidden; } .knf_data_list2 .knf_data_list_item .knf_datalabel { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 12px; color: #e1e0d8; } .knf_data_list3 { } .knf_data_list3 .knf_data_list_item { float: left; display: block; width: 160px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:21px; margin: 0 16px 16px 0; overflow: hidden; } .knf_data_list3 .knf_data_list_item .knf_datalabel { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 12px; color: #e1e0d8; } .knf_data_list4 { } .knf_data_list4 .knf_data_list_item { float: left; display: block; width: 240px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:21px; margin: 0 16px 16px 0; overflow: hidden; } .knf_data_list4 .knf_data_list_item .knf_datalabel { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 12px; color: #e1e0d8; } .knf_data_list_item span { padding-right: 10px; } #knf_profile_common .knf_data_list_item { width: 120px; } #knf_profile_common2 .knf_data_list_item { width: 150px; } #knf_profile_moreinfo .knf_data_list_item { width: auto; float: none; margin: 0 0 24px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; } #knf_profile_moreinfo4 .knf_data_list_item { width: 240px; float: left; margin: 0 14px 24px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; } #knf_profile_about_1 .knf_data_list_item { width: 240px; margin: 0 0 16px 0; } #knf_profile_about_2 { padding: 24px 0 0 0; border-top: 1px solid #838383; border-bottom:1px solid #838383; margin-bottom:10px; } #knf_profile_about_2 .knf_data_list_item { width: auto; float: none; margin: 0 0 24px 0; } #knf_profile_about_3 .knf_data_list_item { width: 168px; margin: 0 0 16px 0; } #knf_profile_about_3 { padding: 24px 0 0 0; border-top: 1px solid #838383; } /* newsfeed */ .newsfeed { } .newsfeed-cutoff { height: 386px; overflow: auto; overflow-x:hidden; } .newsfeed h3 { margin: 0 0 15px 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 18px; line-height:20px; letter-spacing:-0.01em; } .newsfeed ul li { display: block; float: none; border-top: 1px solid #676767; padding: 10px 10px 10px 0; margin: 0; } .newsfeed ul li p { padding: 0; margin: 0; } .newsfeed ul li a { color: #1196e2; } .newsfeed ul li .newstype { font-size: 12px; line-height: 14px; padding: 0 0 2px 10px; display: block;} .newsfeed ul li .newsdate { font-size: 12px; line-height: 14px; padding: 0 0 2px 0; float: right; display: block;} .newsfeed ul li .newstext { font-size: 12px; line-height: 16px; padding: 0 0 0 10px; color: #fff; margin-left: 32px; display: block;} .newsfeed ul li img { width: 32px; height: 32px; float: left; display: block; margin-right: 8px;} .newsfeed ul li .newstext a { color:#fff; } .emptylist { font-size: 14px; line-height: 16px; color: #333; width: 380px; background: url(/images/evolution/emptylist/news_bottom.png) right bottom no-repeat; padding-bottom: 15px; margin: 20px 0 0 10px; } .emptylist .emptylist-body { background: url(/images/evolution/emptylist/news_bg.png) right repeat-y; } .emptylist h3 { margin: 0 0 0 0; padding: 80px 20px 0 80px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 24px; text-align:right; line-height:26px; letter-spacing:-0.01em; } .emptylist p { padding: 5px 20px 15px 58px; } .emptylist .newsaction { padding: 0 0 20px 0; float: right; width: 200px; } .emptylist .newsaction a { color: #fff; } .emptylist .emptylist-head { height: 134px; } .newsempty .emptylist-head { background: url(/images/evolution/emptylist/news_head.png) right top no-repeat; } .meetingsempty .emptylist-head { background: url(/images/evolution/emptylist/sessions_head.png) right top no-repeat; } .subscriptionsempty .emptylist-head { background: url(/images/evolution/emptylist/meetings_head.png) right top no-repeat; } .contactsempty .emptylist-head { background: url(/images/evolution/emptylist/contacts_head.png) right top no-repeat; } .favouritesempty .emptylist-head { background: url(/images/evolution/emptylist/favourites_head.png) right top no-repeat; } .left-container-wide .emptylist { margin: 10px 0 25px 40px; } .empty-buttons { float: right; width: 190px; } .empty-buttons a { float: right; margin-right: 20px } .empty-desc { float: left; margin-left: 58px; width: 120px; font-size: 13px; line-height: 18px; } .newsfeed p.newstype {margin: 0;} .newsfeed .kind_0 .newsdate, .newsfeed .kind_0 .newstype { color: #df922d; font-weight: 900; } /* TYPE_FRIEND */ .newsfeed .kind_1 .newsdate, .newsfeed .kind_1 .newstype { color: #83e33c; font-weight: 900; } /* TYPE_MEETING */ .newsfeed .kind_2 .newsdate, .newsfeed .kind_2 .newstype { color: #35c5fc; font-weight: 900; } /* TYPE_MEETING_SUBSCRIPTION */ .newsfeed .kind_3 .newsdate, .newsfeed .kind_3 .newstype { color: #83e33c; font-weight: 900; } /* TYPE_MEETING_APPLICATION */ .newsfeed .kind_4 .newsdate, .newsfeed .kind_4 .newstype { color: #83e33c; font-weight: 900; } /* TYPE_MEETING_APPLICATION_ACCEPTED */ .newsfeed .kind_5 .newsdate, .newsfeed .kind_5 .newstype { color: #83e33c; font-weight: 900; } /* TYPE_MEETING_APPLICATION_REJECTED */ .newsfeed .kind_6 .newsdate, .newsfeed .kind_6 .newstype { color: #35c5fc; font-weight: 900; } /* TYPE_MEETING_INVITATION_ACCEPTED */ .newsfeed .kind_7 .newsdate, .newsfeed .kind_7 .newstype { color: #35c5fc; font-weight: 900; } /* TYPE_MEETING_INVITATION_REJECTED */ .newsfeed .kind_8 .newsdate, .newsfeed .kind_8 .newstype { color: #35c5fc; font-weight: 900; } /* TYPE_MEETING_INVITATION */ .newsfeed .kind_9 .newsdate, .newsfeed .kind_9 .newstype { color: #ffff00; font-weight: 900; } /* TYPE_FAVOURITE */ .newsfeed .kind_10 .newsdate, .newsfeed .kind_10 .newstype { color: #ed2864; font-weight: 900; } /* TYPE_NUDGE */ .newsfeed .kind_11 .newsdate, .newsfeed .kind_11 .newstype { color: #df922d; font-weight: 900;} /* TYPE_FRIEND_REQUEST */ #knf_btn_leutefinden { display: block; background: url(/images/evolution/buttons/sm_btn_leutefinden.png) no-repeat; width: 126px; height: 26px; } #knf_btn_sessionerstellen { display: block; background: url(/images/evolution/buttons/sm_btn_sessionerstellen.png) no-repeat; width: 126px; height: 26px; } #knf_btn_sessionsfinden { display: block; background: url(/images/evolution/buttons/sm_btn_sessionfinden.png) no-repeat; width: 126px; height: 26px; } #knf_btn_freundeeinladen { display: block; background: url(/images/evolution/buttons/sm_btn_freundeeinladen.png) no-repeat; width: 126px; height: 26px; } .knf_btn_editprofile { display: block; background: url(/images/evolution/buttons/sm_btn_profilbearbeiten.png) no-repeat; width: 126px; height: 26px; } .live_btn_editprofile { display: block; background: url(/images/evolution/buttons/live_btn_profilbearbeiten.gif) no-repeat; width: 131px; height: 30px; } #knf_btn_leutefinden span { display: none; } #knf_btn_sessionerstellen span { display: none; } #knf_btn_sessionsfinden span { display: none; } #knf_btn_freundeeinladen span { display: none; } .live_btn_editprofile span { display: none; } /* meeting/view */ .knf_meet_img { margin-left: 10px; margin-bottom: 12px; } .knf_meet_img img { width: 180px; } .meeting_image { width:180px; height: 180px; overflow:hidden; float: left; margin: 15px 10px 0 10px; } .meeting_image img { height: 180px; } .knf_meet_det { padding-top: 10px; overflow: hidden;float: left; } .knf_meet_det .knf_data_list_item { width: 160px; font-size: 12px; } .knf_meet_det .knf_data_list_item .knf_datalabel { font-size: 12px; } .knf_meet_det .knf_data_list_item br { display: none; } .sessionheadline { font-size: 24px; line-height: 26px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:-0.01em; margin: 10px 0 6px 0; padding: 0; color: #fff;} .sessionsubline { font-size: 14px; line-height: 16px; margin: 0 0 10px 0; padding: 0; } #meeting_details { overflow: hidden; } #meeting_details2 { overflow: hidden; height: 228px; float: left; width: 400px; } #meeting_details_add { overflow: hidden; height: 235px; } .knf_mt_enterbox { float: right; width: 200px; background: none; color: #fff; margin-top: 16px; } .knf_mt_enterbox2 { float: right; width: 135px; background: none; color: #fff; margin-top: 6px; padding:6px 16px 16px 16px; } .knf_mt_enterbox2 p { font-size: 11px; line-height: 13px; } .knf_mt_enterbox div { font-size: 13px; line-height: 19px; padding: 8px; } .knf_mt_buttons { margin: 0; } .meeting-countdown { padding: 10px 0 10px 0; text-align:center } .meeting-countdown span { font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height: 26px; font-weight:normal; } .meeting-countdown .meeting-countlabel { font-size: 13px; line-height: 16px; margin-bottom: 5px; } #meeting_subscribers { margin-left: 0px; } #meeting_subscribers { padding-left: 0; padding-right: 0; padding-bottom: 0; } /* #meeting_subscribers .knf_miniprofile { width: 150px; height: 181px; margin: 15px 20px 10px 20px; position: relative; overflow: hidden; float: left; background: url(/images/evolution/pola/frame_popup.png) left top no-repeat; } #meeting_subscribers .knf_miniprofile a { color: #222; font-weight: bold; font-size: 14px; line-height: 18px; text-decoration:none; letter-spacing:-0.01em; } #meeting_subscribers .knf_miniprofile a:hover { color: #ff0048; } #meeting_subscribers .knf_mpr_cont { position: absolute; left: 9px; top: 10px; width: 128px; height: 170px; z-index: 1; overflow: hidden; } #meeting_subscribers .knf_mpr_cont img { width: 128px; } #meeting_subscribers .knf_mpr_cont br { display: none; } #meeting_subscribers .knf_mpr_cont p { font-family:"Courier New", Courier, monospace; display: block; font-weight: bold; font-size: 12px; line-height: 12px; margin: 10px 0 0 0; width: 120px; overflow: hidden; padding: 0 0 0 0; text-align:center; color: #000; white-space: nowrap; } #meeting_subscribers .knf_mpr_opt { width: 128px; height: 128px; position: absolute; left: 9px; top: 10px; filter:Alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80; background: #fff; z-index: 10; } */ .spot_wrapper { float: left; width: 95px; height: 120px; overflow: hidden; } .empty_spot { width: 80px; height: 100px; margin: 5px 4px 0 5px; position: relative; overflow: hidden; float: left; background: url(/images/evolution/pola/frame.png) left top no-repeat; } .empty_spot img { width:65px; height:65px; } .empty_spot a { position: absolute; left: 7px; top: 8px; width: 70px; height: 100px; z-index: 1; overflow: hidden; display: block; } .empty_spot .illegal_spot { position: absolute; left: 7px; top: 8px; width: 65px; height: 65px; z-index: 1; overflow: hidden; display: block; filter:Alpha(opacity=40); opacity: 0.40; -moz-opacity:0.40; } .container-full #meeting_subscribers { padding: 15px 0 10px 20px; width: auto; } .left-container-half #meeting_subscribers { padding-left: 0px; } .right-container-half #meeting_subscribers { padding-left: 0px; } .meetingdescription { margin:10px 15px 15px 0; height: 50px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 13px; color: #e1e0d8; padding:0; width:400px; } /* meeting/list */ .newsmid a { display: block; width: 169px; margin-left: 15px; height: 51px; background: url(/images/evolution/buttons/big_btn_neuesession.png) no-repeat; } .newsmid a span { display: none; } li.editlink { display: none; } #mymeetings-box .editlink { display: block; } /* meeting/create */ .create_mt_btn { float: none; } .start-session-box { width: 240px; float: left; padding: 10px 20px 50px 20px; margin: 10px 60px 10px 70px; text-align: center; } .start-session-box h2 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; } .knf_meet_form #knf_image_upload input { width: 60px; } .knf_meet_form #knf_image_upload label { font-size: 11px; display: block; margin-bottom: 3px; color: #d3d0be; } .knf_meet_form #knf_image_upload { width: 190px; margin: 12px 0 8px 8px; float: left; } .btn_sm_continue { float: right; margin-top: 6px; } .btn_sm_continue a { display: block; width: 134px; height: 51px; background: url(/images/evolution/buttons/big_btn_weiter.png) no-repeat; } .btn_sm_continue a span { display: none; } .mt_create_type { float: left; margin-right: 20px; padding-right: 20px; margin-left: 20px; border-right: 1px solid #ccc; width: 380px; padding-bottom: 30px; } .mt_create_type h2 { background: url(/images/evolution/meeting/create_avt_head.png) no-repeat; width: 324px; height: 19px; display:block; } .mt_create_type h2 span { display: none; } .mt_create_allow { float: left; } .mt_create_allow h2 { background: url(/images/evolution/meeting/create_pvt_head.png) no-repeat; width: 268px; height: 19px; display:block; } .mt_create_allow h2 span { display: none; } .mt_create_allow_premium {font-size: 10px; line-height: 14px; vertical-align: center;} .mt_create_allow_premium img {display: inline; margin-bottom: -3px;} .mt_create_options { margin-bottom: 20px; } .mt_ct_typebox { display: block; text-decoration: none; width: 372px; height: 115px; } #ct_av { background: url(/images/evolution/meeting/create_box_av.png) no-repeat; } #ct_txt { background: url(/images/evolution/meeting/create_box_txt.png) no-repeat; } #ct_public { background: url(/images/evolution/meeting/create_box_public.png) no-repeat; } #ct_private { background: url(/images/evolution/meeting/create_box_private.png) no-repeat; } .mt_create_init { margin-bottom: 20px; } .mt_create_cal { float: right; margin: 10px 10px 0 0; padding-top: 10px; width: 300px; height:285px; background: #555; text-align: center; } .mt_create_cal .j21p_row { width: 200px; margin-left: 25px; margin-top: 0; padding-top: 0; font-size: 14px; } .mt_create_extra { width: auto; padding-top: 15px; } .mt_create_extra .j21p_row { width: 195px; } .mt_create_extra .j21p_row select { width: 180px; } #mt_create_spots { width: 400px; padding-bottom: 20px; } /* meeting/subscriptions */ .knf_selectrowtitle{float:left; width:430px; padding-left:2px; padding-top:2px; padding-bottom:0px;border-bottom:2px dotted #666; margin-bottom:5px;} .knf_selectrowtitle2{float:left; width:310px; padding-left:2px; padding-top:2px; padding-bottom:0px;border-bottom:2px dotted #666; margin-bottom:5px;} .knf_selectrow { width: 430px; padding: 3px 5px 3px 5px; height: 20px; font-size: 11px; line-height: 14px; float: left; overflow: hidden; } .knf_selectrow2 { width: 300px; padding: 8px 5px 8px 5px; height: 20px; font-size: 11px; line-height: 14px; float: left; overflow: hidden; } .knf_selectrowbox { float: left; width: 30px; overflow: hidden; } .knf_selectrowcont { float: left; width: 190px; overflow: hidden; } .knf_selectrowtype { float: left; width: 120px; overflow: hidden; } .knf_selectrowkind { float: left; width: 60px; overflow: hidden; } .knf_selectrowhost { float: left; width: 60px; overflow: hidden; } .knf_selectrowdate { float: left; width: 120px; overflow: hidden; text-align: right; } .knf_selectrowbox2 { float: left; width: 25px; overflow: hidden; } .knf_selectrowcont2 { float: left; width: 115px; overflow: hidden; } .knf_selectrowtype2 { float: left; width: 80px; overflow: hidden; } .knf_selectrowkind2 { float: left; width: 60px; overflow: hidden; } .knf_selectrowhost2 { float: left; width: 40px; overflow: hidden; } .knf_selectrowdate2 { float: left; width: 100px; overflow: hidden; text-align: right; } .knf_submenu { margin-bottom: 30px; float: right; } .knf_listblock h3 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 18px; line-height:20px; letter-spacing:-0.01em; } #apply_msg .j21p_row { width: auto; } #apply_msg .j21p_row textarea { width: 310px; } #knf_btn_showall { display: block; width: 312px; height: 19px; background: url(/images/evolution/tabs/invite_tab_mine.png) no-repeat; } #knf_btn_showall span { display: none; } #knf_btn_showown { display: block; width: 312px; height: 19px; background: url(/images/evolution/tabs/invite_tab_all.png) no-repeat; } #knf_btn_showown span { display: none; } /* inlinepopup */ .knf_inlinepopup {background: url(/images/evolution/alerts/inline_bg_top.png) top center no-repeat; } .knf_inlinepopupAlternative {background: url(/images/evolution/alerts/inlinePrivate_bg_top.png) top center no-repeat; } .knf_inlinepopup #knf_inline_msgtitle { color: #ff0039; } .knf_inlinepopupAlternative #knf_inline_msgtitle { color: #19420a; } #knf_inlinepopup { width: 554px; overflow: hidden; position: absolute; left: 0px; top:180px; z-index: 3000; } #knf_inlinecont { width: 554px; background: url(/images/evolution/alerts/inline_bg_pat.png) left repeat-y; } #knf_inline_msgtitle { padding-top: 35px; padding-left: 50px; height: 25px; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; } #knf_inlinepopup_bot { width: 554px; height: 48px; background: url(/images/evolution/alerts/inline_bg_bot.png) left bottom no-repeat; } #knf_inlineimg { margin-left: 40px; margin-top: 10px; } #knf_inlineopt { float: right; margin-right: 60px; width: 280px; height: 60px; white-space:nowrap; overflow:hidden; } #knf_inlineopt img { margin-right: 10px; display: inline; } #knf_inlinehead { font-size: 24px; line-height: 26px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.01em; margin: 70px 0 0 180px; width: 240px; } #knf_inlinetext { margin: 10px 0 0 180px; width: 240px; } #infoPopup { width: 554px; padding-top: 60px; overflow: hidden; position: absolute; left: 20%; top: 200%; z-index: 1000; background: url(/images/evolution/alerts/inline_bg_top.png) top center no-repeat; } #knf_infocont { width: 554px; height:200px; background: url(/images/evolution/alerts/inline_bg_pat.png) top left repeat-y; } #knf_infocont_wrap { padding: 40px; text-align: center; font-size: 16px; line-height: 24px; } #knf_infocont_wrap p { text-align: center; font-size: 16px; line-height: 24px; } #knf_infopopup_bot { width: 554px; height: 48px; background: url(/images/evolution/alerts/inline_bg_bot.png) left bottom no-repeat; } .smallParticipants .small_popup { background: #2b2b2b; filter:Alpha(opacity=95); opacity: 0.95; -moz-opacity:0.95; text-align:left; padding-top: 10px; padding-right: 10px; width: 240px; height: 100px; overflow: hidden; position: absolute; margin-top: -110px; margin-left: -250px; z-index: 1100; font-size: 11px; line-height: 16px; } .smallParticipants .small_popup p { margin: 0; padding: 0; } .smallParticipants .small_popup_img { width: 70px; height: 70px; margin: 0 15px 0 10px; float: left; } .smallParticipants .small_popup_login { font-size: 16px; line-height: 24px; overflow: hidden; } .smallParticipants .small_popup_data { font-size: 11px; line-height: 15px; } .smallParticipants .small_popup_city { font-size: 11px; line-height: 15px; } .smallParticipants .small_popup_online_status { font-size: 11px; line-height: 15px; } .smallParticipants .small_popup_online_status span { margin: 0; } p.small_popup_already_invited { position: absolute; left: 20px; top: 20px; } #knf_sessions_page .smallParticipants .small_popup { margin-left: -240px; } /* new messages alert */ #knf_newMiniLiveMessage { width: 140px; height: 112px; left:10px; top:10px; position:absolute; z-index:1000; display:none; } .knf_newMiniLiveMessage { display:none; } #knf_minilive_lightbar { overflow:hidden; width: 100%; height: 40px; left:0px; top:0px; position:absolute; z-index:1000; text-align:center } .knf_minilive_lightbar_flirt { background: #b53c79; } .knf_minilive_lightbar_game { background: #5c901d; } .knf_minilive_lightbar_flirt #knf_minilive_lightbar { background: url(/images/evolution/alerts/top_alertbar_bg.png) left top repeat-x; } .knf_minilive_lightbar_game #knf_minilive_lightbar { background: url(/images/evolution/alerts/top_alertbar_bg_game.png) left top repeat-x; } #knf_minilive_lightbar_wrap { overflow:hidden; width: 100%; height: 40px; left:0px; top:0px; position:absolute; z-index:999; } #knf_minilive_lightbar_pad a { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:21px; line-height:24px; text-decoration:none; } #knf_minilive_lightbar_pad { overflow:hidden; padding-top:7px; width: 100%; height:24px; left:0px; top:0px; position:absolute; z-index:1000; text-align:center } /* popupprofile */ .knf_popupprofile { width: 150px; height: 180px; background: url(/images/evolution/pola/frame_popup.png) left top no-repeat; } .knf_popupprofile a { color: #000; } .knf_ppr_cont { width: 150px; height: 180px; z-index: 1; overflow: hidden; } .knf_ppr_cont a { float: left; } .knf_ppr_cont img { width: 125px; } .knf_ppr_cont p { clear: both; font-family:"Courier New", Courier, monospace; font-weight: bold; font-size: 12px; line-height: 12px; margin: 135px 0 0 0; padding: 0 0 0 0; text-align:center; color: #000; } #knf_ppr_opt { width: 125px; height: 125px;margin:10px 0 10px 10px; } #knf_ppr_opt { padding-top: 12px; } .knf_popupcolumn { float: right; margin-right: 70px; width:270px; overflow: hidden; } .knf_popupcolumn_side { float: left; width: 150px; margin: 20px 0px 0 50px;overflow: hidden; } .knf_popuptext p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 0 10px 0; } .knf_popuphead { margin: 20px 0 10px; } .knf_popuphead div { font-family:Arial, Helvetica, sans-serif; border-bottom: 2px solid #fff; font-weight: bold; font-size: 24px; letter-spacing:-0.01em; line-height: 28px; } .knf_popuptype p { margin-top: 5px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; letter-spacing:-0.01em; line-height: 18px; } .knf_popupdata { margin: 10px 0 10px } .knf_popupdata p { padding: 0 0 4px; margin: 0; } .knf_popuplink { margin: 10px 0 20px } .knf_popuplink a {color: #fff; } .knf_popuptime { margin: 10px 0 10px; font-size: 16px; line-height: 18px; } #knf_inline_hostinfo { margin: 5px 0 5px 0; } #knf_inline_hostinfo a { color: #fff; } /* jobs area */ .knf_jobsblock { margin-bottom: 10px} .knf_jobsblock p { font-size: 11px; line-height: 14px; margin: 0px 0px 0px 10px; } .knf_jobsblock h3 { font-size: 14px; line-height: 18px; margin: 10px 0px 0px 10px; font-weight:bold;} /* press area */ .knf_pressblock { margin-bottom:20px} .knf_pressblock li { float: left; margin: 0 10px 10px 10px; text-align: center; width: 70px; height:53px; overflow: hidden; } .knf_pressblock p { font-size: 11px; line-height: 14px; margin: 10px; margin-bottom:0px; } .knf_pressblock h3 { font-size: 14px; line-height: 18px; margin: 10px; font-weight:bold;} /* partner area */ .knf_partnerblock { margin-bottom:10px} .knf_partnerblock li { float: left; margin: 0 10px 10px 0; text-align: center; width: 150px; height:65px; overflow: hidden; } .knf_partnerblock p { font-size: 11px; line-height: 14px; margin: 10px; margin-bottom:10px; } .knf_partnerblock h3 { font-size: 12px; line-height: 16px; margin: 10px; font-weight:bold;} .knf_partnerblock2 { margin-bottom:10px} .knf_partnerblock2 li { float: left; margin: 0 10px 10px 0; text-align: left; width: 450px; height:70px; overflow: hidden;} .knf_partnerblock2 p { font-size: 11px; line-height: 14px; margin: 0px; margin-bottom:0px; } .knf_partnerblock2 h3 { font-size: 12px; line-height: 16px; margin: 0px; margin-top:15px;font-weight:bold;} .knf_partnerblock3 { margin-bottom:10px} .knf_partnerblock3 li { float: left; margin: 0 15px 15px 0; text-align: left; width: 225px; height:105px; overflow: hidden; } .knf_partnerblock3 p { font-size: 11px; line-height: 14px; margin: 10px; margin-bottom:10px; } .knf_partnerblock3 h3 { font-size: 12px; line-height: 16px; margin: 10px; font-weight:bold;} .knf_partner_wrap { padding-top: 20px; width:720px; margin: 0 auto;} /* instant session */ #instant_chat { color: #333; } .instant_body { width: 200px; height: 80px; float: left; } .instant_body1 { width: 250px; height: 60px; float: left; } .instant_body2 { width: 280px; height: 60px; float: left; } .instant_body3 { width: 150px; height: 7px; float: left; } .instant_body4 { width: 265px; height: 75px; float: left; } .knf_instant_head { font-size: 18px; line-height: 20px; font-weight: bold; color: #333; margin: 0 0 2px 0; padding: 0; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.01em; font-weight:normal; } #instant_chat a { width: 117px; height: 51px; background: url(/images/evolution/buttons/starten_shad.png) no-repeat; display: block; float: right; margin: 5px 0 0 0; } #instant_chat a span { display: none; } .instant-formbox { float:left; padding-top:10px; } .instant-formbox label { font-size:14px; } .instant-startbox { float:right; padding-left:10px; width:90px; padding-top:11px; } .instant-startbox2 { float:right; padding-left:10px; width:60px; padding-top:11px; } .instant-startbox p { margin-bottom: 4px; padding-bottom: 0; } .instant-formbox input { font-size:14px; margin-bottom:10px; margin-top:10px; padding:4px; width:224px; } #instant_chat a#knf_ssn_btn_off { background: url(/images/evolution/buttons/starten_off_shad.png) no-repeat; float: right; } #instant_chat a#startsession { width: 86px; height: 26px; background: url(/images/evolution/buttons/sm_btn_losgehts.png) no-repeat; display: block; float: right; margin: 30px 0 0 0; } #instant_chat a#startsession span { display: none; } /* meeting/aftercreate */ .knf_sent_list { width: 240px; overflow: hidden; } .knf_sent_row { width: 220px; padding: 3px 5px 3px 5px; height: 32px; font-size: 12px; line-height: 14px; overflow: hidden; } .knf_sent_user { width: 160px; float: left; overflow: hidden; } .knf_sent_user img {padding:0 10px 0 0;} .knf_sent_date { width: 60px; text-align: right; float: left; overflow: hidden; } .knf_lnk_extended { margin-bottom: 15px; } .after-create-submit { text-align: right; padding-top: 10px; } .after-create-submit input { font-size: 18px; text-indent:-1000em; font-family:Arial, Helvetica, sans-serif; background: none; border: none; font-weight:bold; width: 134px; height: 51px; margin: 0 0 0 20px; background: url(/images/evolution/buttons/big_btn_versenden.png); } .after-create-submit input.continue { font-size: 18px; text-indent:-1000em; font-family:Arial, Helvetica, sans-serif; background: none; border: none; font-weight:bold; width: 134px; height: 51px; margin: 0 0 0 20px; background: url(/images/evolution/buttons/big_btn_weiter.png); } /* user/invitations */ .invitations-content-right span {display: none;} .inv_btn_annehmen, .inv_btn_ablehnen, .inv_btn_details {width: 105px; height: 30px; background: no-repeat; margin-bottom: 5px;} .inv_btn_annehmen {background-image: url(/images/btn_annehmen.png);} .inv_btn_ablehnen {background-image: url(/images/btn_ablehnen.png);} .inv_btn_details {background-image: url(/images/btn_details.png); margin: 0;} /* user/subscriptions */ .subscriptions_item {border-top: 1px dotted #fff; padding: 10px;} .subscriptions_item_pic {padding-right: 10px; float: left;} .subscriptions_item_pic img {width: 75px; height: 75px;} .subscriptions_spacer {float: right; margin: 0 0 5px 5px; height: 40px; width: 40px;} .subscriptions_item_buttons {clear: right; float: right;} .subscriptions_item_btn_los, .subscriptions_item_btn_details {display: block; background: no-repeat; width: 105px; height: 30px; float: right; clear: none;} .subscriptions_item_btn_los span, .subscriptions_item_btn_details span {display: none;} .subscriptions_item_btn_los {background-image: url(/images/knf_dates_los.png); margin-right: 5px;} .subscriptions_item_btn_details {background-image: url(/images/btn_details.png);} .subscriptions_item_big {font-size: 20px; font-weight: 900;} .subscriptions_item_date {width: 100px; float: left;} .subscriptions_item_text {position: relative; width: 200px; float: left;} .subscriptions_item_clear {clear: both;} /* user/friend_requests */ #box_in, #box_out {height: 400px; overflow: auto; overflow-x: hidden;} .fr_info div {border: 0;} .fr_info_l {background: url(/images/knf_friend_requests_info_left.png) no-repeat; width: 10px; height: 52px; float: left;} .fr_info_r {background: url(/images/knf_friend_requests_info_right.png) no-repeat; width: 10px; height: 52px; float: right;} .fr_info_text {background: url(/images/knf_friend_requests_info_bg.png) repeat-x; color: #000; font-size: 14px; padding: 8px 5px 0; margin: 0 10px;} .fr_info_text_spacer {height: 44px; overflow: hidden;} .fr_info_clear {clear: both; height: 1em;} .fr_item, .fr_item_new {border-bottom: 1px dotted #fff; padding: 10px;} .fr_item_new {background: #674a4f;} .fr_item_check {float: left; width: 25px; padding-top: 25px;} .fr_item_pic {padding-right: 10px; float: left;} .fr_item_pic img {width: 75px; height: 75px;} .fr_item_new_symbol {float: right; margin: 0 0 5px 5px; height: 40px; width: 40px;} .fr_item_buttons {clear: right; float: right; margin-left: 5px;} .fr_item_btn_acc, .fr_item_btn_deny, .fr_item_btn_reply, .fr_item_btn_message, .fr_item_btn_chat {display: block; background: no-repeat; width: 105px; height: 30px; float: right; clear: right; margin-top: 5px;} .fr_item_btn_message, .fr_item_btn_chat {width: 128px; height: 24px;} .fr_item_btn_message {background-image: url(/images/friend_requests/btn_nachricht.png);} .fr_item_btn_chat {background-image: url(/images/friend_requests/btn_chatten.png);} .fr_item_btn_acc {background-image: url(/images/friend_requests/fr_accept.png);} .fr_item_btn_reply {background-image: url(/images/friend_requests/fr_reply.png);} .fr_item_btn_deny {background-image: url(/images/friend_requests/fr_deny.png);} .fr_item_btn_acc span, .fr_item_btn_deny span, .fr_item_btn_reply span, .fr_item_btn_message span, .fr_item_btn_chat span {display: none;} .fr_item_text {float: left; width: 340px; overflow: hidden;} .fr_item_clear {clear: both;} .fr_pending, .fr_accepted, .fr_denied {width: 105px; height: 30px; margin-top: 5px; clear: right; float: right;} .fr_pending {background: url(/images/friend_requests/fr_pending.png) no-repeat;} .fr_accepted {background: url(/images/friend_requests/fr_accepted.png) no-repeat;} .fr_denied {background: url(/images/friend_requests/fr_denied.png) no-repeat;} .fr_status {font-size: 11px;} /* user/nudges */ .nudge_item, .nudge_item_new {border-top: 1px dotted #fff; padding: 10px 0 10px 10px; color: #fff;} .nudge_item, .nudge_item_new {border-top: 1px dotted #fff; padding: 10px 0 10px 10px; color: #fff;} .nudge_item_new {background: #674a4f;} .nudge_check {float: left; width: 25px; padding-top: 25px;} .nudge_item_pic {padding-right: 10px; float: left;} .nudge_item_pic img {width: 75px; height: 75px;} .nudge_item_text {width: 320px; float: left; overflow: hidden;} .nudge_message {color: #eb6697; font-weight: 900; padding-top: 1em; overflow: hidden;} .nudge_item_buttons {clear: right;} .nudge_item_buttons a {margin-top: 5px;} .nudge_item_btn_back, .knf_nudges_fr_send, .knf_nudges_fr_accept, .knf_nudges_fr_denied, .knf_nudges_fr_pending, .knf_nudges_fr_message, .nudge_item_btn_contact {display: block; background: no-repeat; width: 127px; height: 30px; float: right;} .nudge_item_btn_back {background-image: url(/images/nudges/btn_zurueck_flirten.png); width: 128px; height: 24px;} .nudge_item_btn_contact {background-image: url(/images/nudges/btn_kontaktanfrage.png); width: 128px; height: 24px;} .knf_nudges_fr_send {background-image: url(/images/nudges/fr_send.png);} .knf_nudges_fr_accept {background-image: url(/images/nudges/fr_accept.png);} .knf_nudges_fr_denied {background-image: url(/images/nudges/fr_denied.png);} .knf_nudges_fr_pending {background-image: url(/images/nudges/fr_pending.png);} .knf_nudges_fr_message {background-image: url(/images/nudges/fr_message.png);} .nudge_item_btn_back span, .knf_nudges_fr_send span, .knf_nudges_fr_accept span, .knf_nudges_fr_denied span, .knf_nudges_fr_pending span, .knf_nudges_fr_message span, .nudge_item_btn_contact span {display: none;} .nudge_menu {float: right; text-align: right; padding-right: 10px; width: 130px;} .nudge_trash {float: right; background: url(/images/user_mails/trash.png) no-repeat; width: 10px; height: 15px;} .nudge_trash span {display: none;} .nudge_reply {float: right; background: url(/images/user_mails/reply.png) no-repeat; width: 13px; height: 14px; margin: 1px 5px 0 0;} .nudge_item_new_symbol {float: left; padding: 0 5px 5px 0; height: 40px; width: 40px;} .nudge_item_clear {clear: both;} #delin, #delout {display: none;} /* user/subscriptions */ .dates_box { width: 835px; height: 500px; background: url(/images/evolution/dates/dates_bg_huge.jpg) no-repeat; position: relative; } .dates_box .dates-shortcuts { width: 240px; float: right; } .dates_nodates { width: 287px; height: 228px; background: url(/images/evolution/dates/dates_nodates.png) no-repeat; position: absolute; top: 90px; left: 290px; } .dates_getdates { padding: 65px 0 0 15px; font-family:"Courier New", Courier, monospace; color: #000; font-size:14px; line-height: 16px; text-align: center; width: 150px; } .dates_getdates a { color: #000; } .dates_getdates p { margin-bottom: 8px; } .dates_getdates_link { position: absolute; right: 0; top: 10px; width: 120px; height: 215px; display: block; text-decoration:none; } .dates_getdates_link:hover { text-decoration: none; } .dates_item_wrap { padding: 150px 0 0 20px; } .dates_item { width: 180px; height: 180px; position: relative; background: url(/images/evolution/dates/dates_postit.png) no-repeat; float: left; margin: -20px 20px 0 0; color: #000; font-family:"Courier New", Courier, monospace; font-size:14px; line-height:16px; } .dates_item_app { width: 191px; height: 165px; position: relative; background: url(/images/evolution/dates/dates_postit_app.png) no-repeat; float: left; margin: -20px 20px 0 0; color: #000; font-family:"Courier New", Courier, monospace; font-size:14px; line-height:16px; } .dates_item_head { margin: 0px 0 0 25px; padding-top: 30px; font-size: 12px; line-height: 15px; width: 140px; overflow: hidden; } .dates_item_subject { margin: 3px 0 0 25px; font-size: 12px; line-height: 14px; width: 140px; overflow: hidden; } .dates_item_subject a { color: #000; margin-top: 5px; } .date_cancel_desc { width: 60px; height: 14px; position: absolute; right: 36px; top: 6px; background: url(/images/evolution/dates/dates_cancel.png) no-repeat; } .date_cancel { width: 24px; height: 30px; overflow: hidden; position: absolute; right: 20px; top: 5px; } .date_cancel a { width: 24px; height: 30px; display: block; text-decoration:none; } .date_cancel a span { display: none; } #knf_btn_showall_off { width: 96px; height: 26px; background: url(/images/evolution/buttons/sm_btn_allesessions_off.png) no-repeat; display: block; float: left; } #knf_btn_showall_on { width: 96px; height: 26px; background: url(/images/evolution/buttons/sm_btn_allesessions_on.png) no-repeat; display: block; float: left; } #knf_btn_showall_off span { display: none; } #knf_btn_showall_on span { display: none; } #knf_btn_showown_off { width: 168px; height: 26px; background: url(/images/evolution/buttons/sm_btn_meineunddates_off.png) no-repeat; display: block; float: left; } #knf_btn_showown_on { width: 168px; height: 26px; background: url(/images/evolution/buttons/sm_btn_meineunddates_on.png) no-repeat; display: block; float: left; } #knf_btn_showown_off span { display: none; } #knf_btn_showown_on span { display: none; } .dates_box .pagination { position: absolute; left: 16px; top: 70px; font-size: 16px; } .appointment-teaser .dates_item { width: 120px; height: 118px; position: relative; background: url(/images/evolution/dates/dates_postit_small.png) no-repeat; float: left; margin: -20px 20px 0 -20px; color: #000; font-family:"Courier New", Courier, monospace; font-size:13px; line-height:15px; } .appointment-teaser .dates_item_head { margin: 30px 0 0 25px; font-size: 13px; line-height: 15px; } .appointment-teaser .dates_item_subject { margin: 3px 0 0 25px; font-size: 11px; line-height: 13px; width: 140px; } .appointment-teaser .dates_item_subject a { color: #000; } .appointment-teaser .dates_item_wrap { padding: 25px 0 0 20px; } /* user/login */ #signup_login_req { padding: 30px 15px 10px 30px; } #knf_appinvite_msg { font-size: 14px; line-height:21px; padding-left: 220px; width: 580px; background: url(/images/evolution/basics/logo_image_trans.png) left top no-repeat; margin: 10px 0 0 20px; } #knf_signup_msg { font-size: 14px; line-height:16px; padding: 0; width: 480px; background: none; margin:0 0 13px 0; } #knf_signup_nofrog { color: #40aae6; margin: 0; padding: 25px 0 10px 100px; background: url(/images/evolution/homepage/login_nofrog.gif) no-repeat left top; background-position: 0 20px; float: right; clear: both; } #knf_signup_nofrog span { font-size: 20px;} #knf_signup_msg_sub { font-size: 16px; line-height: 16px; padding: 0; margin: 10px 0 40px 0; } #knf_signup_msg h3 { font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.01em; font-size:28px; line-height:32px; font-weight:normal; margin: 0; padding: 0; } #signup_login_req .knf_submitlink { float: right; margin-right: 18px; } #signup_login_req .knf_submitlink a { display: block; width: 208px; height: 32px; background: url(/images/evolution/buttons/live_btn_jetztkostenlos.gif) no-repeat; margin: 12px 0 12px 0; } #signup_login_req .knf_submitlink a span { display: none; } .knf_submitlink_login { float: right; } .knf_signup_field_link { font-size: 10px; line-height: 21px; padding-top: 2px; } .knf_loginpad { padding-top: 4px; } .knf_loginpad_alt { padding-top: 30px; } .login_msg_box { background: #BCBAAF; color: #333333; padding: 10px; margin: 10px 0 30px 0; text-align:center; } .knf_signup_alladd { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c6c4af; } div#knf_signup_msg h1.login-flirten-chatten-anfreunden {font-size: 16px; font-weight: 900; padding: 0 0 0 20px; background: url(/images/evolution/lists/list-item-square.gif) no-repeat 0 3px; letter-spacing: 3px; line-height: 16px; margin: 0 0 15px 0; } #knf_loginfield { height: 330px; } div.login_content {background: #c6c4af; padding: 15px;} #user_login_left, #user_login_slice {width: 552px; height: 398px; overflow: hidden;} #user_login_left {background: url(/images/user_login/bg1.jpg) no-repeat left top; float: left;} #user_login_slice {background: url(/images/user_login/bg2.jpg) no-repeat left 200px;} #user_login_register {padding: 275px 0 0 264px;} #user_login_register a {color: #565656;} #user_login_register img {margin: 30px 0 0 30px;} #user_login_right {float: left; width: 240px; color: #292929; padding: 15px 0 0 20px; font-size: 12px; line-height: normal;} #user_login_right #user_login_form {height: 280px; overflow: hidden;} #user_login_right h1 {margin: 0 0 20px; line-height: normal;} #user_login_right .info, #user_login_right a {color: #406bbd;} #user_login_form #description {color: #406bbd; padding: 0 0 10px; font-size: 13px; font-weight: 900;} #user_login_form .formError {background: #dfddcd; border: 5px solid #ea9603;} #user_login_form .user_login_field {padding: 10px 0; line-height: 15px;} #user_login_form .user_login_field input {width: 235px; border: 1px solid #292929; background: #fff;} /* user/logout */ .logout_content { width: 460px; height: 250px; overflow: hidden; position:relative; background: url(/images/evolution/basics/logout_bg.png) no-repeat 20px top; float: left; margin: 20px 20px 20px 0; padding-left: 20px; } .logout_content h3 { padding: 0 0 10px; margin: 0; } .logout_content p { padding: 0 0 5px 0; margin: 0; } .logout_ad { width: 300px; float: left; margin: 20px 0 20px 0; } .logout_invite_friends { position: absolute; left: 40px; top: 125px; padding-right: 20px; } .logout_go_home { position: absolute; left: 40px; top: 20px; padding-right: 20px; width: 420px; } .logout_content .logout_go_home h3 { padding-bottom: 5px; } .logout_content .logout_go_home p { padding-top: 5px; } /* user/signup */ .signup_complete_buttons img {float: right; margin-left: 10px;} .knf_signup_content {background: #c6c4af; padding: 30px 20px; color: #1d1d1d;} .knf_signup_content a {color: #1d1d1d;} .knf_signup_form_l, .knf_signup_form_c, .knf_signup_form_r {line-height: 22px; float: left; padding: 5px 10px;} .knf_signup_form_l {width: 270px; clear: both; text-align: right;} .knf_signup_form_c {width: 200px;} .knf_signup_form_c input {width: 100%; display: block; height: 16px; border: 1px solid #1d1d1d; padding: 2px;} .knf_signup_form_r {width: 270px; margin: 0;} .knf_signup_form_r img {float: left; margin-right: 10px;} .knf_signup_form_span {clear: both; text-align: center; padding: 5px 10px;} .knf_form_signup_check {font-size: 10px; line-height: 20px;} .knf_form_signup_check input {display: inline; width: auto; border: 0; float: left; margin-bottom: 1em;} .knf_signup_boxer { margin: 30px 0 30px 30px; width: 796px; } .knf_signup_boxer h1 { margin-top: 40px; } .knf_signup_boxer p { width: 520px; margin: 0 0 30px 0; } #knf_signup_2 .j21p_row, .knf_signup_boxer #knf_form_bday { width: 280px; overflow: hidden; padding: 0; } .knf_signup_boxer .j21p_row, .knf_signup_boxer #knf_form_bday {margin-left: 0; margin-right: 0; padding-left:0; } #knf_signup_1 { width: 500px; } #knf_signup_1 .formError { padding: 10px; width: 456px; margin-left: 10px; } #knf_signup_2 { width: 860px; } #knf_signup_2 .formError { padding: 10px; width: 456px; margin-left: 10px; } #knf_signup_3 { padding-left: 300px; } #knf_signup_3 .formError { padding: 10px; width: 456px; margin-left: 10px; } /* #knf_signup_4 { background: url(/images/evolution/register/step4.jpg) no-repeat right bottom; } */ .signup4b_container { background: #c4c2b6; color: #393939;} .signup4b_desc {margin: 5px 10px; padding: 11px; font-size: 13px; font-weight: bold; font-family: Arial, sans-serif; background: #c4c2b6; color: #393939; } #form4b {margin: 0 30px 10px;} .preview4b {text-align: center; background: #ecebe6; padding: 10px; height: 308px;} .preview4b #detailInfo {text-align: center; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, sans-serif; height: 150px; width: 170px; background: #888; color: #fff; padding: 50px 40px;} .signup4b_clear {clear: left;} .submit4b {float: right; margin: 30px 0;} #preview4b_user {font-family: 'Courier New', Courier, monospace; font-size: 24px; line-height: 26px; } #preview4b_details {font-size: 12px; line-height: 14px;} .check4b {padding: 10px 0;} .check4b label {display: block; float: right; width: 240px;} .signup4a_container {padding: 10px 14px;} .signup4a_desc {margin: 5px 10px; padding: 11px; font-size: 13px; font-weight: bold; font-family: Verdana, Arial, sans-serif; background: #c4c2b6; color: #393939; } a.signup4a_people {border: 1px solid #000; background: #fff; padding: 10px; margin: 10px; color: #000; float: left; width: 75px; height: 120px; overflow: hidden; font-family: Verdana, Arial, sans-serif; display: block; color: #000; text-decoration: none; cursor: pointer;} a.signup4a_people:hover {border: 2px solid #ed2864; padding: 9px;} a.act {border: 5px solid #ed2864; padding: 6px;} .signup4a_people img {width: 75px; height: 75px;} .signup4a_clear {clear: both;} .signup4a_text {text-align: center; font-size: 10px; white-space: nowrap; width: 75px; overflow: hidden; position: relative;} .signup4a_name {font-size: 12px; font-weight: 900; margin: 5px 0; white-space: nowrap;} .check4a {display: none;} .send_fr_4a {float: left; margin: 0 10px 0 25px;} .submit4a {width: 228px; height: 30px; background: url(/images/evolution/buttons/signup4a_generate.png) no-repeat; text-indent: -9999px; display: block; border: 0; float: right; margin: 0 24px 20px 10px; cursor: pointer;} .register-desc { padding: 10px; width: 456px; margin-left: 9px; background: #BCBAAF; color: #333333; } .register-split { text-align: left; font-size: 10px; line-height: 12px; float: none; clear: both; padding: 0px 0 0 10px; } #knf_signup_3 .register-desc { width: 380px; margin-left: 0; } .knf_sponsor_logo { float: left; padding-left: 70px; padding-bottom: 24px; } #signup_submit_box { width:95%; margin-top: 0; padding-top: 0; margin-bottom: 30px; } .knf_signup_boxer .btn_sm_continue { float: none; display: block; margin: 40px 0 0 0; } .knf_landingsubmit { margin-top: 25px; float: right; } .knf_landingsubmit2 { margin-top: 35px; float: right; } .knf_landingsubmit3 { margin-top: 25px; margin-left: 80px; } .j21p_optionSubmit input.btn_sm_continue {display: block; width: 134px; height: 51px; background: url(/images/evolution/buttons/big_btn_weiter.png) no-repeat; cursor: pointer; margin-bottom: 20px; } /* user/signup4 popup */ div.popup { max-width: 600px; width: 470px; padding: 10px; background-color: #f3f3f3; color: #333; border: 1px solid #444; z-index: 2999; /* The following properties should not be changed */ position: absolute; color: #000; } #popup_overlay { background-color: blue; /* The following properties should not be changed */ position: absolute; top: 0; left: 0; width: 100%; height: 500px; } span.popup_link, a.popup_link { cursor: pointer; border-bottom: 1px dotted; } .popup_draghandle { cursor: move; } div.popup img { float: left; width: 250px; } div.popup div.userInfo { float: right; width: 200px; color: #000; } div.popup h3 { padding: 0; margin: 28px 0 28px 0; font-weight: bold; font-size: 20px; color: #000; } div.popup div.userInfo p { padding: 0; margin: 10px 0 0 0; color: #000; } .knf_signup5_content {background: #c6c4af; padding: 30px; color: #1d1d1d;} .knf_signup5_content h2 {margin: 0;} #knf_signup_5 h2, #knf_signup_6 h2 { margin: 0 auto 20px auto; width: 600px; text-align: center; } #knf_signup_5 p, #knf_signup_6 p { margin: 0 auto 40px auto; width: 600px; text-align: center; } #knf_signup_5 .knf_box, #knf_signup_6 .knf_box { margin: 0 auto 20px auto; width: 400px; padding: 30px 0; background: #636257; } #knf_signup_5 .knf_subtext, #knf_signup_6 .knf_subtext { margin: 0 auto 20px auto; width: 400px; font-size: 10px; } #knf_signup_5 .formError { width: 380px; margin-bottom: 10px;} #knf_signup_5 .knf_row { width: 395px; float: none; padding: 0 0 10px 0; } #knf_signup_5 .knf_row label { float: left; width: 75px; text-align: right; } #knf_signup_5 .knf_row div { float: right; width: 310px;} #knf_signup_5 .knf_row div input { width: 140px; border: 1px solid #ddd; } #knf_signup_5 .knf_box .j21p_optionSubmit { padding-left: 60px; } input.btn_netzwerkerweitern { width: 206px; height: 30px; float: left; background: url(/images/evolution/buttons/live_btn_netzwerkerweitern.gif) no-repeat; cursor: pointer; } input.btn_spaeter { width: 105px; height: 30px; float: none; background: url(/images/evolution/buttons/live_btn_spaeter.gif) no-repeat; cursor: pointer; } input.btn_zurueck { width: 105px; height: 30px; float: left; background: url(/images/evolution/buttons/live_btn_zurueck.gif) no-repeat; cursor: pointer; } #knf_signup_6 .knf_subtext { margin: 0 auto 10px auto; width: 540px; font-size: 10px; } #knf_signup_6 h2 { margin: 0 auto 20px auto; width: auto;} #knf_signup_6 p { margin: 0 auto 20px; width: auto;} #knf_signup_6 .knf_box { margin: 0 auto 20px; width: 500px; height: 220px; overflow: hidden; background: #636257; color: #fff; padding: 0;} #knf_signup_6 .knf_box .knf_pad { padding: 10px; width: 480px; height: 200px; overflow: auto; } #knf_signup_6 .knf_box label { margin-left: 20px; } /* info/faq */ .faq-wrapper { padding: 10px; background: #aaa; color: #333; } .faq-wrapper a { color: #333; text-decoration:none ; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.01em; font-size:16px; line-height: 21px; font-weight:bold; } .faq-wrapper p { margin: 8px 0 30px 0; } .faq-wrapper-sub { padding: 10px; background: #888; color: #222; } .faq-wrapper-sub a { color: #222; } #knf_faq_menu ul li { margin: 0 0 10px 0; font-size: 12px; line-height: 16px; } #knf_faq_contents dl { margin-bottom: 32px; } #knf_faq_contents dl dt { font-size: 16px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; line-height: 21px; margin-bottom: 6px; } #knf_faq_contents dl dd { margin: 0 0 32px 0; padding: 0; } /* partner sites */ #knf_partner_signup { margin-bottom: 60px; } #knf_partner_signup #knf_partner_signup_floating_logo { float: left; margin-right: 10px; margin-bottom: 40px; } #knf_partner_signup #knf_partner_signup_link_left { float: left; clear: left; margin-bottom: 15px;} #knf_partner_signup #knf_partner_signup_link_right { float: right; margin-bottom: 15px;} #knf_partner_overview_advantages { margin-left: 10px; margin-bottom: 10px; } #knf_partner_overview_advantages li { list-style-type: circle; } #knf_partner_overview_table { margin-bottom: 20px; } #knf_partner_overview_table td { padding: 5px; } th.centered_text { text-align: center; } #knf_partner_functions_steps { margin-left: 20px; } .knf_partner_functions_steps_ul { margin-top: 10px ;margin-bottom: 10px; } .knf_partner_functions_steps_ul li { list-style-type: disc; margin-left: 10px; } /* peoplegrid */ #knf_people { width: 832px; height: 640px; overflow: hidden; } /* help/ask_question */ #j21p_row_question { width: 496px; margin-right: 20px; height: 150px; } #j21p_row_question textarea { width: 486px; height: 110px; overflow-x: hidden; } li.selected { background-color: rgb(190, 190, 190); } /* online status */ .knf_user_online { padding-left: 16px; background: url(/images/user_status_small_med_on.gif) no-repeat; } .knf_user_offline { padding-left: 16px; background: url(/images/user_status_small_med_off.gif) no-repeat; } /* catalog */ #knf_catcont { padding-top: 30px; } #knf_catalog { margin-top: 20px; } #knf_catalog ul li { font-size: 16px; margin-bottom: 10px; } .knf_cat_item { padding: 10px 0 0 0; margin: 10px 0 10px 0; border-top: 1px dotted #666; } .knf_cat_item .knf_cat_image { width: 260px; float: left; margin-right: 20px; } .knf_cat_item .knf_cat_info { width: 300px; float: left; margin-right: 20px; } .knf_cat_item .knf_cat_info h4 { font-size: 18px; line-height: 21px; } .knf_cat_item .knf_cat_info h4 a { text-decoration: none; color: #fff; } .knf_cat_item .knf_cat_data { width: 160px; float: left; } .knf_cat_date { font-size: 14px; color: #fff; } table.collapsed_border { border-collapse: collapse; } .ascending { background: url(/images/evolution/icons/arrow_down.gif) no-repeat; } .descending { background: url(/images/evolution/icons/arrow_up.gif) no-repeat; } /* flirt popup */ #knf_flirtpopup { width: 554px; padding-top: 40px; overflow: hidden; position: absolute; left: 30%; top: 30%; z-index: 1000; background: url(/images/evolution/alerts/inline_bg_top.png) top center no-repeat; } #knf_flirtcont { width: 554px; background: url(/images/evolution/alerts/inline_bg_pat.png) left repeat-y; } #knf_flirtpopup_bot { width: 554px; height: 48px; background: url(/images/evolution/alerts/inline_bg_bot.png) left bottom no-repeat; } #knf_flirt_profile { margin: 20px 0 0 50px; } .knf_inlineopt { float: right; margin-right: 60px; width: 280px; height: 60px; white-space:nowrap; overflow:hidden; } .knf_inlineopt img { margin-right: 10px; display: inline; } #knf_flirtpopup .knf_popuptext p { float: right; margin-right: 60px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width:340px; overflow: hidden; padding-top: 5px; } #knf_flirtpopup .knf_popuphead p { float: right; margin-right: 60px; margin-top: 20px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; padding-top: 5px; letter-spacing:-0.01em; line-height: 25px; width:340px; overflow: hidden; } .flirt_select { text-align: center; padding: 20px 0 25px 0; } .flirt_select select { font-size: 14px; line-height: 16px; padding: 2px; width: 420px; } .flirt_textarea { float: right; margin-right: 60px; margin-bottom: 16px; } .flirt_textarea textarea { width:332px; height: 50px; border: none; background: #ccc; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 4px; font-size:12px } /* speeddaten */ .speeddaten_content { width: 500px; margin-top: -20px; padding: 15px; } .speeddaten_description { width: 350px; float: left; } .speeddaten_description p, .speeddaten_event_details p, .speeddaten_map_description p { font-size: 12px; line-height: 14px; } .speeddaten_description label { font-size: 12px; line-height: 14px; margin-right: 10px; } .speeddaten_description select { font-family: Verdana; border: 0px solid #222; color: #000000; background: #ffffff; width: 135px; } .speeddaten_image { width: 118px; float: right; } .speeddaten_events, .speeddaten_event_details { width: 500px; float: left; margin-top: 20px; } .speeddaten_citylist { width: 250px; padding: 15px; margin-top: -25px; font-size: 12px; font-weight: bold; } .speeddaten_citylist a { color: #9e9e9e; text-decoration: none;} .speeddaten_citylist a:hover { color: #fff; text-decoration: underline; } .knf_partnerblock .speeddaten_citylist li { float: none; margin: 0; text-align: left; width: auto; height: auto; overflow: auto; } .speeddaten_events tr.speeddaten_odd_row { background-color: #494949; } .speeddaten_events tr.speeddaten_even_row { background-color: #6f6f6f; } .speeddaten_booking_link { text-align: center; font-weight: bold; } .speeddaten_occupancy { width: 100px; float: right; } .speeddaten_occupancy h4 { width: 100px; float: right; text-align: right; padding: 5px; margin-top: -20px; margin-bottom: 0; } .speeddaten_occupancy table tr td { text-align: right; } .speeddaten_event_stats { width: 300px; float: left; margin-top: 50px; } .speeddaten_event_stats_left { width: 75px; float: left; text-align: right; } .speeddaten_event_stats_left span { display: block; } .speeddaten_event_stats_right { width: 200px; float: left; text-align: left; margin-left: 5px; } .speeddaten_event_stats_right span { display: block; font-weight: bold; } .speeddaten_event_images { width: 500px; margin-top: 150px; } .speeddaten_map_description { width: 240px; float: left; } .speeddaten_map { width: 364px; float: right; margin-top: -120px; } .speeddaten_logo { width: 500px; float: left; margin-top: -10px; } .profile_tab { width: 95px; height: 23px; float: left; } .profile_tab_off { background-image: url(/images/evolution/tabs/profile_tab_off.png); } .profile_tab_on { background-image: url(/images/evolution/tabs/profile_tab_on.png); } /* viewprofile */ .knf_profileview_premium_spacer {float: right; width: 80px; height: 65px;} .profileview_tabnum {height: 23px; line-height: 23px; margin-top: -23px; text-align: right; padding-right: 10px; font-size: 10px; display: block; text-decoration: none; color: #000;} #knf_profileview_container { width: 852px; } #knf_profileview_rightcont {float: right; margin: 3px 0 0 0; width: 540px; padding: 0 0 10px 0; overflow: hidden;} .knf_profileview_rightbg { width: 540px; background: url(/images/evolution/viewprofile/botcorners.gif) left top no-repeat; padding: 0; margin: 0; height:12px; } #knf_profileview_tabs { width:540px; height:23px; } #knf_profileview_tabs div { width:95px; height:23px; float: left; margin-right: 1px; } #knf_profileview_tabs a { text-decoration: none; } #knf_profileview_content, #knf_profileview_content_premium { padding: 0; margin: 0; } #knf_profileview_content_premium { background: url(/images/evolution/viewprofile/knf_pv_premiumhint.gif) top right no-repeat #4f4e4e; } #knf_profileview_content { background: url(/images/evolution/viewprofile/topcorner.gif) top right no-repeat #4f4e4e; } #knf_profileview_padding { padding: 20px 20px 0 20px;} #knf_profileview_padding p{ position: relative;} #knf_profileview_content h2 { padding: 10px 0 0 0; margin: 0 0 15px 0; } #knf_profileview_table { width: 500px; margin: 0 0 10px 0; } .knf_profileview_left { width: 245px; float: left; } .knf_profileview_right {width: 245px; float: right; } .knf_profileview_left div, .knf_profileview_right { font-size: 11px; line-height:28px; white-space:nowrap; overflow:hidden; } #knf_profileview_interests { border-top: 1px solid #343434; border-bottom: 1px solid #343434; padding: 10px 0; margin: 0 0 15px 0;} #knf_profileview_interests p { margin-bottom: 10px; font-size: 11px; line-height: 13px; } #knf_profileview_interests b { font-weight: normal; } #knf_profileview_interessen { border-bottom: 1px solid #ccc; padding: 10px 0 20px 0; margin: 0 0 30px 0; width: 500px; } #knf_profileview_interessen h3 { font-size: 11px; padding:0; margin: 0 0 15px 0; line-height: 13px; } #knf_profileview_interessen span { padding: 0 20px 5px 0; display: block; float: left; } #knf_profileview_hobbys { } .knf_profileview_intleftbox, .knf_profileview_intrightbox { width: 245px; overflow: hidden; } .knf_profileview_intbig { width: 500px; overflow: hidden; } .knf_profileview_intleftbox { float: left; } .knf_profileview_intrightbox { float: right; } .knf_profileview_intbox { margin: 0 10px 20px 0; width: 240px; float: left; height: 81px; overflow: hidden; } .knf_profileview_intbox h3 { font-size: 11px; padding:0; margin: 0 0 10px 0; line-height: 13px; text-transform:uppercase; color: #ccc; } .knf_profileview_intbox p { font-size: 13px; font-weight: normal; overflow: hidden; height: 81px; } #knf_profileview_interessen .knf_profileview_intbox { margin: 0 0 0px 0; width: auto; float: left; height: 80px; } #knf_profileview_friends { clear: both; } #knf_profileview_friends .knf_miniprofile { margin-left: 0; } #knf_profileview_friends p { padding:0; } #knf_profileview_pictures { padding: 20px 0 0 20px; margin-bottom: -10px; clear: both;} #knf_profileview_pictures .box { width: 100px; height: 100px; overflow: hidden; float: left; margin: 0 20px 20px 0; padding: 0; } #knf_profileview_pictures .box .opts { width: 105px; height: 105px; padding: 10px 5px 5px; overflow: hidden; background: #fff; display: none; opacity: .8; filter: alpha(opacity=80); margin-top: -105px; line-height: normal;} #knf_profileview_pictures .box .opts a { display: block; color: #000; font-size: 12px; font-weight: 100; text-decoration: none; } #knf_profileview_pictures .box .opts a:hover { text-decoration: underline; } #knf_profileview_pictures img { display: inline; width: 100px; height: 100px; margin: 0; padding: 0; border: 0; } #knf_profilephoto_view {text-align: center;} #knf_profilephoto_view a {margin: 0 25px;} #knf_profilephoto_view img {display: inline;} .knf_profileview_owner {height: 36px;} .knf_pv_network_row { border-bottom: 1px solid #343434; padding: 10px 0; background: transparent url(/images/evolution/viewprofile/knf_pv_network_ar.gif) no-repeat left; } .knf_pv_network_row .knf_miniprofile { margin: 0 45px 0 0; padding: 0; } #knf_pv_network_row_alt { background: url(/images/evolution/viewprofile/knf_pv_network_ar_alt.gif) no-repeat left; } #knf_profileview_similarProfiles { float: right; margin: 10px 0 0 0; padding: 0 0 0px 0; width: 540px; background: #374851 url(/images/evolution/viewprofile/knf_bgtop_similarProfiles_dark.png) left top no-repeat; } #knf_profileview_similarProfiles .knf_profileview_similarProfiles_pad { margin: 0 0 0 0; padding: 5px 20px; background: url(/images/evolution/viewprofile/knf_bgbot_similarProfiles_dark.png) left bottom no-repeat; } #knf_profileview_similarProfiles .knf_miniprofile { margin-right: 20px; margin-left: 0; } #knf_profileview_similarProfiles h3 { margin: 0; padding: 10px 0 5px 0; } #myFriends .knf_miniprofile { margin-right: 20px; margin-left: 0; } #knf_profileview_leftcont { margin: 0 0 0 10px; width: 286px; } #knf_profileview_menu {width: 286px; margin: 10px 0 0 0; } .knf_pv_both { margin: 2px 0; width: 286px; overflow: hidden; } .knf_pv_left { float: left; margin: 0px 0; width: 142px; overflow: hidden; } .knf_pv_right { float: right; margin: 0px 0; width: 142px; overflow: hidden; } /* .photo-container { width: 285px; background: url(/images/evolution/viewprofile/nextdatetop.gif) top left no-repeat; text-align:center; padding: 9px 0 0 0; margin: 3px 0 0 0; } .photo-container-pat { width: 285px; overflow: hidden; background: url(/images/evolution/viewprofile/nextdatepat.gif) top left repeat-y; } .photo-container-bot { width: 285px; height:9px; background: url(/images/evolution/viewprofile/nextdatebot.gif) bottom left no-repeat;} */ .photo-container { width: 290px; height: 315px; background: url(/images/evolution/pola/frame_profile.png) no-repeat; text-align: center; padding: 14px 0 0 0; margin: 3px 0 0 0px; } .photo-cutoff { height: 240px; width: 260px; overflow: hidden; margin: 0 0 0 13px; } .photo-cutoff img { width: 260px; } .photo-headline {padding: 10px 15px 0 10px; text-align: center; font-size: 14px; height: 50px; overflow: hidden; line-height: 1.5em; } div.trigger-headline {padding: 10px 0 0; text-align: center; font-size: 15px; height: 50px; margin: 0 -10px; overflow: hidden; line-height: 1.5em; white-space: nowrap;} .photo-text { padding: 10px 0 14px 13px; width:260px; color: #000; overflow: hidden; } .photo-text p { margin: 0; font-family:"Courier New", Courier, monospace; font-size:24px; line-height: 30px; font-weight: normal; } .photo-text .knf_about_tagline { font-family:"Courier New", Courier, monospace; font-size: 14px; line-height: 21px; margin: 0 0 6px 0; } .photo-text .knf_about_tagline a { color: #333; } #knf_profileview_nextdate { width: 285px; margin: 10px 0 0 0; padding: 9px 0 0 0; background: url(/images/evolution/viewprofile/nextdatetop.gif) top left no-repeat; color: #000;} #knf_profileview_nextdate_content { width: 285px; background: url(/images/evolution/viewprofile/nextdatepat.gif) top left repeat-y;} #knf_profileview_nextdate_padding { padding: 0 15px; } #knf_profileview_nextdate_content h3 {font-weight: bold; margin:0; border-bottom: 1px solid #000;} #knf_profileview_nextdate_content p.knf_pv_item { padding: 0 15px; } #knf_profileview_nextdate_bot { width: 285px; height:9px; background: url(/images/evolution/viewprofile/nextdatebot.gif) bottom left no-repeat;} #knf_profileview_nextdate_content a {color: #000;} .knf_profileactions_jetztchatten, .knf_profileactions_anfreunden, .knf_profileactions_flirten, .knf_profileactions_einladen, .knf_profileactions_nachricht, .knf_profileactions_favorit, .knf_profileactions_blockieren, .knf_profileactions_blockierenAus, .knf_profileactions_nachricht_off, .knf_profileactions_jetztchatten_off, .knf_profileactions_anfreunden_off, .knf_profileactions_favorit_off, .knf_profileactions_anfreunden_pending, .knf_profileactions_anfreunden_pending2, .knf_profileactions_anfreunden_defered, .knf_profileactions_netzwerk { text-decoration: none; border:0; padding:0; display: block; text-indent: -9999px; letter-spacing: -9999px; font-size:0; width: 142px; height:32px; } .knf_profileactions_anfreunden, .knf_profileactions_flirten, .knf_profileactions_anfreunden_off, .knf_profileactions_anfreunden_pending, .knf_profileactions_anfreunden_pending2, .knf_profileactions_anfreunden_defered { width: 142px; height:53px; } .knf_profileactions_flirten { margin-left: 3px; } .knf_profileactions_jetztchatten { width: 284px; height:38px; margin: 0 0 1px 0; } .knf_profileactions_jetztchatten { background: url(/images/evolution/viewprofile/profileactions_07.png) 0 0 no-repeat; } .knf_profileactions_anfreunden { background: url(/images/evolution/viewprofile/profileactions_02.png) 0 0 no-repeat; } .knf_profileactions_flirten { background: url(/images/evolution/viewprofile/profileactions_01.png) 0 0 no-repeat; } .knf_profileactions_einladen { background: url(/images/evolution/viewprofile/profileactions_03.png) 0 0 no-repeat; } .knf_profileactions_nachricht { background: url(/images/evolution/viewprofile/profileactions_04.png) 0 0 no-repeat; } .knf_profileactions_favorit { background: url(/images/evolution/viewprofile/profileactions_05.png) 0 0 no-repeat; } .knf_profileactions_blockieren { background: url(/images/evolution/viewprofile/profileactions_06.png) 0 0 no-repeat; } .knf_profileactions_blockierenAus { background: url(/images/evolution/viewprofile/profileactions_08.png) 0 0 no-repeat; } .knf_profileactions_jetztchatten_off { background: url(/images/evolution/viewprofile/profileactions_07_off.png) 0 0 no-repeat; } .knf_profileactions_anfreunden_off { background: url(/images/evolution/viewprofile/profileactions_02_off.png) 0 0 no-repeat; } .knf_profileactions_anfreunden_pending { background: url(/images/evolution/viewprofile/pa_friend_pending.png) 0 0 no-repeat; } .knf_profileactions_anfreunden_pending2 { background: url(/images/evolution/viewprofile/anfrage_annehmen.png) 0 0 no-repeat; } .knf_profileactions_anfreunden_defered { background: url(/images/evolution/viewprofile/pa_friend_defered.png) 0 0 no-repeat; } .knf_profileactions_flirten_off { background: url(/images/evolution/viewprofile/profileactions_01_off.png) 0 0 no-repeat; } .knf_profileactions_einladen_off { background: url(/images/evolution/viewprofile/profileactions_03_off.png) 0 0 no-repeat; } .knf_profileactions_nachricht_off { background: url(/images/evolution/viewprofile/profileactions_04_off.png) 0 0 no-repeat; } .knf_profileactions_favorit_off { background: url(/images/evolution/viewprofile/profileactions_05_off.png) 0 0 no-repeat; } .knf_profileactions_blockieren_off { background: url(/images/evolution/viewprofile/profileactions_06_off.png) 0 0 no-repeat; } .knf_profileactions_blockierenAus_off { background: url(/images/evolution/viewprofile/profileactions_08_off.png) 0 0 no-repeat; } .knf_profileactions_anfreunden:hover, .knf_profileactions_flirten:hover, .knf_profileactions_einladen:hover, .knf_profileactions_nachricht:hover, .knf_profileactions_favorit:hover, .knf_profileactions_blockieren:hover, .knf_profileactions_blockierenAus:hover { background-position: -142px 0; } .knf_profileactions_jetztchatten:hover { background-position: 0 -38px; } .knf_profile_userstatus_online { margin: 8px 0 10px 1px; } .knf_profile_userstatus_online span { display: block; width: 284px; height: 41px; background: url(/images/evolution/viewprofile/status_online.png) no-repeat; text-indent: -999em; overflow: hidden; } .knf_profile_userstatus_online a:hover span { background-position: 0 -41px; } .knf_profile_userstatus_offline { margin: 8px 0 10px 1px; } .knf_profile_userstatus_offline span { display: block; width: 284px; height: 41px; background: url(/images/evolution/viewprofile/status_offline.png) no-repeat; text-indent: -999em; overflow: hidden; } .knf_profile_network { margin: 8px 0 10px 1px; } .knf_profile_network span { display: block; width: 284px; height: 41px; background: url(/images/evolution/viewprofile/pa_netzwerk.png) no-repeat; text-indent: -999em; overflow: hidden; } .knf_profile_network a:hover span { background-position: 0 -41px; } input.knf_delete_button { background: url(/images/evolution/buttons/big_btn_loeschen.png); } .knf_uploadphoto_left { float: left; width: 280px; color: #222222; } .knf_uploadphoto_left p { font-size: 11px; padding: 0; margin: 0 0 15px 0; } .knf_uploadphoto_left h2 { font-size: 14px; padding: 0; margin: 0 0 5px 0; } .knf_uploadphoto_left .knf_uploadphoto_inner {padding: 20px 0 20px 20px;} .knf_uploadphoto_left img {float: left; margin-right: 20px; } .knf_uploadphoto_right {float: right; width: 540px; } .knf_uploadphoto_right .knf_uploadphoto_inner {padding: 20px 20px 29px 0;} /* knf_myphotos */ .knf_myphotos_left {float: left; width: 310px; margin-bottom: 50px; } .knf_myphotos_left .knf_myphotos_inner {padding: 42px 0 0 20px;} .knf_myphotos_right {float: right; width: 510px; } .knf_myphotos_right .knf_myphotos_inner {padding: 30px 0 0 0; } .knf_myphotos_right .knf_myphotos_inner p {height: 229px; } .knf_myphotos_btn {padding: 0 0 0 236px;} .knf_myphotos_list { height: 236px; } .knf_myphotos_mini { width: 100px; height: 100px; margin: 5px 14px 0 5px; position: relative; overflow: hidden; float: left; background: url(/images/evolution/pola/frame.png) left top no-repeat; } .knf_myphotos_mini a { color: #222; font-weight: bold; font-size: 10px; line-height: 14px; text-decoration:none; letter-spacing:-0.01em; } .knf_myphotos_mini a:hover { color: #ff0048; } /* .knf_mpr_cont { position: absolute; left: 7px; top: 8px; width: 105px; height: 105px; z-index: 1; overflow: hidden; } .knf_mpr_cont img { width: 105px; } .knf_mpr_cont br { display: none; } */ .knf_myphotos_opt { width: 95px; height: 95px; position: absolute; left: 0px; top: 0px; filter:Alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80; background: #fff; z-index: 10; padding: 5px 0 0 5px; } /* new all-purpose popup */ #knf_popup_darkenbg { position: absolute; left: 0px; top: 0px; width: 100%; height:100%; z-index: 900; background: #000; } #knf_popup_wrapper { position: absolute; } #knf_pop_box_outer { border: 11px solid black; background: #848376 url(/images/evolution/alerts/knf_pop_bg_pad.png) repeat-x top left; position: absolute; left: 160px; top: 160px; z-index: 3000;} #knf_pop_box_outer img { display: inline; } #knf_pop_box_top { height: 38px; background: url(/images/evolution/alerts/knf_pop_bg_top_or.png) repeat-x; font-family:Arial, Helvetica, sans-serif; } #knf_pop_box_top_chat { height: 38px; background: url(/images/evolution/alerts/knf_pop_bg_top.png) repeat-x; font-family:Arial, Helvetica, sans-serif; } #knf_pop_box_top h1 { padding: 7px 0 0 12px; margin:0; font-weight: normal; color: #1c1c1c; font-family:Arial, Helvetica, sans-serif; font-size:21px; } #knf_pop_box_top_chat h1 { padding: 7px 0 0 12px; margin:0; font-weight: normal; color: #1c1c1c; font-family:Arial, Helvetica, sans-serif; font-size:21px; } .knf_pop_btn_abbrechen { width: 110px; padding: 10px 0 15px 10px; float: right; color: #ffffff; background: url(/images/evolution/alerts/knf_pop_bg_abbrechen.png) repeat-x; font-size: 16px; } .knf_pop_btn_abbrechen img { margin: 0px 10px 0 0; border: 0; padding: 0; display: inline; } .knf_pop_btn_abbrechen a { color: #ffffff; text-decoration: none; } .knf_pop_btn_abbrechen a:hover { text-decoration: none; } #knf_pop_box_main { padding: 15px 15px 0 15px; color: #1c1c1c; } #knf_pop_box_main h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height: normal; font-weight:normal; color: #000; margin: 0; padding: 0 0 5px; } #knf_pop_box_main p { font-size:14px; line-height: 21px; margin: 0; padding: 0 0 10px 0; } #knf_pc_buttons { text-align: center; padding-top: 10px; } .knf_pc_button { margin: 5px; } #knf_pc_polaframe { width: 140px; height: 171px; padding: 8px 0 4px 2px; background: url(/images/evolution/pola/frame_popup.png) no-repeat; text-align:center; } #knf_pc_image { width: 130px; height:130px; margin: 0 5px 5px; display: inline; float: left; } #knf_pc_polaframe span { clear: both; display: block; font-family: "Courier New", Courier, monospace; font-size:10px; line-height: 14px; display: inline; } #knf_pc_leftcol { float: left; width: 160px; } #knf_pc_rightcol { float: right; width: 310px; } .form input.text, .form select, .form textarea {width: 100%; background: #fff; border: 1px solid #666; padding: 1px; margin: 1px 0; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: normal;} .form select {height: 20px; line-height: 20px; padding: 0;} .form input.text {height: 16px; line-height: 16px;} .form div.fl, .form .info_box div.fl {width: 235px;} .form div.fl_text, .form .info_box div.fl_text {padding-right: 4px; width: 231px;} .form .info_box .check {float: left; width: 150px; padding-right: 10px; white-space: nowrap; overflow: hidden;} .form .info_box .check input {margin-top: 3px;} .form .info_box .check .text {width: 120px; margin-top: 1px;} .form input.fe_left, .form input.fe_right, .form select.fe_left, .form select.fe_right {width: 80px;} .fe_left {float: left;} .form .fe_sel2, .form .fe_sel4 {float: left;} .form .fe_sel2 {width: 55px; margin-right: 10px;} .form .fe_sel4 {width: 105px;} .fe_right {float: right;} /**************/ /* Payment */ #knf_pay_changepackage #knf_pop_box_top, #knf_pay_details #knf_pop_box_top, #knf_pay_showResults #knf_pop_box_top { overflow: hidden; height: 38px; } #knf_pay_changepackage #knf_pop_box_top h1, #knf_pay_details #knf_pop_box_top h1, #knf_pay_showResults #knf_pop_box_top h1 { width: 330px; float: left; } #knf_pay_details #knf_pop_box_main, #knf_pay_showResults #knf_pop_box_main { background: url(/images/evolution/payment/knf_pop_bg_pad.png) repeat-x top center #848376; } /* #knf_pay_changepackage #knf_pop_box_main { background: url(/images/evolution/payment/knf_pop_bg_payment_new.jpg) no-repeat top center #848376; } #knf_pay_changepackage #knf_pop_pad { width: 790px; height: 560px; } */ .knf_payment_bg {background: #989589 url(/images/evolution/payment2/bg.jpg) no-repeat center top; padding-bottom: 30px; color: #000;} .knf_payment_bg .clear {clear: both;} .knf_payment_box_left {width: 311px; height: 424px; padding: 21px 14px 15px 20px; background: url(/images/evolution/payment2/foto_bg.png) no-repeat 20px 21px; overflow: hidden; float: left;} .knf_payment_profile {width: 210px; height: 235px; margin: 0 20px; background: url(/images/evolution/payment2/profile_bg.png) no-repeat;} .knf_payment_profile_photo {width: 175px; height: 163px; margin: 0 18px 0 17px;} .knf_payment_profile_user {font-family: Courier New, fixed; font-size: 14px; text-align: center; overflow: hidden; margin: 0 30px; white-space: nowrap;} .knf_payment_profile_user h1 {font-size: 24px; font-weight: 900; margin: 0; padding: 0; white-space: nowrap;} .knf_payment_profile_info {font-size: 12px; padding: 30px 16px 0; overflow: hidden; white-space: nowrap;} .knf_payment_box_right {float: left; height: 330px; width: 460px; padding: 10px 0 0 20px; overflow: hidden; white-space: nowrap; font-size: 14px;} .knf_payment_box_right h1, .knf_payment_box_right h2 {overflow: hidden; white-space: normal; height: 44px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin: 0; text-align: center; margin-bottom: 7px;} .knf_payment_box_right h1 {font-size: 24px; padding: 0 0 0 0;} .knf_payment_box_right h2 {font-size: 18px; padding: 0 0 6px;} .knf_payment_box_right .subline { padding: 0; margin: 0 0 35px 0; font-size: 12px; } .knf_payment_offer {padding: 10px; font-family: Arial, sans-serif;} .knf_payment_offer_bestseller {background: #ffc;} .knf_payment_offer_spacer {clear: both; background: #000; height: 1px; overflow: hidden; line-height: 1px; margin: 0;} .knf_payment_offer div {overflow: hidden;} .knf_payment_offer .add {font-size: 11px; font-weight: 900; line-height: 26px; color: #a82828; float: right; padding-left: 5px;} .knf_payment_offer .name {font-size: 18px; font-weight: 900; line-height: 28px;} .knf_payment_offer .time {font-size: 10px; line-height: 12px;} .knf_payment_offer_bestseller .special {color: #c00; font-size: 13px; clear: both; font-weight: 900; padding-top: 10px; line-height: normal;} .knf_payment_offer .price {font-size: 18px; font-weight: 900; line-height: 30px; text-align: center;} .knf_payment_offer .month {font-size: 9px; line-height: 12px; text-align: center;} .knf_payment_offer .select_offer {width: 48px; height: 48px; display: block; text-indent: 96px; overflow: hidden; float: left; background: url(/images/evolution/payment2/btn_go.png) no-repeat;} .knf_payment_accept {float: right; line-height: 14px; font-size: 10px; padding: 0; text-align: left; } .knf_payment_accept img {display: inline;} .knf_payment_disclaimer {font-size: 9px; white-space: normal; padding: 15px 10px;} .knf_payment_disclaimer a {color: #000;} .knf_payment_radio {text-align: center; float: left; width: 80px; font-size: 10px; padding-top: 10px;} .knf_payment_to_step2 {float: right; margin: 0 0 5px 0;} .knf_payment_security {float: left;} .knf_payment_package, .knf_payment_savings {line-height: 20px;} .knf_payment_package {width: 260px; margin: 0 0 10px 10px; float:left} .knf_payment_package select {width: 260px; font-size: 14px;} #knf_payment_bestseller {float: right; color: #c00; font-size: 12px;} #knf_payment_savings {float: right; overflow: hidden; text-align: left; margin-top: 0; margin-right: 10px;} .knf_payment_savings_percent {color: #c00; font-size: 21px; line-height: 28px;} .knf_payment_sum {padding: 5px 0 0 5px; line-height: 16px; font-size: 10px;} .knf_payment_sum b {font-size: 12px;} .knf_payment_premium_features {clear: both; padding: 15px 5px; border-top: 1px solid #888;} .knf_payment_features {width: 802px; height: 87px; background: url(/images/evolution/payment2/features.png) no-repeat; clear: both; margin: 0 22px;} .knf_payment_list1 {background: #d6d5d0 url(/images/evolution/payment2/corner_tl.png) no-repeat left top; margin: 20px 0 0;} .knf_payment_list2 {background: url(/images/evolution/payment2/corner_tr.png) no-repeat right top;} .knf_payment_list3 {background: url(/images/evolution/payment2/corner_bl.png) no-repeat left bottom;} .knf_payment_list4 {background: url(/images/evolution/payment2/corner_br.png) no-repeat right bottom;} .knf_payment_list {padding: 20px 95px; color: #000;} .knf_payment_list4 img {display: inline;} .knf_payment_box {float: left; width: 510px; height: 270px; background: #d6d5d0; padding: 20px 20px 10px 20px; margin: 20px 0 20px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .knf_payment_box[class] {height: auto; min-height: 270px; } .payment_freebox { height: auto; } .knf_shop_step_hd { font-size: 24px; line-height: 30px; padding: 10px 0 5px 0; } .payment_bl, .payment_br {width: 10px; height: 10px;} .payment_bl {float: left;} .payment_br {float: right; background: url(/images/evolution/payment/payment_br.png) no-repeat;} #knf_pop_pad { width: 810px; } #knf_pay_top { height: 160px;} #knf_pay_bot .j21p_row { width: 250px; } #knf_pay_bot .j21p_row label { color: #000; } .knf_pop_font_price { font-size: 24px; font-weight: normal; color: #362950; text-align: right; } #knf_pop_box_main p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; } #knf_pop_box_main p.white { color: #ffffff; width: 230px; background: url(/images/evolution/payment/payment_haken.png) no-repeat left 10px; padding-left: 60px; height: 50px; margin: 0 0 15px;} .payment_header {background: #585654 url(/images/evolution/payment2/progress_tl.png) no-repeat left top;} .payment_header img {float: right;} .payment_header h1 {margin: 0; padding: 0; font-size: 22px; color: #fff; font-weight: 100; font-family: Arial, Verdana, sans-serif; line-height: 38px; padding-left: 10px;} .payment_body {color: #000; background: #858274 url(/images/evolution/payment2/bg.png) repeat-x left top; padding: 0 20px;} .payment_body2 {padding: 20px 0 0; background: url(/images/evolution/payment2/bg_boxes.png) no-repeat left top;} .payment_infos {border-bottom: 1px solid #b0afac; padding: 0 0 10px 15px; margin-bottom: 10px; height: 155px; margin-top: 0; text-align: left; font-family: Arial, Verdana, sans-serif;} .payment_infos h2 {font-size: 18px; display: block; padding: 10px 0 10px 0; margin:0; text-align:left; font-weight: 900; height:auto;} .payment_infos ul {list-style: disc outside; margin: auto; padding: 10px 0 0 20px;} .payment_infos li {font-size: 16px; padding: 5px 0;} .payment_infos_small { margin:0 0 0 10px; padding-top: 6px; text-align:left; } .payment_infos_small ul {list-style: disc outside; margin: auto; padding: 0; padding-left: 20px;} .payment_infos_small li {font-size: 12px; padding: 3px 0;} .payment_profile {width: 210px; height: 235px; overflow: hidden; padding: 0; background: url(/images/evolution/payment2/profile_bg.png) no-repeat left top; margin: 0 40px;} .payment_profile img {width: 175px; height: 164px; display: block; margin: 17px 18px 0 17px;} .payment_profile_nick {width: 175px; overflow: hidden; line-height: 30px; height: 30px; font-family: 'Courier New', fixed; text-align: center; font-size: 18px; margin: 5px 18px 0;} .payment_user {float: left; width: 291px; height: 330px; overflow: hidden; padding: 10px; text-align: center;} .payment_user img {display: inline;} .payment_user h1 {font-size: 18px; float: left; padding: 10px 0 0 20px; margin: 0; white-space: normal; width: 260px; font-family: Arial, sans-serif; line-height: 30px;} .payment_box_top .knf_pop_btn_abbrechen { width: 30px; } .payment_offers {border: 3px solid #fc0; margin: 20px 1px 0 0;} .payment_offers div {overflow: hidden; white-space: nowrap;} .payment_offer, .payment_offer_special {border-left: 1px solid #d5d5d5; width: 179px; height: 114px; float: left; padding: 10px;} .payment_offer {background: url(/images/evolution/payment2/offer_normal.png) repeat-x left top;} .payment_offer_special {background: url(/images/evolution/payment2/offer_special.png) repeat-x left top;} .payment_first {border: 0;} .payment_offer_runtime {font-size: 18px; font-weight: 900;} .payment_offer_premium {font-size: 12px;} .payment_offer_monthly {font-size: 14px; font-weight: 900; padding-top: 20px;} .payment_offer_price {font-size: 9px;} .payment_offer_select {padding-top: 10px;} .payment_savings_50 {width: 56px; height: 56px; float: right; margin-bottom: -116px; background: url(/images/evolution/payment2/savings_50.png) no-repeat left 60px; padding: 60px 0 0;} .payment_savings_40 {width: 56px; height: 56px; float: right; margin-bottom: -116px; background: url(/images/evolution/payment2/savings_40.png) no-repeat left 60px; padding: 60px 0 0;} .payment_to_step2 {width: 272px; height: 61px; float: right; margin-top: 20px;} .payment_cards {padding: 0 125px 0 0; line-height: 25px; float: left; background: url(/images/evolution/payment2/pay_accept.png) no-repeat right top; margin: 35px 0 0;} .info_box .left, .info_box .right {width: 285px; float: left;} .info_box .left {padding-right: 25px; clear: both;} .info_box .right {padding: 0;} .info_box .lbl, .info_box .lbl_full {color: #6c6754; clear: both; padding-bottom:5px;} .info_box .lbl {float: left; width: 145px;} .info_box .fl {float: left; width: 140px; padding-bottom:5px;} .info_box .fr {float: right; width: 140px; padding-bottom:5px;} .info_box .space {clear: both; height: 18px;} .box_lgrey {background: #deddd6; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px;} .box_llgrey {background: #f4f3ed; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px;} .box_lgrey h2 {color: #837f6e; font-size: 18px; font-weight: 100;} .payment_polaroid {overflow: hidden; float: left; white-space: nowrap;} div.payment_polaroid {width: 200px; height: 260px; overflow: hidden; float: left; padding: 10px;} .payment_polaroid img {width: 200px; height: 200px;} .payment_polaroid h3, .payment_polaroid {overflow: hidden; text-align: center; font-size: 12px;} .payment_polaroid h3 {font-size: 24px; margin: 13px 0;} .knf_payment_box_partner {float: left; padding: 10px; background: #D6D5D0; margin: 20px 20px 20px 0; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} .payment_toggle td {text-align: center; vertical-align: top; padding: 5px;} .payment_toggle img {width: 75px; display: inline;} .schufa_text {width: 530px; float: left; padding-left: 10px;} .payment_col {float: left; width: 155px; min-height: 160px; border-right: 1px solid #999; padding-right: 10px; margin-right: 10px;} #knf_pop_box_main .payment_col h2, .payment_col h2 {font-size: 16px; padding-bottom: 15px; letter-spacing: -0.05em;} #knf_pop_box_main .payment_col h2 a, .payment_col h2 a {color: #837f6e;} #knf_pop_box_main .payment_col p, .payment_col p { font-size: 11px; margin: 0; padding: 0; } .payment_col strong {line-height: 18px;} .payment_col_last {border: 0; padding: 0; margin: 0;} .space {clear: both; height: 20px;} /* payment Buttons */ .knf_pop_btn_kaufen { width: 70px; height: 25px; overflow: hidden; background: url(/images/evolution/payment/knf_pop_btn_kaufen.jpg) no-repeat left top; } .knf_pop_btn_kaufen div { text-indent: -999em; overflow: hidden; width: 70px; height: 25px; cursor: pointer; } .knf_pop_btn_anderespaket { width: 143px; height: 34px; overflow: hidden; background: url(/images/evolution/payment/knf_pop_btn_anderespaket.png) no-repeat left top; float: left; } .knf_pop_btn_anderespaket div { text-indent: -999em; overflow: hidden; width: 143px; height: 34px; cursor: pointer; } .knf_pop_btn_zahlungsmethode { width: 211px; height: 34px; overflow: hidden; background: url(/images/evolution/payment/knf_pop_btn_zahlungsmethode.png) no-repeat left top; } .knf_pop_btn_zahlungsmethode div { text-indent: -999em; overflow: hidden; width: 211px; height: 34px; cursor: pointer; } .knf_pop_btn_zahlungsdaten { width: 207px; height: 32px; overflow: hidden; background: url(/images/evolution/buttons/live_btn_zahlungsdateneingeben.gif) no-repeat left top; } .knf_pop_btn_zahlungsdaten div { text-indent: -999em; overflow: hidden; width: 207px; height: 32px; cursor: pointer; } .knf_pop_btn_persoenliche { width: 163px; height: 34px;overflow: hidden; background: url(/images/evolution/payment/knf_pop_btn_persoenliche.png) no-repeat left top; } .knf_pop_btn_persoenliche div { text-indent: -999em; overflow: hidden; width: 163px; height: 34px; cursor: pointer; } .knf_pop_btn_schliessen { width: 166px; height: 34px; overflow: hidden; background: url(/images/evolution/payment/knf_pop_btn_schliessen.png) no-repeat left top; } .knf_pop_btn_schliessen div { text-indent: -999em; overflow: hidden; width: 166px; height: 34px; cursor: pointer; } .knf_pop_btn_dashboard { float: left; width: 154px; height: 34px; overflow: hidden; background: url(/images/evolution/buttons/live_btn_startseite_blue.gif) no-repeat left top; overflow: hidden; } .knf_pop_btn_dashboard div { text-indent: -999em ; overflow: hidden; width: 154px; height: 34px; cursor: pointer; } .knf_pop_btn_deinkonto { float: left; width: 154px; height: 34px; overflow: hidden; background: url(/images/evolution/buttons/live_btn_meinkonto_blue.gif) no-repeat left top; overflow: hidden; } .knf_pop_btn_deinkonto div { text-indent: -999em; overflow: hidden; width: 154px; height: 34px; cursor: pointer; } .knf_btn_datenaendern { float: right; width: 154px; height: 34px; overflow: hidden; background: url(/images/evolution/buttons/live_btn_datenaendern_orange.gif) no-repeat left top; overflow: hidden; } .knf_btn_datenaendern div { text-indent: -999em; overflow: hidden; width: 154px; height: 34px; cursor: pointer; } input.knf_pop_btn_submit, div#knf_pop_btn_submit_wait { margin: 0 0 0 121px; color:#ddd; border: none; background: url(/images/evolution/payment/knf_pop_btn_weiter.png) no-repeat left top; width: 272px; height:61px; overflow: hidden; text-indent: -999em; cursor: pointer; margin-right: 0; float: right; } div#knf_pop_btn_submit_wait { background-image: url(/images/evolution/payment/knf_pop_btn_wait.png); display: none; cursor: normal; } input.knf_pop_btn_pay_now { margin: 0 0 0 0px; color:#ddd; border: none; background: url(/images/evolution/payment/live_btn_kaufabschliessen_blue.png) no-repeat left top; width: 272px; height:61px; overflow: hidden; text-indent: -999em; cursor: pointer; margin-right: 0; float: right; } input.knf_pop_btn_pay_confirm { margin: 0 0 0 0px; color:#ddd; border: none; background: url(/images/evolution/payment/live_btn_confirmorder_blue.png) no-repeat left top; width: 272px; height:61px; overflow: hidden; text-indent: -999em; cursor: pointer; margin-right: 0; float: right; } .knf_pop_btn_zahlung { width: 211px; height: 34px; overflow: hidden; background: url(/images/evolution/payment/knf_pop_btn_zahlungsmethode.png) no-repeat left top; } .knf_pop_btn_zahlung div { text-indent: -999em; overflow: hidden; width: 211px; height: 34px; cursor: pointer; } .pay_method_wrap { width: 170px; text-align:center; padding: 7px 10px; border: 1px solid #b0aea4; margin-bottom: -1px; margin-left: 10px; } /* Payment Content positioning */ .payment_content {margin: 442px 0 0 20px;} #knf_pay_advantage { background: url(/images/evolution/payment/knf_advantage_box_pat.jpg) repeat-y top left; } #knf_pay_advantage_boxtop { height: 27px; background: url(/images/evolution/payment/knf_advantage_box_top.jpg) no-repeat top left; } #knf_pay_advantage_boxbot { height: 29px; background: url(/images/evolution/payment/knf_advantage_box_bot.jpg) no-repeat 4px top; } .knf_pay_advantage_list {padding: 0 40px 0 50px;} .knf_pay_advantage_list img {display: inline;} .knf_pay_advantage_head_l, .knf_pay_advantage_head_r {font-weight: 900; float: left; padding-bottom: 10px; font-size: 14px;} .knf_pay_advantage_item_l, .knf_pay_advantage_item_r {float: left; padding: 5px 0; border-top: 1px solid #aaa;} .knf_pay_advantage_head_l, .knf_pay_advantage_item_l {width: 400px;} .knf_pay_advantage_head_r, .knf_pay_advantage_item_r {width: 100px; text-align: center;} .knf_pop_bg_steps { background: url(/images/evolution/payment/knf_pop_bg_steps.png) repeat-x left top; height: 85px; width: 810px; } #knf_pop_box_main .knf_pop_font_steps { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #282727; height: 52px; } #knf_pop_box_main .knf_pop_font_steps a { color: #282727; } .knf_pop_box_payment {margin-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #282727; color: #000;} .knf_pop_box_payment input {margin-right: 10px;} .knf_pop_box_payment img { display: inline; } .pay_method_wrap img { width: 51px; height: 35px; } .knf_pop_box_payment span { display: block; padding: 0 10px 0 20px; text-align: left;} .knf_pop_box_details { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #282727; background: none;} #knf_pop_box_checkdata { width: 820px; height: 300px; } #knf_pop_box_checkdata .j21p_row { width: 260px; } .knf_pay_head {position: absolute; top:65px; left:22px;} .knf_pay_subtitle {position: absolute; top:102px; left:22px;} .knf_pay_text1 { position: absolute; top:188px; left:42px; } .knf_pay_text2 { position: absolute; top:188px; left:340px; } .knf_pay_text3 { position: absolute; top:220px; left:22px; } .knf_pay_text4 { position: absolute; top:220px; left:310px; } .knf_pay_package_left { position: absolute; top:240px; left:40px;} .knf_pay_package_left p { margin-bottom: 20px;} .knf_pay_package_month {position: absolute; top:254px; left:370px;} .knf_pay_package_month div { margin-bottom: 16px;} .knf_pay_package_month div.left {margin: 0; float: left; width: 100px;} #knf_pop_box_main h2, .knf_pop_font_month, .knf_pop_font_price { font-family:Arial, Helvetica, sans-serif; } #knf_pop_box_main p.knf_pay_head { font-size: 24px; font-weight: normal;} .knf_pay_right {text-align: right;} .knf_pay_package_month { font-size: 10px; line-height: 11px; font-weight: normal; letter-spacing: -0.05em; } .knf_pay_package_month span { font-size: 11px; font-weight: bold; } .knf_pay_package_month b { font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: -0.05em; } .knf_pay_bronze { color:#9d6b3e; } .knf_pay_silver { color:#919191; } .knf_pay_gold { color:#d3b527; } .knf_pay_black { color:#0a0a0a; } .knf_pay_package_buttons {position: absolute; top:255px; left:704px} .knf_pay_package_buttons .knf_pop_btn_kaufen { margin-bottom: 25px;} #knf_pay_changepackage .knf_pay_subtext { padding: 0 0 0 20px; } #knf_pop_box_main .knf_pay_subtext p, .knf_pay_subtext p { padding: 20px; font-size: 10px; line-height: 13px; color: #ddd; } .knf_pay_aktion { position: absolute; top:64px; left: 645px; width: 170px; padding: 0; font-size: 16px; font-weight:bold; line-height: 20px; color: #c90467; padding: 0; background: #fff; } .knf_pay_aktion span { font-size: 11px; line-height: 13px; color: #c90467; } .knf_pay_aktion div { padding: 6px 10px 10px 10px; border: 1px solid #c90467; } #knf_pay_details .knf_pay_subtext { border-top:1px solid #464645; } #knf_pay_details .knf_pay_subtext p { padding: 10px 0 20px 0; color: #292929; } .knf_pay_package_steps { position: absolute; top: 20px; left: 20px; background: url(/images/evolution/payment/knf_pop_bg_steps.png) repeat-x left top; height: 85px; width: 790px;} .knf_pay_summary { font-size:11px; } .knf_pay_summaryData { margin: 0 0 24px 0; line-height: 1.1em;} #knf_pop_box_main .knf_pay_summaryData p { margin: 0; padding: 0 0 4px 0; font-size:11px; } .knf_pay_summaryData .knf_row { width: 362px; float: left; padding: 3px 0; } .knf_pay_summary .knf_col .knf_pay_summaryData .knf_row { width: 242px; float: left; padding: 10px 0px 5px 0px; } .knf_pay_summaryData .knf_row div { width: 85px; float: left; text-align: left; color: #4f4e4e; margin:0;padding:0; } .knf_pay_summaryData .knf_row div.knf_pay_summaryEntry { width: 247px; float: right; text-align: left; color: #000; } .knf_pay_summary .knf_col .knf_pay_summaryData .knf_row div.knf_pay_summaryEntry { width: 127px; float: right; text-align: left; color: #000; } #knf_pop_box_main .knf_pay_summary h2, #knf_pop_box_main .knf_pay_summary h3 { font-size: 18px; color: #292929; padding: 10px 0 6px 0; margin: 0; } #knf_pop_box_main .knf_pay_summary h3 { margin: 0 0 0 0; } #knf_pop_box_main .knf_pay_summary h2 a { color: #000; } #knf_pop_box_main .knf_pay_summary h4 { margin: 0; padding: 10px 0 10px 0; font-size: 14px; font-weight:normal; } .knf_pay_summary .knf_left { width: 398px; } .knf_pay_summary .knf_col { width: 250px; float: left; } .knf_pay_summary .knf_right { width: 398px; } .knf_pay_summaryButtons { clear: both; width: 800px; margin: 0 0 20px 0; } .knf_pay_summary .knf_pop_btn_anderespaket { float: left; margin-right: 20px; } .knf_pay_summary .knf_btn_datenaendern { float: left; } .knf_pay_summary input.knf_pop_btn_pay_now { float: right; margin: 0; padding: 0; } .knf_pay_summary .knf_pop_btn_zahlung { float: right; margin-left: 0px; } #knf_pay_showResults .knf_pay_summaryButtons { width: 400px; margin: 0 0 0 0; padding: 0 0 20px 0; } #knf_pay_showResults .knf_pop_btn_zahlungsdaten {float: left;} #knf_pay_showResults .knf_pop_btn_persoenliche { float: right; } .knf_pay_userDataButtons { clear: both; margin: 0; padding: 0; } .knf_pay_userDataButtons .knf_pad { padding-left: 480px;} .knf_pay_userDataButtons input.knf_pop_btn_submit, .knf_pay_userDataButtons div#knf_pop_btn_submit_wait { float: right; margin: 0; padding: 0; } .knf_pay_userDataButtons .knf_pop_btn_anderespaket { float: left; } #knf_pay_elv .knf_pay_summaryData .knf_row div, #knf_pay_elv .knf_pay_summaryData { color: #292929; } #knf_pay_elv .j21p_optionSubmit { margin: 140px 0 0 0; padding: 0; width: 260px; } #knf_pay_elv .j21p_optionSubmit input { width: 272px; height:61px; margin: 0; padding: 0; cursor:pointer; } #knf_pay_elv .j21p_optionSubmit input.j21p_submit { background: url(/images/evolution/payment/knf_pop_btn_weiter.png) no-repeat left top; } #knf_pay_elv .schufa_error {border: 2px solid #c00; float: left; padding: 5px; margin-bottom: -10px;} #knf_pay_elv .schufa_text {padding: 2px 0 0 5px; font-size: 10px; width: 460px;} #knf_pay_elv .knf_pay_summaryEntry p { margin-top: 4px; margin-left: 0; } #elv_button_save {margin-top: 40px;} #knf_pay_waiting { display:block; padding: 20px; width: 200px; color: #fff; background: #666;} /* upgrade package*/ #knf_pay_upgrade_container { background: #848376 url(/images/evolution/alerts/knf_pop_bg_pad.png) repeat-x top left; } .knf_pay_upgrade_container_pad { padding: 25px 0 20px 25px; } .knf_pay_upgrade { width: 795px; background: url(/images/evolution/payment/knf_pay_upgrade_bg.gif) repeat-x top center #3e678a; } .knf_pay_upgrade p { padding: 25px; } .knf_pay_upgrade h2 { height: 65px; font-family:Arial, Helvetica, sans-serif; line-height: 26px; font-weight: normal; color: #292929; overflow: hidden; padding: 0; margin: 0; } .knf_pay_upgrade h2 p { padding: 25px 0 0 20px; font-size: 24px; } .knf_pay_upgrade .knf_left { width: 250px; } .knf_pay_upgrade .knf_left p { padding: 18px 0 0 20px; color: #292929;} .knf_pay_upgrade .knf_left img { margin: 175px 0 0 10px; } .knf_pay_upgrade .knf_right { width: 492px; } .knf_pay_upgrade_box { width: 482px; background: url(/images/evolution/payment/knf_pay_upgrade_box_pat.jpg) repeat-y left top; } .knf_pay_upgrade_box_pad { padding: 45px 0 0 30px; background: url(/images/evolution/payment/knf_pay_upgrade_box_top.jpg) no-repeat left top ; } .knf_pay_upgrade_box_pad_2nd { padding: 25px 0 0 30px; background: url(/images/evolution/payment/knf_pay_upgrade_box_top_2nd.gif) no-repeat left top ; } .knf_pay_upgrade_box_bot { height: 36px; width: 482px; overflow: hidden; background: url(/images/evolution/payment/knf_pay_upgrade_box_bot.jpg) no-repeat left top; } .knf_pay_upgrade_box h4 { padding: 0 0 15px 0; margin: 0; color: #333; font-weight: normal; font-size: 16px; line-height: 18px; } .knf_pay_upgrade .knf_row { margin: 0; width: 422px; height: 56px; overflow: hidden; } .knf_pay_upgrade .knf_row div { padding: 0 0 0 50px; } .knf_pay_upgrade .knf_row div p { padding: 10px 20px 5px 0; font-size: 10px; line-height: 11px; font-weight: normal; letter-spacing: -0.03em; } .knf_pay_upgrade .knf_row span { font-size: 10px; font-weight: bold; } .knf_pay_upgrade .knf_row b { font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: -0.05em; } .knf_pay_upgrade_box .knf_row .knf_pop_btn_kaufen { padding: 0; margin-top:15px; width: 90px; height: 25px; overflow: hidden; background: url(/images/evolution/payment/knf_pop_btn_wechseln.png) no-repeat left top; float: right; } .knf_pay_upgrade .knf_pay_premium_1 { color:#9d6b3e; background: url(/images/evolution/payment/knf_pay_ico_bronze.gif) no-repeat top left; width: 265px; float: left; } .knf_pay_upgrade .knf_pay_premium_3 { color:#919191; background: url(/images/evolution/payment/knf_pay_ico_silber.gif) no-repeat top left; width: 265px; float: left; } .knf_pay_upgrade .knf_pay_premium_6 { color:#d3b527; background: url(/images/evolution/payment/knf_pay_ico_gold.gif) no-repeat top left; width: 265px; float: left; } .knf_pay_upgrade .knf_pay_premium_12 { color:#0a0a0a; background: url(/images/evolution/payment/knf_pay_ico_platin.gif) no-repeat top left; width: 265px; float: left; } /* payment navigation new */ #payment_navi .item {float: left; width: 375px; padding: 10px; overflow: hidden; background: #e8e6dc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #payment_navi .spacer {float: left; width: 20px; height: 20px;} #payment_navi .item a {color: #333;} /* payment navigation new new */ #payment_progress { padding-left: 11px; } #payment_progress .item {float: left; width: 263px; overflow: hidden; } #payment_progress .item p {font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; padding:0; margin: 0; } #payment_progress .item p a { color: #111; } #payment_progress .item p.sublabel { font-size: 12px; line-height: 14px; color: #58412d; } #payment_progress .item p.sublabel a { color: #58412d; text-decoration:none; } #payment_progress .progbar { width: 262px; height: 10px; background: #888586 url(/images/evolution3/payment/bar_bg_grey.png) repeat-x; margin: 8px 0 4px 0; } #payment_progress .complete .progbar { width: 262px; height: 10px; background: #6dab16 url(/images/evolution3/payment/bar_bg_green.png) repeat-x; margin: 8px 0 4px 0; } #payment_progress .item a {color: #111;} #payment_progstat { padding-bottom: 6px; } #payment_progstat .arrow { background: url(/images/evolution3/payment/progstat.gif) right top no-repeat; width: 22px; height: 11px; } .progstat_udata .arrow { padding-left: 262px; } .progstat_pmethod .arrow { padding-left: 525px; } /* #payment_navi { height: 34px; width: 818px; margin-bottom: 30px; } #payment_navi ul { list-style:none; padding:0; margin:0; } #payment_navi li { display: block; color: #eee; float: left; width: 202px; background: url(/images/evolution/payment2/progress_bg.png) repeat-x; height: 26px; margin: 0; text-align:center; padding-top: 8px; margin-right: 1px; } #payment_navi li.past { background: url(/images/evolution/payment2/progress_past_bg.png) repeat-x; color: #eee; } #payment_navi li.current { background: url(/images/evolution/payment2/progress_bg.png) repeat-x; color:#88ccFF; } #payment_navi li.past a { color: #fff; } */ #smLogo_nolink { width: 207px; height: 52px; background: url(/images/evolution3/main/knf_logo.png) left top no-repeat; display: none; margin: -10px 0 0 40px; } /* ersparnis .knf_pay_upgrade_box .knf_pay_premium_3 p { background: url(/images/evolution/payment/knf_pay_ersparnis_silver.png) no-repeat top right; } .knf_pay_upgrade_box .knf_pay_premium_6 p { background: url(/images/evolution/payment/knf_pay_ersparnis_gold.png) no-repeat top right; } .knf_pay_upgrade_box .knf_pay_premium_12 p { background: url(/images/evolution/payment/knf_pay_ersparnis_platin.png) no-repeat top right; } */ .knf_pay_upgrade .knf_pay_subtext p { color: #fff; } /* **************** */ /* New Konto */ #knf_konto_box_both, #knf_konto_box_left, #knf_konto_box_right { background: #848376 url(/images/evolution/alerts/knf_pop_bg_pad.png) repeat-x top left; margin-top: 20px; } #knf_konto_box_left { width: 520px; height: 350px; overflow:hidden; float: left; } #knf_konto_box_right { width: 280px; height: 350px; overflow: hidden; float: right;} .knf_konto_box_pad { padding: 25px 0 25px 25px; } #knf_konto_accountDel h2, #knf_konto_accountDel p { color: #292929; } #knf_konto_accountDel .j21p_optionSubmit { margin: 50px 0 20px 0; text-align:left; width: auto; padding: 0 0 0 0; } #knf_konto_accountDel .j21p_optionSubmit .knf_pad { width: 230px; padding: 0; } #knf_konto #knf_konto_accountDel .j21p_optionSubmit input { width: 105px; height: 30px; margin: 0; padding: 0; } #knf_konto_accountDel .j21p_optionSubmit input.btn_abbrechen { float: left; background: url(/images/evolution/buttons/live_btn_abbrechen_sm.gif) no-repeat; cursor: pointer; } #knf_konto_accountDel .j21p_optionSubmit input.btn_kuendigen { float: right; background: url(/images/evolution/buttons/live_btn_kuendigen_bl.gif) no-repeat; cursor: pointer; } #knf_konto_accountDel .j21p_optionSubmit input.btn_aktivieren { float: right; background: url(/images/evolution/buttons/live_btn_aktivieren.gif) no-repeat; cursor: pointer; } #knf_konto #knf_konto_accountDel .knf_pop_btn_submit { margin-left: 0; } #knf_konto .cont-data { padding: 20px; } #knf_konto h3 {color: #292929; font-size: 18px; font-weight: bold; margin: 0; padding: 0 0 30px 0;} .knf_konto_steps { background: url(/images/evolution/register/step_bg.png) repeat-x top left; width:100%; clear:both; height: 54px; overflow: hidden; text-align:right; } .knf_konto_steps div { padding: 18px 0 0 0; } .knf_konto_steps a { padding: 0 20px 0 20px; color: #292929; text-decoration: none; font-size: 14px; width: 30px; overflow: hidden; } .knf_konto_steps a.selected, .knf_konto_steps a:hover { color: #fff; } #knf_konto_cellphone { margin: 0px 0 0 0; } /* overwritten formstyles */ #knf_konto .j21p_row { width: 240px; height: auto; overflow: hidden; margin: 12px 0 8px 0;padding-left: 0; float: left;} #knf_konto .j21p_row label { color: #000; } #knf_konto .j21p_row input { border: 1px solid #6f6f6e; background:#fff; color: #292929; } #knf_konto .j21p_checkbox label { width: 180px; } #knf_konto .knf_smallrows { width: 650px; margin: 10px 0 20px 0; } #knf_konto .knf_smallrows .j21p_row { width: 300px; height: 24px; padding: 1px 0 0 5px; margin-top: 0; margin-bottom: 8px; background: url(/images/evolution/viewprofile/checkbox_bg.gif) left top no-repeat; } #knf_konto .knf_smallrows .j21p_row label { margin: 0; padding: 4px 0 0 12px; width: 240px; } #knf_konto_box_left .j21p_row { width: 240px; height: auto; overflow: hidden; margin: 12px 5px 8px 0; padding-left: 0; float: left;} #knf_konto_box_left .j21p_checkbox label { margin: 0; padding: 4px 0 0 12px; } /* overwritten Input */ #knf_konto .j21p_optionSubmit input { font-size: 18px; text-indent:-1000em; font-family:Arial, Helvetica, sans-serif; background: none; border: none; font-weight:bold; width: 114px; height: 36px; margin: 0 20px 0 20px; cursor:pointer; } #knf_konto .j21p_optionSubmit input.j21p_submit { background: url(/images/evolution/buttons/live_btn_speichern_orange.gif) no-repeat left top; } #knf_konto .shortcuts-data { padding:30px 0 20px 0; } .shortcuts-data h2{ color:#2a2b2a; margin:0 0 10px 0; overflow:hidden; font:bold 18px Arial, Helvetica, sans-serif; } /* abo page */ #knf_konto_abo_left { width: 380px; float: left; color: #292929; } #knf_konto_abo_right { width: 400px; float: right; color: #292929; } #knf_konto_abo_right img { margin: 0 10px 0 0; } #knf_konto_abo_left p, #knf_konto_abo_right p { margin: 0 0 5px 0; padding: 0; font-size: 13px; } #knf_konto_abo_left h2, #knf_konto_abo_right h2 {margin: 0; padding: 0; font-size: 24px; font-weight: normal; } #knf_konto_abo_right .knf_left div p { margin: 0 0 5px 0; padding: 0 0 10px 0; font-size: 13px; } #knf_konto_abo_right .knf_left div p span { font-weight: bold; font-size: 13px; } .knf_left { float: left; } .knf_right { float: right; } #knf_konto_bills .knf_row { background: #cfcfc3; border-bottom: 1px solid #848376; overflow: hidden; height: 32px; padding: 4px 0 0 0; overflow: hidden; } #knf_konto_bills .knf_row_alt { background: none; } #knf_konto_bills div { font-size: 18px; color: #292929; } #knf_konto_bills h1 { font-size: 18px; color: #2b2b2b; padding: 25px 0 0 25px; font-weight: normal; } .knf_konto_date { width: 130px; float: left; padding: 2px 0 0 25px; } .knf_konto_package { width: 395px; float: left; padding: 2px 0; } .knf_konto_price { width: 100px; float: left; padding: 2px 0; } .knf_konto_pdf { width: 140px; float:right; padding: 2px 0; } .left-container-large { width:655px; overflow:hidden; float:left; } .right-container-small { width:200px; float:right; } .invitations-list-large { width: 600px; margin: 0 0 20px 0; } .invitations-list-large h3 { margin: 0 0 10px 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 18px; line-height:20px; letter-spacing:-0.01em; } .invitations-head-dot { border-top: 1px dotted white; padding: 15px; } .invitations-head-dotEnd { border-bottom: 1px dotted white; } .invitations-content { border:0px solid #ff0066; } .invitations-content-left { padding: 5px 10px 5px 10px; width:210px; float:left; border: 0px solid #ff0066; } .invitations-content-middle { padding: 5px 10px; width: 180px; float:left; border-left: 1px solid white; } .invitations-content-right { float: right; border:0px solid #ff0000; font-size: 10px; text-align: right; clear: right; } .invitations-content-left img { float: left; padding-right: 5px; } .invitations-content-right img { padding: 2px 0; } .invitations-content h1 { font-weight: bold; font-size: 20px; color: #fff;} .invitations-content h2 { font-weight: bold; font-size: 16px; margin: 0px; } .invitations-content p { font-weight: normal; font-size: 12px; line-height: 15px; margin: 0; } .invitations-check {float: left; width: 25px; padding-top: 25px;} /* new agbs */ #knf_agb { padding: 20px 20px 0 20px; } #knf_agb h1 { margin: 15px 0 30px 0; color: #eee; font-weight: normal; font-size: 14px; } #knf_agb h2 { margin: 0px 0 0px 0; color: #eee; font-weight: bold; } #agb_text h2 { margin: 45px 0 15px 0; color: #eee; font-weight: bold; } #knf_agb h2.knf_agb_first { margin-top:0; } #knf_agb p { font-size: 11px; color: #eee; } #knf_agb ul { margin-bottom: 20px; } #knf_agb li { margin-left: 50px; padding-bottom: 5px; } #knf_agb .j21p_optionSubmit { margin: 50px 0 20px 0; text-align:left; width: auto; padding: 0 0 0 400px; } #knf_agb .j21p_optionSubmit .knf_pad { width: 381px; } #knf_agb .j21p_optionSubmit .knf_left { width: 256px; } #knf_agb .j21p_optionSubmit .knf_right { width: 105px; } #knf_agb .j21p_optionSubmit input, #knf_agb .j21p_optionSubmit a { width: 105px; height: 30px; margin: 0; padding: 0; } .j21p_optionSubmit a#btn_agb { float: left; background: url(/images/evolution/buttons/live_btn_agbs_ansehen.gif) no-repeat; cursor: pointer; text-indent:-1000em; width:131px; } .j21p_optionSubmit input.btn_akzeptieren { float: left; background: url(/images/evolution/buttons/live_btn_akzeptieren.gif) no-repeat; cursor: pointer; } .j21p_optionSubmit input.btn_ablehnen { float: right; color:#ddd; border: none; background: url(/images/evolution/buttons/live_btn_ablehnen.gif) no-repeat left top; cursor: pointer; } /* nofrog_garantie */ .nofrog_container {background: #c6c4af; padding: 9px;} .nofrog_garantie_bg1 {width: 830px; height: 438px; overflow: hidden; background: url(/images/nofrog_garantie/bg1.jpg) no-repeat left top;} .nofrog_garantie_bg2 {width: 760px; height: 73px; padding: 365px 35px 0; text-align: right; overflow: hidden; background: url(/images/nofrog_garantie/bg2.jpg) no-repeat left 200px;} .nofrog_garantie_bg2 img {display: inline;} #knf_nofrog { padding: 0 0 20px 20px; margin: 20px 20px 0 0; color: #fff; background: url(/images/evolution/nofrog/nofrog_garantie.gif) no-repeat right top; background-position: 575px 15px; } #knf_nofrog h2 { font-weight: normal; margin: 0 0 20px 0; font-size: 26px; color: #292929; } #knf_nofrog h2 span { color: #2b98bb; } #knf_nofrog .knf_row { width: 510px; margin: 0 0 15px 0; } #knf_nofrog .knf_row div { width: 100px; float: left; text-align: center; } #knf_nofrog .knf_row div img { margin: 0 auto; } #knf_nofrog .knf_row p { width: 400px; float: right; } a.btn_kostenlosanmelden { width: 172px; height: 30px; display:block; overflow:hidden; background: url(/images/evolution/buttons/live_btn_kostenlosanmelden.gif) no-repeat; margin: 40px 0 0 300px; } a.btn_kostenlosanmelden span { text-indent: -9999em; width: 172px; height: 30px; display:block; } a.btn_zurueck { width: 105px; height: 30px; display: block; overflow: hidden; background: url(/images/evolution/buttons/live_btn_zurueck.gif) no-repeat; margin: 40px 0 0 367px; } a.btn_zurueck span { text-indent: -9999em; width: 105px; height: 30px; display:block; } /* flexbox */ .knf_flexibox { padding: 0; margin:0; background:#555555; width: 510px; position: relative; } .knf_flexibox_content { padding: 40px 10px 20px 10px; } .knf_flexibox_botl { margin: 0; padding: 0; background:url("/images/evolution/basics/knf_flexibox.gif") bottom left no-repeat; height: 10px; width: 10px; position: absolute; bottom: 0; left: 0; overflow: hidden; background-position: 0 -11px; } .knf_flexibox_botr { margin: 0; padding: 0; background:url("/images/evolution/basics/knf_flexibox.gif") bottom right no-repeat; height: 10px; width: 10px; position: absolute; bottom: 0; right: 0; overflow: hidden; background-position: -11px -11px;} .knf_flexibox_topl { margin: 0; padding: 0; background:url("/images/evolution/basics/knf_flexibox.gif") top left no-repeat; height: 10px; width: 10px;position: absolute; top: 0; left: 0; overflow: hidden; } .knf_flexibox_topr {margin: 0; padding: 0; background:url("/images/evolution/basics/knf_flexibox.gif") top right no-repeat; height: 10px; width: 10px; position: absolute; top: 0; right: 0; overflow: hidden; } div.clear {clear: both;} /* user/start_new */ .start_new_title {background: url(http://static.kissnofrog.com/images/evolution/register/step_bg.png) repeat-x; height: 24px; overflow: hidden; padding: 10px 15px 15px 15px; color: #fff; font-size: 20px; font-weight: 900; font-family: Arial, sans-serif; margin: 0 9px 0 10px;} .start_new_title_login { float: left; padding-top: 3px; padding-right: 8px; } .start_new_title_tagline { float: left; } .start_new_title_tagline input { width: 300px; height: 18px; padding: 3px 4px 3px 4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; } .start_new_board {background: #c4c2b6; margin: 0 9px 0 10px;} .start_new_content {padding: 7px 7px 0; color: #3d3c3c; font-family: Arial, sans-serif; font-size: 11px;} .start_new_content div {overflow: hidden; display: block;} .start_new_spacer {height: 7px; clear: both; overflow: hidden;} .start_new_bottom_l, .start_new_bottom_r {width: 7px; height: 7px; overflow: hidden;} .start_new_bottom_l {background: url(http://static.kissnofrog.com/images/start_new/round_corner_left_bottom.png); float: left;} .start_new_bottom_r {background: url(http://static.kissnofrog.com/images/start_new/round_corner_right_bottom.png); float: right;} .start_new_thumb {width: 58px; height: 58px; border: 1px solid #666; float: left; position: relative;} .start_new_profile_pic {width: 102px; height: 102px; border: 1px solid #666; float: left;} .start_new_sessions_thumb {width: 29px; height: 29px; border: 1px solid #666; float: left;} .start_new_item_text {padding: 0 0 0 5px; overflow: hidden; float: left; width: 188px;} .start_new_sessions_text {overflow: hidden; color: #fff; position: relative; left: 7px; width: 293px;} .start_new_username_b {font-size: 14px; padding: 0 0 4px; margin: 0; display: block;} .start_new_username {font-size: 14px;} .start_new_username_b a, .start_new_username a {color: #3d3c3c;} .start_new_online {margin-top: 8px;} .start_new_search {float: left; width:465px;overflow:hidden;} .start_new_search_pad {width: 445px; background: #868686; padding: 5px 15px 5px 15px; float: left; color: #fff; height: 72px; overflow: hidden; margin-top: 1px;} .start_new_sessions {left: 7px; height: 105px; overflow: hidden; white-space: nowrap; width: 362px; position: relative;} .start_new_nofrog_titel, .start_new_netzwerk_titel, .start_new_newpeople_titel, .start_new_visitors_titel, .start_new_online_titel, .start_new_inbox_titel {border-width: 0 0 0 10px; border-style: solid; margin: 0 0 2px; height: 23px; color: #fff; padding: 6px 0 0 5px; font-size: 16px; line-height: 18px; font-weight: 900;} .start_new_nofrog_item, .start_new_netzwerk_item, .start_new_newpeople_item, .start_new_visitors_item, .start_new_online_item, .start_new_sessions_item {margin: 1px 0 0; border-width: 0 0 0 10px; border-style: solid; height: 60px; padding: 5px; overflow: hidden; white-space: nowrap;} .start_new_visitors_item, .start_new_online_item {height: 17px; padding: 2px 5px;} .start_new_search_titel, .start_new_sessions_titel {border-width: 0 0 0 10px; background: #868686; border-color: #646464; border-style: solid; margin: 0 0 2px; height: 16px; color: #fff; padding: 4px 0 0 5px; font-size: 12px; line-height: 14px; font-weight: 900;} .start_new_inbox_titel {background: #839ba6; border-color: #607682;} .start_new_netzwerk_titel, .start_new_netzwerk_item {background: #c4a472; border-color: #f9b002;} .start_new_netzwerk_titel {background: #d08817;} .start_new_nofrog_titel {background: #d08817; border-color: #f9b002;} .start_new_nofrog_item {background: #c4a472; border-color: #c4a472; height: 84px; font-size: 12px;} div.start_new_nofrog_item_big {height: 206px; overflow: visible; white-space: normal;} .start_new_newpeople_titel, .start_new_newpeople_item {background: #aea49c; border-color: #938b84;} .start_new_visitors_titel, .start_new_visitors_item {background: #b5b3a8; border-color: #a19f96;} .start_new_online_titel, .start_new_online_item {background: #adb5a8; border-color: #989f93;} .start_new_sessions_item {background: #868686; border-color: #646464; height: 31px;} .online {border-color: #54a445;} .start_new_container {float: left; width: 484px; padding-right: 7px; overflow: hidden; height: 228px;} .start_new_profile {width: 241px; float: left; height: 105px; padding-right: 7px;} .start_new_netzwerk, .start_new_newpeople {float: left; width: 280px; padding-right: 7px; height: 242px;} .start_new_visitors, .start_new_online {height: 117px; width: 259px; overflow: hidden;} .start_new_inbox {width: 236px; float: left; height: 104px;} .start_new_nofrog {width: 484px; height: 117px; float: left; clear: left; margin-top: 6px;} .start_new_nofrog_garantie {background: url(/images/start_new/nofrog_garantie.png) no-repeat 165px 0; width: 273px; overflow: hidden; position: relative; font-size: 12px; margin: 0; padding: 5px 0 0; line-height: 14px;} .start_new_nofrog_garantie a {color: #3d3c3c;} .start_new_nofrog_text {padding: 10px 0; font-size: 12px; left: 7px; position: relative; width: 177px;} .sn_nofrog_nonet {display: block; font-size: 12px; padding: 0 0 15px;} .sn_nofrog_info {padding: 7px; display: block;} .sn_sessions_head {color: #3d3c3c; font-size: 14px; font-weight: 900; text-align: right;} .sn_sessions_title, .sn_sessions_info {float: left; width: 210px; overflow: hidden; white-space: nowrap; text-align: left;} .sn_sessions_info {width: 250px;} .sn_sessions_title a {color: #3d3c3c;} .sn_hide {display: none;} .sn_inbox_flirts_hasnews, .sn_inbox_nachrichten_hasnews, .sn_inbox_anfragen_hasnews, .sn_inbox_dates, .sn_inbox_flirts, .sn_inbox_nachrichten, .sn_inbox_anfragen {display: block; width: 117px; float: left;} .sn_inbox_dates {height: 35px; background: url(http://static.kissnofrog.com/images/start_new/inbox_dates.png) no-repeat; margin: 0 2px 0 0;} .sn_inbox_flirts, .sn_inbox_flirts_hasnews {height: 35px; background: url(http://static.kissnofrog.com/images/start_new/inbox_flirts.png) no-repeat;} .sn_inbox_nachrichten, .sn_inbox_nachrichten_hasnews {height: 36px; background: url(http://static.kissnofrog.com/images/start_new/inbox_nachrichten.png) no-repeat; margin: 2px 2px 0 0;} .sn_inbox_anfragen, .sn_inbox_anfragen_hasnews {height: 36px; background: url(http://static.kissnofrog.com/images/start_new/inbox_anfragen.png) no-repeat; margin: 2px 0 0;} .sn_inbox_flirts_hasnews {background-image: url(http://static.kissnofrog.com/images/start_new/inbox_flirts_hasnews.png);} .sn_inbox_nachrichten_hasnews {background-image: url(http://static.kissnofrog.com/images/start_new/inbox_nachrichten_hasnews.png);} .sn_inbox_anfragen_hasnews {background-image: url(http://static.kissnofrog.com/images/start_new/inbox_anfragen_hasnews.png);} .sn_ff_bg {background: #a2a096; width: 130px;} .sn_ff_pro {background: #bc6487; height: 13px;} .sn_ff_text {position: relative; color: #fff; text-align: right; width: 120px; left: 5px; top: -13px; font-weight: 900;} .start_new_profile_text {position: relative; left: 7px; font-size: 10px;} .start_new_profile_text a {color: #3d3c3c;} .start_new_flash {background: #292929; height: 228px; color: #fff; width: 343px; overflow: hidden;} div.sn_searchi {float: left; padding-right: 15px;} input.sn_searchi, select.sn_searchi {width: 100%; border: 1px solid #000; background: #fff;} input.sn_searchi_nick {width: 89px; border: 1px solid #000; background: #fff;} .sn_btn_suchen {margin: 11px 0 0 13px;} .user_start_premium {width: 8px; height: 58px; background: url(/images/evolution/premium/premium_user_start.png) no-repeat; position: relative; left: -58px; top: 1px; margin: 0 -8px -58px 0;} .messages_premium {width: 10px; height: 75px; background: url(/images/evolution/premium/premium_messages.png) no-repeat; position: relative; top: -75px; margin-bottom: -75px;} .invitations_premium {width: 10px; height: 75px; background: url(/images/evolution/premium/premium_messages.png) no-repeat; float: left; position: relative; left: -80px;} /* common controls */ #link_in {color: #000;} #box_out {display: none;} .ad_banner_bottom {padding: 10px 86px 0; text-align: center;} .calendar_date_select .cds_body td {overflow: hidden; height: 19px;} p#message_chooser_link {text-align: center; padding: 0;} #message_chooser_selects {width: 295px; height: 75px; overflow: auto; border: 2px solid #444; padding: 5px 5px 0; color: #000; clear: both; background: #fff; font-size: 12px;} #message_chooser {clear: both; width: 291px; height: 78px; color: #000; background: #fff; overflow: auto; border: 2px solid #444; padding: 1px 2px; display: none; font-family: Verdana, Arial, sans-serif; font-size: 12px;} #message_chooser_selects.addfriend {height: 55px;} #message_chooser.addfriend {height: 58px;} .message_chooser_option {margin-bottom: 5px;} .mco_check {float: left; width: 30px; clear: both; line-height: 16px;} .mco_check input {display: inline; margin: 0 5px;} .mco_text {float: left; width: 240px; line-height: 16px;} .knf_flirt_message {display: none;} .knf_form_text #message_chooser_selects {width: 400px; height: 80px; display: block; clear: left; margin-top: 5px;} .knf_form_text .mco_text {width: 350px;} .knf_email_text #message_chooser_selects {width: 247px; height: 70px;} .knf_email_text #message_chooser {width: 250px; height: 73px;} .knf_email_text .mco_text {width: 195px;} #message_chooser_selects.mc_meeting_subscriptions {width: 420px; height: 90px;} #message_chooser.mc_meeting_subscriptions {width: 416px; height: 93px;} #message_chooser_selects.mc_meeting_subscriptions .mco_text {width: 370px;} .mc_switch {float: left; padding: 0 5px 3px 0;} #session_invite_meetings {width: 295px; height: 100px; overflow: auto; border: 1px solid #444; padding: 5px 5px 0; clear: both;} .sim_item {clear: both; padding-bottom: 5px;} .sim_item_check, .sim_item_title {float: left;} .sim_item_check {width: 30px;} .sim_item_title {width: 240px;} .sim_item_title label {font-weight: 900;} .voucher_content {color: #3d3c3c; font-size: 12px; padding: 25px; line-height: 18px;} .voucher_legal {font-size: 9px; line-height: normal;} .knf_meeting_apply_mc {padding: 0;} .knf_meeting_apply_mc #message_chooser_selects {width: 355px; height: 108px;} .knf_meeting_apply_mc #message_chooser {width: 360px; height: 116px;} .knf_meeting_apply_mc #message_chooser_selects .mco_text {width: 300px;} .knf_box_frame_1 {background: #636257 url(/images/friend_invite/c_tl.png) no-repeat left top;} .knf_box_frame_2 {background: url(/images/friend_invite/c_tr.png) no-repeat right top;} .knf_box_frame_3 {background: url(/images/friend_invite/c_br.png) no-repeat right bottom;} .knf_box_frame_4 {background: url(/images/friend_invite/c_bl.png) no-repeat left bottom;} .knf_box_out, .knf_box_in {padding: 10px; text-align: left;} .knf_box_out {color: #fff; font-size: 10px; line-height: 14px;} .knf_box_in {background: #b1b1ab; border: 1px solid #636257; line-height: 24px;} .knf_box_in input, .knf_box_in select {width: 126px; background: #fff; border: 1px solid #636257; padding: 1px 2px; margin: 1px;} .knf_box_in label {display: block;} .knf_box_in form {display: inline;} .knf_box_in .knf_signup5_btn {background: transparent none; border: 0; width: auto;} .icon_list {text-align: center; height: 32px; padding-bottom: 7px; display: block;} .icon_list img {margin: 0 4px; width: 32px; height: 32px; display: inline;} .login_check img {float: left; margin-right: 5px;} .login_check {position: relative;} /* friend/past_contacts */ .past_contact_header {font-size: 14px; line-height: 24px; margin: 0 0 25px; font-family: Arial, Helvetica, sans-serif; color: #333; position: relative;} .past_contact_container {float: left; padding: 15px 8px;} .past_contact {background: #fff; border: 1px solid #999; padding: 5px; text-align: center; color: #333; font-family: Courier New, fixed; white-space: nowrap;} .past_contact_photo {margin-bottom: 5px;} .past_contact_username {overflow: hidden; width: 75px; font-size: 11px;} .past_contact_buttons {text-align: center; padding: 20px; margin: 15px 0 0;} .past_contact_buttons img {display: inline; margin: 0 10px;} #chooser_freitext, #chooser_auswahl {display: inline; margin: 0 1px 0 0; padding: 0; border: 0; float: left; cursor: pointer;} #flash_error_box {border: 2px solid #c00; background: #aaa; padding: 10px 0; color: #000; position: absolute; top: 70px; text-align: center; width: 480px; overflow: hidden;} #flash_error_box p {text-align: left; padding: 0 10px;} #payment_error_box {margin: 20px; background: #fff; color: #333; font-size: 14px; padding: 10px; text-align: center; font-weight: 900; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 5px #c00; -moz-box-shadow: 0 0 5px #c00; -webkit-box-shadow: 0 0 5px #c00;} /* the following styles need to be copied into evo3 when evo2 pages are being converted to evo3 */ .knf_payment_changepackage_button {float: right; padding: 0 0 3px 40px; margin: 0 0 5px 0; cursor: pointer; background: transparent url(/images/evolution/payment2/changepackage_button.png) no-repeat; border: 0; width: 272px; height: 61px; display: block; color: #fff; font-size: 20px; font-weight: 900; font-family: Arial, sans-serif;} .elv_input {margin: 2px 0; font-size: 11px;} .elv_input label {float: left; width: 125px; line-height: 20px;} .elv_input input, .elv_input select {width: 175px; margin: 0 2px; font-size: 11px; padding: 1px;} .elv_input #cityDiv input, .elv_input #cityDiv select {width: 155px;}