@charset "UTF-8";.wrapper{width:590px}
.wrapper-content{padding:10px;clear:both;position:relative}
ul{list-style-type:none;margin:0;padding:0}
li{margin:0;padding:0}
img{border:0;text-decoration:none}
img a{border:0;text-decoration:none}
h3{font-size:12px;margin:0;padding:0}
h3.headline{margin-top:10px;position:relative}
#markedMessageOptionsSelect{margin-right:5px;vertical-align:bottom}
.baseBox body,.baseBox a,.baseBox textarea{font-family:Verdana,Geneva,sans-serif;font-size:12px;color:#000;text-decoration:none}
.baseBox a:link,.baseBox a:active{color:#000}
.baseBox a *{font-size:12px}
.baseBox select{height:21px}
.clearFloat{clear:both;margin:0;padding:0}
p{padding:0;margin:0}
.baseBox a.plink{color:#9d0b0e;text-decoration:underline}
.baseBox .content{padding:0!important}
.baseBox.conversationBox .content{overflow:visible}
.lists{clear:both;margin:0;padding:0}
#messageArchiveBox.lists{line-height:25px;padding:5px 0}
.listhead li.mail-status{float:left;border-right:1px solid #dbd9d6;width:53px;padding-left:10px;height:100%;margin-right:10px}
.listhead li.mail-user{float:left;border-right:1px solid #dbd9d6;width:180px;height:100%;margin-right:10px;font-size:12px}
.listhead li.mail-subject{float:left;border-right:1px solid #dbd9d6;height:100%;width:210px;margin-right:10px}
.listhead li.mail-timestamp{float:left;height:100%;width:96px}
.listhead li.mail-checkbox{float:left;height:25px;margin-right:10px;padding:0}


#newMessageInfo{position: fixed;bottom:10px;left:301px;background-image: url(/images/buttons/shortButtonNibbleBottom.png);width:339px;height:26px;text-align: center;line-height: 20px;text-decoration:underline;display: inline-block;color:#fff;visibility: hidden;cursor:pointer;font-weight:bold}
#newMessageInfo img.left{position:relative;right:10px;top:-1px}
#newMessageInfo img.right{position:relative;left:10px;top:-1px}

#newMessageInfo img.outerRight {position: absolute;right: 10px;top: 7px;}

ul.maillist{height:40px;border-bottom:1px solid #fff;clear:both}
ul.maillist.unread{background-color:#eee8db !important}
ul.maillist:hover,ul.maillist.activeEntry{background:url(/images/textures/orangeGradientSmall.png) repeat-x;background-color:#f78e00;color:#FFF}
ul.maillist:hover a,ul.maillist.activeEntry a{color:#fff}
ul.maillist:hover a:hover{text-decoration:underline}
.maillist li.mail-status{float:left;width:20px;padding-left:10px;height:100%;margin-right:10px;position:relative}
.maillist li.mail-user{float:left;width:180px;height:100%;margin-right:10px}
.maillist li.mail-subject{float:left;height:100%;width:310px;line-height:40px;margin-right:10px;position:relative}
.mail-memberstatus{background:url(/images/icons/premKrone.png) no-repeat;height:34px;width:38px;position:absolute;right:5px;top:8px}
ul.maillist:hover .mail-memberstatus,ul.maillist.activeEntry .mail-memberstatus{background:url(/images/icons/premiumWhite.png) no-repeat}
.subject{position:relative;float:left;width:100%;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.subject a img{vertical-align:middle}
.subject a{position:relative;width:310px;height:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.maillist span.mail-checkbox{float:left;height:25px;margin-right:10px;padding:0;position:relative;top:15px}
.gender{height:14px;width:19px;display:inline-block;background-position:right center;background-repeat:no-repeat;}
.gender.female{background-image:url(/images/icons/female_14x14.png)}
.gender.male{background-image:url(/images/icons/male_14x14.png)}
.gender.pair{background-image:url(/images/icons/pair_14x14.png)}
ul.maillist:hover .user-gender.female,ul.maillist.activeEntry .user-gender.female{background-image:url(/images/icons/message/gederFemaleWhite.png)}
ul.maillist:hover .user-gender.male,ul.maillist.activeEntry .user-gender.male{background-image:url(/images/icons/message/genderMaleWhite.png)}
#messageArchive{background-image:url("/images/buttons/shortButtonNibbleTop.png");background-repeat:no-repeat;color:#6a7d13;display:inline-block;height:30px;line-height:30px;width:339px}
#messageArchive img.left{position:relative;right:10px;top:-1px}
#messageArchive img.right{position:relative;left:10px;top:-1px}
ul.maillist .mailTime{clear:both;color:#a09a8c;font-weight:normal;display:block}
ul.maillist .status{float:left;height:100%;position:relative;width:50px}
ul.maillist .status div{position:absolute;top:10px;right:10px}
ul.maillist .status .paginatorBar .pageButton{margin:0}
ul.maillist:hover .status .paginatorBar .pageButtonActive .pageButtonLeft,ul.maillist.activeEntry .status .paginatorBar .pageButtonActive .pageButtonLeft{background-image:url("/images/buttons/paginatorButtonSiteLeft.png")}
ul.maillist:hover .status .paginatorBar .pageButtonActive .pageButtonContent,ul.maillist.activeEntry .status .paginatorBar .pageButtonActive .pageButtonContent{background-image:url("/images/buttons/paginatorButtonSiteMiddle.png")}
ul.maillist:hover .status .paginatorBar .pageButtonActive .pageButtonRight,ul.maillist.activeEntry .status .paginatorBar .pageButtonActive .pageButtonRight{background-image:url("/images/buttons/paginatorButtonSiteRight.png")}
ul.maillist .status span.answered,ul.maillist .status span.answered{display:inline-block;width:13px;height:9px;margin-top:5px;background-image:url(/images/icons/message/arrowAnswered.png)}
ul.maillist:hover .status span.answered,ul.maillist.activeEntry .status span.answered{background-image:url(/images/icons/message/arrowAnsweredActive.png)}
ul.maillist.locked:hover{background:url(/images/textures/redGradientSmall.png) repeat-x}
.msg-unread{margin-top:5px}
.user-info{height:40px;line-height:normal;padding-top:5px;margin-left:10px;float:left;width:140px}
.user-name{margin:0;padding:0;height:15px;float:left;font-size:12px}
.unread{font-weight:bold}
.bin .listhead li.mail-status,.bin .maillist li.mail-status{width:20px}
.bin .user-info{width:130px;display:block}
.bin .maillist li.mail-sendTimestamp{float:left;height:100%;width:215px;position:relative;margin-right:10px}
.bin .listhead li.mail-sendTimestamp{float:left;height:100%;width:115px;margin-right:10px}
.bin .listhead li.mail-subject,.bin .maillist li.mail-subject{width:240px}
.msg-banner{border:1px solid #dbd9d6;border-top:0}
.avatar{float:left}
.maillist .mail-user .microAvatar{margin-top:5px}
.big-msg-banner{border:1px solid #dbd9d6;border-top:0}
.big-thumbOuterBox{background:url(/images/thumbBgNormal.png) repeat scroll 0 0 transparent;border:0 solid;float:left;height:68px;width:68px}
.big-thumbInnerBox{border:0 solid;height:60px;margin:4px;padding:0;width:60px}
.big-thumbInnerBox .thumbImgLink{background-color:transparent;border:0 solid #000;margin:0;padding:0}
.lists.listFooter{display:inline-block;padding:10px 10px 10px 13px;width:577px}
.lists.listFooter .arrowTagged{width:10px;height:12px;margin-right:6px}
.legend{background-color:#fbfaf7;border-top:1px solid #dbd9d6;float:left;height:30px;padding:0 10px;width:580px;padding-top:5px}
.legend b{float:left;line-height:20px;width:80px}
.legend p{display:block;float:left;position:relative;line-height:20px;height:20px;width:100px}
.ad-rectangle{display:block;text-align:center;margin:0;padding:10px 0;border-bottom:1px solid #dbd9d6}
.smallText{font-size:11px;text-decoration:underline}
.ContentBoxShadowBottom{background-image:url(/css/bk/ContentBox/bottomBoxShadow.png);background-position:center top;background-repeat:no-repeat;height:23px;width:590px;background-color:#fff}
.antiSpam{font-family:verdana;font-size:11px;width:570px;clear:both;margin-left:40px;margin-top:10px}
.antiSpam img{margin-top:5px;float:left}
.antiSpam div{margin-left:10px;float:left;width:500px}
.textinput{margin-top:10px}
.formularRow{height:20px;position:relative;line-height:20px;vertical-align:middle}
.formularRow input[type=checkbox]{position:relative;top:2px}
.formularRow img{position:relative;top:2px}
.formularRow .buttonHTML5{position:relative}
.formularRow .buttonDecorator{position:relative}
.formularRow div{position:relative;display:inline-block;left:94px;top:0}
.listhead li.folder-content{float:left;width:200px;height:100%;margin-right:10px}
.listhead li.folder-status{float:left;border-right:1px solid #dbd9d6;width:180px;padding-left:10px;height:100%;margin-right:10px}
ul.folderlist{height:50px;line-height:50px;border-bottom:1px solid #dbd9d6;clear:both;padding-left:15px}
.folder-info{float:left;height:100%;width:150px;margin-right:10px}
.folder-info .folder-name{float:left;height:100%;width:170px;margin-right:10px;font-weight:bold;font-size:11px}
.folder-info .folder-name:hover{text-decoration:underline}
.listhead li.folder-user{float:left;border-right:1px solid #dbd9d6;width:180px;height:100%;margin-right:10px}
.folder-checkbox{float:left;height:25px;margin-right:10px;margin-top:13px;padding-left:10px}
.folder-subject{float:left;height:100%;width:120px;margin-right:10px}
.folder-action{float:left;height:100%}
.folder-action a{float:left;position:relative;padding:0 18px 0 15px;font-size:10px}
.folder-action a:hover{text-decoration:underline}
.folder-action img{position:absolute;top:19px;left:0}
.templateButton.orange{float:left}
.orange .buttonLeft{background-image:url(/css/Template/bildkontakte/button/orangeL1.png)}
.templateButton .buttonLeft,.buttonRight{background-repeat:no-repeat;float:left}
.orange .buttonMid{background-image:url(/css/Template/bildkontakte/button/orangeM1.png)}
.orange .buttonMid a{color:#FFF}
.templateButton .buttonMid{background-repeat:repeat-x;color:#fff;display:inline-block;float:left;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;height:25px;line-height:23px;overflow:hidden;text-align:center}
.orange .buttonRight{background-image:url(/css/Template/bildkontakte/button/orangeR1.png)}
#conversationSearchBox{padding:10px}
#conversationSearchBox #userSearchBox{float:left;line-height:22px}
#conversationSearchBox #userSearchName{vertical-align:middle;margin-right:5px}
#conversationSearchBox #conversationSearchBoxText{width:150px;float:left;height:22px;vertical-align:middle;line-height:19px}
#conversationSearchBox #userSearchNotFound{color:#FF0000;float:right;line-height:22px;vertical-align:middle;width:200px;}
.msg-field{width:560px;min-height:115px;height:115px;margin:10px 0;border:1px solid #dbd9d6;padding:5px}
.submit-small{float:right}
.msg-footer{width:570px;position:relative;display: flex;align-content: center;justify-content: space-between}
.action-field{background-color:#FFF;border:1px solid #dbd9d6}
ul.msg-list{border-bottom:1px solid #FFF;background-color:#faf9f5}
ul.msg-list:first-child{border-top:1px solid #FFF}
.lists.maillist:nth-of-type(2n+1){background-color:#fff}
.messageContainer .deleteMessage{display:none;height:16px;width:16px;position:absolute;right:-22px;top:10px}
#prototypeSeperator, #prototypeContainer, #prototypeMessage{display:none}
.progesslistSeperator{border-top:1px solid #DBD9D6;width:542px;position:relative;height:15px;margin-left:10px;}
.messageContainer{margin-bottom:10px;margin-left:10px;}
.messageContainer .messageContainerAvatarSpace{ float:left;width:80px; }
.messageContainer .messageContainerProgressListSpace{ float:right;width:510px; }
.messageContainer div.messageText{width:462px;word-wrap:break-word;padding: 10px 0;position:relative;font-size: 14px; font-family: Arial;}
.progressListDate{position:absolute;left:261px;top:-10px;color:graytext;background-color: #faf9f5;padding:0 10px;}
.progressListTime{position:absolute;right:-40px;top:-10px;color:graytext;}
.messageContainer>.messageContainerProgressListSpace>.messageText:nth-of-type(n+3){border-top:1px solid #e5e4e0;}
.messageContainer div.messageText a{color:#9d0b0e;font-size:11px;text-decoration:underline}
.conversationInfoBar{padding:7px 0px 8px 0px;position:relative;border-bottom:1px solid #dbd9d6;background-image:url('/images/textures/message/readStateBackground.png');background-repeat:no-repeat;height:23px}
.conversationInfoBar .readStateBox{position:absolute;right:10px;}
.conversationInfoBar .onlineStatus{position:absolute;left:10px;background: url(/images/trans.gif) no-repeat center left;padding: 0 0 0 20px;height: 23px;line-height: 23px;}
.conversationInfoBar .onlineStatus.offline{background-image:url(/images/icons/offline.png)}
.conversationInfoBar .onlineStatus.online{background-image:url(/images/icons/online.png)}
.premium-info{position:relative;top:-5px;padding-left:5px;}
ul.action-menu{margin:0;padding:0;width:100%;height:20px;position:relative;}
ul.action-menu li.top-action{display:block;float:left;margin-right:10px;width:89px;padding-top:3px;position:relative}
ul.action-menu li.top-action ul.sub{display:none;width:175px;position:absolute;top:26px}
ul.action-menu li.top-smileys{display:block;float:left;margin-right:10px;width:250px;padding-top:3px;position:relative}
ul.action-menu li.top-smileys .favSmiley{display:none;position:absolute;top:26px;z-index:50;}
#smileyList img{cursor:pointer}
ul.sub{list-style:none outside none;margin:0;padding:0;clear:both;background-color:#FFF;border:1px solid #dbd9d6;position:relative;top:-1px}
ul.sub li{position:relative;height:23px;line-height:23px;vertical-align:middle}
ul.sub li:hover{background:url(/images/textures/orangeMenuGradient_23x2.png) repeat-x}
ul.sub li.inactiveAction,ul.sub li.inactiveAction:hover{background:0;background-color:#faf9f5}
ul.sub li.inactiveAction a,ul.sub li.inactiveAction:hover a{color:#999}
ul.sub li.inactiveAction img,ul.sub li.inactiveAction:hover img{opacity:.5}
ul.sub li:hover a{color:#fff}
ul.sub li img{vertical-align:middle;margin-right:3px}
ul.sub li a{display:block}
a.msg-menulink{background:url("/images/icons/message/arrowBlack.png") no-repeat scroll right center transparent;background-origin:content-box;border:1px solid #dbd9d6;clear:both;display:inline-block;height:20px;padding-left:10px;padding-right:10px;padding-top:2px;position:relative}
a.msg-menulink>span,a.msg-menulink>img{margin-right:10px}
.favSmiley{display:block;text-align:left;width:100%;list-style:none outside none;margin:0;padding:10px;clear:both;background-color:#FFF;border:1px solid #dbd9d6;position:relative;top:-1px}
.link-smiley{margin-top:15px;display:inline-block}
.sort-arrow{margin-left:3px;padding-left:5px;position:relative;top:6px;text-decoration:none}
.link.sort-arrow{margin-left:0;padding-left:0;position:relative;top:0;padding-right:10px}
.link.sort-arrow.red{background-position:right center}
.sort-arrow.black{background:url(/images/icons/message/arrowBlack.png) no-repeat}
.sort-arrow.blackUp{background:url(/images/icons/message/arrowBlackUp.png) no-repeat}
.sort-arrow.orange{background:url(/images/icons/message/arrowOrange.png) no-repeat}
.sort-arrow.red{background:url(/images/icons/message/arrowRed.png) no-repeat}
.progress-submit{text-align:center}
.layerContent{background-color:#fbfaf7;margin-left:1px;margin-right:6px;padding:10px;position:relative;z-index:100}
form.smiley-list{width:460px;margin-top:10px}
ul.smiley-list{width:460px;height:270px;overflow-y:scroll;padding:10px;background-color:#FFF;border-bottom:1px solid #dbd9d6}
ul.smiley-list li{margin-right:20px;float:left;height:45px;width:65px;position:relative}
ul.smiley-list li.exception{width:400px}
ul.smiley-list li input{margin-top:20px;position:absolute}
ul.smiley-list li span.name{margin-top:10px;position:absolute;font-weight:bold}
ul.smiley-list li img{padding-left:30px}
ul.edit-smiley-list, .squareLayer .smileyContainer{border-bottom:1px solid #dbd9d6;height:225px;overflow-y:scroll;padding:0 10px 10px;width:440px}
.smiley-list .smileyPositionBox{float:left;	margin:0 5px 10px;}
ul.edit-smiley-list li, .smileyContainer .smileyBox{margin:0;height:48px;width:72px;overflow:hidden;border:1px solid #ccc;background-color:#fff;position:relative;line-height:48px;vertical-align:middle;text-align:center;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;}
.smileyContainer .smileyBox img{vertical-align: middle;}
.smileyContainer .smileyPositionBox .smileyNumber{text-align: center;}
ul.edit-smiley-list li.active, .smileyContainer .smileyBox:active{height:49px;width:73px;background-image:url("/images/textures/smiley/box.jpg");line-height:50px;border-width:0 0 1px 1px;background-position:-1px 0}
.allSmileys{position:absolute;right:10px}
ul.edit-smiley-list li span.name{margin-top:10px;position:absolute}
ul.edit-smiley-list li img{vertical-align:middle;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
#messagePrototype{display:none}
#messageList{margin:0;padding:15px 0 0 0;}
#frmReportMessage{width:300px}
#frmReportMessage #reasons li{position:relative;margin-top:5px}
#frmReportMessage #reasons li input{position:relative;top:2px;margin-right:3px}
#frmReportMessage #decription{width:298px;margin-top:10px;margin-bottom:10px}
#frmReportMessage #sendPanel{margin-bottom:10px}
#reportMessage,#messageTooLong{padding:5px}
#messageArchiveLayerContent{padding:10px;}
#messageTooLong #goToPremCancel,#messageArchiveLayerContent #goToPremCancel{margin-left:10px;}
#messageTooLong p,#messageArchiveLayerContent p{margin-bottom:20px}
#counterBar{position:absolute;right:10px}
#charCounter{display:inline-block;text-align:right;width:37px}
#conversationWindowClose{text-align:center;font-family:verdana;font-size:12px;margin:10px}
#conversationWindowClose a{color:#f99b1d;font-weight:bold}
#frameAvatar{display:inline-block;position:absolute;top:30px;right:30px}
.new-msg #userSearchNameSelected{background-color:#fff;border:1px solid #dbd9d6;font-weight:bold;height:24px;line-height:23px;margin:0;padding:1px 2px;position:relative;vertical-align:middle;width:194px;display:none}
.new-msg #userSearchNameSelected #userImageBox{position:relative;width:27px;height:22px;background-color:#dbd9d6;text-align:center;line-height:20px}
.new-msg #userSearchNameSelected .close{position:absolute;right:7px;top:1px;cursor:pointer}
.new-msg #userSearchName{width:194px;height:22px;font-weight:bold}
#userSearchBox{z-index:2}
.new-msg #userSearchResult{top:26px;width:198px;z-index:3}
.new-msg #userSearchBox{display:inline-block;width:auto;height:auto}
.userSearchEntity{width:145px}
.new-msg .userImage{position:relative;vertical-align:middle;max-width:22px;max-height:22px}
.new-msg #userImageWindow{display:inline-block;height:22px;overflow:hidden;position:relative;top:1px;width:22px}
.new-msg #userImageText{display:inline-block;left:28px;line-height:23px;position:absolute;top:2px}
.new-msg .userSearchEntity{width:188px}
.new-msg #userSearchBox{margin-top:5px;}
.legend .paginatorBar{display:inline}
.lists.listhead{background-color:#f2ede3;border-bottom:1px solid #ccc;height:25px;line-height:25px}
.sendWithEnterBox{position:absolute;top:7px;right:70px}
#ignoreLayer{display:none;position:absolute;right:30px;top:50px}
#ignoreLayer .infoLayerBoxContent{width:520px}
.conversationInfo{height:30px;min-width:100px;float:right}
.wrapper-content .conversationInfo{margin-right:10px;}
.conversationInfo a, .conversationInfo a:link, .conversationInfo a:active{vertical-align:middle;color:#9D0B0E;text-decoration: underline;}
#layerContent,.layerContent{overflow:hidden}
.layerContent div p{text-align:center;font-weight:bold;margin-top:10px}
.paginationBox{margin-bottom:10px}
#layerContent .buttonBar{margin-top:10px;text-align:center}
#layerContent .buttonBar .buttonDecorator{margin:10px 5px}
#selBubble{z-index:6000}
#selBubble .content{margin:9px 6px 0 10px}
#bubbleText .content{margin:9px 6px 0 10px}
.filterBox{text-align:right;border-bottom:1px solid #fff;padding:5px;width:370px;display:inline-block}
.displayRowsSetting{padding:5px;width:210px;display:inline-block;border-bottom:1px solid #fff}
.filterBox,.filterBox a{font-size:11px}
.filterBox a{color:#9d0b0e!important;text-decoration:underline}
.actionsSlider{position:absolute;bottom:0;right:0;cursor:pointer}
.baseBox.big .actionsSlider .sliderMiddle{background:url("/images/icons/message/arrowBlack.png") no-repeat scroll right center transparent;background-origin:padding-box;background-color:#faf9f5;padding-right:10px}
.baseBox.big .actionsSlider .sliderMiddle img{border:0;width:15px;height:15px;position:relative;top:3px;margin-right:3px}
#sliderActionList.sub{display:none;width:175px;position:absolute;top:26px;right:0px;z-index:100}
.deleteDialogPlaceholder{width:600px;height:42px;display:none;}
.deleteDialog{background-image:url("/images/textures/message/gradient_orange_white_40x1.png");background-repeat:repeat-x;text-align:right;height:40px;border:1px solid orange;width:598px;position:fixed;z-index:1000}
.deleteDialog .buttonDecorator{position:relative;top:10px;margin-right:10px}
#deleteDialogLayer .layerContent>div, #markAsUnreadLayer .layerContent>div, #haveAlreadyConversationLayer .layerContent>div, #havePartnerReadConversationLayer .layerContent>div{padding:0 10px 10px 10px;text-align: center;}
#deleteDialogLayer .layerContent>div .buttonHTML5, #markAsUnreadLayer .layerContent>div .buttonHTML5,#haveAlreadyConversationLayer .layerContent>div .buttonHTML5, #havePartnerReadConversationLayer .layerContent>div .buttonHTML5{margin-top:10px;}
#conversationSearchHelpLayer .layerContent p{font-weight:normal;padding:0 10px 10px;text-align:left}
textarea.placeholder{color: graytext;}

#message::-webkit-input-placeholder{color: graytext;}
#message::-moz-placeholder{color: graytext;}
#message::placeholder{color: graytext;}
#message::-ms-input-placeholder{color: graytext;}
.deleteAction{text-align:right;}

@-webkit-keyframes failbackWarning {0% {height:0px;} 100% {height:50px;} }
@-moz-keyframes failbackWarning {0% {height:0px;} 100% {height:50px;}}
@-o-keyframes failbackWarning {	0% {height:0px;} 100% {height:50px;}}
@-ms-keyframes failbackWarning { 0% {height:0px;} 100% {height:50px;}}
@keyframes failbackWarning { 0% {height:0px;} 100% {height:50px;}}

.failbackWarning { min-height: 0 !important;animation-name: failbackWarning;animation-duration: 1s;animation-fill-mode: both;animation-delay: 5s;-webkit-animation-name: failbackWarning;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-name: failbackWarning;-moz-animation-duration: 1s;-moz-animation-fill-mode: both;-o-animation-name: failbackWarning;-o-animation-duration: 1s;-o-animation-fill-mode: both;-ms-animation-name: failbackWarning;-ms-animation-duration: 1s;-ms-animation-fill-mode: both;}