/*----------------------------------------------------- recombining -------------------------------------------*/ /*----------------------------------------------------- meinverein.css ----------------------------------------*/ /* produces bug in chrome: @charset "utf-8"; */ /*------------------------------------------------------------------------------ @testedBrowser: FF3, FF2 Safari 3.x, Opera 9.x, IE7, IE6 @minResolution: 1024 x 768 @authors: Christian Niedrich, Jan Nischan ( @ farbwahl ) ------------------------------------------------------------------------------*/ /*------- general tagstyling -------------------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, em, fieldset, form, p, ul, ol, li, dl, dt, dd, small address, abbr, table, td, tr, img, legend, blockquote, label, sup .fSubmit, .fText, .fTextarea, .button, .fCancel { margin: 0; padding: 0; border: 0; outline: 0; font-style: normal; line-height: normal; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-variant: normal; font-weight: normal; } body {font-size: 12px; background-repeat: repeat-x !important; background-position: 0 100% !important;} legend, hr {display: none;} ul, ol, li {list-style: none;} a, #Content .box a.caption, .box .caption a {text-decoration: none;} a:hover, #Content .box a.caption:hover, .box .caption a:hover, a:hover strong, #Content .box a.caption:hover strong, .box .caption a:hover strong {text-decoration: underline;} a:active, a:visited, a:focus {outline: 0;} /*------- basic elastic layout -------------------------------------------------------*/ #MeinVerein {margin: 0 auto; width: 1000px; position: relative;} #IE6_7 #MeinVerein { z-index:1; } #OuterMeinVerein { padding: 0 8px 65px 8px; border: 2px solid #FFF; border-top: 0; float: left; width:980px; background:url('/img/background/contentGradient.jpg') 0 100% repeat-x; } #InnerMeinVerein, #Header {width: 980px;} #InnerMeinVerein {position: relative; padding-top: 256px;} #InnerMeinVerein.no_submenu {padding-top: 213px;} #Header {position: absolute; top:0; left: 0; z-index: 10000} #Header object {outline:0;} #Search {height: 65px; clear: both;} #ProfileSummary {height: 106px; overflow:hidden; position: relative;} #Navigation {height: 81px; position: relative; padding-top: 4px;} .no_submenu #Navigation {height: 38px;} #SiteInfo { height: 131px;width: 960px; padding: 0 20px; border-top-width: 4px; border-top-style: solid; margin-bottom: 20px;clear: both; background-position: 0 100%; background-repeat: repeat-x; } #Content, #MainContent {clear:both;} #Content {padding-top:10px;} #IE6_7 #Content {height:1%;} #ContentCol2 {width: 320px; float: right;} #ContentCol1 {width: 650px; float: left;} #InfoContent, #ContentCol3 {width: 100%; clear: both;} #IE7 #InfoContent { padding-bottom: 10px; } #Logo a { position: absolute; top: 0; width: 340px; padding-top: 57px; height: 0; overflow:hidden; background: white url('/img/sprites/header_search.gif') no-repeat -8px -110px; z-index:10001; } /*commercialbanner*/ #topBanner, #Skyscraper { top: 0; position: absolute; overflow: hidden;} #topBanner { width: 1000px; text-align:left; overflow: hidden;} #Skyscraper { top: 0px; left: 1000px; } #MeinVerein.has_topBanner_90 { padding-top: 100px; } #MeinVerein.has_topBanner_100 { padding-top: 110px; } #MeinVerein.has_Skyscraper_120 { width: 1160px; } #MeinVerein.has_Skyscraper_160 { width: 1160px; } /*dimensions*/ .has_topBanner_90 #topBanner { height: 90px; } .has_topBanner_100 #topBanner { height: 100px; } .has_Skyscraper_120 #Skyscraper { width: 160px; } .has_Skyscraper_160 #Skyscraper { width: 160px; } .has_topBanner_90 #Skyscraper { top: 90px } .has_topBanner_100 #Skyscraper { top: 100px } #IE6 #IM { display: none; } /*------- general styling -------------------------------------------------------*/ .paginationLoading { background-image: url('/img/elements/loading_norm.gif'); background-repeat: no-repeat; background-position: 50% 50%; padding: 0 !important;} /*Overlay*/ #Overlay , #InnerOverlayBG{ z-index : 2147483647; top: 0; position: relative; width: 980px; margin: 0 auto; height: 0;} #OverlayContent { position: absolute; } #OverlayBG, #IM_bg { background-color : #000000; bottom : 0; left : 0; position : fixed; right : 0; top : 0; z-index : 2147483646; } #IE6 #OverlayBG { position: absolute; bottom: auto; right:auto; display: block; z-index : 2147483646;} #IM_bg { z-index : 2147483630;} #OverlayContent .box_wrapper { margin: 0; } #Loader{ background: transparent url(/img/elements/loading_overlay.gif) no-repeat center center; height: 32px; width: 650px; position: absolute;} .accessibility {display: none !important;} /*general content class*/ .content {clear: both; position: relative; height: 100%; min-height:10px;} .box_content {float: left; padding-bottom: 10px; padding-top: 9px; width: 100%;} .static .box_content, #ContentCol2 .box_content, .small .box_content {margin: 0; padding: 0;} .inner_content {position: relative; height: 100%;} /*Form elements*/ .fSubmit {outline: none;} .fText {outline: 0;} /*styling spans*/ span.top_left, span.bottom_left, span.top, span.bottom, span.bottom_right, span.top_right, span.right, span.left { clear:both; display:block; font-size:0; overflow:hidden; position:absolute; line-height:0;} span.top_left, span.top, span.left {top: 0; left: 0;} span.top_right, span.right {top: 0; right: -1px;} span.bottom_left, span.bottom {bottom: 0; left: 0;} span.bottom_right {bottom:0; right: 0;} span.left, span.right {height: 100%;} span.top, span.bottom {width: 100%;} /*image wrapper*/ .media_wrapper {background-color: #fff; position: relative; display:block;} .mw_verySmall {width: 45px; height: 45px;} .mw_small {width: 80px; height: 80px;} .mw_big {width: 150px; height: 150px;} .group_picture, .mw_bigger {width: 300px; height: 250px;} /* [REMOVESCRIPT] Da script klasse entfernt, margin-left überschreiben */ .mw_googleMapS {width: 280px; height: 300px; padding: 10px; margin: 5px 0 10px 10px; margin-left: 9px !important;} .mw_googleMapSInfo {width: 280px; height: 287px; padding: 10px; margin: 5px 0 10px 10px; margin-left: 9px !important;} .map_wrapper .map {width: 280px; height:230px; overflow: hidden;} /*inner shadow*/ #Body .media_wrapper .inner_shadow { display: block; background: transparent url('/img/sprites/media_wrapper_shadows.png'); background-repeat: no-repeat; position: absolute;} .mw_big .inner_shadow { width: 130px; height: 130px; background-position : 0 0; top: 10px; left: 10px; } .mw_small .inner_shadow { width: 70px; height: 70px; background-position : 0 -140px; top: 5px; left: 5px; } #IE6 .media_wrapper, .noScript .media_wrapper {border: 1px solid #cacaca; margin-left: -1px;} /* [REMOVESCRIPT] Da script klasse entfernt, margin-left überschreiben */ .bd_logo {margin-left: 0 !important;} #IE6 .mw_verySmall {width: 43px; height: 43px;} #IE6 .mw_small {width: 78px; height: 78px; } #IE6 .mw_big {width: 148px; height: 148px; } #IE6 .group_picture, #IE6 .mw_bigger {width: 298px; height: 248px;} .mw_small img, .mw_verySmall img {padding: 5px;} #Body .media_wrapper a {text-decoration: none; display: block;} #IE7 #Body .media_wrapper .inner_shadow { cursor: pointer; } .mw_big img, .group_picture img, .mw_bigger img, .map_wrapper .map {padding: 10px;} .media_wrapper .top_left, .media_wrapper .top_right {height: 6px !important; width: 7px !important; background-position: 0 -13px !important; left: -2px;top: -1px; z-index: 2 !important;} .media_wrapper .top_right {background-position: -7px -13px !important; right: -2px; left:auto;} .media_wrapper .bottom_left, .media_wrapper .bottom_right {height: 8px !important; width: 7px !important; background-position: 0 -18px !important; left: -2px; bottom: -3px; z-index:2;} .media_wrapper .bottom_right {background-position: -7px -18px !important; right: -2px; left:auto;} .media_wrapper .bottom, .media_wrapper .top {height: 1px; background-position: left -4px !important; top: -1px;} .media_wrapper .bottom {background-position: left -5px !important; bottom: -3px; top: auto; height: 3px} .media_wrapper .left, .media_wrapper .right, .vcard span.right, .vcard span.left, .mcard span.right, .mcard span.left {width: 2px; left: -2px; background-position: -4px 0 !important;} .media_wrapper .right, .vcard span.right, .mcard span.right {left: auto; right: -2px; background-position: -6px 0 !important;} /*media_wrapper and else blue*/ #Body .card_list .hover .vcard .media_wrapper .top_left, #Body .card_list .hover .mcard .media_wrapper .top_left {background-position: left -40px !important;} #Body .card_list .hover .vcard .media_wrapper .top_right, #Body .card_list .hover .mcard .media_wrapper .top_right {background-position: -7px -40px !important;} #Body .card_list .hover .vcard .media_wrapper .top, #Body .card_list .hover .mcard .media_wrapper .top {background-position: left -8px !important;} #Body .card_list .hover .vcard .media_wrapper .left, .card_list .hover .vcard span.left, #Body .card_list .hover .mcard .media_wrapper .left,.card_list .hover .mcard span.left {background-position: -8px 0 !important;} #Body .card_list .hover .vcard .media_wrapper .right, .card_list .hover .vcard span.right, #Body .card_list .hover .mcard .media_wrapper .right, .card_list .hover .mcard span.right {background-position: -10px 0 !important;} /*media_wrapper on blue background*/ .box_list .hover .media_wrapper .top_left, #MyProfileSummary .media_wrapper .top_left {background-position: 0 -26px !important;} .box_list .hover .media_wrapper .top_right, #MyProfileSummary .media_wrapper .top_right {background-position: -7px -26px !important;} .box_list .hover .media_wrapper .bottom_left, #MyProfileSummary .media_wrapper .bottom_left {background-position: 0 -32px !important;} .box_list .hover .media_wrapper .bottom_right, #MyProfileSummary .media_wrapper .bottom_right {background-position: -7px -32px !important;} .box_list .hover .media_wrapper .top, #MyProfileSummary .media_wrapper .top {background-position: 0 -12px !important;} .box_list .hover .media_wrapper .bottom, #MyProfileSummary .media_wrapper .bottom {background-position: 0 -13px !important;} .box_list .hover .media_wrapper .left, #MyProfileSummary .media_wrapper .left {background-position: 0 0 !important;} .box_list .hover .media_wrapper .right, #MyProfileSummary .media_wrapper .right {background-position: -2px 0 !important;} /*media_wrapper on white background*/ #ForeignProfiles .media_wrapper .top_left, .read .msgbox .media_wrapper .top_left, .toggle_list .toggle_content .media_wrapper .top_left, .drag_selection li.selectable_box .media_wrapper .top_left, #Overlay .preview .media_wrapper .top_left, .user_connection .media_wrapper .top_left {background-position: 0 0 !important;} #ForeignProfiles .media_wrapper .top_right, .read .msgbox .media_wrapper .top_right, .toggle_list .toggle_content .media_wrapper .top_right, .drag_selection li.selectable_box .media_wrapper .top_right, #Overlay .preview .media_wrapper .top_right, .user_connection .media_wrapper .top_right {background-position: -7px 0 !important;} #ForeignProfiles .media_wrapper .bottom_left, .read .msgbox .media_wrapper .bottom_left, .toggle_list .toggle_content .media_wrapper .bottom_left, .drag_selection li.selectable_box .media_wrapper .bottom_left, #Overlay .preview .media_wrapper .bottom_left, .user_connection .media_wrapper .bottom_left {background-position: 0 -5px !important;} #ForeignProfiles .media_wrapper .bottom_right, .read .msgbox .media_wrapper .bottom_right, .toggle_list .toggle_content .media_wrapper .bottom_right, .drag_selection li.selectable_box .media_wrapper .bottom_right, #Overlay .preview .media_wrapper .bottom_right, .user_connection .media_wrapper .bottom_right {background-position: -7px -5px !important;} #ForeignProfiles .media_wrapper .top, .read .msgbox .media_wrapper .top, .toggle_list .toggle_content .media_wrapper .top, .drag_selection li.selectable_box .media_wrapper .top, #Overlay .preview .media_wrapper .top, .user_connection .media_wrapper .top {background-position: 0 0 !important;} #ForeignProfiles .media_wrapper .bottom, .read .msgbox .media_wrapper .bottom, .toggle_list .toggle_content .media_wrapper .bottom, .drag_selection li.selectable_box .media_wrapper .bottom, #Overlay .preview .media_wrapper .bottom, .user_connection .media_wrapper .bottom {background-position: 0 -1px !important;} #ForeignProfiles .media_wrapper .left, .read .msgbox .media_wrapper .left, .toggle_list .toggle_content .media_wrapper .left, .drag_selection li.selectable_box .media_wrapper .left, #Overlay .preview .media_wrapper .left, .user_connection .media_wrapper .left {background-position: -12px 0 !important;} #ForeignProfiles .media_wrapper .right, .read .msgbox .media_wrapper .right, .toggle_list .toggle_content .media_wrapper .right, .drag_selection li.selectable_box .media_wrapper .right, #Overlay .preview .media_wrapper .right, .user_connection .media_wrapper .right {background-position: -14px 0 !important;} /*media_wrapper in forms*/ .form .media_wrapper .top_left, .consultants .premium .media_wrapper .top_left {background-position: 1px -55px !important;} .form .media_wrapper .top_right, .consultants .premium .media_wrapper .top_right {background-position: -7px -55px !important;} .form .media_wrapper .bottom_left, .consultants .premium .media_wrapper .bottom_left {background-position: 1px -62px !important;} .form .media_wrapper .bottom_right , .consultants .premium .media_wrapper .bottom_right {background-position: -7px -62px !important;} .form .media_wrapper .top, .consultants .premium .media_wrapper .top {background-position: 0 -16px !important;} .form .media_wrapper .bottom, .consultants .premium .media_wrapper .bottom {background-position: 0 -17px !important;} .form .media_wrapper .left, .form .vcard span.left, form .box .mcard span.left, #Body .form .hover .media_wrapper .left, #Body .form .hover .vcard span.left, #Body .form .hover .mcard span.left, .consultants .premium .media_wrapper .left {background-position: -17px 0 !important;} .form .media_wrapper .right, .form .vcard span.right, .form .mcard span.right, #Body .form .hover .media_wrapper .right,#Body .form .hover .vcard span.right, #Body .form .hover .mcard span.right, .consultants .premium .media_wrapper .right {background-position: -18px 0 !important; width: 3px !important;} #Body .form .card_list .hover .vcard .media_wrapper .top_left,#Body .form .card_list .hover .mcard .media_wrapper .top_left {background-position: 1px -70px !important;} #Body .form .card_list .hover .vcard .media_wrapper .top_right,#Body .form .card_list .hover .mcard .media_wrapper .top_right {background-position: -7px -70px !important;} .vcard .media_wrapper .bottom, .vcard .media_wrapper .bottom_right, .vcard .media_wrapper .bottom_left, .mcard .media_wrapper .bottom, .mcard .media_wrapper .bottom_right, .mcard .media_wrapper .bottom_left {display: none;} .box_list .vcard .media_wrapper .bottom, .box_list .vcard .media_wrapper .bottom_right, .box_list .vcard .media_wrapper .bottom_left {display:block;} /* styling Cross-fades*/ .cross_fade_left,.cross_fade_right {display: block; position: absolute; background-color: transparent; height: 100%; left: 0; top:0; clear: both; z-index: 10;} .cross_fade_right {left: auto; right: 0;} .cross_fade_left span, .cross_fade_right span {display: block; height: 100%; width: 1px; background-color: white; float: left;} /*toggle_indicator, close_indicator*/ .toggle_indicator, .close_indicator {display: block; cursor: pointer; position: relative; z-index: 3;} #Body .drag_area .close_indicator {background-position: -57px -588px; cursor: default;} #Body .drag_area .draggables .close_indicator {background-position: -9px -588px; cursor: pointer;} /*#in Filter*/ #Filter h4 .toggle_indicator {position: absolute; width: 30px; height: 30px; right: 10px; top: 7px; background-position: -9px -173px;} #Filter.open h4 .toggle_indicator {background-position: -66px -173px;} #Filter h4:hover .toggle_indicator {background-position:-91px -251px;} #Filter.open h4:hover .toggle_indicator { background-position: -158px -251px; } /*toggle indicator in box headeer*/ .box_header .toggle_indicator, .box_header .close_indicator {float:right; width: 46px; height: 40px; background-position: -57px -168px;} .box_header .toggle_indicator:hover { background-position: -149px -246px; } .closed .box_header .toggle_indicator {background-position: 0 -168px;} .closed .box_header .toggle_indicator:hover {background-position: -82px -246px;} /*.small box toggler*/ #ContentCol2 .box_header .toggle_indicator, .small .box_header .toggle_indicator, .small .box_header .close_indicator {width:33px; height: 30px; background-position:-66px -173px;} #ContentCol2 .box_header .toggle_indicator:hover, .small .box_header .toggle_indicator:hover, .small .box_header .close_indicator:hover{ background-position: -158px -251px; } #ContentCol2 .closed .box_header .toggle_indicator, .draggables .closed .box_header .toggle_indicator {background-position:-9px -173px;} #ContentCol2 .closed .box_header .toggle_indicator:hover, .draggables .closed .box_header .toggle_indicator:hover {background-position:-91px -251px;} /*in form*/ .formSection fieldset legend span em.toggle_indicator {background-position: -69px -109px; background-repeat: no-repeat;} .formSection fieldset.closed legend span em.toggle_indicator {background-position: -12px -109px;} .formSection fieldset legend span em.toggle_indicator:hover {background-position: -77px -35px;} .formSection fieldset.closed legend span em.toggle_indicator:hover {background-position: -20px -35px;} /*sublevel 3*/ .formSection .formContent-segment .headline .toggle_indicator, .formSection .formContent-segment_first .headline .toggle_indicator { bottom:0; background-position: -16px -269px; width: 20px; height:15px; display: none;} #IE7 .formSection .formContent-segment .headline .toggle_indicator, #IE7 .formSection .formContent-segment_first .headline .toggle_indicator { bottom: 2px } .formSection .formContent .closed .headline .toggle_indicator {background-position: -16px -250px;} .formSection .formContent-segment .headline .toggle_indicator:hover, .formSection .formContent-segment_first .headline .toggle_indicator:hover { background-position: -47px -269px; } .formSection .formContent .closed .headline .toggle_indicator:hover { background-position: -47px -250px; } /*inner toggle*/ .headline em.toggle_indicator { display: block; width: 24px; height: 20px; position: absolute; right: 10px; bottom: 0.769230em; background-position: -183px -109px; cursor: pointer;} .closed .headline em.toggle_indicator {background-position: -126px -109px;} .headline em.toggle_indicator:hover {background-position: -191px -35px;} .closed .headline em.toggle_indicator:hover {background-position: -134px -35px;} form.operate .headline em.toggle_indicator {bottom:0.461538em;} form.operate .formSection fieldset legend span em.toggle_indicator {background-position:-183px -109px;} form.operate .formSection fieldset.closed legend span em.toggle_indicator {background-position:-126px -109px;} form.operate .formSection fieldset legend span em.toggle_indicator:hover {background-position:-191px -35px;} form.operate .formSection fieldset.closed legend span em.toggle_indicator:hover {background-position:-134px -35px;} /* Items*/ .view_profile a { background-position: left -1980px; } .hover .view_profile a {background-position: left -2046px;} .edit_pic a {background-position: left -19px;} .hover .edit_pic a {background-position: left -858px;} .go_offline a {background-position: left -1056px;} .hover .go_offline a {background-position: left -1122px;} .write_message a {background-position: left -263px;} .hover .write_message a {background-position: left -329px;} .create_notice a {background-position: left -132px;} .hover .create_notice a {background-position: left -198px;} .offer_friendship a {background-position: left -395px;} .hover .offer_friendship a {background-position: left -461px;} .friendship strong {background-position: left -1187px;} .hover .friendship strong {background-position: left -1253px;} .instant_messenger a {background-position: left -527px;} .hover .instant_messenger a {background-position: left -593px;} .break_friendship a {background-position: left -661px;} .hover .break_friendship a {background-position: left -727px;} .friendship {color: #d6d6d6 !important;} .item_list li {width: 11px; float: left; margin-left: 6px;} .item_list .first {margin: 0;} /*dropdown*/ .dropdown {position: absolute; font-size: 9px; height: auto;} #Body #Content .dropdown dt,#Body #Content .dropdown dt span {width: 132px; position: relative; height: 17px; overflow: hidden; padding: 6px 0 0 10px; cursor: pointer; background-repeat: no-repeat; background-position:0 -71px;} #Body #Content .dropdown dt span {display: block; background-position: -227px -95px; height: 0; padding: 23px 0 0 0; width:23px; position: absolute; right: 0; top: 0;} #Body #Content .dropdown dt span.overlay {display: block; height:100%; left:0; padding:0; position:absolute; top:0; width:100%; background: transparent !important;} #Body #Content .open_dd dt span {background-position: -227px -119px;} #Body .dropdown dd { display: none; background:white; padding: 0; width: 135px; border: 1px solid #d4d4d4; border-width: 1px 2px 1px 2px; left: 1px; position: absolute; top: 22px; padding:1px; overflow: hidden; z-index: 20; } #Body .box_options .dropdown dd { z-index: 9; } /*dropdown liste und ajaxSuggestion liste*/ #Body .dropdown dd ul {margin-top: -3px; min-height:0;} #Body .dropdown dd li {margin-top:3px; float: none;} #Body .dropdown dd a, #Body .dropdown dd strong {display: block; text-decoration: none;} #IE6 #Body .dropdown dd a, #IE6 #Body .dropdown dd strong {height: 1px;} #Body .dropdown dd a span, #Body .dropdown dd strong span { margin: 0 10px; display: block; background: url(/img/sprites/dots.gif) 0 100% repeat-x !important; position: relative; padding: 1px 2px 5px 16px; bottom: -2px; font-weight: normal; line-height: 12px;} .hover .vcard .dropdown dd a {color:#5F6161;} #Body .dropdown dd .no_item a span, #Body .dropdown dd .no_item strong span { padding-left: 0; } /*dropdown in form*/ form .box_options .dropdown dt {background-position: left -215px !important;} form .box_options .dropdown dt span {background-position: -227px -239px !important;} form .box_options .open_dd dt span {background-position: -227px -263px !important;} .dropdown li a {background-repeat: no-repeat;} .dropdown li a, .break_friendship a, .friendship strong,.small_options_list a span, .shortcut_navi li a {background-image:url('/img/sprites/items.gif'); background-repeat: no-repeat;} /* Items in dropdowns*/ .dropdown .view a {background-position: 10px -1316px;} .dropdown .view a:hover {background-position: 10px -1382px;} .dropdown .delete a {background-position: 10px -525px;} .dropdown .delete a:hover {background-position: 10px -591px;} .dropdown .edit a {background-position: 10px -2571px;} .dropdown .edit a:hover {background-position: 10px -2637px;} .dropdown .no_item a { background: none; } .dropdown .view_profile a {background-position: 9px -1977px;} .dropdown .view_profile a:hover {background-position: 9px -2043px;} .dropdown .open_pic a {background-position: 10px -1316px;} .dropdown .open_pic a:hover {background-position: 10px -1382px;} .dropdown .print a {background-position: 10px -1052px;} .dropdown .print a:hover {background-position: 10px -1118px;} .dropdown .go_offline a {background-position: 10px -921px;} .dropdown .go_offline a:hover {background-position: 10px -987px;} .dropdown .go_online a {background-position: 10px -789px;} .dropdown .go_online a:hover {background-position: 10px -855px;} .dropdown .write_message a {background-position: 10px -259px;} .dropdown .write_message a:hover {background-position: 10px -325px;} .dropdown .create_notice a {background-position: 10px -129px;} .dropdown .create_notice a:hover {background-position: 10px -196px;} .dropdown .offer_friendship a {background-position: 10px -1712px;} .dropdown .offer_friendship a:hover {background-position: 10px -1778px;} .dropdown .instant_messenger a {background-position: 10px -392px;} .dropdown .instant_messenger a:hover {background-position: 10px -458px;} .dropdown .break_friendship a {background-position: 10px -525px;} .dropdown .break_friendship a:hover {background-position: 10px -591px;} .dropdown .friendship strong {background-position: 10px -1844px;} .dropdown .pinboard a {background-position: 10px -1185px;} .dropdown .pinboard a:hover {background-position: 10px -1250px;} .dropdown .abuse a {background-position: 10px -2703px;} .dropdown .abuse a:hover {background-position: 10px -2769px;} .dropdown .download a {background-position: 10px -2307px;} .dropdown .download a:hover {background-position: 10px -2373px;} .dropdown .attach a {background-position: 10px -2438px;} .dropdown .attach a:hover {background-position: 10px -2504px;} .dropdown .invite_person a {background-position: 10px -2834px;} .dropdown .invite_person a:hover {background-position: 10px -2900px;} .dropdown .add_event a {background-position: 10px -2967px;} .dropdown .add_event a:hover {background-position: 10px -3033px;} .dropdown .exit_group a {background-position: 10px -3098px;} .dropdown .exit_group a:hover {background-position: 10px -3164px;} .dropdown .calendar a {background-position: 10px -1581px;} .dropdown .calendar a:hover {background-position: 10px -1647px;} /*small_item_list*/ .small_item_list li { float: left; width: 12px; height: 12px; margin: 0 3px;} .small_item_list li a{ display: block; width: 12px; height: 0; padding-top: 12px; overflow: hidden; background-image:url('/img/sprites/items.gif'); background-repeat: no-repeat; } /*item positions*/ .small_item_list .view_profile { background-position: 0 -1980px; } .small_item_list .open_pic {background-position: 0 -1319px;} .small_item_list .print {background-position: 0 -1056px;} .small_item_list .write_message {background-position: 0 -262px;} .small_item_list .create_notice {background-position: 0 -132px;} .small_item_list .offer_friendship {background-position: 0 -1716px;} .small_item_list .break_friendship {background-position: 0 -528px;} .small_item_list .friendship {background-position: 0 -1848px;} .small_item_list .pinboard {background-position: 0 -1188px;} .small_item_list .abuse {background-position: 0 -2706px;} .small_item_list .overview { background-position: 0 -660px; } .small_item_list .view {background-position: 0 -1319px;} .small_item_list .delete {background-position: 0 -528px;} .small_item_list .edit {background-position: 0 -2574px;} .small_item_list .no_item { background: none; } .small_item_list .view_profile {background-position: 0 -1980px;} .small_item_list .go_offline {background-position: 0 -924px;} .small_item_list .go_online {background-position: 0 -792px;} .small_item_list .instant_messenger {background-position: 0 -395px;} .small_item_list .download {background-position: 0 -2310px;} .small_item_list .attach {background-position: 0 -2442px;} .small_item_list .invite_person {background-position: 0 -2837px;} .small_item_list .add_event {background-position: 0 -2970px;} .small_item_list .exit_group {background-position: 0 -3101px;} .small_item_list .calendar {background-position: 0 -1584px;} .small_item_list .remove {background-position: 0 -2242px;} .small_item_list .add { background-position: 0 -2177px; } /*Rating bewertung*/ .rating { width: 100%; } .formRating ul { overflow: hidden; float: left; width: auto !important;} .formRating li { float: right; padding: 0 !important;} .formRating span { display: block; width: 20px; height: 0; padding-top: 20px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; cursor: pointer;} .box_list .loading_rating { padding: 0 !important; margin: 0; background: transparent url('/img/elements/loading_norm_small.gif') no-repeat center center; } .script .formRating .fSubmit { display: none; } #IE6_7 .formRating ul { width: 100px !important; height: 22px;} #IE6 .formRating *{ zoom: 1; } /*stars show*/ form.poor .poor, form.not_good .poor, form.not_good .not_good, form.fair .poor, form.fair .not_good, form.fair .fair, form.good .poor, form.good .not_good, form.good .fair, form.good .good, form.very_good label span { background-position: 0 -20px; } /*Prozentangabe*/ .percentage_scale {display:block; height: 20px; position: relative; background-position: left -3px;} .percentage_scale .left, .percentage_scale .right, .percentage_scale .middle {height: 0; padding-top: 20px; overflow: hidden; line-height: 20px;} .percentage_scale .left {width: 98% !important;} .percentage_scale .right, #MainContent .expanded_card .percentage_scale .right { width: 20px !important; } #IE6 .percentage_scale .right {right: -1px;} #Content .percentage_scale .middle {display: block; background-position: 0 -283px !important; border-right: 1px solid #c7c7c7;} /*img path normal*/ .percentage_scale .left, .percentage_scale .right, #MainContent .expanded_card .percentage_scale .left, #MainContent .expanded_card .percentage_scale .right { background-image: url('/img/sprites/noTheme_content_elements.gif'); } /*on gray bg*/ .percentage_scale .left { background-position: 0 -321px !important; } .percentage_scale .right { background-position: -230px -300px !important; } /*in forms*/ .form .percentage_scale .left { background-position: 0 -630px !important; } .form .percentage_scale .right { background-position: -230px -609px !important; } /*on white bg*/ #MainContent .expanded_card .percentage_scale .left { background-position: 0 -394px !important; } #MainContent .expanded_card .percentage_scale .right { background-position: -230px -373px !important; } /*kleine prozentangabe*/ .ps_small {height: 14px;} .ps_small .left, .ps_small .right, .ps_small .middle {padding-top: 14px;} .ps_small .left {background-position: 0 -777px !important;} .ps_small .right {background-position: -230px -762px !important;} /*Pagination*/ .pagination, .form .paginationOnWhite {border-color: #adadad; float: right; height: 19px; border-top-width: 1px; border-top-style: solid; font-size: 10px; position: relative;} .pagination ul, .form .paginationOnWhite ul {border-top-width: 1px; border-top-style: solid;position: relative; float: left; height: 18px; border-color: #d6d6d6; background-color: #e7e7e7;} .pagination li {float: left; margin-top: 4px;} .pagination li a, .pagination li strong, .pagination li.bridge { border-right-width: 1px; border-right-style: solid; border-left-width: 1px; border-left-style: solid; display: block; font-family: Helvetica; line-height: 9px; padding: 0 10px 0 9px; font-weight: normal; } .pagination .active {margin-top: 2px; padding-top: 2px; height: 1.1em; background-position: -185px -590px; display: block; position: relative; margin-right: 1px;} .pagination .active strong {margin-right: -1px;} .pagination .active span {background-position: -225px -590px; display: block; position: absolute; top: 0; right: 0; height: 0; padding-top: 13px; overflow: hidden;} .pagination li.first a, .pagination li.first strong, .pagination li.first {border-left: none;} .pagination li.last a, .pagination li.last strong, .pagination li.last {border-right: none;} .pagination li span {display: none;} .pagination .prev, .pagination .next {position: relative; top: -6px; border: none;} /*inaktiv*/ .pagination .prev span, .pagination .next span {display: block; height: 0; padding-top: 20px; width: 19px; overflow: hidden; background-position: -113px -189px;} .pagination .next span {background-position: -133px -189px;} /*aktiv*/ .pagination .prev a, .pagination .next a {width:19px; height: 20px; background-position: -113px -168px; padding: 0; border: none;} .pagination .next a {background-position: -133px -168px;} .pagination .prev a span, .pagination .next a span {display: none;} /*in form .box*/ .form .pagination .prev span, .form .pagination .next span {background-position: -153px -189px;} .form .pagination .next span {background-position: -172px -189px;} .form .pagination .prev a, .form .pagination .next a {background-position: -153px -168px;} .form .pagination .next a {background-position: -173px -168px;} .form .pagination .active {background-position: -137px -590px;} .form .pagination .active span {background-position: -158px -590px;} /* on white bg */ .paginationOnWhite .prev a, .paginationOnWhite .next a, .paginationOnWhite .prev span, .paginationOnWhite .next span { background-image: url(/img/sprites/noTheme_content_elements.gif) !important;} .paginationOnWhite .prev span, .paginationOnWhite .next span {background-position: -48px -47px !important;} .paginationOnWhite .next span {background-position: -69px -47px !important;} .paginationOnWhite .prev a, .paginationOnWhite .next a {background-position: -48px -26px !important;} .paginationOnWhite .next a {background-position: -70px -26px !important;} .paginationOnWhite li.active { background-position:-185px -590px!important; } .paginationOnWhite .active strong span { background-position:-225px -590px !important; } #IE6 .pagination ul {float: left;} #IE6 .pagination .prev,#IE6 .pagination .next {margin-top: -2px; top: 0;padding: 0; height: 18px;} #IE6 .active span {right: -1px;} #IE6 .active strong {position: relative;} /*buttons*/ .button { display: block; height:auto; width:auto; border-width: 1px; border-style: solid; cursor:pointer; float:left; font-size: 10px; text-decoration: none !important; white-space: nowrap; padding:3px 5px; line-height:12px; overflow:visible;} .form .inactive .buttonWrapper .button, .inactive .button {background-image: none !important; cursor: default;} span.toggle_list_edit_button, .noScript .toggle_list_edit_button, #IE6 .toggle_list_edit_button {position:absolute; right: 10px; top: 10px;} input.button {padding: 2px 5px; height:20px;} #IE6_7 input.button {padding-bottom:1px;} .button:hover {text-decoration: none;} .noScript .button, #IE6 .button, .form .buttonWrapper {margin-left:10px;} .noScript .formList .button, #IE6 .formList .button, .form .formList .buttonWrapper {margin-left:0; margin-right:10px;} /*[NOSCRIPT] Fix fuer vereinsbanner upload*/ #userPortraitSelectImage {margin-right:0;} #IE6 .button { padding-bottom: 2px; } #IE6 .box_header .options .button { float: left; } /* button round corners*/ .buttonWrapper {position:relative; float:left;} .buttonWrapper .fText, .buttonWrapper .fTextarea {margin:0;} #Body .inactive .buttonWrapper, #Body .inactive .buttonWrapper a.button, #Body .inactive .buttonWrapper input.button { cursor: default !important; color: #d6d6d6 !important;} .buttonWrapper .top_left, .buttonWrapper .top_right, .buttonWrapper .bottom_left, .buttonWrapper .bottom_right {width: 6px !important; height: 6px !important;} .buttonWrapper .left, .buttonWrapper .right {width:3px !important; top:3px; bottom:3px; height:auto;} .buttonWrapper .left {left:-2px !important;} .buttonWrapper .right {right: -2px;} .buttonWrapper .top, .buttonWrapper .bottom {height:3px; left: 3px; right: 3px; width:auto;} .buttonWrapper .top {top: -2px;} .buttonWrapper .bottom {bottom:-2px;} .buttonWrapper .top_left {left:-3px; top:-3px;} .buttonWrapper .top_right {right:-3px; top:-3px;} .buttonWrapper .bottom_left {left:-3px; bottom:-3px;} .buttonWrapper .bottom_right {bottom:-3px; right:-3px;} /* gray */ .button, #Body #Search .button, #ContentCol2 .button, .form .card_list .buttonWrapper .button, .form .formElementsOnWhite .buttonWrapper .button {background-color: #e7e7e7;} .button, #ContentCol2 .button, .form .card_list .button, .form .formElementsOnWhite .buttonWrapper .button {background-position: 0 -36px;} #Search .button {background-position: 0 -36px !important;} .buttonWrapper .top_left, #ContentCol2 .buttonWrapper .top_left, #Search .buttonWrapper .top_left, #IM .buttonWrapper .top_left,.form .card_list .buttonWrapper .top_left, .form .formElementsOnWhite .buttonWrapper .top_left , form.operate .buttonWrapper .top_left {background-position: 0 -12px !important;} .buttonWrapper .top_right, #ContentCol2 .buttonWrapper .top_right, #Search .buttonWrapper .top_right, #IM .buttonWrapper .top_right, .form .card_list .buttonWrapper .top_right, .form .formElementsOnWhite .buttonWrapper .top_right, form.operate .buttonWrapper .top_right {background-position: -6px -12px !important;} .buttonWrapper .bottom_left, #ContentCol2 .buttonWrapper .bottom_left, #Search .buttonWrapper .bottom_left, #IM .buttonWrapper .bottom_left, .form .card_list .buttonWrapper .bottom_left, .form .formElementsOnWhite .buttonWrapper .bottom_left, form.operate .buttonWrapper .bottom_left {background-position: 0 -18px !important;} .buttonWrapper .bottom_right, #ContentCol2 .buttonWrapper .bottom_right, #Search .buttonWrapper .bottom_right, #IM .buttonWrapper .bottom-right, .form .card_list .buttonWrapper .bottom_right, .form .formElementsOnWhite .buttonWrapper .bottom_right, form.operate .buttonWrapper .bottom_right {background-position: -6px -18px !important;} .buttonWrapper .top, #ContentCol2 .buttonWrapper .top, #Search .buttonWrapper .top, #IM .buttonWrapper .top , .form .card_list .buttonWrapper .top, .form .formElementsOnWhite .buttonWrapper .top, .operate .buttonWrapper .top {background-position: 0 -6px;} .buttonWrapper .bottom, #ContentCol2 .buttonWrapper .bottom, #Search .buttonWrapper .bottom, #IM .buttonWrapper .bottom, .form .card_list .buttonWrapper .bottom, .form .formElementsOnWhite .buttonWrapper .bottom, .operate .buttonWrapper .bottom {background-position: 0 -9px;} .buttonWrapper .left, .form #ContentCol2 .buttonWrapper .left, #ContentCol2 .form .buttonWrapper .left, .card_list .buttonWrapper .left, #Search .buttonWrapper .left, #IM .buttonWrapper .left, .form .card_list .buttonWrapper .left, .form .formElementsOnWhite .buttonWrapper .left, form.operate .buttonWrapper .left {background-position: -6px 0 !important;} .buttonWrapper .right, .form #ContentCol2 .buttonWrapper .right, #ContentCol2 .form .buttonWrapper .right, .card_list .buttonWrapper .right, #Search .buttonWrapper .right, #IM .buttonWrapper .right, .form .card_list .buttonWrapper .right, .form .formElementsOnWhite .buttonWrapper .right, form.operate .buttonWrapper .right {background-position: -9px 0 !important;} /*inactive*/ .buttonWrapper.inactive .top_left, .inactive .buttonWrapper .top_left, #ContentCol2 .inactive .buttonWrapper .top_left {background-position: 0 -47px !important;} .buttonWrapper.inactive .top_right, .inactive .buttonWrapper .top_right, #ContentCol2 .inactive .buttonWrapper .top_right {background-position: -6px -47px !important;} .buttonWrapper.inactive .bottom_left, .inactive .buttonWrapper .bottom_left, #ContentCol2 .inactive .buttonWrapper .bottom_left {background-position: 0 -55px !important;} .buttonWrapper.inactive .bottom_right, .inactive .buttonWrapper .bottom_right, #ContentCol2 .inactive .buttonWrapper .bottom_right {background-position: -6px -55px !important;} .buttonWrapper.inactive .top, .inactive .buttonWrapper .top, #ContentCol2 .inactive .buttonWrapper .top {background-position: 0 -24px;} .buttonWrapper.inactive .bottom, .inactive .buttonWrapper .bottom, #ContentCol2 .inactive .buttonWrapper .bottom {background-position: 0 -27px;} .buttonWrapper.inactive .left, .inactive .buttonWrapper .left, form #ContentCol2 .inactive .buttonWrapper .left, .card_list .inactive .buttonWrapper .left {background-position: -24px 0 !important;} .buttonWrapper.inactive .right, .inactive .buttonWrapper .right, form #ContentCol2 .inactive .buttonWrapper .right, .card_list .inactive .buttonWrapper .right {background-position: -27px 0 !important;} /*In forms oder #Filter*/ .form .button, #Filter .button, .board .new .button {background-position: 0 0;} .form .buttonWrapper .top_left, #Filter .buttonWrapper .top_left, .board .new .buttonWrapper .top_left {background-position: 0 0 !important;} .form .buttonWrapper .top_right, #Filter .buttonWrapper .top_right, .board .new .buttonWrapper .top_right {background-position: -6px 0 !important;} .form .buttonWrapper .bottom_left, #Filter .buttonWrapper .bottom_left, .board .new .buttonWrapper .bottom_left {background-position: 0 -6px !important;} .form .buttonWrapper .bottom_right, #Filter .buttonWrapper .bottom_right, .board .new .buttonWrapper .bottom_right {background-position: -6px -6px !important;} .form .buttonWrapper .top, #Filter .buttonWrapper .top, .board .new .buttonWrapper .top {background-position: 0 0;} .form .buttonWrapper .bottom, #Filter .buttonWrapper .bottom, .board .new .buttonWrapper .bottom {background-position: 0 -3px;} .form .buttonWrapper .left, #Filter .buttonWrapper .left, .board .new .buttonWrapper .left {background-position: 0 0 !important;} .form .buttonWrapper .right, #Filter .buttonWrapper .right, .board .new .buttonWrapper .right {background-position: -3px 0 !important;} /*inactive -> filter rausgenommen*/ .form .inactive .buttonWrapper .top_left {background-position: 0 -72px !important;} .form .inactive .buttonWrapper .top_right {background-position: -6px -72px !important;} .form .inactive .buttonWrapper .bottom_left {background-position: 0 -78px !important;} .form .inactive .buttonWrapper .bottom_right {background-position: -6px -78px !important;} .form .inactive .buttonWrapper .top {background-position: 0 -36px;} .form .inactive .buttonWrapper .bottom {background-position: 0 -39px;} .form .inactive .buttonWrapper .left {background-position: -36px 0 !important;} .form .inactive .buttonWrapper .right {background-position: -39px 0 !important;} #Filter .inactive .buttonWrapper .button {background-image: none !important;} /* blue -> in box_header */ .box_header .button, .box_header .form .button, #ContentCol2 .box_header .button {background-position: 0 -54px;} .box_header .buttonWrapper .top_left, #ContentCol2 .box_header .buttonWrapper .top_left {background-position: 0 -24px !important;} .box_header .buttonWrapper .top_right, #ContentCol2 .box_header .buttonWrapper .top_right {background-position: -6px -24px !important;} .box_header .buttonWrapper .bottom_left, #ContentCol2 .box_header .buttonWrapper .bottom_left {background-position: 0 -30px !important; display: block !important;} .box_header .buttonWrapper .bottom_right, #ContentCol2 .box_header .buttonWrapper .bottom_right {background-position: -6px -30px !important; display: block !important;} .box_header .buttonWrapper .top, #ContentCol2 .box_header .buttonWrapper .top {background-position: 0 -12px;} .box_header .buttonWrapper .bottom, #ContentCol2 .box_header .buttonWrapper .bottom {background-position: 0 -15px;} #Body .box_header .buttonWrapper .left {background-position: -12px 0 !important;} #Body .box_header .buttonWrapper .right {background-position: -15px 0 !important;} /*inactive*/ .box_header .buttonWrapper.inactive .top_left {background-position: 0 -60px !important;} .box_header .buttonWrapper.inactive .top_right {background-position: -6px -60px !important;} .box_header .buttonWrapper.inactive .bottom_left {background-position: 0 -67px !important; display: block !important;} .box_header .buttonWrapper.inactive .bottom_right {background-position: -6px -67px !important; display: block !important;} .box_header .buttonWrapper.inactive .top {background-position: 0 -30px;} .box_header .buttonWrapper.inactive .bottom {background-position: 0 -33px;} #Body .box_header .buttonWrapper.inactive .left {background-position: -30px 0 !important;} #Body .box_header .buttonWrapper.inactive .right {background-position: -33px 0 !important;} .box_header .inactive .button, .box_header .form .inactive .button {background-image: none !important;} /*hover mcard_vcard*/ #Body .hover .small_options_list .buttonWrapper .top_left {background-position: 0 -36px !important;} #Body .hover .small_options_list .buttonWrapper .top_right {background-position: -6px -36px !important;} #Body .hover .small_options_list .buttonWrapper .bottom_left {background-position: 0 -42px !important;} #Body .hover .small_options_list .buttonWrapper .bottom_right {background-position: -6px -42px !important;} #Body .hover .small_options_list .buttonWrapper .top {background-position: 0 -18px;} #Body .hover .small_options_list .buttonWrapper .bottom {background-position: 0 -21px;} #Body #Content .hover .small_options_list .buttonWrapper .left {background-position: -18px 0 !important;} #Body #Content .hover .small_options_list .buttonWrapper .right {background-position: -21px 0 !important;} /* button adaption*/ .form .button {background-position: 0 0;} form.form .fSubmit, #ContentCol2 .form .fSubmit, .fSubmit {background-position: 0 -18px !important;} /*ajaxSuggWrapper*/ .ajaxSuggWrapper {position: absolute; z-index: 100000; border-width: 1px; border-top-width: 0; border-style: solid; border-color: #adadad;} .ajaxSuggWrapper ul li {background-repeat: repeat-x; background-position: 0 -180px; margin: 0 3px; padding:1px; padding-bottom: 2px; height: 17px; white-space: nowrap; overflow: hidden;} .ajaxSuggWrapper ul li a {display: block; padding: 1px 5px;overflow: hidden;} .ajaxSuggWrapper ul li a:hover {text-decoration: none;} .ajaxSuggWrapper ul li span {font-weight: bold;} /*arrows*/ .arrow_left, .arrow_right, .arrow_right_active, .arrow_left_active { position: absolute; display: block; width: 29px; height: 0; padding-top: 41px; overflow: hidden; top: 39px; left: 194px; cursor:default; outline: 0; background-repeat: no-repeat; background-position: 0 0; } .arrow_right, .arrow_right_active {background-position: 0 -126px; top: 41px; left: auto; right: -4px;} .arrow_right_active {background-position: -1px -168px; cursor:pointer;} .arrow_left_active { background-position: 0 -42px; cursor:pointer;} .arrow_right_active:hover {background-position: 0 -210px; cursor:pointer;} .arrow_left_active:hover {background-position: 0 -84px; cursor:pointer;} /*countdown*/ .countdown {background:url(/img/calendar/calendar-countdown.gif) 50% 100% no-repeat; margin-left:-2px; overflow: hidden; } .countdown li {float:left; width: 46px;text-align: center;} .countdown li strong {display:block; font-weight:normal; font-size:10px; padding-bottom:3px;} .countdown li span { display:block; font-weight: bold; background: url(/img/calendar/calendar-countdown.gif) 100% 0 no-repeat; height:25px; font-size:16px; overflow: hidden; line-height: 26px;} .countdown li strong, .countdown li span {padding-left:12px;} .countdown .months, .countdown .hours {margin-left:0; width:38px;} .countdown li.months span, .countdown li.hours span, .countdown li.months strong, .countdown li.hours strong {padding-left:3px;} .countdown .hours {margin-left: 40px;} #IE6 .countdown { position: relative; clear: both;} /*------- SiteInfo layout -------------------------------------------------------*/ #SiteInfo .content {position: relative; top: 109px;} #SiteInfo strong, #SiteInfo a {font-size: 10px;} #SiteInfo a {float: left;} #SiteInfo strong {float: right; font-weight: normal; position: relative;} #SiteInfo ul {float: left;width: 60%; clear: both;position: relative;} #SiteInfo ul li {float: left; padding: 0 10px; border-left: 1px solid white;} #SiteInfo ul .first {border-left: 0px; padding-left: 0px;} /*------- Search styling -------------------------------------------------------*/ #Search .content, #Search fieldset, #Search ul, #Search .search_input {position: absolute;} #Search .content, #Search .home, #Search .contact, #Search .sitemap, #Search .one, #Search .two, #Search .three, #Search .four, #Search .five, #Search .six, #Search .logout, #Search .login {right: 0; background: transparent url('/img/sprites/header_search.gif') no-repeat -237px 0;} /*quicklinks*/ #Search .content { background-color: white; height: 69px; width: 656px; overflow: hidden; margin-right: -3px; margin-top: -4px;} #Search fieldset {right: 12px; top: 10px; width: 280px; height: 45px;} #Search .qLink_list {right: 311px; top: 5px; width:360px;} #Search .qLink_list li {float: right; padding: 14px 5px 0 5px;} #Search a, #Search .fSubmit {color: #5f6161; font-size: 9px; float: left;} /*different borders in mainmenu*/ #Search .one {background-position: right -78px;} #Search .two {background-position: right -109px} #Search .three {background-position: right -146px} #Search .four {background-position: right -183px} #Search .five {background-position: right -230px;} #Search .six {background-position: right -257px;} #Search .home, #Search .contact, #Search .sitemap {display: block; width: 11px; height: 0px; padding-top: 11px; overflow: hidden; background-position: 0 -2px; margin: 0 2px;} #Search .logout, #Search .login {display: block; padding-left: 15px; background-position: -20px -2px ;} #Search .login {background-position: -20px -13px ;} #Search .contact {background-position: 0 -14px} #Search .sitemap {background-position: 0 -25px} /*Searchform*/ #Search .fText { width: 187px; color: #d6d6d6; font-size: 13px; position: relative; height: 16px;} #Search .textInputWrapper, .noScript #Search .fText, #IE6 #Search .fText {top: 2px;} #IE6 #Search .fText { margin-left: 2px; } #Search .fSubmit {text-align: left; vertical-align: top; position: relative; font-size: 10px;} #Search .buttonWrapper, .noScript #Search .fSubmit, #IE6 #Search .fSubmit {right: 7px; top:3px; position: absolute;} #Search .textInputWrapper span { background-image: url('/img/sprites/noTheme_textInputWrapper_corners.gif') !important; } #Search .textInputWrapper .top_left {background-position: 1px -26px !important; background-color: transparent; background-repeat: no-repeat;} #Search .textInputWrapper .top_right {background-position: -6px -26px !important; background-color: transparent; background-repeat: no-repeat;} #Search .textInputWrapper .bottom_left {background-position: 1px -33px !important; background-color: transparent; background-repeat: no-repeat;} #Search .textInputWrapper .bottom_right {background-position: -6px -33px !important; background-color: transparent; background-repeat: no-repeat;} #Search .focus .top_left {background-position: 1px -41px !important;} #Search .focus .top_right {background-position: -6px -41px !important;} #Search .focus .bottom_right {background-position: -6px -48px !important;} #Search .focus .bottom_left {background-position: 1px -48px !important;} #Search .focus .top, #Search .focus .bottom, #Search .focus .left, #Search .focus .right { display: none; } /*Search-links*/ #Search fieldset dl { font-size: 10px; top: 30px; position:relative; } #Search fieldset dl li { float: left; padding-right: 5px; line-height: 10px;} #Search fieldset dl li.snd { border-left: 1px solid #5f6161; padding-left: 5px;} #Search fieldset dl li span {display:block; float:left; line-height:6px; margin-right: .2em;} /*------- ProfileSummary styling -------------------------------------------------------*/ /*MyProfileSummary*/ #MyProfileSummary {width:457px; height: 88px; padding: 10px; padding-top: 12px ; position: relative; background-position: -18px 0; background-repeat:no-repeat;} #MyProfileSummary .content {height: auto; padding-left: 90px; font-style: normal; padding-top: 3px;} #MyProfileSummary .content strong { font-weight: bold; } #MyProfileSummary .media_wrapper {position: absolute; left: 0; top: 0;} #IE6 #MyProfileSummary .media_wrapper {left: -90px;} #MyProfileSummary ul {font-size: 11px; margin-top: 0.8em;} #MyProfileSummary ul li {line-height: 12px; display: block;} #MyProfileSummary a {text-decoration: underline;} /*ForeignProfiles*/ #ForeignProfiles {width:518px; height: 100%; position: absolute; right: 0; top: 0; z-index: 2; background-position: 0 0; background-repeat: no-repeat;} #ForeignProfiles .inner_content {overflow:hidden; width: 270px; position: absolute; right:25px} #ForeignProfiles .inner_content.register {width: 328px;right:-5px;margin-top:-10px} #ForeignProfiles ul {position: absolute; top:11px; height: 96px; right: 0;} #ForeignProfiles li {float: left; padding: 0 5px 15px 5px;} #IE6 #ForeignProfiles li, .noScript #ForeignProfiles li {padding: 0 4px 15px 5px;} /*------- Navigation styling -------------------------------------------------------*/ #NavigationList {width: 100%; height: 100%; position: relative; background-repeat: repeat-x; background-position: 0 -234px;} #NavigationList ol {height: 41px; width: 980px; background-position: 0 -112px; background-color: transparent; background-repeat:no-repeat;} #IE6 #NavigationList ol {height: 40px;} #NavigationList #Submenu ol {background-position: 0 -160px;} .no_submenu #NavigationList ol {height: 100%;} /*Mainmenu*/ #Navigation h2 { background-position: -498px -6px; background-color: transparent; background-repeat: no-repeat; display: block !important; width: 355px; height: 0; padding-top: 20px; overflow: hidden; line-height: 20px; position: absolute; top:0; right: 0; } #NavigationList ol li {float:left; font-size: 13px; font-weight: bold; height: 100%; background-position: 100% 5px; background-repeat: no-repeat;} #NavigationList a, #NavigationList span {display: block; padding: 11px 14px 11px 12px;} #NavigationList span { padding-bottom: 13px; } #Navigation a:hover {text-decoration: none;} #Navigation strong {display: block; position: relative;} #NavigationList .first, #NavigationList .first_active {padding-left: 9px; margin: 0 !important;} #NavigationList .active, #NavigationList .first_active {margin-left: -2px;} #NavigationList .inactive {background-position: right -33px;} #NavigationList .last {background-image: none;} #NavigationList li.active a, #NavigationList li.first_active a {padding: 11px 18px 14px; background-position: 100% -250px; background-color: transparent; background-repeat: no-repeat;} #NavigationList li.active strong, #NavigationList li.first_active strong {padding: 0; background-position: 0 -250px; background-color: transparent; background-repeat: no-repeat;} #NavigationList li.first_active strong {background-image: none;} #NavigationList li.first_active {background-position: 0 -294px; padding-left: 5px;} /*Submenu*/ #Submenu {position: absolute; top: 41px; width: 100%; height: 40px; left: 0; background-position: 0 -134px; background-repeat: repeat-x;} .no_submenu #Submenu {height:0; overflow:hidden;} #NavigationList #Submenu li, #NavigationList #Submenu li.first_active, #NavigationList #Submenu .active {height: 100%; background-position: 100% -79px; background-repeat: no-repeat;} #NavigationList #Submenu li.active {margin: 0; margin-left: -1px;} #NavigationList #Submenu li a {background-image: none; background-color: transparent; padding: 14px 17px 10px 15px;} #NavigationList #Submenu li.active a, #NavigationList #Submenu li.first_active a {background-repeat: no-repeat; background-position: -966px top; background-color: transparent;} #NavigationList #Submenu li.first_active { padding-left: 9px; margin: 0;} #NavigationList #Submenu strong {margin-right: 1px; background-repeat: repeat-x; background-position: 100% -189px !important;} #NavigationList #Submenu li.first_active strong {margin-left: 1px;} #NavigationList #Submenu li.first_active a {background-position: -965px 0; background-repeat: no-repeat;} /*Filter*/ #Filter {width: 295px; position: absolute; right: 0; top: -4px; background-color: transparent; z-index: 10;} #Filter h4 {height: 42px;} #Filter h4, #Filter h4 .selected {float: none; display: block; width: 295px; position: relative;font-size: 13px; font-weight: bold;} #Filter h4 .selected { height: 27px; padding: 15px 0 0 30px; width: 268px;} #Filter h4 .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 42px; z-index: 2; cursor: pointer;} #Filter .content { width: 318px; z-index: 1000000000; position: relative; float: right; border-width: 1px; border-style: solid; border-top-width: 0; padding-top: 30px;display: none;} #Filter.open .content {display: block;} #Filter .content .filter_list, #Filter .content p, #Filter .content h4 {padding: 0 9px;margin-bottom: 10px;} #Filter .content h4 { width: 299px; height: auto; position: absolute; top: -5px; left: -1px; font-size: 11px; font-weight: bold; background-position: 0 -340px; padding: 15px 10px 0 11px; background-repeat: no-repeat;} #Filter .options .buttonWrapper, #IE6 #Filter .options .button, .noScript #Filter .options .button {float: right;} #Filter .content ul li {padding: 2px 0 ;} #Filter .content ul a, #Filter .content ul .not_selectable {display: block; height: 29px; overflow: hidden; font-weight: bold; padding-top: 1px;} #Filter .content ul a span, #Filter .content ul .not_selectable span {display: block; font-size: 9px; font-weight: normal;} /*border*/ #Filter .content ul li {border-top-width: 1px; border-top-style: dotted;} #Filter .content ul ul { margin-top: 2px; margin-bottom: -2px;} #Filter .content ul .first { border-top-width: 0; } /*einruecken*/ #Filter li a {padding-left: 10px;} #Filter .content .sublevel1 li a, #Filter .content .sublevel1 li .not_selectable {padding-left: 40px;} #Filter .content .sublevel2 li a, #Filter .content .sublevel2 li .not_selectable {padding-left: 70px;} /*a grafiken*/ #Filter .content ul a:hover {background-position: 0 -60px; background-repeat: no-repeat;} #Filter .content ul .member {background-position: 0 -30px; background-repeat: no-repeat;} #Filter .content ul .selected, #Filter .content ul .selected:hover {background-position: 0 0; background-repeat: no-repeat;} #IE6 #Filter .content ul li, #IE6 #Filter .content ul ul { border-style: solid; height: 1px;} /*------- CONTENT STYLING -------------------------------------------------------*/ /*registerHint_box*/ .registerHint_box strong { padding: 6px 10px 10px 10px; display:block;} .registerHint_box p { margin: 0 10px; padding-bottom: 6px; border-bottom: 1px dotted #C7C7C7;} .registerHint_box p.last { border-bottom: 0; } .registerHint_box p.tree_structure, .registerHint_box p.user_interactions { padding: 0; margin: 0; padding-top: 461px; height: 0; overflow: hidden; width: 320px; display: block; background: url('/img/elements/verein_anmelden_baum.gif') no-repeat; } .registerHint_box p.user_interactions { background: url('/img/elements/user_anmelden_steps.gif') no-repeat; padding-top: 486px; } /*BoxWrapper*/ .box_wrapper {position:relative; width:650px; height: auto; margin-bottom: 20px; float: left;} .small , #ContentCol2 .box_wrapper {margin-bottom: 10px; width: 320px;} .static { padding-top: 0 !important; } #ContentCol3 .box_wrapper {margin: 0 8px 10px 0;} #ContentCol3 .small {margin: 0 0 10px 0; float: left;} #IE6 .box_wrapper {z-index: 1; padding-top: 0;} /*Boxen normal*/ .box {float: left; height: auto; position: relative; font-size: 11px; width: 100%;} .small .box, #ContentCol2 .box {float: left;} .static .box {padding-bottom: 0; height: 100%;} #InfoContent .box_wrapper .last {margin-left: 10px;} /*closed_status*/ .script #Body .closed { padding-bottom: 0; clear: both;} .closed { background-color: transparent !important; } .closed .box { display: none;} .static .box_header, .closed .shadow {display: none !important;} /*inner toggle*/ ul.toggle_list {position: relative; /*z-index: 1;*/ margin-top: -19px;} /* z-index tempor�r deaktiviert, mit andi anmelden und auf http://jan.framework.testbox/groups/accepted/9030 gehen, zu lange dropdowns werden von toggleliste verdeckt */ .small .toggle_list, #ContentCol2 .toggle_list {margin-top: -11px;} .toggle_list .headline, #IM .form .headline { position: relative; clear:both; background: #E7E7E7; border-bottom: 1px solid #C7C7C7; border-top: 1px solid #FFF; color:#7C7C7C; font-family:Helvetica,Arial; font-size:13px; font-weight:bold; height:3em; line-height:3.07692em; padding:0 10px; display:block;} .toggle_list li.first .headline {padding-top: 6px; } .toggle_list li .headline { width: 630px; } .small .toggle_list li .headline, #ContentCol2 .toggle_list li .headline { width: 300px;} .selectionContainer .toggle_list li .headline { width: auto; } .formSection fieldset.legendFirst legend span, .toggle_list li.first .headline { background-position:0 -35px; background-repeat: no-repeat; border-top-width: 0; } #ContentCol2 .formSection fieldset.legendFirst legend span, .small .toggle_list li.first .headline, #ContentCol2 .toggle_list li.first .headline {background-position: -660px -25px;;} .toggle_list .toggle_content { padding: 5px 10px; float:left; clear:both; border-bottom:1px solid #E7E7E7; width: 630px;} .small .toggle_list .toggle_content, #ContentCol2 .toggle_list .toggle_content {width: 320px; padding: 0;} .small .toggle_list .headline, #ContentCol2 .toggle_list .headline, #IM .form .headline {font-size: 11px; height: auto;} #IE6_7 .toggle_list .toggle_content {float: none; } #IE6_7 .toggle_list .toggle_item {position: relative; zoom: 1;} /*closed status inner toggle*/ #Body li.closed {height: auto;} #Body fieldset.closed {height: 39px;} #Body fieldset.closedFirst {height: 35px;} #Body .operate fieldset.closed {height:33px;} li.closed .toggle_content, fieldset .closed .toggle_content { display: none; height: 0; overflow: hidden;} .toggle_list .toggle_item.closed { overflow: hidden; } /* [REMOVESCRIPT] Da script klasse entfernt, overflow im auf visible setzen */ .toggle_list .toggle_item.closed { overflow: visible; } /* inner toggle (oder auch ohne toggle) mit detailitems */ .detail_list { padding: 0 10px; } .detail_item {border-top: 1px dotted #C7C7C7; clear:both; float:left; padding: 10px 0; position: relative;} #IE6_7 .detail_item {width:630px;} #IE6_7 .details_engaged .detail_item {width:468px;} .toggle_list .first, .toggle_list .last, .details_engaged .first, .details_engaged .last, .detail_list .first {border:0 !important;} .detail_item_sublevel {margin-bottom: -10px; margin-top: -10px;} .detail_item_sublevel li {width:100%; border-bottom: 1px dotted #C7C7C7; padding: 10px 0;} #IE6 .detail_item_sublevel li { border-bottom-style: solid; } .detail_title {display: block; float: left; width: 160px;} .detail_content {float:left; width: 470px;} #IE6 .details_full_width li { width:630px; } .detail_item .topicsharing {position: absolute; right:0;} .details_engaged {position: relative; margin-bottom:10px;} .toggle_list .details_engaged {position: static;} .toggle_list .details_engaged {margin-bottom:0;} .details_engaged ul {min-height: 145px;} #IE6 .details_engaged ul {height: 145px;} .toggle_list .details_engaged ul {min-height: 193px;} #IE6 .toggle_list .details_engaged ul {height:193px;} .details_engaged ul ul {min-height: 0 !important; width:auto;} #IE6 .details_engaged ul ul {height: 1px !important;} .details_engaged .media_wrapper {position: absolute; left:10px; top:0;} .details_engaged .detail_item {margin-left:172px; display:inline;} .toggle_list .details_engaged .detail_item {margin-left: 162px;} .details_engaged .detail_item .detail_title {font-weight:normal;} .details_engaged .detail_item .detail_content {width: 308px;} .details_engaged .toggle_content {position: relative;} /* auf der welcome seite*/ .welcomeNewForum .media_wrapper { position: relative; float: left; margin-right: 24px; margin-bottom:16px; } .welcomeNewForum .toggle_content {padding: 10px; } /*Notiz anlegen*/ .detailContent_Buttons { float: right; margin: 11px; } .detail_item .create_note .fTextarea { width: 291px; } .detail_item .create_note .buttonWrapper, .noScript .detail_item .create_note .button, #IE6 .detail_item .create_note .button { float: right; margin-top: 10px; margin-right: 12px; } #IE6 .detail_item .create_note .fTextarea { width:280px; } #IE6 .detail_item .create_note .button { margin-right: 6px; } .detail_to li, .detail_cc li {padding-right: .2em; white-space: normal; display:inline;} .details_engaged .checkLabel .fCheck {top: -2px; left:-2px;} .detail_content p em {float:left; font-style:normal; font-weight:bold; padding-right:3px;} .detail_content p .percentage_scale {float:left; margin-top:-2px; width:270px;} .toggle_list .submitAll {float:right;} .toggle_list .submitAll li {float: left; margin-left: 10px;} .toggle_list .box .box_options {top:-11px; height: 34px;} .toggle_list .mcard {height:183px; position: absolute; left:10px; top:10px;} .toggle_list .card_list .mcard{ position: relative; height: auto; left: auto; top: auto } .toggle_list .mcard .options {bottom:0; left:-2px;} .toggle_list .small_cards .mcard{ height: 60px;} /*boxen im overlay*/ #Overlay .box_wrapper { background: white url('/img/background/overlay_grad.gif') repeat-x left bottom !important;} #Overlay .box_bl, #Overlay .box_br { display: none; } #Overlay .box_l, #Overlay .box_r { width: 1px; background: white url('/img/background/overlay_grad2.gif') no-repeat left bottom; left:-1px; top: 1px;} #Overlay .box_r { right: -1px; left: auto; } #Overlay .box_t, #Overlay .box_b { height: 1px; background: white; left: 1px; top: -1px; width: 648px;} #Overlay .small .box_t, #Overlay .small .box_b { width: 318px; } #Overlay .box_b { bottom: -1px; top: auto; background: #dcdcdc;} /*box header*/ /*generell*/ .box_header {height: 45px; padding-left:18px; position: relative; width: 632px; background-position: 0 0 ; background-repeat: no-repeat;} #IE6_7 .box_header {z-index: 4;} .small .box_header, #ContentCol2 .box_header { width: 310px; } .draggables .box_header {cursor: move;} #ContentCol2 .box_header, .small .box_header {background-position: -660px 0 !important; padding-left: 10px; height: 36px; } #ContentCol2 .box_header h3, .small .box_header h3, #ContentCol2 .box_header h4, .small .box_header h4 {font-size: 12px; height: 30px;line-height: 30px; font-family: Helvetica, Arial;} #IE6 .box_header{ position: relative; } /*schatten unter box_header*/ .box_wrapper .shadow {display: block; width: 100%; height: 10px; position: absolute; top: -10px; left: 0; z-index:2; background-image:url('/img/sprites/shadows.png')} .small .shadow, #ContentCol2 .box_wrapper .shadow {background-position: 0 -20px;} /*elemente in box_header*/ .box_header h3, .box_header h4 {font-size: 18px; font-weight: bold; display:inline; line-height: 40px;} .box_header p {display: inline; margin-left: 5px; font-size: 10px;} .box_header .buttonWrapper {margin: 12px 12px 0 2px;} #ContentCol2 .box_header .buttonWrapper { margin-top: 7px; } .noScript .box_header .button {margin: 10px 12px 0 2px; float:left;} #IE6 .box_header .button { float: right; margin: 10px 12px 0 2px; } #IE6 #ContentCol2 .box_header .button { margin-top: 6px;} .box_header .button {font-size: 9px; height: 9px; padding-top: 2px;} .box_header input.button {height: 16px; padding-top: 1px; width: 40px;} /*list_views + buttons*/ .box_header .list_views { float:right; margin-left: 1px; padding-left: 12px; position: relative;} .box_header .list_views strong { width: 2px; height: 0; padding-top: 40px; overflow: hidden; background-position: 0 -168px; display: block; position: absolute; left: 0; top: 0; } .box_header .list_views ul li { float: left;} #IE6 .box_header .list_views ul li { float: left; width: 20px; height: 20px; } #IE6_7 .box_header .list_views { height: 40px;} #IE6 .box_header .list_views a { float: none; margin: 10px 5px 0 2px; } #IE7 .box_header .list_views ul li { float: none; display: inline } #IE7 .box_header .list_views {width: 75px } .box_header a.galerie , .box_header a.map , .box_header a.list { width: 18px; height: 14px; padding: 0;} .box_header a.galerie span, .box_header a.map span, .box_header a.list span { display: block; width: 20px; height: 0; padding-top: 15px; overflow: hidden; background-image: url('/img/sprites/box_header_items.gif'); background-repeat: no-repeat; } .box_header a.galerie span { background-position: 1px -23px; } .box_header a.list span { background-position: 1px -63px; } .box_header a.map span { background-position: 1px -102px; } #IE6 .box_header a.galerie span { background-position: 2px -22px; } #IE6 .box_header a.list span { background-position: 2px -62px; } #IE6 .box_header a.map span { background-position: 2px -101px; } .box_header a.galerie_active, .box_header a.list_active, .box_header a.map_active { background-position: 0 -20px; } .box_header a.galerie_active span { background-position: 1px -3px; } .box_header a.list_active span { background-position: 1px -43px; } .box_header a.map_active span { background-position: 1px -82px; } #IE6 .box_header a.galerie_active span { background-position: 2px -2px; } #IE6 .box_header a.list_active span { background-position: 2px -42px; } #IE6 .box_header a.map_active span { background-position: 2px -81px; } .script .box_header .buttonWrapper.galerie, .noScript .box_header .galerie, .script .box_header .buttonWrapper.list, .noScript .box_header .list, .script .box_header .buttonWrapper.map, .noScript .box_header .map {float:right;} #IE6 .box_header .galerie, #IE6 .box_header list, #IE6 .box_header .map {float:right;} /*suche in box_header*/ .box_header fieldset {padding-top: 10px; float:right; width: 182px;} .box_header fieldset .buttonWrapper {float:right; margin: 2px 12px 0 0;} .noScript .box_header fieldset .fText, #IE6 .box_header fieldset .fText, .script .box_header fieldset .textInputWrapper {float:left; margin-right: 6px;} .box_header .form .textInputWrapper .fText, .noScript .box_header .form .fText, #IE6 .box_header .form .fText {width: 100px; height: 14px;} .box_header legend {height: 0; width: 0;} .noScript .box_header fieldset .button {margin: 2px 12px 0 2px; float:left;} #IE6 .box_header fieldset .button { margin: 0 6px 0 2px; float:left; } .box_header .form .textInputWrapper .top_left {background-position: 1px -74px !important;} .box_header .form .textInputWrapper .top_right {background-position: -6px -74px !important;} .box_header .form .textInputWrapper .bottom_left {background-position: 1px -81px !important;} .box_header .form .textInputWrapper .bottom_right {background-position: -6px -81px !important;} .box_header .form .textInputWrapper .bottom, .box_header .form .textInputWrapper .top, .box_header .form .textInputWrapper .left, .box_header .form .textInputWrapper .right {display: none;} /*box_header options*/ .box_header .options, .drag_area .small .box_header .options {width: auto; position: absolute; right: 0; top: 0; overflow: hidden; border: none;} .box_header .options_inner {border: none; padding: 0 !important;} /*andere*/ .box .caption {display: block; height:27px; font-weight: bold; font-size: 11px; overflow: hidden;} .box .caption span {font-weight: normal; display: block; font-size: 10px; } .vcard .caption span { width: 100%; } .small_cards .vcard .caption a { display: block; } .box_wrapper .top_left, .box_wrapper .top_right, .box_wrapper .bottom_left, .box_wrapper .bottom_right, .search_input .top_left, .search_input .top_right, .search_input .bottom_left, .search_input .bottom_right {width: 7px; height: 7px; background-position: 0 0;} #IE7 .box_wrapper .top_left, #IE7 .box_wrapper .top_right, #IE7 .box_wrapper .bottom_left, #IE7 .box_wrapper .bottom_right, #IE7 .search_input .top_left, #IE7 .search_input .top_right, #IE7 .search_input .bottom_left, #IE7 .search_input .bottom_right {z-index:10;} .box_wrapper .top_right {background-position: -7px 0;} #Content .box .bottom_right, .form #ContentCol2 .box .bottom_right {background-position: -7px -7px;} #Content .box .bottom_left, .form #ContentCol2 .box .bottom_left {background-position: 0 -7px;} .box .box_tl ,.box .box_tr,.box .box_bl,.box .box_br, .operate .box .box_bl,.operate .box .box_br {background-image:url('/img/sprites/box_corners.gif');} .closed .box .bottom_left, .closed .box .bottom_right {display: none;} .box dt {float: left; clear:both;} .box dd {display: block; float: left;} /* box_list in ContentCol2 und small wrapper*/ .box_list {width: 100%; margin-top: -4px; padding: 0; position: relative;} .toggle_list .box_list {margin: 0;} .box_list .list_entry {padding: 0px; float: left; position: relative; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-top-color: white; border-bottom-color: #E7E7E7} .box_list .first {border-top: none;} .box_list .last {border-bottom: none;} /* info_list in ContentCol2 und small wrapper*/ .info_list .list_entry {padding: 6px 0; width: 100%;} /*.info_list .last {padding-bottom:0;} removed bc of berichte */ .info_list .list_entry p , .info_list .list_entry ul {float: left; width: 210px;} .info_list .list_entry ul li {padding-bottom: 8px;} .network_news .list_entry ul li { padding-bottom: 0; } .info_list .list_entry ul li .caption {display: inline; height: auto;} .info_list .list_entry p em {font-weight: bold; font-style: normal; float: left; padding-right: 3px;} .info_list .desc_title {width: 90px; float: left; font-weight: normal; padding-left: 10px;} .info_list .percentage_scale {float: right; width: 170px; margin-top: -3px; margin-bottom: -3px;} .info_list .list_entry .vcard em.caption {width: 95%;} .info_list .first .vcard {padding-top:4px;} /* Styling or hint textboxes */ .box_content .hints, .formContent .hints, .hints {padding: 5px 10px 10px 10px;} .box_content .hintsList, .formContent .hintsList {padding: 24px 10px 10px 10px;} /*VCARDS Mcards*/ /*generell*/ .vcard, .mcard {position: relative;} .vcard .type {display: none;} .vcard .street-address {display: block;} .card_list .vcard .caption span, .card_list .mcard .caption span, .box_list .vcard .caption span {float: left;} /*vcard, mcards*/ #MainContent .vcard .media_wrapper, #MainContent .mcard .media_wrapper, #MainContent .appointment .media_wrapper, #MainContent .icard .media_wrapper, #IM .vcard .media_wrapper {position: absolute; top: 0; left: 0; z-index:3;} #MainContent .vcard_content dt, #MainContent .mcard_content dt, #MainContent .appointment dt, .box_list .icard dt, #IM .vcard_content dt {display: none} #MainContent .vcard_content dd, #IM .vcard_content dd {width: 95%;} #MainContent .vcard .caption, #MainContent .mcard .caption, #MainContent .vcard .phone, .card_list .vcard_content, .card_list .mcard_content, #IM .vcard .caption {padding-bottom: 5px; } .vcard .caption, .mcard .caption { position: relative; z-index: 4; } /*options in vcard mcard*/ .vcard .options, .mcard .options { position: absolute; width: 154px; height: 34px; background-position: 0 -143px; background-image: url('/img/sprites/noTheme_content_elements.gif'); background-repeat: no-repeat; padding: 0; border: none; z-index: 10; } .vcard .options_inner, .mcard .options_inner { background-position: -96px -178px; background-image: url('/img/sprites/noTheme_content_elements.gif'); background-repeat: no-repeat; width: 100%; height: 100%; padding: 0; border: none; } .small_cards .vcard .options_inner,.small_cards .mcard .options_inner, .toggle_content .small_cards .vcard .options_inner, .toggle_content .small_cards .mcard .options_inner {background-position: -166px -178px; } /*hover auf cards*/ #Body .hover .vcard .options, #Body .hover .mcard .options {background-position:0 -369px;} .hover .vcard .options_inner, .hover .mcard .options_inner, .card_list .hover .mcard .options_inner {background-position: -96px -404px;} .small_cards .hover .vcard .options_inner, .small_cards .hover .mcard .options_inner {background-position: -166px -404px; } /*Cards on white bg*/ .toggle_content .vcard .options,.toggle_content .mcard .options {background-position: 0 -214px;} .toggle_content .vcard .options_inner, .toggle_content .mcard .options_inner { background-position: -96px -249px; } #Body .form .box .vcard .options, #Body .form .box .mcard .options {background-position:0 -438px;} #Body .form .box .vcard .options_inner, #Body .form .box .mcard .options_inner {background-position: -97px -473px;} #Body .form .box .small_cards .vcard .options_inner, #Body .form .box .small_cards .mcard .options_inner {background-position: -166px -473px;} #IE6 #Body .form .box .small_cards .vcard .options_inner, #IE6 #Body .form .box .small_cards .mcard .options_inner {background-position: -165px -473px;} #Body .form .box .hover .vcard .options, #Body .form .box .hover .mcard .options {background-position:0 -507px;} #Body .form .box .hover .vcard .options_inner, #Body .form .box .hover .mcard .options_inner {background-position: -96px -542px;} #Body .form .box .small_cards .hover .vcard .options_inner, #Body .form .box .small_cards .hover .mcard .options_inner {background-position: -166px -542px;} #IE6 #Body .form .box .small_cards .hover .vcard .options_inner, #IE6 #Body .form .box .small_cards .hover .mcard .options_inner {background-position: -165px -542px;} /*expanded cards*/ #Body .card_list .expanded_card {width:291px;} .expanded_card .mw_big {width: 311px; height: 160px;} .expanded_card .mcard_content {position: absolute; top:10px; left:150px; height:auto !important; overflow: visible !important; z-index: 4;} .expanded_card .mcard_content dt {display: block !important; font-size:9px; padding-bottom:3px;} .expanded_card .mcard_content dd {float:left !important; padding-bottom:7px; margin-bottom:5px; border-bottom-width:1px; border-bottom-style: dotted; width:150px;} .expanded_card .mcard_content dd.last {border:0;} .expanded_card .options {width: 315px !important; height: 33px; background-position: 0 -439px !important; bottom: -6px !important;} .expanded_card .options_inner {background-position: 64px -474px !important;} .form .expanded_card .options_inner {background-position: 66px -474px !important;} #personal_data .form .expanded_card .options_inner {background-position: 65px -474px !important;} .expanded_card .options .dropdown { top: 5px !important; } #IE6_7 #Body .card_list .expanded_card { height: 1px; border-top: 1px solid #C7c7c7; padding-top: 90px;} #IE6 .expanded_card .mw_big { border-right-width: 0; border-top-width: 0;} /*association cards*/ .box_list .v_association .caption { height: auto; } /*#IE6 .v_association .caption {zoom:1;}*/ .v_association .caption strong { display:block; width:110px; float: left; overflow:hidden; height: 14px;} .card_list .v_association .caption strong { width:130px;} .v_association .vcard_content { height: 55px !important; } /*nocontent_cards (only for small_cards)*/ #MeinVerein .nocontent_cards .list_entry { height: 115px; } #MeinVerein .nocontent_cards .vcard, #MeinVerein .nocontent_cards .mcard { height: 35px; } #MeinVerein .nocontent_cards .vcard_content, #MeinVerein .nocontent_cards .mcard_content { display:none; } /*dropdown in vcard mcard*/ #Body #Content .card_list .dropdown dt {background-position: left top;} #Body #Content .card_list .dropdown span {background-position: -227px -24px;} #Body #Content .card_list .open_dd span {background-position: -227px -48px;} #Body #Content .card_list .dropdown, .own_profile .options .dropdown, .mcard .options .dropdown {top: 6px; left: 6px;} #Body #Content .card_list .hover .dropdown dt {background-position: left -143px;} #Body #Content .card_list .hover .dropdown dt span {background-position: -227px -167px;} #Body #Content .card_list .hover .open_dd dt span {background-position: -227px -191px;} /*online status, .my_asso, my_profile*/ #Body span.online, #Body span.my_info { position: absolute; overflow: hidden; top: 10px; left: 10px; width: 128px; height: 0; padding-top: 128px; border-width: 1px; border-style: solid; background-image: none !important; cursor: pointer; font-size:10px;} #Body .box_list .online, #Body .small_cards .online, #Body .box_list .my_info, #Body .small_cards .my_info, #Body #ForeignProfiles .my_info {width: 68px; top: 5px; left: 5px; padding-top: 68px;} #Body span.online span, #Body span.my_info span {display: block; bottom:0; left: 0; position: absolute; height: 13px; width: 100%; text-align: center; background-image: none !important; } #Body span.my_info span {color:#FFF;} #Body span.my_info { border-color: #5f6161; } #Body span.my_info span { background-color: #5f6161; } /*buttons in mediawrapper*/ #Body .media_wrapper .play, #Body .media_wrapper .selected { position: absolute; width: 130px; height: 0; padding-top: 130px; overflow: hidden; display: block; top: 10px; left: 10px; background-position: 54px 54px; z-index: 1; background-repeat: no-repeat;} #Body .mw_small .play, #Body .mw_small .selected { width: 70px; padding-top: 70px; top: 5px; left: 5px; background-position: 24px 24px; } #Body .media_wrapper .selected { color: white !important; text-align: center; background-position: 54px -290px; padding-top: 70px; height: 60px;} #Body .mw_small .selected { background-position: 24px -320px; padding-top: 43px; height: 27px;} #Body .hover .media_wrapper .play { background-position: 54px -124px;} #Body .hover .mw_small .play { background-position: 24px -154px;} #Body .media_wrapper .mw_overlay { display: block; position: absolute; left: 10px; top: 10px; width: 130px; height: 130px; background-image: none !important; background-color: black; display: none;} #Body .mw_small .mw_overlay {left: 5px; top: 5px; width: 70px; height: 70px; } #Body .mw_verySmall .mw_overlay {left: 5px; top: 5px; width: 35px; height: 35px; } /*Options und inner optionselemente*/ /*generell*/ .options, .box_options { height: 43px; clear: both; border-top: 1px solid #e7e7e7; position: relative;} .small .options, #ContentCol2 .options {height:34px;} .drag_area .small .box_options {position:absolute; bottom: 0; width: 100%; left:0;} .options_inner, .box_options_inner {padding: 10px; border-top: 1px solid white; position: relative; clear: both; } .box_options_inner {padding-top: 12px} .box_header .options {background: none;} #IE6 .box_options_inner { width: 630px;} #IE6 .small .box .box_options_inner, #IE6 #ContentCol2 .box .box_options_inner { width: 300px; } #IE6 .box_options .button { margin: 0; } /*options_list*/ .box_options_list {width: 100%;} .box_options_list li {float: right; margin-left: 10px;} #IE6 .box_options_list li {width: 10px; height: 10px;} /*boxoptions with info text*/ .boxInfo_Options dt { display: none; } .boxInfo_Options dd { padding-bottom: 10px; float: right } .boxInfo_Options .hint { display: block; padding-bottom: 10px } .boxInfo_Options .buttonWrapper, #IE6 .boxInfo_Options .button { margin-left: 12px; float: right;} #IE7 .boxInfo_Options { width: 300px; } /*sortieren dropdown*/ .sort {margin: -2px 0 0 -2px;} #Body #Content .sort .dropdown dt {width: 142px;} #Body #Content .sort .dropdown dd {width: 145px;} /*small_options_list*/ .card_list .small_options_list {padding-top:1px; padding-left: 3px;} .card_list .small_options_list li {float: left; padding: 8px 2px 9px 7px;} #IE6 .card_list .small_options_list li { padding-top: 7px;} .card_list .small_options_list .small_entry {width: 28px; background-position: right -201px; background-repeat: no-repeat; height: 13px;} .card_list .hover .small_options_list .small_entry {background-position: right -232px;} .card_list .small_options_list li a, .card_list .small_options_list li span.button {font-size: 9px; height: 9px; padding-top: 2px;} .noScript .card_list .small_options_list li a { padding-top: 3px; height: 10px;} .card_list .small_options_list li a.button:hover {background-position: 0 -18px !important;} .card_list .small_options_list li span.button {cursor: default;} .card_list .small_options_list li.small_entry a {padding: 0; border-width: 0; height: auto;} #IE6 .card_list .small_options_list .small_entry a, .noScript .card_list .small_options_list .small_entry a { border-width: 1px; } .noScript .card_list .small_options_list .button { margin: 0 } .card_list .small_options_list .small_entry a span {width: 20px; height: 0; padding-top: 16px; display: block; overflow: hidden;border: none; background-repeat: no-repeat;} .small_cards .small_options_list {padding-left: 2px;} .small_cards .small_options_list li {padding: 8px 4px 9px 9px;} .small_cards .small_options_list li.last {background: none;} #IE6 .small_options_list .button { padding: 0 !important; } /*all possible icons*/ a.remove span {background-position: 5px -2240px;} a.add span { background-position: 5px -2174px; } a.view span { background-position: 5px -1317px; } a.write_message span { background-position: 5px -260px; } a.pinboard span { background-position: 5px -1185px; } a.overview span { background-position: 5px -657px; } a.create_notice span { background-position: 5px -129px; } a.delete span {background-position: 5px -525px;} a.edit span {background-position: 5px -2571px;} a.no_item span { background: none; } a.view_profile span {background-position: 4px -1977px;} a.print span {background-position: 5px -1052px;} a.go_offline span {background-position: 5px -921px;} a.go_online span {background-position: 5px -789px;} a.offer_friendship span {background-position: 5px -1713px;} a.instant_messenger span {background-position: 5px -392px;} a.break_friendship span {background-position: 5px -525px;} a.friendship span {background-position: 5px -1845px;} a.abuse span {background-position: 5px -27px;} a.download span {background-position: 5px -2702px;} a.attach span, a.open span {background-position: 5px -2439px;} a.invite_person span {background-position: 5px -2834px;} a.add_event span {background-position: 4px -2967px;} a.exit_group span {background-position: 4px -3098px;} a.calendar span {background-position: 4px -1581px;} #IE6 .card_list .small_options_list li.small_entry {padding-bottom: 7px;} #IE6 .card_list .small_options_list li .button {margin: 0;} .box_options .option_buttons .left {float:left; margin-right:10px;} .box_options .option_buttons .right {float:right; margin-left: 10px;} /* cards as List -> for list_view purpose*/ /*listenansicht-> woanderes hin?*/ .display_list { padding: 0 10px; } .display_list .list_entry { padding: 6px; border-bottom: 1px solid #c7c7c7; overflow: hidden; position: relative; } .display_list .odd, .odd .small_item_list { background-color: #FFF; } .display_list .even, .even .small_item_list { background-color: #F2F2F2; } .card_list_view .vcard { position: static; } .card_list_view .caption { padding: 0 !important; height: auto; width: 210px; float: left; overflow: hidden; margin-right: 10px;} .card_list_view .caption a { white-space: nowrap; } .card_list_view dd, .card_list_view dt, .card_list_view dl { display: inline; float: none;} .card_list_view .options, .card_list_view .options_inner { background: none; position: static; display: inline;} .card_list_view .small_item_list { position: absolute; right: 6px; top: 0; height: 100%;} #IE6 .card_list_view .small_item_list { right: 10px;} .card_list_view .small_item_list li { margin-top: 7px; } /*------- Info content -------------------------------------------------------*/ /*ContentNavi*/ #ContentNavigation {height: 40px; margin-bottom: 20px; clear: both; background-repeat: repeat-x;} #ContentNavigation ol {background-position: 0 -41px; height: 100%; padding-left: 15px; background-repeat: no-repeat;} #ContentNavigation .content {background-position: 100% 0; background-repeat: no-repeat;} #ContentNavigation a:hover {text-decoration: none;} #ContentNavigation li {float: left; height: 100%; font-size: 12px; font-weight: bold; } #ContentNavigation a, #ContentNavigation span {padding:13px 17px 12px 15px; display: block; background-position: right -41px; background-repeat: no-repeat;} #ContentNavigation li.last a {background-image: none;} #InfoContent #ContentNavigation li.active {background-position: left -82px; margin-left: -2px} #ContentNavigation li.active a {background-position: right -123px; background-repeat: no-repeat; padding-right: 17px;} #ContentNavigation strong {background-position: left -123px; background-repeat: no-repeat; height: 100%; display:block; float:left;} #ContentNavigation .back {position: absolute; left: 0; top: 60px; line-height: 27px; background: none; width: 650px; border-top: 1px dotted #C7C7C7; border-bottom: 1px dotted #C7C7C7; height: auto;} #ContentNavigation .back a {background: none; display:inline; padding:0; padding-left:10px; font-size: 11px;} #ContentNavigation .back a:before {content: "\00AB ";} .profile_stats dt, .profile_stats dd {padding-bottom: 10px;} /*vcard Info Content*/ #InfoContent .box_wrapper {height: 16.66666em;} #InfoContent .small {margin-left: 8px;} .own_profile .caption span {display: inline;} .own_profile .vcard dt {width: 60px; padding-bottom: 10px;} .own_profile .vcard dd {width: 240px; padding-left: 7px; padding-bottom: 10px;} .own_profile .vcard {padding: 18px 0 0 180px; width: 311px; border-right: 1px solid #c7c7c7; float:left; height:16.54545em; width: 311px;} .own_profile .only {border-right: none;} .own_profile .vcard .media_wrapper {position: absolute; left: 10px; top: 10px;} .own_profile .vcard .options {top: 159px; left: 8px;} /*vcard Profile Fullfillment*/ .profile_fullfillment {float:left; width: 137px; border-left: 1px solid white; height: 15.636363em; padding: 18px 10px 10px 10px; font-size: 11px;} .profile_fullfillment .caption {height: 60px;} .profile_fullfillment p {position: relative; padding-top: 24px;} .profile_fullfillment .percentage_scale {margin-top:7px;} /*Profilstatistik*/ #Body .profile_stats {padding-top: 18px; height: 137px;} #Body .profile_stats .caption {padding-left: 10px;} #Body .profile_stats .options {position: absolute; bottom: 0;} .profile_stats .box_list .list_entry {border: none !important; padding: 4px 0;} .profile_stats .activity a {clear: both; display: block; padding-top: 5px;} #Body #InfoContent .small .dropdown {position: relative; left: 79px;} #Body #InfoContent .small .dropdown dt {width: 210px;} #Body #InfoContent .small .dropdown dd {width: 213px !important;} /* card_list */ /*generell*/ .card_list {padding-left: 5px; float: left;} .card_list .list_entry {float:left; padding: 5px; position: relative;} .noScript .card_list .list_entry, #IE6 .card_list .list_entry {padding: 4px;} /*vcard, mcard in card-list*/ #MainContent .card_list .mcard_content, #MainContent .card_list .vcard_content {height: 41px; overflow: hidden; width: 130px} #MainContent .small_cards .mcard_content, #MainContent .small_cards .vcard_content { height: 14px; padding-bottom: 0; overflow: hidden; width: 68px;} .card_list .vcard, .card_list .mcard {width: 130px; padding: 147px 10px 35px 10px;} .card_list .options {clear: both; left: -2px; bottom: -5px;} #ContentCol1 .card_list .vcard dd, #ContentCol1 .card_list .mcard dd {float: none;} #IE7 #ContentCol1 .card_list .vcard dd, #IE7 #ContentCol1 .card_list .mcard dd {float: left; clear:both; width100%;} #IE6_7 #ContentCol1 .card_list .list_entry .vcard {height: 81px;} #IE6_7 #ContentCol1 .card_list .list_entry .mcard {height: 60px;} .mcard .catchwords {font-size: 9px;} .noScript .card_list .mcard, .noScript .card_list .vcard, #IE6 .card_list .mcard, #IE6 .card_list .vcard {border-left: 1px solid #CACACA; border-right: 1px solid #CACACA;} .noScript .card_list .mcard .media_wrapper, .noScript .card_list .vcard .media_wrapper, #IE6 .card_list .mcard .media_wrapper, #IE6 .card_list .vcard .media_wrapper {border-bottom: none;} .card_list .vcard .caption strong, .card_list .mcard .caption strong { white-space: nowrap; overflow: hidden; display: block; width: 100%;} /*small_cards in card_list*/ .small_cards {padding-left: 9px; padding-bottom: 4px;} #IE6 .small_cards{ padding-left: 12px; padding-bottom: 4px;} .small_cards .vcard, .small_cards .mcard {padding: 78px 6px 0; height: 60px; width: 68px;} .small_cards .vcard_content, .small_cards .vcard_content, .small_cards strong, .small_cards .mcard_content, .small_cards .mcard_content {font-size:10px !important; font-weight: normal !important;} .small_cards .caption, .small_cards .caption {height: auto; padding: 0 !important;} .small_cards .list_entry {width: 80px; height: 140px; padding: 4px 10px;} #IE6 .small_cards .list_entry{ padding: 4px 8px; } #Body .small_cards .options {width: 84px; bottom: 0px;} #IE7 .small_cards .cardl, #IE7 .small_cards .cardr { height: 138px !important; } /* vcards in box list, appointments in box_list, icards in box_list*/ /*generell*/ #Body .box_list .vcard, .box_list .appointment, .box_list .icard {padding: 10px 10px 0 100px; position: static; height: 90px; border: none; width: 210px; overflow: hidden;} #IE6 .box_list .vcard, #IE6 .box_list .appointment {height: 88px;} #Body .box_list .vcard .media_wrapper, #Body .box_list .appointment .media_wrapper,#Body .box_list .icard .media_wrapper, #IM .box_list .vcard .media_wrapper {left: 10px; top: 8px;} #Body .box_list .hover .vcard .media_wrapper a span {background-image: none !important;} .box_list .vcard .caption {white-space: nowrap; } /* ehemals f�r item_list .box_list .vcard .options {background: none; right:0; top: 11px; height: 12px; width: 100px;} #MainContent .box_list .vcard .options_inner {padding: 0; background-image: none;} .box_list .vcard .options li a, .box_list .vcard .options li strong {width: 11px; height: 0; padding-top: 11px; overflow: hidden; display: block;} .box_list .adr, .box_list .phone {font-size: 10px;} */ /*appointment*/ .box_list .appointment .caption {height: auto;} .box_list .appointment dd {margin-bottom: 5px; float: none;} #IE6 .box_list .appointment dd { float: none; } .box_list .appointment .phone {display: block;} .box_list .appointment p{ line-height: 12px; } /*own_profile adaption in infolist*/ .info_list .own_profile {margin-top: -6px;} .info_list .own_profile .vcard {width: 210px;} .info_list .own_profile dd {padding: 0;} .info_list .own_profile .media_wrapper {top: 13px} /*adaptions for icard*/ .box_list .icard dd {margin-bottom: 5px; width:100%;} .box_list .icard .caption {height: 15px} .box_list .icard .category {font-size: 9px; overflow: hidden; height: 22px;} .box_list .icard .members em {font-weight: bold;} .box_list .icard .activity {float: none; clear: both; border-top-width: 1px; border-top-style: dotted; padding-top: 5px;} #IE6 .box_list .icard .activity {border-top-style: solid;} .box_list .icard .activity .percentage_scale {width: 135px; float: right;} /*extra rss-feeds*/ #IE6 .rss .list_entry{ padding-bottom: 1px; } .rss .list_entry .caption {padding-left: 10px; padding-right: 10px; height: auto;} .rss .list_entry small {margin-bottom: 5px; padding-left: 10px; display: block; font-size: 10px;} .rss .list_entry p {width: auto; padding-left: 10px; padding-right: 10px;} /*extra news*/ .news {padding: 5px 10px 0 10px ;} .news h5 {font-weight: bold; font-size: 11px; margin-top: 10px;} .news p {clear: both; padding-top: 8px;} .news p a {font-weight: bold;} #Body .news .media_wrapper {float: left; margin-right: 10px;} /*draggables*/ .drag_area {width: 990px;} #IE6 .drag_area {margin-right: -8px;} .drag_area .box_wrapper {margin-right: 8px !important; height: 378px;} #IE6 .drag_area .box_wrapper {display: inline;} .drag_area .box {height: 342px;} .drag_selection { margin-bottom: 10px;} .drag_selection dt { border: 1px dotted #C7C7C7; border-left: 0; border-right: 0; padding: 5px 10px; width: 960px; position: relative;} #IE6 .drag_selection dt { border-style: solid;} .drag_selection dt strong { width: 320px; display: block; position: absolute; right: 0; height: 15px; padding: 5px 0; top: 0; cursor: pointer;} .drag_selection dt strong:hover .toggle_indicator {background-position:-134px -35px;} .drag_selection dt .toggle_indicator { background-position: -126px -109px; display:block; height:20px; position:absolute; right:10px; width:24px; top: 3px;} .open_drag_selection dt .toggle_indicator {background-position: -183px -109px;} .open_drag_selection dt strong:hover .toggle_indicator {background-position: -191px -35px;} .drag_selection dd span.hint {padding: 10px 0 ; display: block} .drag_selection dd { display: none;} .open_drag_selection dd { display: block; overflow: hidden; } #IE6 .open_drag_selection ul{ overflow: hidden; float: left; } .drag_selection dd li { width: 298px; height: 80px; border: 1px solid #d6d6d6; position: relative; padding: 10px; float: left; margin: 0 10px 10px 0;} .drag_selection dd li.static_box { background-color: #f2f2f2;} .drag_selection dd li .media_wrapper { position: absolute; top: 10px; left: 10px;} .drag_selection dd li p { padding: 16px 0 0 90px; font-size: 10px; height: 30px;} .drag_selection dd li .options { margin-left: 90px; padding-top: 12px; height: auto; border-top-style: dotted; border-color: #C7C7C7;} .drag_selection dd li .media_wrapper a span { left:90px; position:absolute; background: none !important; font-size: 12px; font-weight: bold; top: 2px; white-space:nowrap;} .drag_selection dd li .buttonWrapper, .noScript .drag_selection dd li .button, #IE6 .drag_selection dd li .button { margin-right: 10px; } .drag_selection .ds_tl, .drag_selection .ds_tr, .drag_selection .ds_bl, .drag_selection .ds_br { width: 4px; height: 4px; background: transparent url('/img/sprites/infobox_selection.gif') no-repeat 0 0;} .drag_selection .ds_tl { top: -1px; left: -1px; } .drag_selection .ds_tr { top: -1px; right: -1px; background-position: -4px 0; } .drag_selection .ds_bl { bottom: -1px; left: -1px; background-position: 0 -4px; } .drag_selection .ds_br { bottom: -1px; right: -1px; background-position: -4px -4px; } #IE6 .drag_selection dd li .options { border-top-style: solid; width: 208px;} #IE6 .drag_selection .options .button { margin: 0 10px 0 0;} #IE7 .drag_area { padding-bottom: 10px; } /*board*/ #IE6 .board #pinboardUser {zoom:1} .board {margin-bottom:-1px;} .board h5 {font-weight:bold; font-size:11px; border-bottom:1px dotted #C7C7C7; margin-bottom:5px; padding-bottom:5px;} .board ul {margin: 0; clear:both;} .board .list_entry {padding: 10px 10px 24px 170px; clear:both; width:470px;} .board .caption, .board small, .board .caption span {display: inline;} .board small {float:right; font-size:9px; white-space:nowrap;} .board .caption {float:left;} .board p {clear: both; margin: 11px 0 20px 0; display:block; width: 470px; overflow: hidden;} #IE6_7 .board p { clear: none } .board .submit {border-top: 1px dotted #c7c7c7; position:relative; padding-top:10px; clear:both; width:470px; float:left;} .board .submit ul {float:right;} .board .submit ul li {float:left;} .board .submit .buttonWrapper {margin-left:10px;} #IE6 .board .submit {border-top-style: solid;} .board .media_wrapper {position: absolute; top: 7px; left: 14px;} /* [REMOVESCRIPT] */ .noScript .board ul {margin: 40px 0 0 0; clear:both;} /*add entry form e.g. board, forum*/ form.addEntry .formList { float: none; } form.addEntry .formContent {position: relative;} form.addEntry .formList dt {visibility: hidden;} form.addEntry .fText, form.addEntry .fTextarea {width:453px;} form.addEntry .fTextarea {height: 145px;} form.addEntry .media_wrapper {position: absolute; left: 10px; top: 15px;} #IE6 form.addEntry .formContent .fTextarea {margin: 0; } /* sortheader / sortoptions */ .sortHeader {float:left; border-bottom: 1px dotted #C7C7C7; margin-bottom:5px; width: 100%;} .sortHeader li { float:left; position: relative; padding-bottom:7px; font-family: Helvetica, Arial; font-size: 14px; white-space: nowrap; border-left:1px dotted #C7C7C7; padding-left:10px; padding-right:10px; } #IE6 .sortHeader li, #IE6 .sortHeader { border-style: solid; } .sortHeader .first {border:0;} .sortHeader .asc, .sortHeader .asc_active, .sortHeader .desc, .sortHeader .desc_active { display:block; overflow: hidden; height: 0; padding-top:19px; width: 20px; position: absolute; right:8px; top:0; background-position: -20px 0; background-repeat: no-repeat;} .sortHeader .asc, .sortHeader .asc_active {right: 31px; background-position: 0 0;} .sortHeader .asc:hover {background-position: 0 -20px;} .sortHeader .desc:hover {background-position: -20px -20px;} .sortHeader .asc_active {background-position: 0 -40px;} .sortHeader .desc_active {background-position: -20px -40px;} /*assocition of the month*/ .association_ot_month {padding: 0 10px 10px 10px;} .association_ot_month .vcard {height: 310px;} #MainContent .association_ot_month .media_wrapper {bottom: 0; top: auto;} .association_ot_month .vcard .bottom, .association_ot_month .vcard .bottom_left, .association_ot_month .vcard .bottom_right {display: block;} .association_ot_month .vcard_content {font-size: 11px;} #Body .association_ot_month dt {display: block; width: 60px; float: left; clear: both;} #Body .association_ot_month dd {width: auto;} .association_ot_month .street-address {display: inline;} .association_ot_month .caption {height: 15px;} #IE6_7 #Body .association_ot_month .vcard_content { overflow: hidden } #IE6_7 #Body .association_ot_month dd { float: none; } /*commercial, show_ group_picture*/ .commercial, .show_group_picture, .show_map {padding: 10px;} /*shortcut navigation*/ .shortcut_navi .bottom_left, .shortcut_navi .bottom_right {display: none; } .shortcut_navi ol { margin-top: -4px; } .shortcut_navi li { border-bottom-width: 1px; border-bottom-style:dotted;} .shortcut_navi li a { padding: 10px 0 10px 30px; font-weight: bold; display: block; background-position: 10px 12px;} .shortcut_navi li.last { border-bottom-width: 0; } .shortcut_navi .write_message { background-position: 10px -251px; } .shortcut_navi .pinboard { background-position: 10px -1176px; } .shortcut_navi .overview { background-position: 10px -648px; } .shortcut_navi .create_notice { background-position: 10px -120px; } .shortcut_navi .view {background-position: 10px -1308px;} .shortcut_navi .delete {background-position: 10px -516px;} .shortcut_navi .edit {background-position: 10px -2562px;} .shortcut_navi .no_item { background: none; } .shortcut_navi .view_profile {background-position: 9px -1968px;} .shortcut_navi .open_pic {background-position: 10px -1308px;} .shortcut_navi .print {background-position: 10px -1044px;} .shortcut_navi .go_offline {background-position: 10px -912px;} .shortcut_navi .go_online {background-position: 10px -780px;} .shortcut_navi .offer_friendship {background-position: 10px -1704px;} .shortcut_navi .instant_messenger {background-position: 10px -384px;} .shortcut_navi .break_friendship {background-position: 10px -516px;} .shortcut_navi .friendship {background-position: 10px -1836px;} .shortcut_navi .abuse {background-position: 10px -2694px;} .shortcut_navi .download {background-position: 10px -2299px;} .shortcut_navi .attach {background-position: 10px -2430px;} .shortcut_navi .invite_person {background-position: 10px -2826px;} .shortcut_navi .add_event {background-position: 10px -2958px;} .shortcut_navi .exit_group {background-position: 10px -3090px;} .shortcut_navi .calendar {background-position: 10px -1572px;} .shortcut_navi .remove {background-position: 10px -2231px;} .shortcut_navi .add { background-position: 10px -2165px; } /*user_connection*/ .user_connection { clear: both; } .user_connection h3 { border-top: 1px dotted #E7E7E7; height: 16px; display: block; font-size: 12px; padding: 10px; line-height: 12px; } .user_connection dl.box_list { overflow: hidden; border-width: 1px 0; border-style:dotted; border-color: #E7E7E7; margin-bottom: 20px;} .user_connection dd.list_entry { border: 0; } .user_connection .media_wrapper { position: absolute; } .user_connection dt { display: none; } #Body .user_connection .vcard { padding-right: 0; width: 226px; background: transparent url('/img/elements/user_connection.gif') no-repeat 296px 45px;} #Body .user_connection .last .vcard { background: none; } #IE6 .user_connection h3, #IE6 .user_connection dl.box_list { border-style: solid;} #IE6 .user_connection .association { position: relative;} #IE6 .user_connection .vcard_content {height: 50px; overflow: hidden;} #IE6 .user_connection dl{ height: 98px; overflow: hidden;} /*Reports / berichte / Umfragen survey, vereinslist*/ .report, .survey, .association_item { border-top: 1px dotted #C7C7C7; float: left; width: 100%; padding-top: 10px;} .report_list .first, .survey_list .first, .assoc_list .first { border-top-width: 0 !important; padding-top: 0; } .report_list .info_list .first, .survey_list .info_list .first, .assoc_list .info_list .first { padding: 7px 0; } .report .toggle_item .card_list, .survey .toggle_item .card_list, .association_item .toggle_item .card_list { padding: 0; width: 640px; margin-left: -4px; padding-bottom: 10px; } .report h5, .survey h5, .association_item h5 { font-size: 12px; font-weight: bold; } .report .report_picture, .survey .survey_picture { float: none; padding: 5px 0 5px 10px;} .report .report_is_shown_in a { display: block; } .script #Body .report .closed, .script #Body .survey .closed { clear: both; } #IE6 .report .toggle_item .card_list, #IE6 .survey .toggle_item .card_list { width: 650px; padding:0; position: relative; left: 5px; margin-right: -10px; margin-bottom: 5px;} #IE6_7 .report .box_wrapper, #IE6_7 .survey .box_wrapper { margin-bottom: 0; } #IE6_7 .report, #IE6_7 .survey { padding-bottom: 10px; } #IE7 .report .small .box_options { height: auto; } /*report toggle*/ .report_list .report_closed .small { display: none; } /*new report (asso_home_ext/group_ext)*/ .new_report .new_report_body { padding: 0 10px; } .new_report .new_report_body div { padding-top: 5px; } .new_report .new_report_info { padding-top: 20px; min-height: 125px; } /**event list -> in groups f.e */ .event_list .list_entry { padding-bottom: 12px; } .event_list dl { padding-top: 18px; } .event_list dd.date { position: absolute; top: 10px; color: #7d7d7d; } .event_list dd.title {font-weight: bold; padding-bottom: 5px;} .event_list dd.event_desc {padding-bottom: 15px;} .event_list dd.details { clear: both; width: 100%;} .event_list dd.details .buttonWrapper, #IE6 .event_list dd.details .button { float: right; } .event_list .media_wrapper { top: 10px; } .event_list dt.contributer, .event_list dt.location { width: 100px; color: #7d7d7d;} .event_list dd.title { padding-bottom: 0; } #IE6 .event_list dd { clear:both; float: none; width: 470px;} #IE6 .event_list dd.date { position: relative; top: -30px; } #IE6 .event_list dd.location, #IE6 .event_list dd.contributer { width: 200px; float: left; clear: none; } /*Overlay inhalte*/ #Overlay .box_content { padding: 10px; width: auto;} #OverlayContent a.close_overlay, #OverlayContent a.close_overlay:hover { line-height: 20px; width: 11px; height: 0; padding-top: 15px; overflow: hidden; background: url('/img/sprites/overlay_close.gif') no-repeat 0 0 !important;} #OverlayContent a.close_overlay:hover { background-position: 0 -21px !important; } #OverlayContent span.close_overlay, #IE6 #OverlayContent a.close_overlay { float:right; line-height: 25px;} /*AlbumGalerie*/ #AlbumGalerie .box_wrapper { z-index:2; height: 561px;} #AlbumGalerie .media_info { left: -2px; z-index: 1; width: 330px;} #AlbumGalerie .show_room { width: 630px; height: 472px; background: black; text-align: center; position: relative;} #AlbumGalerie .show_room img { position: relative; } #AlbumGalerie .preview { position: relative; top: 15px; width: 630px; background: transparent url('/img/background/overlay_preview.gif') no-repeat 0 11px; height: 56px;} #AlbumGalerie .preview .inner_content { overflow: hidden; width: 550px; height: 50px; position: relative; left: 40px;} #AlbumGalerie .preview ul { height:50px; position:absolute; left:0;} #AlbumGalerie .preview li { float: left; margin: 0 5px;} #IE6 #AlbumGalerie .preview li { margin: 0 3px;} #AlbumGalerie .media_info .box_options_inner .buttonWrapper { float:right; top: 0; } #ShowMe .arrow_left, #ShowMe .arrow_left_active, #ShowMe .arrow_right, #ShowMe .arrow_right_active { background-image: url('/img/sprites/overlay_arrows.gif'); width: 31px; padding-top:27px;} #ShowMe .arrow_right, #ShowMe .arrow_right_active { top: 12px; right: 5px; background-position: -31px -27px;} #ShowMe .arrow_left, #ShowMe .arrow_left_active { top: 12px; left: 5px; background-position: 0 -27px;} #ShowMe .arrow_right_active { background-position: -31px 0; } #ShowMe .arrow_left_active { background-position: 0 0;} #ShowMe .galerie_loader { background: transparent url('/img/elements/loading_overlay.gif') no-repeat 0 0; position: absolute; display: block; width: 32px; height: 32px; top: 220px; left: 299px;} #AlbumGalerie .media_info .shadow { background: transparent url('/img/background/overlay_right_shadow.png') no-repeat 0 0; width: 20px; height: 561px; position: absolute; display: block; top: 0; left: 2px; } #AlbumGalerie .media_info .box_t, #AlbumGalerie .media_info .box_b { width: 325px; left: 4px; } #AlbumGalerie .media_info .box_content { height: 496px; width: 316px; padding-left: 15px; padding-right: 0;} #AlbumGalerie .media_info .box_options { left: 10px; width: 321px; } #AlbumGalerie .media_info .box_options_inner { border: none; } #AlbumGalerie .media_info .album_info { padding-left: 7px; } #AlbumGalerie .media_info .album_info .description { font-size: 10px; color: #7c7c7c; } #AlbumGalerie .media_info .album_info strong{ display: block; font-size: 11px;} #AlbumGalerie .media_info .toggle_list { margin: 5px 0 0 -10px; } #AlbumGalerie .media_info .headline { padding-left: 17px; width: 299px;} #AlbumGalerie .media_info .toggle_content { padding-left: 18px; background-color: transparent; width: 298px; border: none; padding-right: 10px;} /*Info-Kommentarbereich*/ #AlbumGalerie .loading_comment, #AlbumGalerie .loading_rating { background:transparent url(/img/elements/imCardloading.gif) no-repeat scroll center top;display:block;height:16px;margin-top:8px;width:100%;} #AlbumGalerie .loading_rating { margin: 0; padding: 0 !important; } /*generell*/ #AlbumGalerie .media_info dt { border-top: 1px dotted #C7C7C7; float: none; padding: 10px 0; overflow: hidden;} #IE6_7 #AlbumGalerie .media_info dt { border-top-style: solid; } #AlbumGalerie .media_info dt.first { border-top: none; } #AlbumGalerie .media_info dd { padding-bottom: 10px;} #AlbumGalerie .media_info .formContent { position: relative; background-color: white;} #AlbumGalerie .media_info .formContent .submit {margin-bottom: 10px; height: 20px; clear: both;} #AlbumGalerie .media_info .formContent .submit p { float: right; margin-right: 2px; } #AlbumGalerie .media_info .formList { width: auto; } #AlbumGalerie .media_info .formList dd { margin-left: 0; width: auto; position: relative; } #AlbumGalerie .media_info legend { display: block; } #AlbumGalerie .media_info legend .headline { background:transparent none repeat scroll 0 0; border: none; font-size:10px; font-weight:normal;padding:0; } #AlbumGalerie .media_info legend .headline em { display: none; } #AlbumGalerie .media_info .textInputWrapper { margin: 0; } #AlbumGalerie .media_info .fTextarea { width: 284px; height: 50px; } #AlbumGalerie .media_info .fText { width: 240px; text-align: left;} #allComments dl{ border-bottom: 1px dotted #C7C7C7; } #allComments { overflow: auto; height: 204px;} #allComments a { float: left; font-weight: bold; } #allComments a span{ font-weight: normal; } #allComments small { float:right; color: #7c7c7c;} #AlbumGalerie .links_content { height: 330px; overflow: hidden;} #AlbumGalerie #links { overflow: auto; height:200px; width: 100%;} #AlbumGalerie #links ul { clear: both; } #AlbumGalerie .button_list { padding: 10px 0 3px 3px; margin-bottom: 5px;} #AlbumGalerie #linkAdd { margin-left: 12px; } #AlbumGalerie #linkSubmit { color: white; } #AlbumGalerie .button_list .submitLink { padding-right: 0 } #IE6_7 #AlbumGalerie .button_list li .button { margin: 0; } #IE6_7 #AlbumGalerie #linkForm .formList dd{ width: 308px; } #IE6_7 #AlbumGalerie #linkList { width: 288px; } #IE6_7 #AlbumGalerie .links_content { height: 305px; } #IE6_7 #allComments { height:180px; } #IE6 #AlbumGalerie .media_info .box_options, #IE6 #AlbumGalerie .media_info .box_options_inner, #IE6 #AlbumGalerie .media_info .box_options ul { width: 290px;} /* #IE6 #AlbumGalerie #link { float: left; display: inline; width: 200px; }*/ #IE7 #AlbumGalerie .media_info .box_options_inner li { float: none; display: inline; } #IE7 #AlbumGalerie .media_info .box_options_inner li .buttonWrapper {display: inline; margin-left: 12px } #linkList.list_view label { display: none; } #linkList.list_view li { background-image: none; border-bottom: 1px solid #C7C7C7; } .button_list { overflow: hidden; } .button_list li { padding-right: 10px; float: left;} #AlbumGalerie #MediaDetails { max-height: 400px; overflow: hidden; } #AlbumGalerie .closed #MediaDetails { display: none; } #AlbumGalerie #MediaDetails dt { font-size: 10px; color: #7c7c7c; } #IE6 #AlbumGalerie .media_info * { zoom: 1; } #IE6 #AlbumGalerie .media_info .toggle_item {float: none; width: 300px; height: auto; overflow: hidden; clear: both; } #IE6 #AlbumGalerie .media_info .formList,#IE6 #AlbumGalerie .media_info .formList dd { float: none; clear: both; width: 100px;} #IE6 #AlbumGalerie .media_info .toggle_content { float: left; clear: both; width: 300px; overflow:hidden;} #IE6 #AlbumGalerie .media_info { width: 320px; } #IE6 #AlbumGalerie .media_info .box_content { padding-left: 5px; } /*verlinkte personen*/ #ShowMe .linkedProfiles dt { display:none; } #ShowMe .linkedProfiles li { cursor: move; z-index: 2; position: absolute; width: 20px; height: 20px; line-height: 20px; border: 2px solid #000; background: #FFF url('/img/sprites/items.gif') no-repeat 5px -1843px;} #ShowMe .linkedProfiles li span {padding: 0 4px; white-space: nowrap; display: none; position:absolute; top: -24px; left: -10px; border: 1px solid #000; background-color: #FFF;} #ShowMe .linkedProfiles li.hover span {display: block;} #ShowMe .linkedProfiles li.new {background-color: #FFF; border: solid 2px #ff0000;} /*Image Cropper*/ #cropperDiv { height: 472px; } .image_cropper .box_options p { float: right; } .image_cropper .box_options strong { float: left; } .image_cropper .box_options strong span { font-weight: normal; } #Overlay .image_cropper .form .buttonWrapper { margin-left: 10px; } #IE7 #Overlay .image_cropper .box_options p { float: none; position: absolute; right: 12px; width: 130px; } /*notizeniuebersicht*/ .overlay_notices li { overflow: hidden; padding: 6px 0; border-top: 1px dotted #D4D4D4;} .overlay_notices li.first { border-top: 0; } .overlay_notices li span { width: 100px; } .overlay_notices li p { width: 530px; } .overlay_notices li span ,.overlay_notices li p { display: block; float: left; } .overlay_notices dt { width: 100px; } .overlay_notices dd { width: 500px; } /*selectInterests*/ #selectInterests .box_wrapper { height: 473px; } #selectInterests .box_content { padding:0; } #selectInterests .toggle_list { margin:0; height: 380px; width: 650px;} #selectInterests .toggle_content { height: 215px; overflow: auto; padding: 0; width: 650px; position: relative;} #selectInterests .last .toggle_content { border-bottom-width: 0px; } #selectInterests .description { overflow: hidden; border-bottom: 1px solid #e7e7e7;} #selectInterests .description strong { float: left; padding: 10px 0 0 10px; } #selectInterests .description p { width: 470px; padding: 10px 10px 10px 0; float: right; } #selectInterests .toggle_content li { float: left; height: 30px; border-bottom: 1px dotted #E7E7E7; width: 148px; margin-left: 10px; position: relative; overflow: hidden;} #selectInterests .toggle_content li a { display: table-cell; vertical-align: middle; overflow: hidden; height: 30px; } #IE6_7 #selectInterests .toggle_content li a { display: block; } /* #IE6_7 #selectInterests .toggle_content li a { display: block; position: absolute; top: 50%; height: auto; } #IE6_7 #selectInterests .toggle_content li a span{ display: relative; display: block; top: -50%;} */ #IE6 #selectInterests .toggle_content li { border-bottom-style: solid; display: block;} #IE6 #selectInterests .toggle_content ul { float: left; padding: 0; margin-left: -10px;} #IE6 #selectInterests .description { height: 44px; } /*form in Overlay*/ #Overlay .form .buttonWrapper { margin-left: 0; } #Overlay .formSection fieldset.first { margin: 0; } #Overlay .formSection .formContent { margin : 0; padding: 0; } #Overlay .formContent { background: #FFF; } #Overlay fieldset { border: none; } #Overlay .formOverlay .toggle_item .formContent {padding:15px 10px 5px;margin-right:-160px; margin-top:3.63636em;} #Overlay .formOverlay .submit .formContent {padding-bottom: 10px; padding-right: 10px;} #Overlay .formOverlay .box_content { width: 100%; padding: 0;} /*vereinsfreundschaften*/ #IE7 #Overlay .twin_association_box .textInputWrapper { float: none !important; display: block !important; } /* coloredge :D */ #Filter li a, #Filter li a:hover, .vcard dd, .box, .dropdown dd li a, .box .button, .ajaxSuggWrapper a, .button, #Body #Content .hover .button, #Filter li a span, .pagination a, .expanded_card .mcard_content dt, dd.showInterests a, form .box, .form .fText, .form .fCheck, .form .fSelect, .form .fTextarea, .form .fElement, .form .defaultSkin table.mceLayout, .drag_selection, .formSection .formContent-segment .headline, .formSection .formContent-segment_first .headline, .user_connection h3 {color: #5f6161;} #Search #SearchForm .fSubmit {color:#5f6161 !important;} form.form .fSubmit, .focus .fText, .focus .fTextarea, .formSection .formContent .active .headline, .formSection .legend legend span, .formSection .legend legend span * {color: #5F6161 !important;} .lightSeperator, .formSection .formContent-segment, .formSection .formContent-segment_first, .uploadedMedia .box_options_inner, .form .expanded_card .mcard_content dd, #IM .form .formSection fieldset, #Filter .content ul li, #Filter .content ul ul, .shortcut_navi li {border-color: #C7C7C7;} .box_wrapper, .form #ContentCol2 .box_wrapper, #ContentCol2 .formContent, #IM .formContent, form.operate .box_wrapper, form.operate .formContent, .errorBox-inner, #Filter .content .member {background-color: #f2f2f2;} .inactive {color: #C0CBD6 !important;} #Body .form .buttonWrapper .inactive, #Body .form .inactive .buttonWrapper, #Body .form .inactive .buttonWrapper a, #Body .form .inactive .buttonWrapper input, #Body #Filter li span, #Body #ContentNavigation span {color: #b6c0c9 !important;} /* !important; entfernt, sonst knalls hier: #Body #Filter li a.selected span */ .inaccessible {color: #c0bfbf;} #Body .form .media_wrapper, #Body .form .vcard, #Body .form .mcard, .toggle_list .toggle_content, .shortcut_navi {background-color: #FFF;} .colorThemes li, .defaultSkin a.mceButtonEnabled:hover {background-color: #FFF !important;} #Body .box_header .button {border-color: #FFF;} .buttonWrapper .inactive, #Search .buttonWrapper .inactive, #ContentCol2 .buttonWrapper .inactive, .inactive .buttonWrapper, .inactive #Search .buttonWrapper, .inactive #ContentCol2 .buttonWrapper, .inactive .buttonWrapper a, .inactive .buttonWrapper input {background-image: none !important; background-color: #f4f4f4 !important;} .card_list .vcard, .card_list .mcard, .ajaxSuggWrapper {background-color: #fff;} .pagination li a, .pagination li strong,.pagination li.bridge {border-left-color: #f3f3f3; border-right-color: #adadad;} #Body .button, #Body #Search .button {border-color: #7d7d7d;} /* Outcommented bc of noScript*/ /*#Body .button:hover {background-image: none !important;}*/ #ContentCol2 .fText, #ContentCol2 .fCheck, #ContentCol2 .fSelect, #ContentCol2 .fTextarea, #ContentCol2 .fElement, #ContentCol2 .defaultSkin table.mceLayout, #IM .fText, #Search .fText, .operate .fTextarea, .operate .fText {border-top-color: #ADADAD; border-left-color: #ADADAD; border-right-color: #ADADAD; border-bottom-color: #ADADAD; background-color:#FFF;} #ContentNavigation, .paginationOnWhite .prev span, .paginationOnWhite .next span {background-color: #c7c7c7;} #ContentNavigation .content,#ContentNavigation ol{background-image:url('/img/sprites/content_navi.gif')} #styleSwitcher {position: fixed; z-index: 2147483645; top:0; left:0; } #IE6 #styleSwitcher {position: absolute;} #styleSwitcher div, #styleSwitcher ul {position: absolute; height:146px;} #styleSwitcher div {opacity: .5; background-color:#FFF; width:115px;} #styleSwitcher ul {margin:5px; opacity: .5;} #styleSwitcher li a {display:block;padding:2px; padding-left: 10px; width: 93px; background-color: #FFF; font-size: 10px;} #styleSwitcher li a:hover {background-color:#000; text-decoration: none;} /* Eingefügt von Fabian für die Errorseiten */ ul.textlists { padding-left:20px; list-style-type:disc; } ul.textlists li { list-style-type:disc; } /* -------------- google map --------------- */ #GoogleMapL { margin-left:12px; width:628px; height:628px; } #GoogleMapS { margin-left:12px; width:300px; height:300px; } #GoogleMapInfoBox { margin-left:12px; width:260px; height:287px; } /* -------------- Filter message inbox ------ */ .filter_highlightElements {float: none; width:300px;} .filter_highlightElements .list_entry {width:100%; padding: 10px;} .filter_highlightElements label {overflow: hidden; line-height: 20px; color:#606261; font-weight:bold; background: url(/img/calendar/calendar-colors.png) 0 0 no-repeat; height:21px;} .filter_highlightElements label.checkLabel {padding-left: 30px;} .filter_highlightElements label.checkLabel .fCheck {top: 4px; left:5px;} .filter_highlightElements li ul {margin-top: 5px; margin-bottom: -5px;} .filter_highlightElements li ul li {margin-left:5px; float:left; width:290px;} .filter_highlightElements li ul li label {background: transparent; font-weight:normal; float:left;} .filter_highlightElements .caption {height:auto;} .filter_groupname .caption label {background-position: 0 -26px;} .filter_private .caption label {background-position: 0 -52px;} .filter_public .caption label {background-position: 0 -78px;} /* VON STEFAN MICHALSKY */ .just_float_left {float: left;} .height_28 {line-height: 28px;} .put_space_left {margin-left: 18px;} .put_space_bottom {margin-bottom: 18px;} #anker_associationPinboard { float: left; width: 1px; height: 1px; display: block; } /* styles für die INFO HEADLINE */ .info_headline { margin-bottom: 10px; border: 1px dotted #C7C7C7; border-left: 0; border-right: 0; padding: 5px 10px; width: 632px; } #IE6 .info_headline { border-style: solid;} .info_headline strong { width: 320px; display: block; position: absolute; right: 0; height: 15px; padding: 5px 0; top: 0; cursor: pointer; } .info_headline span { padding: 0 0 10px 0 ; display: block; } /* ff@anexia.at */ .left { float: left; } .right { float: right; } .clear { clear: both; } .box_mini { width: 320px; height: 102px; margin-bottom: 10px; overflow: hidden; background: url( /img/sprites/boxmini.gif ) no-repeat top left; position: relative; } .box_mini:hover { background-position: bottom left; } .box_mini:hover .box_mini_hl { color: #fff; } .box_mini_logo { position: absolute; left: 15px; top: 16px; width: 70px; height: 70px; overflow: hidden; z-index: 1; } .box_mini_text { position: absolute; left: 100px; top: 16px; width: 165px; height: 70px; overflow: hidden; font-size: 11px; z-index: 1; } .box_mini_text strong { font-size: 10px;} .box_mini_hl { color: #4fa1e6; font-weight: bold;} .box_mini_intro { color: #3b3b3b; font-weight: bold;} .box_mini_full { color: #3b3b3b; font-weight: normal; } a.box_mini_url { display: block; text-indent: -5000px; position: absolute; top:0; left:0;width: 320px; height: 102px; z-index: 50; } .box_topangebot { width: 650px; height: 182px; margin-bottom: 10px; overflow: hidden; background: url( /img/sprites/box_topangebot.gif ) no-repeat top left; position: relative; } .box_topangebot:hover { background-position: bottom left; } .box_topangebot:hover .box_topangebot_hl { color: #fff; } .box_topangebot_logo { position: absolute; left: 15px; top: 16px; width: 150px; height: 150px; overflow: hidden; z-index: 1; } .box_topangebot_text { position: absolute; left: 190px; top: 16px; width: 335px; height: 150px; overflow: hidden; font-size: 11px; z-index: 1; } .box_topangebot_hl { color: #4fa1e6; font-weight: bold; font-size: 13px; } .box_topangebot_intro { color: #3b3b3b; font-weight: bold; font-size: 13px; } .box_topangebot_full { color: #3b3b3b; font-weight: normal; } a.box_topangebot_url { display: block; text-indent: -5000px; position: absolute; top:0; left:0;width: 650px; height: 182px; z-index: 50; } .imagebox { width: 150px; height: 150px; padding: 7px; margin: 0 1em 1em 0; overflow: hidden; background: url( /img/infoboxes/imagebox.gif ) no-repeat top left; position: relative; } .box_topangebot_intro .list li { list-style-position: outside; margin-left: 10px; } .box_angebotinfo { width: 650px; height: 182px; margin-bottom: 10px; overflow: hidden; border-top: 1px dotted #C8C8C8; border-bottom: 1px dotted #C8C8C8; position: relative; } .box_angebotinfo_text { position: absolute; left: 10px; top: 16px; height: 150px; overflow: hidden; font-size: 11px; z-index: 1; } .box_angebotinfo_hl { color: #0a5286; font-weight: bold; font-size: 18px; padding-bottom: 5px; } .box_angebotinfo_intro { color: #7c7c7c; font-weight: bold; font-size: 12px; } #Help { cursor:pointer; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:1em; -moz-border-radius-topleft:0; -moz-border-radius-topright:1em; border-color:#4995D6 #4995D6 #4995D6 -moz-use-text-color; border-style:outset outset outset none; border-width:1px 1px 1px medium; background:#004B99 url(/img/themes/help_white.png) no-repeat; height:98px; width:25px; position: absolute; left: 0px; top: 20px; z-index:1000001; } body > a > div#Help { position: fixed; top: 45%; } #IE6_7 div#Help{ right: auto; bottom: auto; left: 0; top: expression( ( ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) / 2 ) - ( Help.offsetHeight / 2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' ); } div.mueller { padding:10px; } div.praemienwelt_headimage { background: transparent url(/img/mueller/titel.jpg) left top no-repeat; width: 650px; height: 245px; margin-bottom: 10px; } div.mueller h3 { color:#0A5286; font-size:18px; font-weight:bold; padding-bottom:12px; } div.mueller p { color: #7c7c7c; font-weight: bold; font-size: 12px; margin-bottom: 12px; } div.mueller hr { border: 1px dotted #C8C8C8; display: block; margin:12px 0; } div.mueller div.praemien h4 { color:#0A5286; font-size:14px; font-weight:bold; display: inline; margin-bottom:12px; } div.mueller div.praemien a { float: right; font-size: 14px; font-weight:bold; margin-bottom: 12px; } div.mueller div.praemien div.box.left { float: left; margin-right: 5px; text-align: center; width: 310px; } div.mueller div.praemien div.box.right { float: right; margin-left: 5px; text-align: center; width: 310px; } div.mueller div.praemien div.imagecontainer { min-height: 250px; overflow:hidden; padding:7px; } div.mueller h5 { font-size: 14px; text-align: center; font-weight: bold; } .mueller_right p { font-weight: bold; font-size: 13px; margin: 10px; } .mueller_link { font-size: 30px; } .mueller_right dt { height: 60px; width: 50px; font-size: 52px; color:#4995D6; margin-left: 10px; float:left; font-weight: bold; } .mueller_right dd { float:right; width:240px; margin:6px; font-weight: bold; font-size: 13px; } span.question { color:#4995D6; } p.muellerborder { border: red 2px solid; margin: 0; padding: 10px; } li.hppro a { background: transparent url(/img/background/neu_button.gif) 80px 2px no-repeat !important; } /*----------------------------------------------------- form.css --------------------------------------------*/ /* produces bug in chrome: @charset "utf-8"; */ /*------------------------------------------------------------------------------ @testedBrowser: FF3, FF2 Safari 3.x, Opera 9.x, IE7, IE6 @minResolution: 1024 x 768 @authors: Christian Niedrich, Jan Nischan ( @ farbwahl ) ------------------------------------------------------------------------------*/ /* general formelements ------------------------------------------------------------------------------*/ form * { margin:0; padding:0; vertical-align:baseline; } .form .fText, .form .fCheck, .form .fSelect, .form .fTextarea, .form .fElement, .form .defaultSkin table.mceLayout {border-width: 1px; border-style: solid;font-size: 11px;} #IE6_7 .form .fCheck, #IE6_7 .form .fRadio {border:0;} /* tiny mce coloring */ .defaultSkin table.mceLayout tr.mceFirst td {border:0 !important;} .defaultSkin .mceIframeContainer {border-bottom: 0 !important;} .defaultSkin .mceSeparator {background: none !important; width: 30px !important;} .form .percentage_scale .left, .form .percentage_scale .right, .form .percentage_scale .middle {background-position: 0 -681px !important;} .form .percentage_scale .right {background-position: -230px -702px !important;} .form .fText { float:left; height:1.272727em; line-height:1.25em; padding: 2px 7px;} .form .fText {width: 294px;} .form #ContentCol2 .fText, #ContentCol2 .form .fText, .form .small .fText, .small .form .fText {width: 283px;} .form .fTextarea {width: 294px; padding: 2px 7px;} .form .fSelect, .form .percentage_scale {width: 310px;} /* input length variations (minus border & padding) */ .form input.atrophied {width: 269px !important;} .form input.three-fourth {width: 214px !important;} .form input.half {width: 134px !important;} .form input.fourth {width: 54px !important;} .form input.eighth {width: 14px !important;} form.form select.auto {width:auto !important;} .form .fSelect { letter-spacing: normal; height:1.82em; padding:1px; line-height:1.8em; float:left; margin-right:10px; } .form .fSelect option {padding: 2px;} #IE7 .form .fSelect {height:1.867em;} .form select.three-fourth {width: 230px !important;} .form select.half {width: 150px !important;} .form select.fourth {width: 70px !important;} .form select.eighth {width: 30px !important;} .form .fSelect option {padding-right: 5px;} .form .fCheck { float:left; height:13px; vertical-align:middle; width:13px;} #IE6 html .form .fCheckbox {border:0; margin-top:2px;} #IE7 html .form .fCheckbox {border:0;} .form .fRadio {float:left; height:13px; vertical-align:middle; width:13px;} .form .fAddItem { border:0; cursor:pointer; height:20px; width:20px; line-height:300px; overflow:hidden; float:left; text-indent:-300px; background-position: 0 -84px;} /* forming ;-) ------------------------------------------------------------------------------*/ label.checkLabel {position: relative; padding-left:18px; display:block;} label.checkLabel .fCheck, label.checkLabel .fRadio {position:absolute; left:0; top:0;} .form legend span label.checkLabel, .form legend span label.checkLabel {padding-left:21px;} .form legend span label.checkLabel .fCheck, .form legend span label.checkLabel .fRadio {top: 1em;} #IE6_7 .form legend span label.checkLabel .fCheck, #IE6_7 .form legend span label.checkLabel .fRadio {top: 2px;} .formSection fieldset { position:relative; z-index:2; float: left; margin-right:-160px; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; } /* formelement mit voller breite */ .formSection fieldset.fullWidth {margin-right:0; } .formSection fieldset.fullWidth .formContent {margin-right:0;} form .box_header .options {z-index:3;} /* first elements */ .formSection fieldset.first {margin-top: -10px; border-top: 0;} #ContentCol2 .operate .formSection fieldset.first .formContent { padding-top: 5px; } .closed .formSection fieldset.first {margin-top:0;} /* if elem is closed */ .formSection fieldset.first legend span {top:-9px !important;padding-top: 0.384615em !important;} #IE6_7 .formSection fieldset.first legend span { padding-top: 10px !important; } .script .formSection fieldset.closed * {display:none;} /* ff2 bug */ .script .formSection fieldset.closed legend, .script .formSection fieldset.closed .headline, .script .formSection fieldset.closed .headline * {display:block;} /* ff2 bug */ /* [REMOVESCRIPT] Hinzugefuegt, weil script klasse jetzt rausgeflogen ist aber pinwand nichmehr zuging*/ .noScript .formSection fieldset.closed * {display:none;} /* ff2 bug */ .noScript .formSection fieldset.closed legend, .noScript .formSection fieldset.closed .headline, .noScript .formSection fieldset.closed .headline * {display:block;} /* ff2 bug */ .formSection .legendFirst .formContent {margin-top:3.181818em !important;} .formSection .legendFirst .errorBox, .formSection .legendFirst .helpBox {margin-top: 4.636363em !important;} .formSection .first .errorBox, .formSection .first .helpBox {margin-top:15px;} .formSection legend {display: none;} .formSection .legend legend {display:block;} .formSection .legend legend span { position:absolute; top:0; left:0; z-index:2; height:3em; overflow:hidden; width: 630px; padding: 0 10px; border-bottom-width:1px; border-bottom-style: solid;} .formSection .legend legend span, .formSection .legend legend span * { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; font-weight: bold; line-height:3.076923em;} .formSection .legend .formContent {margin-top:3.636363em; border-top-width: 1px; border-top-style: solid; border-color: #FFF;} #IM .formSection .legend .formContent {margin-top:0;} .formSection .formContent { float:left; margin-right:-160px; padding:15px 10px 5px; /*overflow: hidden; zum test rausgenommen*/ width: 630px; /*background: #F00;*/} .formContent * {line-height: 12px;} /* vorher 1.3 sollte 1.238 probleme bereiten wieder �ndern */ #ContentCol2 .formSection .formContent, .small .formSection .formContent {padding-bottom: 10px; width: 300px; padding-top: 10px;} /*padding-top: war auf 0, falls probleme bitte mit clickdummy/meinProfil_personalData.tpl vergleichen*/ .formSection .formContent-segment, .formSection .formContent-segment_first {border-top-width: 1px; border-top-style: dotted; float:left; padding-top: 10px; width:100%;} #IE6 .formSection .formContent-segment,#IE6 .formSection .formContent-segment_first { border-top-style: dotted; } .formSection .formContent-segment_first {border-top: 0; padding-top:0;} .formSection .formContent-segment .buttonWrapper, .noScript .formSection .formContent-segment .button, #IE6 .formSection .formContent-segment .button {margin-bottom:5px;} .formSection .formContent .toggle_list {margin-top:0; border-top-width:1px; border-top-style: solid; margin-bottom:15px;} .formSection .formContent-segment .headline, .formSection .formContent-segment_first .headline { border-bottom-width: 1px; border-bottom-style: solid ; border-top-width: 1px; border-top-style: solid; display:block; line-height: 1.6em; padding: 0 10px; position: relative; height:auto; font-size:11px;} .formSection .formContent-segment .segment-content, .formSection .formContent-segment_first .segment-content { padding:10px; border-bottom-width: 1px; border-bottom-style: solid; } .formSection .formContent .toggle_list .last .segment-content {border-bottom:0;} .formSection .formContent .closed .segment-content {display:none;} .formSection .formContent-segment .active .headline .toggle_indicator, .formSection .formContent-segment_first .active .headline .toggle_indicator { display: block; } .formSection .formContent .active .headline { border-top-width: 1px; border-top-style: solid;} .formDescription, .formDescription_full {width:470px; display:block; padding-bottom: 10px; float:left;} .formDescription_full {width:auto; float:none;} #ContentCol2 .formDescription, .small .formDescription {width: auto; float:none;} .formList {width:630px; float:left;} .form label abbr {font-weight: bold;} .formList dt { width: 150px; clear:both; display:inline; float:left; margin-right: -150px;/*background: Aqua;*/ padding-bottom: 10px;} .formList dt label {font-weight: bold;} .formList dt label, .formList dd {padding-bottom:10px;} .formList dd {margin-left: 160px; display:inline; float:left; /*background: Lime*/ /*width:320px;*//*tmpwert mal sehen ob der bleibt*/ /*background-color: #F00;*/ width:321px; /* 1px more than neccessary, opera */ } /* space between dd and right col (helpBox, errorBox etc) */ .noScript .fText, #IE6 .fText, #IE6 .fTextarea, .textInputWrapper {margin-right: 10px;} #ContentCol2 .textInputWrapper, .small .textInputWrapper, .noScript #ContentCol2 .fText, #IE6 #ContentCol2 .fText, .noScript #ContentCol2 .fTextarea, .noScript .small .fText, #IE6 .small .fText, .noScript .small .fTextarea {margin-right: 0; margin-bottom:10px;} /* Micha stzt den folgenden Wert auf important (Overlay Verlinkung) */ .atrophied {margin-right: 6px;} #IE6 .atrophied {margin-right: 6px !important;} .formSection .submit {border-bottom-width:0; } .formSection .submit .formContent {padding-bottom:2px; padding-top: 12px;} .formSection .submit .formContent, .formSection .submit p {float:right !important; margin-right:0; width:auto !important;} .formSection .submit p {margin-top: 2px; margin-bottom: 2px; padding-right: 2px;} .formSection .submit p .buttonWrapper, .noScript .formSection .submit p .button {margin-left:10px;} .toTop {clear: both; bottom:1.090909em; left:0; z-index:5; position: absolute;} .formContent-segment .toTop {bottom:0.636363em;} /* rounded corners ------------------------------------------------------------------------------*/ .textInputWrapper {float:left; position:relative;} .textInputWrapper .fText, .textInputWrapper .fTextarea {margin:0;} .textInputWrapper .top_left {left:-4px; top:-4px;} .textInputWrapper .top_right {right:-4px; top:-4px;} .textInputWrapper .bottom_left {left:-4px; bottom:-4px;} .textInputWrapper .bottom_right {bottom:-4px; right:-4px;} #IE7 .textarea .top_left, #IE7 .textarea .top_right {top:-3px;} #IE7 .textarea .bottom_right, #IE7 .textarea .bottom_left {bottom:-3px;} #IE7 .textarea .top {top: -2px;} #IE7 .textarea .bottom {bottom: -2px;} .textInputWrapper .left, .textInputWrapper .right {width:0;} .textInputWrapper .top, .textInputWrapper .bottom {height:0;} /* on colored background */ .textInputWrapper .top_left, .textInputWrapper .top_right, .textInputWrapper .bottom_left, .textInputWrapper .bottom_right {z-index:2; background-repeat: no-repeat;} .textInputWrapper .top_left, #ContentCol2 .settings .textInputWrapper .top_left {background-position: 1px 1px !important;} .textInputWrapper .top_right, #ContentCol2 .settings .textInputWrapper .top_right {background-position: -6px 1px !important;} .textInputWrapper .bottom_left, #ContentCol2 .settings .textInputWrapper .bottom_left {background-position: 1px -6px !important;} .textInputWrapper .bottom_right, #ContentCol2 .settings .textInputWrapper .bottom_right {background-position: -6px -6px !important;} /* on gray background */ #ContentCol2 .textInputWrapper .top_left, .operate .textInputWrapper .top_left, #IM .textInputWrapper .top_left {background-position: 1px -48px !important;} #ContentCol2 .textInputWrapper .top_right, .operate .textInputWrapper .top_right, #IM .textInputWrapper .top_right {background-position: -6px -48px !important;} #ContentCol2 .textInputWrapper .bottom_left, .operate .textInputWrapper .bottom_left, #IM .textInputWrapper .bottom_left {background-position: 1px -55px !important;} #ContentCol2 .textInputWrapper .bottom_right, .operate .textInputWrapper .bottom_right, #IM .textInputWrapper .bottom_right {background-position: -6px -55px !important;} /* on white background */ .formElementsOnWhite .fText, .formElementsOnWhite .fTextarea {border-left-color:#ADADAD; border-top-color:#ADADAD; border-right-color:#CDCDCD; border-bottom-color:#CDCDCD;} .inactive .formElementsOnWhite .fText {border-left-color:#ADADAD !important; border-top-color:#ADADAD !important; border-right-color:#CDCDCD !important; border-bottom-color:#CDCDCD !important; background-color: #FFF !important;} .formElementsOnWhite .textInputWrapper .top_left, .formElementsOnWhite .textInputWrapper .top_right, .formElementsOnWhite .textInputWrapper .bottom_left, .formElementsOnWhite .textInputWrapper .bottom_right { background-image:url(/img/sprites/noTheme_textInputWrapper_corners.gif) !important;} .formElementsOnWhite .textInputWrapper .top_left, .inactive .formElementsOnWhite .textInputWrapper .top_left {background-position: 1px -26px !important;} .formElementsOnWhite .textInputWrapper .top_right, .inactive .formElementsOnWhite .textInputWrapper .top_right {background-position: -6px -26px !important;} .formElementsOnWhite .textInputWrapper .bottom_left, .inactive .formElementsOnWhite .textInputWrapper .bottom_left {background-position: 1px -33px !important;} .formElementsOnWhite .textInputWrapper .bottom_right, .inactive .formElementsOnWhite .textInputWrapper .bottom_right {background-position: -6px -33px !important; height: 7px;} .formElementsOnWhite .textInputWrapper .right, .formElementsOnWhite .textInputWrapper .left, .formElementsOnWhite .textInputWrapper .top, .formElementsOnWhite .textInputWrapper .bottom {background-image: none;} .formElementsOnWhite .fSelect { border-color: #C7C7C7; } /* error */ .error .top_left {background-position: 1px -11px !important;} .error .top_right {background-position: -6px -11px !important;} .error .bottom_left {background-position: 1px -18px !important;} .error .bottom_right {background-position: -6px -18px !important;} .form input.error, .form textarea.error, .form .error #tmce_message_tbl {border-color: #F00 !important;} /* error on white bg */ .formElementsOnWhite .error .textInputWrapper .top_right, .formElementsOnWhite .error .textInputWrapper .top_left, .formElementsOnWhite .error .textInputWrapper .bottom_left, .formElementsOnWhite .error .textInputWrapper .bottom_right { background-image:url(/img/sprites/noTheme_textInputWrapper_corners.gif) !important;} .formElementsOnWhite .error .textInputWrapper .top_left {background-position: 1px -77px !important;} .formElementsOnWhite .error .textInputWrapper .top_right {background-position: -6px -77px !important;} .formElementsOnWhite .error .textInputWrapper .bottom_left {background-position: 1px -84px !important;} .formElementsOnWhite .error .textInputWrapper .bottom_right {background-position: -6px -84px !important;} /* focus */ .focus .top_left, #ContentCol2 .settings .focus .top_left {background-position: 1px -23px !important;} .focus .top_right, #ContentCol2 .settings .focus .top_right {background-position: -6px -23px !important;} .focus .bottom_left, #ContentCol2 .settings .focus .bottom_left {background-position: 1px -30px !important;} .focus .bottom_right, #ContentCol2 .settings .focus .bottom_right {background-position: -6px -30px !important;} .focus .top, .focus .bottom, #ContentCol2 .settings .focus .top, #ContentCol2 .settings .focus .bottom {height: 4px; background-repeat: repeat-x;} .focus .top, #ContentCol2 .settings .focus .top {background-position: 0 0; top: -3px;} .focus .bottom, #ContentCol2 .settings .focus .bottom {background-position: 0 -4px; bottom: -3px;} .focus .left, .focus .right, #ContentCol2 .settings .focus .left, #ContentCol2 .settings .focus .right {width: 4px; background-repeat: repeat-y;} .focus .left, #ContentCol2 .settings .focus .left {background-position: 0 0; left: -3px;} .focus .right, #ContentCol2 .settings .focus .right {background-position: -4px; right: -3px;} .fText:focus, .fTextarea:focus {outline:0;} #Body .formElementsOnWhite .focus .top_left, #Body .formElementsOnWhite .focus .top_right, #Body .formElementsOnWhite .focus .bottom_left, #Body .formElementsOnWhite .focus .bottom_right { background-image:url(/img/sprites/noTheme_textInputWrapper_corners.gif) !important;} #Body .formElementsOnWhite .focus .top, #Body .formElementsOnWhite .focus .bottom {background-image:url(/img/sprites/noTheme_textInputWrapper_tb.gif) !important;} #Body .formElementsOnWhite .focus .right, #Body .formElementsOnWhite .focus .left {background-image:url(/img/sprites/noTheme_textInputWrapper_lr.gif) !important;} #Body .formElementsOnWhite .focus .top_left {background-position: 1px -65px !important;} #Body .formElementsOnWhite .focus .top_right {background-position: -6px -65px !important;} #Body .formElementsOnWhite .focus .bottom_left {background-position: 1px -72px !important;} #Body .formElementsOnWhite .focus .bottom_right {background-position: -6px -72px !important;} #Body .formElementsOnWhite .focus .top {background-position: 0 0 !important;} #Body .formElementsOnWhite .focus .bottom {background-position: 0 -4px !important;} #Body .formElementsOnWhite .focus .right {background-position: -4px 0 !important;} #Body .formElementsOnWhite .focus .left {background-position: 0 0 !important; width:3px !important;} /* focus (background-grey) */ #ContentCol2 .focus .top_left, .operate .focus .top_left, #IM .focus .top_left {background-position: 1px -61px !important;} #ContentCol2 .focus .top, .operate .focus .top, #IM .focus .top {background-position: 0 -9px;} #ContentCol2 .focus .top_right, .operate .focus .top_right, #IM .focus .top_right {background-position: -6px -61px !important;} #ContentCol2 .focus .right, .operate .focus .right, #IM .focus .right {background-position: -13px 0;} #ContentCol2 .focus .bottom_right, .operate .focus .bottom_right, #IM .focus .bottom_right {background-position: -6px -68px !important;} #ContentCol2 .focus .bottom, .operate .focus .bottom, #IM .focus .bottom {background-position: 0 -13px;} #ContentCol2 .focus .bottom_left, .operate .focus .bottom_left, #IM .focus .bottom_left {background-position: 1px -68px !important;} #ContentCol2 .focus .left, .operate .focus .left, #IM .focus .left {background-position: -9px 0;} .formCaption {display:block; margin-bottom: 10px; font-weight: bold;} .lightSeperator {border-bottom-width: 1px; border-bottom-style: dotted; margin-bottom:10px} #IE6 .lightSeperator { border-bottom-style: dotted; } .inactive .textInputWrapper .top_left {background-position: 1px -35px !important;} .inactive .textInputWrapper .top_right {background-position: -6px -35px !important;} .inactive .textInputWrapper .bottom_left {background-position: 1px -42px !important;} .inactive .textInputWrapper .bottom_right {background-position: -7px -42px !important;} .inactive .textInputWrapper .bottom_left {height:6px; bottom:-3px;} .inactive .textInputWrapper .bottom_right {height:6px;} /* general formelements */ .removalList {padding-right:10px; position: relative;} .removalList li, .removalList li label {overflow: hidden;} .removalList li { line-height: 21px; padding:0 10px; margin-bottom: 5px; height:21px; position: relative; padding-right: 22px; background-position: 0 0; background-repeat: no-repeat;} .removalList li label { display:block; width:22px; height: 0; padding-top: 21px; overflow:hidden; background-repeat: no-repeat; position: absolute; right: 0; top: 0; background-position: 0 -42px; cursor:pointer;} #IE6 .removalList li label { right: -1px; } .removalList li label .fCheck {display:none;} .removalList li.hover {background-position: 0 -21px;} .removalList li.hover label {background-position: 0 -63px;} #ContentCol2 .removalList {margin-right:0; padding-bottom: 5px;} #ContentCol2 .removalList li {background-position: 0 -104px;} #ContentCol2 .removalList li label {background-position: 0 -146px;} #ContentCol2 .removalList li.hover {background-position: 0 -125px;} #ContentCol2 .removalList li.hover label {background-position: 0 -167px;} .inputResponse {margin-right: 10px;} .inputResponse .buttonWrapper {margin: 10px 10px 0 0 !important;} .checkList li {clear: both; position: relative; margin-bottom: 6px;} .checkList li label {padding-left:18px;} .checkList li .fCheck {position: absolute; left: 0; top:1px;} /* special formelements */ /*.associationLogo .formContent {padding-left: 170px; min-height: 245px; position: relative; width:470px;} #IE6 .associationLogo .formContent {height: 245px;} .associationLogo .mcard {position: absolute; left: 10px; top: 10px;} .associationLogo dt.uploadMedia {display: none;} .associationLogo dd.uploadMedia {margin-left:0; width: 420px;}*/ .associationTheme .formContent {overflow: hidden;} .colorThemes {clear:both; width: 640px;} .colorThemes li {float:left; margin-right:1px; margin-bottom: 10px; width:70px; height: 70px; padding: 3px 4px 5px 4px;} .colorThemes label { display:block; width:66px; height: 68px; padding:2px 2px 0; font-size:10px; line-height:10px; cursor: pointer; text-align: center;} .colorThemes label .fRadio {display: none;} ol.interestOptions {clear:both; margin-bottom:-10px; float:left;} ol.interestOptions li, ol.interestOptions li label {padding-bottom: 10px;} ol.interestOptions li {clear:both; float:left; width: 311px; /* 1px more than neccessary, opera */} ol.interestOptions li label {display:block;} ol.interestOptions li .textInputWrapper {margin-right: 0;} /*.uploadedMedia .formContent {overflow: hidden;}*/ .form .card_list {padding:0; width:640px; margin-bottom:10px;} .form .card_list .list_entry {padding-left:0; padding-right:10px;} .form .card_list .buttonWrapper { margin: 0; } .uploadedMedia .box_options_inner { border-top-style: dotted; padding-left:0; padding-right: 0;} #IE6 .uploadedMedia .box_options_inner { border-top-style: dotted; } .uploadedMedia .box_options_inner .sort {margin-left: -1px;} #afterUploadText { padding-bottom: 10px; display: block; } #IE6 .form .card_list {clear: both; float: none; overflow: hidden} /*invite a friedn in ContentCol2*/ .inviteFriend .fTextarea { width: 283px; height: 40px; } .inviteFriendpEmail .fieldset { } /*sublevel 3 toggleing in forms*/ .selectionContainer {overflow: hidden;} .selectionContainer .ajax_result { overflow:hidden; } .selectionContainer .ajax-loading {width: 100%; height: 50px; background-repeat: no-repeat; background-position: center center; } .selectionContainer .card_list{ width: 100%; margin: 0;} .selectionContainer .segment-content{ position: relative; overflow: hidden;} #IE6 .segment-content, #IE6 .headline { zoom:1; clear: both; } #IE6 .selectionContainer .card_list{ width: 598px; clear: both; overflow: hidden; float: none; } /* error- & infoBOXstyling ------------------------------------------------------------------------------*/ .legend .errorBox, .legend .helpBox {margin-top:5.090909em;} .errorBox, .helpBox{ display:inline; float:right; position:relative; z-index:2; margin-left:-10px; margin-top: 10px; } .errorBox-inner {background-repeat: no-repeat; background-position: 0 100%;} .errorBox-inner, .helpBox-inner {margin: 10px; margin-bottom: 15px; width:150px; margin-top:0; margin-left: 8px; background-repeat: no-repeat;} .errorBox .caption { font-size:16px; padding-left: 43px; height:37px; overflow: hidden; line-height: 37px; border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; background-color: #F00; color:#FFF !important;} .errorBox li {list-style: disc; margin-left: 15px;} .errorBox .errorMsg, .helpBox .helpMsg {padding:10px;background-repeat: no-repeat; background-position: 0 100%;} .errorBox .errorMsg, .error {color: #F00 !important;} #ContentCol2 .errorBox {background-color:transparent; float:none; display:block; margin:0; clear:both; margin-bottom: 10px;} #ContentCol2 .errorBox .caption {background-image:url(/img/elements/captionErrorBox_300.gif);} #ContentCol2 .errorBox-inner {width: auto; margin:0; background-image:url(/img/elements/bottomErrorBox_300.gif);} /* specific styling ------------------------------------------------------------------------------*/ dd.dob {font-weight: bold; font-size: 12px;} #dob_day, #dob_month, .form .select_day, .form .select_month {width: 40px;} #IE6_7 #dob_day, #dob_month {width:39px;} #dob_year, .form .select_year{width: 52px;} .foundation .fSelect, .dob .fSelect {margin: 0; float:none;} #gender {width: 150px;} dd.code {padding-bottom:4px;} dd.showInterests {margin-top: -6px; padding-bottom: 5px; margin-bottom:10px; margin-right:10px; width:310px;} dd.showInterests a {font-size: 10px;} .noScript .charsLeft .fText, #IE6 .charsLeft .fText, .charsLeft .textInputWrapper {margin-top: 4px;} .charsLeft label {display:block;} .uploadMedia .textInputWrapper, .script .uploadMedia .buttonWrapper {margin: 0; margin-right: 7px;} #IE7 dd.message .textInputWrapper {display:none;} /* upload */ .uploadElements .card_list {margin-top:-4px;} .uploadElements .formList dd dt {margin:0;} .uploadElements .formList dd {position: relative;} .uploadElements .formList dd dd {position: relative; margin:0; width:auto;} .uploadMedia .card_list { width: auto; } .formList dt.totalUpload {font-weight: bold;} .formList dt.partialUpload {overflow: hidden;} .byteCount {left:330px; position:absolute; top:.2em; width:137px;} .uploadElements .card_list .list_entry {padding-right:9px;} .uploadElements .expanded_card .fText {width:134px;} .uploadElements .expanded_card .media_wrapper {background: url(/img/background/fileupload.jpg) no-repeat 10px 10px;} .uploadcard dt, .uploadcard dd {width:150px !important;} .uploadcard dt.mcard_buttons {display:none !important;} .uploadcard dd .buttonWrapper.fSubmit {margin-right:0;} .uploadcard .mcard_filename, .uploadcard .mcard_uploadstatus {padding-top:7px;} .uploadcard .percentage_scale {width: 150px;} #IE6_7 .uploadcard { padding-top: 140px !important; } .mcard_filename {overflow: hidden;} #IE6 #MeinVerein .assPic_upload { padding-top: 95px; } #MeinVerein .assPic_upload .mcard_content { left:10px; top: 90px; } #MeinVerein .assPic_upload .mcard_content dd, #MeinVerein .assPic_upload .mcard_content dt { float: none; } #MeinVerein .assPic_upload .mcard_content dd.mcard_filename { padding-top: 0; border-bottom: 0; } #MeinVerein .assPic_upload .mcard_content dt.mcard_filename { padding-bottom: 0; } #MeinVerein .assPic_upload .mcard_content dt.mcard_uploadstatus { display: none; } #MeinVerein .assPic_upload .mcard_content dd.mcard_uploadstatus { position:absolute; top:30px; left: 159px; } #MeinVerein .assPic_upload .mcard_content dd.mcard_uploadstatus .percentage_scale { width: 130px; } #MeinVerein .assPic_upload .media_wrapper img{ width: 290px; } #MeinVerein .assPic_upload .mcard_buttons { position: absolute; left: 2px; top: 38px; border-bottom: 0px;} #MeinVerein .assPic_upload .media_wrapper {background: url(/img/background/big_fileupload.jpg) no-repeat 10px 10px;} #MeinVerein .assPic_upload .media_wrapper .inner_shadow {background-image: url('/img/elements/small_external_shadow.png'); width: 290px; height: 83px;} #MeinVerein .assPic_upload .options_inner {background-position:64px -474px !important; } /* inputelements */ .mcard .textInputWrapper {margin-right:0;} /* small forms (e.g. ContentCol2) ------------------------------------------------------------------------------*/ form #ContentCol2 .box_list, form .small .box_list {padding-bottom: 10px; margin-top:0; clear:both;} form #ContentCol2 .box_list .list_entry, form .small .box_list .list_entry {padding:10px 10px 0; width: auto; float:none;} #ContentCol2 .formContentSegment, .small .formContentSegment {border-bottom: 1px solid #E7E7E7; padding: 10px 10px 0; overflow:hidden;} .noScript form #ContentCol2 .button, #IE6 form #ContentCol2 .button, form #ContentCol2 .buttonWrapper, .noScript form .small .button, #IE6 form .small .button, form .small .buttonWrapper {float:none; position: absolute; top:10px; right: 10px;} #ContentCol2 .mailReceiver-ccToMe, .small .mailReceiver-ccToMe {border-bottom:0 !important;} /* settings form * normally blue */ #ContentCol2 form.settings .formSection, #ContentCol2 form.settings fieldset, #ContentCol2 form.settings .formContent {margin-right:0;} #ContentCol2 form.settings .formSection fieldset {z-index:0; margin-right:0;} #ContentCol2 form.settings .formSection fieldset.first {margin-top:0;} #ContentCol2 form.settings .formSection fieldset.first .formContent {padding-top:5px;} #ContentCol2 form.settings .formSection fieldset .formContent {padding-bottom:5px;} /*#ContentCol2 form.settings .formSection fieldset.submit {clear:both;}*/ #ContentCol2 form.settings .formSection fieldset.submit .formContent {padding-bottom:10px; clear:both; background-color: transparent;} #ContentCol2 form.settings label {display: block; margin-bottom:5px; font-size:10px;} #ContentCol2 form.settings .formSection .formContent-segment, #ContentCol2 form.settings .formSection .formContent-segment_first {padding-top:0;} #ContentCol2 form.settings .textInputWrapper {margin-bottom:0;} #ContentCol2 form.settings .formList {width:auto;} #ContentCol2 form.settings .formList dt {margin-right:0; clear:both; width:283px; padding-bottom:0;} #ContentCol2 form.settings .formList dd {margin-left:0; clear:both; width: 299px;} #ContentCol2 form.settings .formList dt label {margin-bottom:0; padding-bottom:5px; padding-top:5px;} #ContentCol2 form.settings .fSelect {width: 299px;} #IE6 #ContentCol2 form.settings .checkList li label {height:1%} dd.timeFrom .fSelect, dd.timeTo .fSelect {width: 40px !important; float:none; display:inline; margin-right:0;} dd.timeFrom .textInputWrapper, dd.timeTo .textInputWrapper {margin-left:4px;} dd .dateWrapper {float:left;} dd .timeWrapper {float:right;} dd .character {float:left; display:block; margin-left:6px; line-height: 20px;} /* operate forms * normally grey */ #ContentCol2 form.operate label, form.operate .small label {display: block; margin-bottom:5px; font-size:10px;} #ContentCol2 form.operate .formSection fieldset, form.operate .small .formSection fieldset {border-bottom-color: #E7E7E7; z-index:0;} #ContentCol2 .operate .formSection fieldset, .operate .small .formSection fieldset {margin-right: -70px;} #ContentCol2 .operate .formSection .legend legend span, .operate .small .formSection .legend legend span { width: 300px; background: #E7E7E7; border-bottom: 1px solid #C7C7C7; border-top: 0; color:#7C7C7C; font-family:Helvetica,Arial; font-size:11px; font-weight:bold; height:3em; line-height:3.07692em; padding:0 10px; display:block; } #ContentCol2 .operate .textInputWrapper, .noScript #ContentCol2 .operate .fText, .operate .small .textInputWrapper, .noScript .operate .small .fText, #IE6 #ContentCol2 .operate .fText, .noScript #ContentCol2 .operate .fTextarea, #IE6 .operate .small .fText, .noScript .operate .small .fTextarea {margin-right: 10px; margin-bottom:0;} #ContentCol2 .operate .formSection fieldset.first, .operate .small .formSection fieldset.first {margin-top:0;} #ContentCol2 .operate .formSection fieldset.first legend span, .operate .small .formSection fieldset.first legend span {top:-6px !important; padding-top:0 !important;} #ContentCol2 .operate .formSection .legendFirst .formContent, .operate .small .formSection .legendFirst .formContent {margin-top:2.5em !important;} #ContentCol2 .operate .formSection .legend .formContent, .operate .small .formSection .legend .formContent {margin-top: 3.090909em;} #ContentCol2 .operate .formSection .formContent, .operate .small .formSection .formContent {padding-right:0; width:310px; padding-bottom:5px; padding-top:15px;} #ContentCol2 .operate .formSection fieldset.submit .formContent {padding-bottom:10px; padding-top:10px; width:300px; padding-right:10px;} #ContentCol2 .operate .formList, .operate .small .formList {width:310px;} #ContentCol2 .operate .formList dt, .operate .small .formList dt {width:60px; margin-right: -60px;} #ContentCol2 .operate .formList dd, .operate .small .formList dd {width:240px; margin-left: 70px;} #ContentCol2 form.operate dt label, form.operate .small dt label {margin-bottom:0; font-size:11px; /* vorher inherit */ font-weight:normal; padding-bottom:0;} #ContentCol2 .operate .fText, #ContentCol2 .operate .fTextarea, .operate .small .fText, .operate .small .fTextarea {width: 214px;} #ContentCol2 .operate input.atrophied, .operate .small input.atrophied {width: 189px !important;} #ContentCol2 .operate input.half, .operate .small input.half {width: 94px !important;} #ContentCol2 .operate .fAddItem, .operate .small .fAddItem {margin-left:-5px; background: url('/img/elements/addInterest.gif') no-repeat;} #IE6 #ContentCol2 .operate .fAddItem, .operate .small .fAddItem { margin-left: 2px; } #ContentCol2 .operate .fSelect, .operate .small .fSelect {width: 230px;} .attached {margin-top:-2px;} /* IE7 fixes */ #IE6_7 #ContentCol1 form .box_header, #IE6_7 #ContentCol3 form .box_header {height:38px !important;} #IE6_7 #ContentCol1 .formSection fieldset.first legend span, #IE6_7 #ContentCol3 .formSection fieldset.first legend span {top:-10px !important;} #IE6_7 #ContentCol1 form .box_wrapper .shadow, #IE6_7 #ContentCol3 form .box_wrapper .shadow {top:-11px;} #IE6_7 #ContentCol1 .formSection .formContent, #IE6_7 #ContentCol3 .formSection .formContent {margin-top:1px;} #IE6_7 #ContentCol1 .formSection .legend legend span, #IE6_7 #ContentCol3 .formSection .legend legend span {top:1px;} #IE6_7 #ContentCol1 .formSection .legend .formContent, #IE6_7 #ContentCol3 .formSection .legend .formContent {margin-top:3.727272em;} .script #IE6_7 #ContentCol1 fieldset.closed, .script #IE6_7 #ContentCol3 fieldset.closed {height:40px} .script #IE6_7 #ContentCol1 fieldset.closedFirst, .script #IE6_7 #ContentCol3 fieldset.closedFirst {height:34px;} .script #IE6 #ContentCol1 fieldset.closedFirst, .script #IE6 #ContentCol3 fieldset.closedFirst { height: 39px; } #IE6_7 #ContentCol1 .formSection legend, #IE6_7 #ContentCol3 .formSection legend {height:0; width: 0;} #IE6_7 #ContentCol1 div.submit p, #IE6_7 #ContentCol3 div.submit p {padding-bottom:5px;} #IE7 #ContentCol1 div.submit .toTop, #IE7 #ContentCol3 div.submit .toTop {bottom: 12px;} #IE6_7 #ContentCol1 .formContent .formContent-segment p, #IE6_7 #ContentCol3 .formContent .formContent-segment p {clear:both;} #IE6 #ContentCol1 label.checkLabel .fRadio, #IE6 label.checkLabel .fCheck, #IE6 #ContentCol3 label.checkLabel .fRadio, #IE6 label.checkLabel .fCheck {left:-17px; top:1px;} #IE6 #ContentCol1 .checkList li, #IE6 #ContentCol3 .checkList li {line-height:0;} #IE6 #ContentCol1 .formContent div.submit, #IE6 #ContentCol3 .formContent div.submit {height:29px; overflow: hidden; clear:both !important; float:none; position: relative;} #IE6 #ContentCol1 div.submit .toTop, #IE6 #ContentCol3 div.submit .toTop {bottom: 6px;} #IE6 #ContentCol1 div.submit .toTop a, #IE6 #ContentCol3 div.submit .toTop a {margin-left:0;} .noScript #IE6 .toTop .button, #IE6 .toTop .button {margin-left: 5px;} /** * VON MICHA B */ .formSection fieldset.overlay legend span {top:-19px !important; left:-10px !important;padding-top: 0.384615em !important;} .smsKeyword .formDescription {margin-top:5px;} /*----------------------------------------------------- z_noScript_fixes.css --------------------------------------------*/ /*Searchbar input field fix*/ .noScript #Search .fText { top: 0 } /*card-list list_entry padding*/ .noScript .card_list .list_entry { padding: 6px 4px } .noScript .small_cards .list_entry { padding: 4px 10px } .noScript .category_list .list_entry { padding: 3px 4px } /*correction association_ot_month*/ .noScript .association_ot_month .caption { padding-bottom: 0 !important } /*Album galerie fixes*/ #AlbumGalerie .media_info .headline { padding-left: 16px } #allComments { height: 181px } .noScript #AlbumGalerie .media_info .box_options { left: 9px; } /*small cards*/ #Body .form .box .small_cards .vcard .options_inner, #Body .form .box .small_cards .mcard .options_inner {background-position: -165px -473px;} /*box_header*/ .noScript .box_header fieldset .fText, .script .box_header fieldset .textInputWrapper { margin-right: 0 } /*board box_content -> removed padding-bottom*/ .noScript .board { padding-bottom: 0; } /*buttons in box_header (small)*/ .noScript #ContentCol2 .box_header .button, .noScript .small .box_header .button { margin-top: 7px } /*#calendar overlay*/ .noScript #cal-appointmentDetail h4 { margin-left: 0 } .noScript .small, #ContentCol2 .box_wrapper { width: 322px }