/** * * dunkelblau: #000066 * hellblau: #46B6EB * grün: #53B00E * grau: #797979 * */ body, h1, h2, h3, h4, h5, p, ul, li, ol, form { margin: 0px; padding: 0px; font-size: 12px; line-height: 20px; letter-spacing: 0em; color: #797979; } h1 { margin: 10px 0px 10px 0px; font-size: 22px; line-height: 1.2em; letter-spacing: -2px; color: #46B6EB; } h2 { margin: 10px 0px 10px 0px; font-size: 13px; line-height: 21px; letter-spacing: 0em; color: #46B6EB; } h3 { margin: 0px 0px 0px 0px; font-size: 13px; line-height: 22px; letter-spacing: 0em; color: #46B6EB; } .blue_headlines h1, .blue_headlines h2, .blue_headlines h3 { color: #46B6EB; } .green_headlines h1, .green_headlines h2, .green_headlines h3 { color: #53B00E; } #body_right h5, #body_right .item h5 { font-size: 16px; margin: 0px; color: #011d71; } #body_right h5 a, #body_right .item h5 a { color: #011d71; text-decoration: none; } #body_right h6, #body_right .item h6 { font-size: 12px; margin: 0px; color: #011d71; font-weight: normal; } p.handofsean { font-size: 20px !important; height: 60px; } a { color: #46B6EB; text-decoration: none; } a:hover { text-decoration: underline; } .trenner { border-bottom: 1px solid #CCCCCC; height: 1px; } body.home h1 { font-size: 60px; margin: -10px 0px 0px 0px; color: #53B00E; } body.home h2 { margin: -5px 0px 10px 0px; color: #011d71; } a img { border: 0px; } a.icon, a.icon_edit, a.icon_delete { margin: 1px 8px 1px 0px; padding: 4px 0px 4px 22px; color: #999; } a.icon { background: url('../img/icon_pfeil.gif') center left no-repeat; } a.icon_edit { background: url('../img/icon_edit.gif') center left no-repeat; } a.icon_delete { background: url('../img/icon_delete.gif') center left no-repeat; } a.icon_nolabel { margin: 1px 4px 1px 0px; background-position: center center; } body { font-family: Arial,Helvetica,sans-serif; background: url('../img/bg_header.jpg') 46% 43px no-repeat; } body.home { background: url('../img/bg_header_home.jpg') 50% 0% no-repeat; } body.nosidebar {} body.nosidebar #body_right { display: none; } body.nosidebar #body_content { width: 760px; } body.nosidebar #body_left { margin-left: -990px; } body.babytimer #breadcrumb { display: none; } body.babytimer #body { padding-top: 50px; } body.babytimer #body_left { margin-left: -995px; } body.babytimer #body_content { margin-left: 230px; width: 760px; } body.babytimer { background: #fff url('../img/bg_header_babytimer.jpg') 50% 106px no-repeat; } body.babytimer_woche-37 { background: #fff url('../img/bg_header_babytimer_ernaehrung.jpg') 50% 106px no-repeat; } body.babytimer #header { height: 420px; } body.babytimer .content_wrap { padding-right: 0px !important; } body.ernaehrung #breadcrumb { display: none; } body.ernaehrung #body_left { margin-left: -995px; } body.ernaehrung #body_content { margin-left: 230px; width: 760px; } body.ernaehrung { background: #fff url('../img/bg_header_ernaehrung.jpg') 50% 106px no-repeat; } body.ernaehrung #header { height: 456px; } body.ernaehrung .content_wrap { padding-right: 0px !important; } body.ernaehrung_grundbeduerfnisse { background: #fff url('../img/bg_header_ernaehrung.jpg') 50% 106px no-repeat; } body.ernaehrung_essen { background: #fff url('../img/bg_header_essen.jpg') 50% 106px no-repeat; } body.ernaehrung_trinken { background: #fff url('../img/bg_header_trinken.jpg') 50% 106px no-repeat; } body.ernaehrung_veraenderungen_geburt { background: #fff url('../img/bg_header_ernaehrung.jpg') 50% 106px no-repeat; } body.ernaehrung_grundbeduerfnisse_geburt { background: #fff url('../img/bg_header_ernaehrung.jpg') 50% 106px no-repeat; } body.ernaehrung_muttermilch_geburt { background: #fff url('../img/bg_header_ernaehrung.jpg') 50% 106px no-repeat; } body.ernaehrung_essen_geburt { background: #fff url('../img/bg_header_ernaehrung.jpg') 50% 106px no-repeat; } body.ernaehrung_trinken_geburt { background: #fff url('../img/bg_header_ernaehrung.jpg') 50% 106px no-repeat; } body.ernaehrung_zaehne_geburt { background: #fff url('../img/bg_header_ernaehrung.jpg') 50% 106px no-repeat; } body.photocontest { background: #fff url('../img/bg_header_photocontest.jpg') 46% 43px no-repeat; } /*---*/ .wrapper { margin: 0px auto; width: 990px; position: relative; } #header { height: 260px; position: relative; } #header.home { height: 480px; } /*#header.ernaehrung { height: 106px; }*/ #header.home #header_logo { position: absolute; top: 0px; left: 0px; } #header_logo { position: absolute; top: 0px; left: 0px; } #header_navi { position: absolute; top: 35px; left: 480px; } /*#header_right { position: absolute; top: 0px; right: 0px; }*/ #header .logo_fresenius { position: absolute; left: 785px; top: 10px; } #startseite_flash { position: absolute; left: 553px; top: 126px; } #body { height: 1%; position: relative; } #body_left { float: left; margin-left: -735px; width: 225px; padding-left: 5px; position: relative; /*z-index: 10000;*/ } /*body.home #body_left { margin-left: -704px; }*/ .navi_left_item { margin-bottom: 20px; position: relative; } .navi_left_item_links { margin-top: 10px; } .navi_left_item_links_first { margin-top: 0px; } .navi_left_item_links a { text-decoration: none; padding-left: 10px; display: block; color: #000066; font-size: 13px; font-weight: bold; } .navi_left_item_links a.active, .navi_left_item_links a:hover { text-decoration: none; color: #46B6EB; } .navi_left_item_links a.action { font-weight: normal; text-decoration: underline; color: #999; font-size: 11px; margin: 0px 0px 0px 5px; } .navi_left_item_links a.action:hover { color: #000066; } .navi_left_item_divider { border-bottom: 1px solid #f4f4f4; margin: 0px 40px 5px 0px; padding: 5px 0px 0px 0px; } .navi_left_item_community_new { position: absolute; right: 10px; top: 8px; } .navi_left_item_fotowettbewerb_more { position: absolute; left: 150px; top: 27px; } .btn_babytimer_start { position: absolute; left: 125px; top: 4px; } #navi_left { width: 200px; } #navi_left a.navi_left_root { display: block; background: #FFF url('../img/navi.gif') 0px 0px no-repeat; height: 30px; } #navi_left a.navi_left_root span { display: none; } #navi_left a.babytimer { background-position: 0px 0px; } #navi_left a.babytimer_active, #navi_left a.babytimer:hover { background-position: 0px -30px; } #navi_left a.ernaehrung { background-position: 0px -60px; } #navi_left a.ernaehrung_active, #navi_left a.ernaehrung:hover { background-position: 0px -90px; } #navi_left a.mamiblogs { background-position: 0px -120px; } #navi_left a.mamiblogs_active, #navi_left a.mamiblogs:hover { background-position: 0px -150px; } #navi_left a.fotowettbewerb { background-position: 0px -180px; } #navi_left a.fotowettbewerb_active, #navi_left a.fotowettbewerb:hover { background-position: 0px -210px; } #body_content { float: left; margin-left: 230px; display: inline; width: 505px; } #body_content p { margin: 0px 0px 15px 0px; } #body_content .content_wrap { padding-right: 40px; } .body_content_left { float: left; width: 342px; margin-right: 45px; } .body_content_right { float: left; width: 342px; } body.home #body_content { } body.home .generals_home { padding-top: 100px; } #body_content ul { margin: 0px 0px 10px 20px; } #breadcrumb ul { margin: 0px; } #body_right { margin-left: 10px; float: left; width: 245px; } /*#body_right.home { padding-top: 5px; }*/ #footer { height: 246px; background: url('../img/bg_footer.gif') top left repeat-x; margin-top: 25px; } body.home #footer { margin-top: 0px; } #footer .follow_us { position: absolute; top: 50px; left: 150px; } #footer .follow_us_title { font-weight: bold; font-size: 13px; color: #000066; } #footer .bookmark_us { position: absolute; top: 50px; left: 3px; } #footer .bookmark_us_title { font-weight: bold; font-size: 13px; color: #000066; } #footer .staticpages { position: absolute; top: 17px; left: 0px; } #footer .staticpages .trenner { position: relative; top: 5px; left: 0px; margin: 0px 5px 0px 5px; } .footer_logo { margin-left: 20px; } #home_footer { height: 0px; /*background: url('../img/bg_footer_home.jpg') 550px bottom no-repeat;*/ } .home_footer_schnuller { background: url('../img/bg_footer_home.png') top left no-repeat; position: relative; left: 200px; bottom: 58px; display: block; height: 280px; width: 318px; margin-bottom: -58px; } .clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; } /** * CONTROLCENTER */ body.home #sidebar_controlcenter { margin-top: -150px; padding-left: 5px; } .sidebar_controlcenter { position: relative; top: 0px; left: 0px; background: url('../img/bg_controlcenter.gif') 0px 31px no-repeat; width: 200px; height: 150px; } .sidebar_controlcenter_loggedin { background: none; height: 100px; } .sidebar_controlcenter #UserEmail { position: absolute; top: 37px; left: 8px; border: 0px; font-size: 12px; font-weight: bold; width: 165px; background: url('../img/bg_input_username.gif') left center no-repeat; } .sidebar_controlcenter #UserPassword { position: absolute; top: 71px; left: 8px; border: 0px; font-size: 12px; font-weight: bold; width: 165px; background: url('../img/bg_input_password.gif') left center no-repeat; } .hideBG { background: none !important; } .sidebar_controlcenter #UserLogin { position: absolute; top: 95px; left: 0px; } .sidebar_controlcenter #UserRegister { position: absolute; top: 95px; left: 37px; } .sidebar_controlcenter #UserFbconnect { position: absolute; top: 95px; left: 108px; } .sidebar_controlcenter #RES_ID_fb_login { width: 73px; height: 20px; display: block; background: url('../img/btn_controlcenter_fbconnect.gif') top left no-repeat; } .sidebar_controlcenter #RES_ID_fb_login img { display: none; } div.fbconnect-error-message { font-size: 11px; color: #E00; padding: 0px 0px 10px 0px; text-align: center; } .sidebar_controlcenter_avatar { position: absolute; top: 6px; left: 5px; } .sidebar_controlcenter_avatar img { border: 1px solid #797979; } .sidebar_controlcenter_username { position: absolute; top: 7px; left: 82px; font-size: 14px; color: #333; } .sidebar_controlcenter_profile { position: absolute; top: 35px; left: 80px; } .sidebar_controlcenter_logout { position: absolute; top: 52px; left: 80px; } /* #header_right_loginbox { position: relative; top: 0px; right: 0px; background: url('../img/bg_controlcenter.gif') top left no-repeat; width: 304px; height: 77px; } .header_right_loginbox_loggedin { background: url('../img/bg_controlcenter_loggedin.gif') top left no-repeat !important; } #header_right_loginbox #UserEmail { position: absolute; top: 9px; left: 14px; border: 0px; font-size: 12px; font-weight: bold; width: 140px; } #header_right_loginbox #UserPassword { position: absolute; top: 38px; left: 14px; border: 0px; font-size: 12px; font-weight: bold; width: 140px; } #header_right_loginbox #UserLogin { position: absolute; top: 61px; left: 99px; } #header_right_loginbox #UserResendPassword { position: absolute; top: 61px; left: 169px; } #header_right_loginbox #UserRegister { position: absolute; top: 32px; left: 169px; } #header_right_loginbox #UserFbconnect { position: absolute; top: 5px; left: 169px; } #header_right_loginbox #RES_ID_fb_login { width: 126px; height: 20px; display: block; background: url('../img/btn_controlcenter_fbconnect.gif') top left no-repeat; } #header_right_loginbox #RES_ID_fb_login img { display: none; } div.fbconnect-error-message { font-size: 11px; color: #E00; padding: 0px 0px 10px 0px; text-align: center; } .header_right_loginbox_avatar { position: absolute; top: 6px; left: 10px; } .header_right_loginbox_avatar img { border: 1px solid #797979; } .header_right_loginbox_username { position: absolute; top: 10px; left: 85px; font-size: 14px; color: #333; } .header_right_loginbox_profile { position: absolute; top: 40px; left: 83px; } .header_right_loginbox_logout { position: absolute; top: 40px; left: 155px; } */ /** * FLASH MESSAGES **/ #flashMessage, #authMessage { line-height: 18px; margin: 0px 0px 15px 0px; padding: 5px 10px; } #flashMessage a, #authMessage a { text-decoration: underline; } .success_message, .success_message a { background: #ccffcc; color: #3cb400; } .failure_message, .failure_message a { background: #ffcccc; color: #cc3333; } .general_message, .general_message a { background: #eee; color: #d10022; } .message, .message a { background: #eee; color: #bfa466; } /** * FORMULAR */ input, textarea, select { font-size: 12px; font-family: Arial; color: #666666; } #body_content form { } #body_content form div.submit { margin-bottom: 10px; } #body_content form div.submit input { padding: 3px 10px; border: 1px solid #CCC; background: #f4f4f4; width: auto; } #body_content form div.input { margin-bottom: 10px; } #body_content form div.submit { text-align: center; } #body_content form div.input label { width: 120px; float: left; padding: 3px 0px 0px 5px; } #body_content form div.input input { width: 330px; border: 1px solid #CCC; padding: 4px 3px; } #body_content form div.input input.disabled { border: 1px solid #FFF; background: #FFF; color: #000; font-weight: bold; } #body_content form div.input select { width: 388px; border: 1px solid #CCC; padding: 4px 3px; } #body_content form div.input textarea { width: 455px; border: 1px solid #CCC; padding: 4px 3px; } #body_content form div.input textarea.nolabel { width: 390px; } #body_content form div.radio fieldset { margin: 0px 0px 0px 20px; padding: 0px; border: 0px; } #body_content form div.radio fieldset legend { margin: 0px 0px 10px 0px; font-weight: bold; } #body_content form div.radio fieldset label { padding: 0px 0px 2px 0px; } #body_content form div.radio fieldset input { float: left; width: 20px; border: none; margin-left: 20px; } #body_content form div.input span.input_message { display: block; padding: 2px 0px 0px 0px; margin: 0px 10px 0px 5px; font-size: 11px; color: #888; } #body_content form div.input div.error-message { font-size: 11px; color: #E00; padding: 2px 0px 0px 0px; margin: 0px; text-align: center; } #body_content form div.input.checkbox input { float: left; width: 40px; border: 0px; margin: 5px 0px 0px 0px; } #body_content form div.input.checkbox label { width: 320px; } #body_content form div.input.checkbox div.error-message { font-size: 11px; color: #E00; padding: 0px; } #body_content form div.date select { width: 92px; } #body_content form div.date select.datepicker_day { width: 70px; } #body_content form div.date select.datepicker_month { width: 112px; } #body_content form div.date select.datepicker_year { width: 90px; } #body_content form div.date .dp-applied { padding: 0px 0px 0px 5px; } #body_content .button_container { text-align: center; } #body_content .button_container .submit { display: inline; margin: 0px 5px; } /** * HOME (GENERALS) **/ #body_content .generals_home { /*padding-right: 40px;*/ } #body_content .generals_home p { font-size: 13px; } .generals_home_facebook { position: absolute; top: -290px; left: 680px; width: 215; height: 240px; } #body_content .generals_home_volviclogo { position: relative; top: 5px; left: 0px; padding: 0px 0px 0px 1px; } #body_content .generals_home_neu_mbcommunity { float: left; padding: 0px 15px 10px 0px; } #body_content .generals_home_neu h1, #body_content .generals_home_neu h2 { margin-left: 180px; } #body_content .generals_home_welcome { margin-bottom: 30px; } #body_content .generals_home_neu { margin-top: 40px; } #body_content .generals_home_neu_mehr { float: right; padding: 15px 0px 0px 0px; } #body_content .generals_home_neu .handofsean { margin-right: 50px; } /** * BREADCRUMB **/ #breadcrumb { margin: 10px 0px 10px 0px; border-bottom: 1px solid #ccc; } #breadcrumb .breadlist { list-style: none; } #breadcrumb .breadlist li { float: left; padding-right: 3px; font-size: 12px; } #breadcrumb .breadlist li a { text-decoration: none; color: #666; } #breadcrumb .breadlist li.last a { color: #46b6eb; } #breadcrumb .breadlist li a:hover { text-decoration: underline; color: #46b6eb; } /** * PM SYSTEM **/ #col_middle_menu { margin: 10px 0px 10px 0px; border-bottom: 1px solid #CCCCCC; padding: 0px 0px 15px 0px; } #col_middle_menu ul { list-style: none; float: left;} #col_middle_menu ul li { float: left; } #col_middle_menu ul li a { font-weight: bold; background: #000066; color: #FFFFFF; text-decoration: none; margin-right: 4px; display: block; padding: 4px 10px 3px 10px; } #col_middle_menu ul li a:hover, #col_middle_menu ul li.active a, #col_middle_menu ul li.active a:hover { background: #46B6EB; } .pms_send { margin: 10px 0px 0px 0px; } .pms_sent td { padding: 5px; border-bottom: 1px solid #dfdfdf; } .pms_view { margin: 10px 0px 0px 0px; } .pms_view td { padding: 5px; border-bottom: 1px solid #dfdfdf; } .pms_view .message { margin-top: 10px; padding: 10px; } /** * PROFIL-Buttons **/ .bluebuttonlink { cursor: pointer; display: inline-block; height: 34px; background: url('../img/btn_profile_bg_left.gif') top left no-repeat; color: #FFF; text-decoration: none; } .bluebuttonlink_active, .bluebuttonlink:hover { background: url('../img/btn_profile_bg_left_hover.gif') top left no-repeat; text-decoration: none; } .bluebuttonlink span { display: inline-block; height: 40px; background: url('../img/btn_profile_bg_right.gif') top right no-repeat;/* margin: 0px 10px 0px 10px; */ padding: 6px 20px 0px 21px; } .bluebuttonlink_active span, .bluebuttonlink:hover span { background: url('../img/btn_profile_bg_right_hover.gif') top right no-repeat; } /** * BABYTIMER **/ #zeitstrahl { position: absolute; top: -25px; left: 0px; width: 990px; height: 200px; /*z-index: 10;*/ } #headerinfobox { position: absolute; top: -280px; left: 640px; width: 300px; height: 230px; z-index: 20; } #hilfe { position:absolute; top:392px; left:3px; width:979px; height:242px;z-index:3; } #hilfeschalter { width:42px; height:42px; position:absolute; left:932px; top:449px; z-index:12; cursor:pointer;} .postIt-Box { padding: 40px 0px 0px 110px; left: -70px; top: 10px; position: relative; bottom: 10px; width: 378px; height: 347px; margin-bottom: 30px; background: url('../img/mamisundbabys/postIt-background.jpg') top left no-repeat; } .postIt-Box h2 { font-size: 32px; line-height: 35px; margin: 0px; padding: 0px; width: 300px; } .babytimer_paginator { padding: 0px 0px 0px 150px; } .babytimer_paginator_arrowleft { position: relative; top: -4px; left: -3px; } .babytimer_paginator_arrowright { position: relative; top: -4px; left: 4px; } .babytimer_list_item_keyword{ font-weight: bold; color: #23c5f4; } /** * ERNAEHRUNG **/ #info_pdf { clear:both; width:720px; padding-left:0px; padding-top:50px;} #info_pdf.small { width:300px; padding-left:0;} #info_pdf h1 { border-bottom:1px solid #ced4da; margin-bottom:20px;} #info_pdf h2 { font-size:16px; margin-bottom: 0px; padding: 0px 0px; letter-spacing:0; } #info_pdf .pdf-box { display: block; width: 150px; height: 245px; float: left; padding-top: 6px; border-top: 1px solid #CED4DA; border-bottom: 1px solid #CED4DA; margin-right: 40px; margin-bottom: 50px; position: relative; } #info_pdf .pdf-box p { font-size: 11px; line-height: 14px; color: #666666; padding: 0px 0px 0px 1px; } #info_pdf .pdf-box h2 { font-size: 13px; color: #48B7EB; padding: 0; margin-bottom: 0; letter-spacing: 0;} #info_pdf.small .pdf-box h2 { font-size: 13px; padding: 5px 0; margin-bottom: -10px; position: relative; top: -5px;} #info_pdf .last { margin-right:0px; } #info_pdf .pdf_link { position:absolute; bottom: -10px; right:0px; } .ernaehrung_content_produkte_image {float: left; margin: -5px 5px 0px 0px; } /*.ernaehrung_content_produkte {float: left; width: 250px; } */ .ernaehrung_content_produkte h2 { margin-left: 85px;} /** * USERS/PROFILE **/ .users_profile_top { margin: 0px 0px 10px 0px;} .users_profile_avatar { float: left; width: 102px; } .users_profile_avatar img { border: 1px solid #666; } .users_profile_datainfo { width: 285px; float:left; margin:0 0 0 10px; position: relative; } .users_profile_datainfo h1 { margin: -3px 0 10px 0; } .users_profile_datainfo_stats { float: left; } .users_profile_datainfo_title { float: left; width: 100px; font-weight: bold; } .users_profile_datainfo_data { float: left; width: 30px; } .users_profile_datainfo_data_add { float: left; } .users_profile_links { padding: 0px 0px 10px 0px; } .users_profile_links a { font-weight: bold; text-decoration: underline; } .users_profile_links a:hover { text-decoration: none; } .users_profile_buttons { padding: 10px 0px 10px 0px; margin: 5px 0px 5px 0px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; } .users_profile_showall { text-align: right; } /** * USERS/PROFILE/SIDEBAR_ACTIONS **/ .sidebar_profile_actions {} .sidebar_profile_actions a { display: block; background: #f4f4f4; border: 1px solid #CCCCCC; color: #999; padding: 2px 5px; margin: 0px 0px 5px 0px; } /** * PHOTOS/UPLOAD **/ .photos_upload { } .photos_upload .flash { width: auto !important; margin: 5px 0 0 23px; } .photos_upload .flashcontainer { margin-top: 20px;} .photos_upload .flashcontainer .maxphotos { margin:5px 0 0 23px; color: #990000; font-size: 12px !important; } .photos_upload .flashcontainer .altFormLinkText { margin: 7px 0 10px 23px; color: #666; font-size: 11px !important; } .photos_upload .flashcontainer .altFormLink { margin: 11px 0 0 23px; color: #990000; font-size: 12px !important; text-align: center; } .photos_upload .flashcontainer .content {} .photos_upload .flashcontainer .content_alt { display: none; } .photos_upload .flashcontainer .content_alt div.file { margin:5px 0 8px 23px; } .photos_upload .flashcontainer .content_alt div.file input { width: 310px; } .photos_upload .choosealbum { width: 360px; margin-top: 10px;} .photos_upload .choosealbum label { width: 100px !important; padding-left: 0 !important; } .photos_upload .choosealbum select { width: 200px !important; font-size: 12px; padding: 2px 2px !important; } .photos_upload .choosealbum input { width: 200px !important; } .photos_upload .choosealbum .input { margin-bottom: 3px; } .photos_upload .choosealbum div.text { margin-left: 23px; } .photos_upload .buttons { width: 360px; margin-top: 20px; } .photos_upload .buttons div.submit { padding: 0 !important; } .photos_upload .buttons form { margin: 0; } .photos_upload .buttons input { padding: 3px 10px; border: 1px solid #CCC; background: #FFF; width: auto; } .photos_upload .highlight { float: left; font-size: 18px; margin: 0 8px 0 0; color: #666; font-style: italic; font-weight: bold; vertical-align: bottom; } .photos_upload .hint { margin:5px 0 0 23px; color: #666; font-size: 11px !important; } .photos_upload .photocopyright_text { padding-left: 0px; } /** * PHOTOS CONTEST **/ .photocontests_index { } .photocontests_index_morelink{ text-align: right; padding: 5px 0px 0px 0px; } .photocontests_index_uploadbutton { text-align: center; padding: 0px 0px 20px 0px; border-bottom: 1px solid #cccccc; } .photocontests_index_gewinne { position: relative; top: 0px; left: -13px; float: left; } .photocontests_index_gewinne_item { float: left; text-align: center; width: 140px; height: 140px; padding:0px 0px 0px 0px; margin-right: 0px; margin-bottom: 20px; } .photocontests_index_gewinne_item_last { margin-right: 0px; } .photocontests_index_gewinne_item_quantity { font-size: 60px; color: #ffffff; display: block; } .photocontests_index_gewinne_item_value { color: #ffffff; display: block; line-height: 110%; margin-top: 10px; padding: 4px; } .photocontests_index_gewinne_item_top { background: #46b6eb url('../img/bg_contest_gewinne_top.gif') top left no-repeat; height: 10px; margin-bottom: 5px; } .photocontests_container { } .photocontests_item_title { color: #46B6EB; } .photocontests_item_top3 { margin-left: 15px; } .photocontests_item_top3_item { float: left; width: 150px; } .photocontests_item_top3_item_rank { padding: 5px; font-size: 16px; font-weight: bold; } .photocontests_item_top3_item_image {} .photocontests_item_top3_item_image img { border: 1px solid #797979; } .photocontests_item_top3_item_meta { padding: 5px; } .photocontests_item_top3_item_first .photocontests_item_top3_item_rank { color: #46B6EB; font-size: 20px; } .photocontests_item_top3_item_first .photocontests_item_top3_item_image img { border: 2px solid #46B6EB; } .photocontests_uploadsave {} .photocontests_uploadsave_photo { margin-bottom: 10px; text-align: center; } /** * PHOTOS/UPLOADSAVE **/ .photos_uploadsave .items .hint { margin-left: 0; color: #666; } .photos_uploadsave .items .input { margin-bottom: 0px !important; } .photos_uploadsave .items form .submit { padding: 0; text-align: center; margin-bottom: 10px !important; } .photos_uploadsave .items .item { position: relative; background-color: #f3f3f3; margin: 0px 0px 20px 10px; padding: 0px 6px 5px 6px; width: 150px; float: left; } .photos_uploadsave .items .item input { width: 130px !important; padding: 2px 16px 2px 2px !important; background: url('../img/input_hint.gif') top right #FFF no-repeat !important; } .photos_uploadsave .items .item .input { margin: 5px 0 0 0 !important; } .photos_uploadsave .items .item .filename { height: 18px; font-size: 10px; padding: 2px 0; overflow: hidden; } .photos_uploadsave .items .item .checkbox { margin: 5px 0 0 0 !important; padding: 0 !important; } .photos_uploadsave .items .item .checkbox input { float: left; height: 12px; width: 15px !important; margin: 0 5px 0 0 !important; padding: 0 !important; } .photos_uploadsave .items .item .checkbox label { float: left; line-height: 11px; width: 120px !important; margin: 0 !important; padding: 1px 0 0 0 !important; font-size: 11px; } .photos_uploadsave .globalinput { margin: 10px 21px 10px 0; background-color: #f3f3f3; padding: 5px; } .photos_uploadsave .globalinput h3 { font-size: 14px; margin: 0 50px 5px 0; float:left; font-weight: normal; padding-top: 2px; } .photos_uploadsave .globalinput select { font-size: 12px; } .photos_uploadsave .globalinput .submit input { padding: 1px 1px !important } .photos_uploadsave .globalinput .text { margin-top: 10px; } .photos_uploadsave .globalinput input { padding: 1px 10px !important; border: 1px solid #666; background: #FFF; width: 200px !important; margin: 3px 5px; } .photos_uploadsave .globalinput .text input { float: left; padding: 2px 1px !important; border: 1px solid #666 !important; background: #FFF; width: 230px !important; } .photos_uploadsave .globalinput .text label { float: left; width: 220px !important; padding: 5px 0 0 0 !important; } .photos_uploadsave .globalinput .select select { margin: 3px 5px; padding: 2px 1px !important; border: 1px solid #666; background: #FFF; width: 230px !important; } .photos_uploadsave .globalinput .select label { float: left; width: 220px !important; padding: 7px 0 0 0 !important; } .photos_uploadsave .items .item input.validationError { border: 1px solid #CC3333 !important; background: url('../img/input_alert.gif') top right #FFF no-repeat !important; } /** * PHOTOS/VIEW **/ .photo_meta { margin: 5px 0px 35px 0px; } .photo_meta_left { float: left; color: #46B6EB; } .photo_meta_right { float: right; } .photo_rating { position: relative; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #f4f4f4; padding: 0px 5px; margin: 10px 0px 0px 0px; } .photo_rating_left {} .photo_rating_right { position: absolute; top: 0px; left: 205px; width: 210px; } /** * BLOGPOSTS/VIEW **/ .blogpost_meta { margin: 5px 0px 10px 0px; } .blogpost_meta_left { float: left; color: #46B6EB; } .blogpost_meta_right { float: right; } .blogpost_rating { position: relative; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #f4f4f4; padding: 0px 5px; margin: 10px 0px 0px 0px; } .blogpost_rating_left {} .blogpost_rating_right { position: absolute; top: 0px; left: 290px; width: 180px; } .blogpost_admintools {} .blogpost_likebutton { position: relative; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #f4f4f4; padding: 5px 5px 3px 0px; margin: 10px 0px 5px 0px; } /** * TIPS/VIEW **/ .tip_meta { margin: 5px 0px 10px 0px; } .tip_meta_left { float: left; color: #46B6EB; } .tip_meta_right { float: right; } .tip_rating { position: relative; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #f4f4f4; padding: 0px 5px; margin: 10px 0px 0px 0px; } .tip_rating_left {} .tip_rating_right { position: absolute; top: 0px; left: 205px; width: 210px; } /** * USERHEAD **/ .user_head { position: relative; padding: 0px 0px 10px 0px; margin: 35px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; } .user_head_avatar { } .user_head_avatar img { border: 1px solid #797979; } .user_head_title { position: absolute; top: 0px; left: 75px; } .user_head_title h1 { width: 300px; } .users_edit_avatar { } .users_edit_avatar .submit { float: left; position: relative; top: 0px; left: 150px; } .users_edit_avatar_left { float: left; width: 150px; } .users_edit_avatar_left img { border: 1px solid #666666 } .users_edit_avatar_right { float: left; width: 230px; } /** * SETTINGS **/ .settings_edit_notifications { } .settings_edit_notifications label { width: 350px !important; } /** * BLOGPOST **/ .blogposts_container { } .blogposts_item { height: 1%; padding: 0px 0px 10px 0px; margin: 0px 0px 30px 0px; } .blogposts_item_title { border-bottom: 1px solid #CCCCCC; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color: #46B6EB; } .blogposts_item_meta { margin: 0px 0px 5px 0px; height: 20px; color: #46B6EB; } .blogposts_item_meta_author { float: left; } .blogposts_item_meta_date { float: right; } .blogposts_item_text { margin: 0px 0px 10px 0px; } .blogposts_item_avatar { float: left; width: 115px; } .blogposts_item_avatar img { border: 1px solid #797979; } .blogposts_item_date {} .blogposts_item_rating { margin: 0px; float: right; font-size: 11px; color: #46B6EB; } .blogposts_item_userblogposts { float: right; margin: 0px; font-size: 11px; } .blogposts_item_comments {float: left; font-size: 11px; margin-right: 15px; } .blogposts_item_comments a { text-decoration: underline; } .blogposts_item_comments a:hover { text-decoration: none; } .blogposts_item_green { } .blogposts_item_green a { color: #53B00E; } .blogposts_item_green .blogposts_item_title { color: #53B00E; } .blogposts_item_green .blogposts_item_meta { color: #53B00E; } .blogposts_item_green .blogposts_item_meta a { color: #53B00E; } .blogposts_item_green .blogposts_item_rating { color: #53B00E; } .blogposts_noitems .blogposts_item_text { padding: 0px; text-align: center; } /** * TIPPS **/ .tips_container { } .tips_item { height: 1%; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; border-bottom: 0px solid #CCCCCC; } .tips_item_title { border-bottom: 1px solid #CCCCCC; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color: #46B6EB; } .tips_item_meta { margin: 0px 0px 5px 0px; height: 20px; color: #46B6EB; } .tips_item_meta_author { float: left; } .tips_item_meta_date { float: right; } .tips_item_text { margin: 0px 0px 10px 0px; } .tips_item_avatar { float: left; width: 115px; } .tips_item_avatar img { border: 1px solid #797979; } .tips_item_date {} .tips_item_rating { margin: 0px; float: right; font-size: 11px; color: #46B6EB; } .tips_item_usertips { clear: both; margin: 0px; font-size: 11px; } .tips_item_comments {float: left; font-size: 11px; margin-right: 15px; } .tips_item_comments a { text-decoration: underline; } .tips_item_comments a:hover { text-decoration: none; } .tips_item_green { } .tips_item_green a { color: #53B00E; } .tips_item_green .tips_item_title { color: #53B00E; } .tips_item_green .tips_item_meta { color: #53B00E; } .tips_item_green .tips_item_meta a { color: #53B00E; } .tips_item_green .tips_item_rating { color: #53B00E; } .tips_noitems .tips_item_text { padding: 0px; text-align: center; } .tips_filter { position: absolute; top: 10px; left: 535px; width: 160px; } .tips_filter_label { text-align: right; padding: 0px 0px 0px 0px; } .tips_filter_label a { text-decoration: underline; } .tips_filter_label a:hover { text-decoration: none; } .tips_filter_links { display: none; position: absolute; top: 20px; left: 0px; width: 160px; } .tips_filter_links a { padding: 0px 10px 1px 10px; display: block; text-decoration: none; background: #555; color: #FFF; margin-bottom: 1px; } .tips_filter_links a:hover { text-decoration: underline; } /** * PHOTOS **/ .photos_container {} .photos_item { height: 1%; margin: 0px 0px 15px 0px; } .photos_item_thumb { float: left; width: 115px; } .photos_item_thumb img { border: 1px solid #797979; } .photos_item_title {} .photos_item_date {} .photos_item_rating { margin: 0px; float: right; } .photos_item_comments {} .photos_item_comments a { color: inherit; text-decoration: underline; } .photos_item_comments a:hover { text-decoration: none; } .photos_noitems .photos_item_text { padding: 0px; text-align: center; } .photos_item_position { font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; } .photos_item_first .photos_item_thumb img { border: 2px solid #46B6EB; } .photos_item_rank { padding: 5px; font-size: 16px; font-weight: bold; } .photos_item_first .photos_item_rank { color: #46B6EB; font-size: 20px; } .photos_item_winner { margin: 30px 0px 30px 0px; } .photos_item_winner_position { color: #46B6EB; font-size: 20px; } .photos_item_winner_thumb img { border: 2px solid #46B6EB; } /** * COMMENTS **/ .comments_container { /*padding: 10px 0px 0px 0px; border-top: 1px solid #CCC;*/ } .comments_item { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; background: url('../img/bg_comments_item_middle.gif') top left repeat-y; } .comments_item_topbg { background: url('../img/bg_comments_item_top.gif') top left no-repeat; } .comments_item_bottombg { padding: 5px 12px 10px 5px; background: url('../img/bg_comments_item_bottom.gif') bottom left no-repeat; } .comments_item_avatar { float: left; } .comments_item_avatar img { border: 1px solid #797979; } .comments_item_text { padding: 5px 0px 5px 0px; margin: 5px 65px 5px 100px; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; } .comments_item_meta { padding-left: 100px; color: #46B6EB; } .comments_item_footer { padding-left: 100px; color: #46B6EB; } .comments_noitems { background: none; } .comments_noitems .comments_item_text { margin: 0px; text-align: center; border: 0px; } .comments_item_green .comments_item_meta, .comments_item_green .comments_item_meta a { color: #53B00E; } .comments_item_green .comments_item_footer { color: #53B00E; } .comments_form { position: relative; padding: 10px 0px 0px 0px; } .comments_form .textarea textarea { width: 380px !important; height: 115px; border: 0px !important; padding: 10px !important; background: url("../img/bg_comments_textarea.gif") top left no-repeat; } .comments_form .submit { position: absolute; bottom: -20px; left: 330px; width: 40px; height: 40px; } .comments_form .submit input { border: 0px !important; padding: 0px !important; background: 0px !important; } /** * SIDEBAR ITEMS **/ #body_right .item { position: relative; margin: 0px; width: 245px; float: left; background: url('../img/bg_teaser.gif') top left repeat-y; } #body_right .item_bg { padding: 13px 13px 13px 20px; background: url('../img/bg_teaser_top.gif') top left no-repeat; } #body_right .item_morelink { position: absolute; bottom: 0px; right: 15px; color: #00c6ff; font-weight: bold; font-size: 11px; } #body_right .item_community { background: url('../img/bg_teaser_community.gif') top left no-repeat; height: 171px; } #body_right .item_community_shadow { background: url('../img/bg_teaser_community_shadow.gif') top left no-repeat;} #body_right .item_community .item_bg { background: none; padding-top: 20px; } #body_right .item_community .item_morelink { bottom: 3px; } #body_right .item_tipps { background: url('../img/bg_teaser.gif') top left repeat-y; } #body_right .item_tipps .item_bg { } #body_right .item_bg_gradient { background: url('../img/bg_teaser_gradient.gif') bottom left no-repeat; } #body_right .item_bg_gradient .item_bg { } .sidebar_fotowettbewerb_image { text-align:center; margin: 8px 0px 10px 0px; } #body_right .item_bg_gradient_bottom { background: url('../img/bg_teaser_gradient_bottom.gif') top left no-repeat; } #body_right .item_bg_gradient_bottom .item_bg { padding-bottom: 30px; } #body_right .item_bg_gradient_bottom .item_morelink { bottom: 12px; } .sidebar_movie_image { text-align:center; margin: 8px 0px 10px 0px; } /* Die besten Fotos */ #body_right .item .sidebar_photo { } #body_right .item .sidebar_photo_items { float: left; margin: 0px 10px 10px 0px; } #body_right .item .sidebar_photo_items_last { float: left; margin: 0px; } #body_right .item .sidebar_photo_item { width: 60px; height: 60px; border: 1px solid #797979; overflow: hidden; background: url('../img/autosuggest_loading.gif') center center no-repeat; } #body_right .item .sidebar_photo_rating { margin: 5px 0px 0px 0px; } #body_right .item .sidebar_photo_headline { margin-bottom: 8px; } /* Neuester Tipp */ #body_right .item .sidebar_tip { } #body_right .item .sidebar_tip_items { float: left; margin: 0px 10px 10px 0px; width: 210px;} #body_right .item .sidebar_tip_item_photo { float: left; margin: 0px 10px 0px 0px; width: 60px; height: 60px; border: 1px solid #797979; overflow: hidden; background: url('../img/autosuggest_loading.gif') center center no-repeat; } #body_right .item .sidebar_tip_item_content { } #body_right .item .sidebar_tip_item_title { color: #666666; text-decoration: none; margin: 5px 0px 0px 0px; font-weight: bold; } #body_right .item .sidebar_tip_item_title a { display: block; color: #666666; text-decoration: none; } #body_right .item .sidebar_tip_item_text { color: #797979; } #body_right .item .sidebar_tip_item_text_morelink { color: #46b6eb; text-decoration: underline; padding: 0px 0px 0px 5px; } /* Neues im Blog */ #body_right .item .sidebar_blogpost_items { } #body_right .item .sidebar_blogpost_item { margin: 0px 0px 10px 0px; width: 210px; } #body_right .item .sidebar_blogpost_items_title { color: #021b7a; text-decoration: none; margin-bottom: 5px; } #body_right .item .sidebar_blogpost_items_title a { color: #021b7a; text-decoration: none; } #body_right .item .sidebar_blogpost_items_text { color: #999999; font-size: 11px; } #body_right .item .sidebar_blogpost_items_text a { color: #999999; text-decoration: none;} #body_right .item .sidebar_blogpost_items_author { color: #666666; font-weight: bold; } #body_right .item .sidebar_blogpost_items_text_morelink { color: #46b6eb; text-decoration: underline; padding: 0px 0px 0px 5px; } /* Beste Blogbeiträge (Sidebar) */ #body_right .item .sidebar_bestblogpost { } #body_right .item .sidebar_bestblogpost_item { float: left; padding-bottom: 10px; margin: 0px 10px 5px 0px; width: 210px; } #body_right .item .sidebar_bestblogpost_item.last { border-bottom: 0px solid #CCCCCC;} #body_right .item .sidebar_bestblogpost_item_photo { float: left; margin: 0px 10px 0px 0px; width: 32px; height: 32px; border: 1px solid #797979; overflow: hidden; background: url('../img/autosuggest_loading.gif') center center no-repeat; } #body_right .item .sidebar_bestblogpost_item_content { float: left; width: 130px; } #body_right .item .sidebar_bestblogpost_item_title { color: #46b6eb; text-decoration: underline; margin: 0px 0px 0px 0px; } #body_right .item .sidebar_bestblogpost_item_title a { display: block; } #body_right .item .sidebar_bestblogpost_item_text { color: #797979; } #body_right .item .sidebar_bestblogpost_item_text_morelink { color: #46b6eb; text-decoration: underline; padding: 0px 0px 0px 5px; } #body_right .item .sidebar_bestblogpost_item_rating { margin: 0px 0px 0px 0px; position: relative; top:0px; left: 44px; } /* Aktivste Blogger (Sidebar) */ #body_right .item .sidebar_mostactiveblogger { } #body_right .item .sidebar_mostactiveblogger_item { margin: 10px 0px 0px 0px; } #body_right .item .sidebar_mostactiveblogger_item_photo { float: left; margin: 0px 10px 0px 0px; width: 32px; height: 32px; border: 1px solid #797979; overflow: hidden; background: url('../img/autosuggest_loading.gif') center center no-repeat; } #body_right .item .sidebar_mostactiveblogger_item_content { float: left; width: 130px; } #body_right .item .sidebar_mostactiveblogger_item_title { color: #46b6eb; text-decoration: underline; margin: 0px 0px 0px 0px; } #body_right .item .sidebar_mostactiveblogger_item_title a { display: block; } #body_right .item .sidebar_mostactiveblogger_item_author { color: #46b6eb; text-decoration: underline; margin: 0px 0px 0px 0px; } #body_right .item .sidebar_mostactiveblogger_item_text { color: #797979; } #body_right .item .sidebar_mostactiveblogger_item_text_morelink { color: #46b6eb; text-decoration: underline; padding: 0px 0px 0px 5px; } /* Freunde / Kontakte von ... (Sidebar) */ #body_right .item .users_sidebar_profile_contacts { } #body_right .item .users_sidebar_profile_contacts_items { float: left; margin: 0px 10px 20px 0px; width: 210px;} #body_right .item .users_sidebar_profile_contacts_items_item { float: left; margin: 0px 10px 0px 0px; width: 32px; height: 32px; border: 1px solid #797979; overflow: hidden; background: url('../img/autosuggest_loading.gif') center center no-repeat; } /* Über Username (Sidebar) */ #body_right .item .users_sidebar_profile { } /* Beste Blogbeiträge (Sidebar) */ #body_right .item .sidebar_photocontest_rules {} #body_right .item .sidebar_photocontest_rules_item { margin: 10px 10px 0px 0px; } #body_right .item .sidebar_photocontest_rules_item_list { margin: 0px; padding: 0px; list-style: none;} #body_right .item .sidebar_photocontest_rules_item_list li { padding: 0px 0px 5px 10px; color: #797979; background: url('../img/arrow_blue_right.gif') 0px 8px no-repeat; } /** * COMMUNITY **/ .generals_community_infoteaser { border-bottom: 0px solid #CCCCCC; padding: 5px 0px 5px 0px; margin-bottom: 20px; } .generals_community_infoteaser p { color: #161616; } .generals_community_hierregistrieren { position: relative; top: 0px; right: -150px; } .generals_community_buttons_box { text-align: center; } .generals_community_buttons_box_item { margin-right: 50px; } .generals_community_buttons_box_item_last { margin-right: 0px; }