/* --- eightpage font (unchangable) PC, BPs... */
#UB,
#PC_Contents,
#PC_Contents a,
.PCMS_ReplyFieldSubject,
.PCMS_ReplyFieldMsg,
.BP,
.BP input,
.BP textarea,
.BP a,
#TAF_Pop,
#TAF_Pop input,
#TAF_Pop textarea,
#WriteMS_AdressList,
#Notify,
.Help_ttContents,
.Help_ttContents a,
#LB_ControlBox,
#LB_ControlBox a
{
	font-family: 'Segoe UI', 'Trebuchet MS', Charcoal, 'Lucida Grande', sans-serif;
}

#TT_StandTT.nonTheme .TT_content {
	/* set all properties to important, else theme.css will overwrite */
	font-family: 'Segoe UI', 'Trebuchet MS', Charcoal, 'Lucida Grande', sans-serif !important;
}

.BP input,
.BP textarea,
#TAF_Pop input,
#TAF_Pop textarea,
#UB,
#UB a,
.PCMS_ReplyFieldSubject,
.PCMS_ReplyFieldMsg,
.WriteMS_idAdressObj,
.BP_divSmallInp,
.TTVali_contents,
#Notify,
.Help_ttContents
{
	color:#464646;
}

#TT_StandTT.nonTheme .TT_content {
	/* set all properties to important, else theme.css will overwrite */
	color:#464646 !important;
	background-color:#FFFFFF !important;
}

.Help_ttContents a {
	color:#464646 !important; /* weil in BP eingesetzt werden kann und dann FF erbt */
}

.BP input,
.BP textarea,
#TAF_Pop input,
#TAF_Pop textarea,
.PCMS_ReplyFieldSubject,
.PCMS_ReplyFieldMsg
{
	font-size:12px;
}

.PCMS_date,
.PCFR_date,
.PCFeed_date
{
	color:#999999;
}

/* +++ General +++++++++++++++++++ */
body, textarea, input, a {
	border:0;
	margin:0;}

table {
	border-collapse:collapse;}

a{
	text-decoration:none;}

a:hover {
	text-decoration:underline;}

a img {
	border:none;	}

td {
	padding:0;}

.clr,
.idClr
{
	clear:both;}

.hidden {
	display:none;}

.copy,
.Profile_keywords
{
	line-height:16px;
	font-size:14px;}

.EE_CBText .CLPS_preview {
	font-size:14px;
}

h1 {
	font-size:28px;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:0px;
	width:460px;}

h2 {
	font-weight:normal;
	margin-bottom:0px;
	margin-top:0px;
	width:460px;}

/* small font */
#HM_World,
#HM_Personal,
#HM_Dotcom,
.CLPS_clpsCBCmts,
.CB_foot,
#BENSelectorHL,
.BESel_idPaneEntry,
.EE_CBBlog .CLPS_previewInner,
.CM_Box,
#FO_BarToggleAll,
#MB_Table,
.FO_idFMod,
#LB_ImgdetailsCurrNumber
{
	font-size:12px;}

/* flash replacement von flash.js */
.alt,
.flash-update {
	display:none;}

/* +++ Warning ++++++++++++++++++ */
#Page_MsieBrowserIcons{
	margin-top:10px;
}

#Page_MsieBrowserIcons a{
	margin-right:10px;
}
/* +++ Cursoren ++++++++++++++++++ */
/*
elemente, die normalen pfeil-cursor haben (wenn z.b. kein default-mäßiger text-cursor angezeigt werden soll
default: alle
*/
body
{
	cursor:default;}

/* aktive elemente: hand cursor */
.iActObj,
.tgl_togglerText,
body.Act_inEditMode .EE_txtS,
body.Act_inEditMode .EE_txtM,
.FO_idFInfo,
h1.EE_txtS,
.Act_idLB,
.CM_entryUserImg,
#Log_Pop .link,
.Act_idFadeImgHi,
.Act_idFadeImgLo,
a,
.PCFR_requestBox .PC_userUrl,
.PCFR_requestBox .PC_userName,
.PCFR_requestBox .SHAF_imgUserThumb,
.PCMS_Subject,
.PCMS_ToggleFullDialog,
.PCMS_ToggleReply,
.PCFeed_userInfo,
.PCFeed_idImgNewsUser,
.PCFeed_idImgCommentedUser,
.PCFeed_userMiniFriend,
.PCFeed_commentText,
.PCFeed_descHL,
.PCFeed_itemBEntry,
.PCFeed_itemText,
.PCFeed_itemVideo,
.PCFeed_itemGallery,
.PCFeed_itemProfile,
.PCFeed_commentedUserHL,
.PCMS_userDialogPartner,
.Note_TTItem
{
	cursor:pointer;}


/* +++ Main Frames +++++++++++++++++++ */
#Page_hiddenLoginForm {
	display:none;
}

#Page_DetectWarnings {
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:10;
	background:url(img/bp_fullwidth_bg.png) bottom;
	color:#FFFFFF
}

#Page_frmStatusbar {
	width:925px;
	height:72px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:-16px; /* zusammen mit header margin = 4px */
	position:relative; /* für positioning der bars... */}

#Page_frmMaincontents {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
	position:relative;
	left:-18px; /* links: 56px, rechts:19px space. unterschied:37 / 2 (weil margin auto) */}

#Page_frmProfile {
	width:925px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:70px;
	padding-top:20px;
	margin-bottom:44px;}

#Page_frmHeader {
	margin-top:20px; /* damit margin bleibt, wenn HM ausgeblendet */
	width:925px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;}


/* +++ Header Menu ++++++++++++++++++ */
#HM_World {
	position:absolute;
	left:290px;}

#HM_Personal {
	position:absolute;
	left:362px;
	width:200px;
	height:85px;
	text-align:center;}

#Page_frmStatusbar .iFadeImg {
	width:70px; /* ist einfach die Größe des Bildes. Damit bei FadeImg-extension die size korrekt gelesen wird, falls bild noch nicht geladen */
	height:70px; /* ist einfach die Größe des Bildes. Damit bei FadeImg-extension die size korrekt gelesen wird, falls bild noch nicht geladen */
}

#HM_Personal .Act_idImgCrossfader {
	margin-left:auto;
	margin-right:auto;}

#HM_Dotcom {
	position:absolute;
	right:290px;}


/* +++ HeaderImg ++++++++++++++++++ */
#HeadImg_idShadow {
	width:935px;
	height:110px;}

#HeadImg_idHeaderImgs {
	background-color:#000000;
	/* wegen slide */
	position:relative;
	overflow:hidden;
	width:925px;
	height:100px;}

.HeadImg_idSlideImg {
	position:absolute;
  left:0;
  top:0;}

#HeadImg_Cover {
	position:absolute;
	left:0px;
	top:0px;
}

#HeadImg_imgCoverArrowUp,
#HeadImg_imgCoverArrowDown {
	position:absolute;
	left:0px;
	top:0px;}

#HeadImg_CoverUp,
#HeadImg_CoverDown {
	position:absolute;
	top:0;
	left:0;
	width:935px; /* wegen schatten */
	height:55px; /* wegen schatten */
}

#HeadImg_CoverDown {
	top:55px; /* = img height + schatten */
}

/* +++ Toggler (general) ++++++++++++++++++ */
.tgl_togglerText {
	font-size:12px;
	display:inline;	}

.tgl_idBtnTgl {
	position:relative;
	top:7px;}


/* +++ Profile ++++++++++++++++++ */
.Profile_idUserImg {
	margin-right:30px; /* space - 5px schatten - 5px offset */
	float:left;}

#ProfImg_Cover {
	position:absolute;
	top:0;
	left:0;}

.SHAF_userNormal_Portrait #ProfImg_Cover {
	height:280px;
	width:204px;
}

.SHAF_userNormal_Landscape #ProfImg_Cover {
	height:208px;
	width:276px;
}

#ProfImg_FaviconThumb {
	position:absolute;
	left:13px;
	bottom:17px;
	width:25px;
	height:25px;}

#ProfImg_imgProfImg_FaviconThumb {
	position:relative;
	left:4px;
	top:4px;
	width:16px; /* db: favicon is 32px */
	height:16px; /* db: favicon is 32px */}

.Profile_infoBox {
	width:500px;
	float:left;}

.Profile_idName {
	font-size:42px;
	line-height:48px;}

.Profile_idSlogan {
	font-style:italic;
	margin-top:10px;}

.Profile_keywords{
	margin-top:18px;}


/* +++ CB ++++++++++++++++++ */
.EE_CB {
	position:relative; /* damit absolutes inside mitpositioniert werden bei movements */
	padding-left:56px;
	padding-right:19px;
	margin-bottom:78px;}

/* überschreibe .EE_CB */
.CB_clpsd {
	margin-bottom:14px !important;}

.CBContentWrap {
	position:relative; /* damit z-index geht */}

.CB_hover {
	z-index:5; /*muss ÜBER CB_Bar liegen */}

#CB_Bar {
	height:185px;
	width:1000px;
	z-index:2;  /*sonst liegt nach CB creation UNTER dem neuen CB (sieht man, wenn neuer collapsed ist) */}

#CB_Bar_Privacy {
	position:absolute;
	right:119px;
	top:24px;}

#CB_Bar_Move {
	position:absolute;
	right:206px;
	top:24px;}

#CB_Bar_Delete {
	position:absolute;
	right:71px;
	top:24px;}

#CB_Bar_ShadowZone {
	position:absolute;
	top:0;
	left:0;
	width:1000px;
	height:19px; /* breite und höhe des schattenbereichs über dem cover */}

#CB_BarMini {
	white-space: nowrap;
	padding-top:5px;}

#CB_BarMini_Privacy {
	position:absolute;
	right:119px;}

#CB_BarMini_Move {
	position:absolute;
	right:206px;}

#CB_BarMini_Delete {
	position:absolute;
	right:71px;}


/* +++ CB Collapsing ++++++++++++++++++ */
.CB_head {
	position:relative;  /* wichtig damit preview ausgerichtet werden kann und damit z-index gesetzt werden kann*/}

.CB_cont {
	padding-top:20px;
	position:relative;  /* wichtig damit z-index gesetzt werden kann*/}

.CB_foot {
	width:600px;
	position:relative; /* wichtig damit totalComments ausgerichtet werden kann */}

/* --- header --- */
.CLPS_preview {
	position:absolute;
	margin-left:10px;}

.EE_CBVideo .CLPS_preview {
	bottom:2px;}

.EE_CBText .CLPS_preview {
	bottom:2px;}

.EE_CBBlog .CLPS_preview {
	bottom:2px;}

.EE_CBBlog .CLPS_previewInner { /* gleicher stil wie BENSelectorHL */
	width:71px; /*img width - padding */
	height:19px; /* img height - padding */
	padding-left:15px;
	padding-top:1px;}

.EE_CBGal .CLPS_preview {
	bottom:2px;}

.EE_CBGal .CLPS_previewThumb {
	width:75px;
	height:54px;}

.EE_CBFriends .CLPS_preview {
	bottom:3px;}

.EE_CBVideo .CLPS_previewThumb {
	width:70px;
	height:54px; }

.EE_CBVideo .CLPS_idImgPreview {
	width:60px; /* force dimensions (if from other provider) */
	height:44px; }

.EE_CBGal .CLPS_idImgPreview {
	width:65px; /* force dimensions (mini-look from thumb src) */
	height:44px; }

.CB_clpsd h1 {
	display:inline;
}

.CLPS_cbToggler {
	position:absolute;
	left:-27px;
	top:5px;}

/* --- footer --- */
.CLPS_clpsFooterLine {
	width:600px;
	height:1px;
	position:absolute;
	left:0;
	top:0;}

.CLPS_clpsCBCmts {
	position:absolute;
	right:10px;
	top:0px;
	white-space:nowrap;}

.CLPS_clpsCBType img,
.CLPS_clpsCBCmts img
{
	position:relative;
	top:3px;}

.CLPS_clpsCBTypeTotalItems,
.CLPS_clpsCBCmtsTotalComments
{
	display:inline;}


/* +++ Friends CB +++++++++++++++++++++++++ */
#FO_BarFriendsNavigator {
	margin-top:-9px; /* weil CB content schon 20px margin-top hat */
	margin-bottom:12px;}

#FO_FriendSearch {
	position:relative; /* for inner pos */
	width:278px;
	height:32px;
	float:left;}

#FO_FriendSearch_Input {
	margin-left:15px;
	margin-top:5px;
	width:220px;
	background-color:transparent;}

.FO_idBtnClearSearch,
.FO_idBtnDoSearch
{
	position:absolute;
	right:7px;
	top:3px;
}

#FO_TglTotalFriends {
	display:inline;	}

#FO_BarToggleAll {
	position:relative; /* wg. toggle pos */
	margin-bottom:20px;}

#FO_BarToggleAll .infoIcon {
	position:relative;
	top:3px;
	margin-left:10px;}

#FO_BtnTglAllFriends {
	position:absolute;
	left:-27px;
	top:-4px;}

.EE_friend {
	float:left;
	margin-right:10px;
	margin-bottom:20px;}

.FO_idFImg {
	float:left;}

.FO_idFInfo {
	float:left;
	margin-left:10px;
	width:280px; /* wichtig für zu hovernde fläche */}

.FO_friendInfoHi .FO_idFUrl {
	text-decoration:underline;}

.FO_idFName {
	font-size:20px;
	display:inline; /* damit delete pos werden kann */}

.FO_idFUrl {
	font-style:italic;
	font-size:14px;}

.FO_idFMod{
	margin-top:14px;}

.FO_idFMod img{
	position:relative;
	top:4px;}

#FO_CoverAdd,
#FO_CoverMsg
{
	left:0; /* dann muss nicht dynamisch pos werden */
	top:0;}

.FO_idFriendTrenner {
	width:925px;
	position:relative;
	left:56px;
	margin-bottom:44px;
	margin-top:0;}


/* +++ Gallery CB +++++++++++++++++++++++++ */
/* größenänderung nicht sichtbar, aber wegen margin-right der galImg wichtig */
.EE_CBGal .CB_cont {
	width:950px;}


/* +++ GalImg +++++++++++++++++++++++++ */
.GalImg_commentMarker {
	position:absolute;
	bottom:-3px;
	left:-3px;
	height:26px;
	width:29px;
	z-index:1;	
}

.EE_galImg {
	float:left;
	margin-right:18px;
	margin-bottom:16px;}

.GalImg_invisible {
	display:none;
}

.GalImg_Tgl_showAllGalImgs {
}

.GalImg_dragClone {
	position:absolute;
	z-index:50;
	width:133px;
	height:101px;
	float:left;}

#GalImg_Cover {
	height:98px;
	width:133px;
	z-index:6;}

#GalImg_Cover_Drag {
	position:absolute;
	left:53px;
	top:13px;}

.GalImg_idBtnAdd {
	float:left;}

#GalImg_DragSpacer {
	position:relative;
	float:left;
	width:25px;
	height:104px;
	left:-31px; /* optic center between 2 images */
	top:-12px; /* wegen EE_galImg offset */
	margin-right:-25px; /* substract width, damit er keine breite aufdrückt */
	}


/* +++ Blog CB +++++++++++++++++++++++ */
.BE_headContainer {
	margin-bottom:15px;
	margin-top:10px; /* zus. zu dem marginBot von CB_head */
	position:relative; /* wg. blog selector */}

.B_colCBLeft {
	width:460px;
	float:left;
	margin-right:40px;}

.B_colCBRight {
	float:left;
	width:360px;
	margin-bottom:-20px; /* wegen space der blogImgs nach unten*/}

.EE_blogImg {
	margin-bottom:30px;}

.BlogImg_imgMiniSized {
	width:90px; /* resizes a normal blog image (for delete confirm) */}

#BEN {
	margin-bottom:10px;
	margin-top:-10px; /* weil content schon 20px margin-top hat */
	height:35px;
	position:relative;}

#BEN_Center {
	position:absolute;
	top:0;
	left:325px;}

#BEN_BtnPrev {
	float:left;
	width:30px; /* img width. set dimensions that space is reserved if btn is hidden */
	height:35px; /* img height. set dimensions that space is reserved if btn is hidden */
}

#BENSelector {
	margin-left:20px;
	margin-right:20px;	
	float:left;
	position:relative;
	top:7px;}

#BEN_BtnNext {
	width:30px; /* img width. set dimensions that space is reserved if btn is hidden */
	height:35px; /* img height. set dimensions that space is reserved if btn is hidden */
	float:left;}

#BE_BtnDelete {
	z-index:6;
	position:absolute;
	left:824px;}


/* --- BEntry Selector --- */
#BENSelectorHL {
	float:left;
	width:71px; /*img width - padding */
	height:19px; /* img height - padding */
	padding-left:15px;
	padding-top:1px;}

#BESel_Pane {
 width:380px;
 z-index:7 !important;}

#BESel_PaneBot {
	position:absolute; /* damit darunter */
	bottom:-10px; /* = neg height. damit darunter */
	height:10px; /* tats. bildhöhe muss sein: schatten oben + schatten unten */
	width:380px;}

#BESel_PaneInner {
	width:370px;
	position:relative; /* mit width und relative arbeiten, nicht margin, damit der overflow-scroller an der richtigen position kommt */
	top:5px;
	left:5px;
	padding-top:10px;
	padding-bottom:10px;
 	max-height:320px; /* img height - shadow "margin" - padding */
 	overflow:auto;}

.BESel_idPaneEntry {
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;}

.BESel_paneEntrySelected {
	text-decoration:underline !important;}

.BESel_idPaneEntryDate {
	float:left;
	width:80px;}


/* +++ BlogImg +++++++++++++++++++++++++ */
#BlogImg_Cover {
	width:364px;
	height:83px;
	z-index:6;}

#BlogImg_Cover_Move {
	position:absolute;
	left:157px;
	top:11px;}


/* +++ Text CB +++++++++++++++++++++++++++ */
.textblock {
	width:460px;}


/* +++ Text Edit ++++++++++++++++++++++ */
#TextEdit {}

#TextEdit_Input {
	display:block;}


/* +++ Video CB ++++++++++++++++++ */
.videoObjBox {
	margin-bottom:20px;
	z-index:3; /* damit über video-edit pane */
}

/* +++ Video_Edit +++++++++++++++++++++++++ */
.Video_editPane {
	height:545px;
	width:661px;
	left:-25px;
	top:-8px;
	position:absolute;
	z-index:2;
}

.Video_editBox {
	width:600px; /* muss gesetzt werden, damit nicht breiter als video. diese box ist nicht sichtbar, sondern dient nur als event container */
	height:391px; /* muss gesetzt werden, damit folgender CB text an position bleibt */
}

#Video_Edit {
	font-size:14px;
	width:348px;
	position:relative;
	z-index:5; /* over pane and over flash */
	margin-top:-20px; /* weil video unten margin definiert hat */
}

#Video_EditInfo {
	margin-top:5px;
	margin-bottom:5px;}

#Video_Edit_Input {
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:0; /* muss angeben, sonst hat er padding */
	width:456px; /* breite img - input padding */
	height:20px; /* hoehe img - input padding */
	font-family: Courier, "Courier New", monospace;
	font-size:12px;}

#Video_EditStatus {
	margin-bottom:7px;
}

/* +++ Shadows ++++++++++++++++++ */

/* --- STANDARD SHADOW --- */
/* --- parent div --- */
.SHA_userMini {
	width:49px;
	height:38px;}

.SHA_videoNormal,
#HeadImg_idShadow
{
	position:relative;
	left:-5px;
	top:-5px;}

.SHA_videoNormal {
	width:610px; /* video width + shadow */
	height:371px;	/* video height + shadow */
}

#UB .SHA_videoThumb {
	width:226px;
	height:140px;
	background:url(img/shadow_fix_video_thumb.png);}
	
/* --- inner img/object --- */
.SHA_videoNormal .EE_OBJ,
#HeadImg_idHeaderImgs,
.CLPS_idImgPreview,
.SHA_imgUserMini,
.SHA_videoThumb object,
.SHA_imgVideoThumb
{
	position:relative;
	left:5px;
	top:5px;}

.SHA_imgVideoThumb {
	width:216px; /* force dimensions (if from other provider) */
	height:130px;}

/* --- FRAME SHADOW --- */
/* parent div (4px white frame) */
.SHAF_blogNormal,
.SHAF_userNormal
{
	position:relative;
	left:-8px;
	top:-8px;}

/* parent div (3px white frame) */
.SHAF_blogThumbmb,
.SHAF_userThumb,
.SHAF_galThumb
{
	position:relative;
	left:-8px;
	top:-8px;}

/* parent div (2px white frame) */
.SHAF_userMini {
	position:relative;
	left:-5px;
	top:-5px;}

.SHAF_userNormal {
}

.SHAF_userNormal_Portrait {
	width:204px;
	height:280px;}

.SHAF_userNormal_Landscape {
	width:276px;
	height:208px;}

.SHAF_userThumb {
	width:96px;
	height:79px;}
#UB .SHAF_userThumb {
	background:url(img/shadowframe_fix_userimg_thumb.png);}

.SHAF_userMini {
	width:53px;
	height:42px;}
#UB .SHAF_userMini {
	background:url(img/shadowframe_fix_userimg_mini.png);}

.SHAF_blogNormal {
	width:364px;}

.SHAF_blogNormalBot {
	position:absolute; /* damit darunter */
	bottom:-28px; /* = neg height. damit darunter */
	height:28px; /* tats. bildhöhe muss sein: schatten oben + schatten unten */
	width:364px;}

#UB .SHAF_blogThumbmb {
	width:112px;	
	background:url(img/shadowframe_fix_blogimg_thumb_top.png);}

#UB .SHAF_blogThumbmbBot {
	position:absolute; /* damit darunter */
	bottom:-23px; /* = neg height. damit darunter */
	height:23px; /* tats. bildhöhe muss sein: schatten oben + schatten unten */
	width:112px;
	background:url(img/shadowframe_fix_blogimg_thumb_bot.png);}
	
.SHAF_galThumb {
	width:133px;
	height:101px;}
	
#UB .SHAF_galThumb {
	background:url(img/shadowframe_fix_galimg_thumb.png);}
	
/* inner img: 4px weiß frame */
.SHAF_imgBlogNormal,
.SHAF_imgUserNormal
{
	position:relative;
	left:12px;
	top:12px;}

/* inner img: 3px weiß frame */
.SHAF_imgGalThumb,
.FO_idImgFImg,
.SHAF_imgUserThumb,
.SHAF_imgBlogThumb
{
	position:relative;
	left:11px;
	top:11px;}

.SHAF_imgBlogThumb{
	width:90px; /* resize normal blog img */
}

/* inner img: 2px weiß frame */
#Page_frmProfile .CM_entryUserImg img,
#Page_frmMaincontents .CM_entryUserImg img,
.SHAF_imgUserMini
{
	position:relative;
	left:7px;
	top:7px;}

#LB_Popup .CM_entryUserImg img{
	border:2px solid #616161;
}

/* --- FLY SHADOW --- */
.GalImg_idBtnAdd,
.BlogImg_idBtnAdd
{
	position:relative;
	left:-15px;
	top:-15px;}


/* +++ Img Dimensions Define (for faster positioning) +++++++++++++++++++ */
.SHAF_imgGalThumb {width:111px;height:75px;}
.SHAF_imgUserThumb {width:74px;height:53px;}
.SHAF_imgUserMini {width:39px;height:28px;}


/* +++ General Action Divs ++++++++++++++++ */
.GEN_editControls {
	margin-top:1px;}


/* +++ Black Popups +++++++++++++++++++++++ */
.BP, 
.BP a
{
	color:#FFFFFF;}

.BPTL, .BPTM, .BPTR,
.BPBL, .BPBM, .BPBR,
.BPL, .BPR, .BP_contents 
{
	background:url(img/bp_bg.png);
}

.BPTL {background-position:top left; }
.BPTM {background-position:top center; }
.BPTR {background-position:top right; }
.BPBL {background-position:bottom left; }
.BPBM {background-position:bottom center; }
.BPBR {background-position:bottom right; }
.BPL {background-position:center left; }
.BPR {background-position:center right; }
.BP_contents {background-position:center; }

/* height / width: jeweils schatten (30px) + optical padding */
.BPT {
	height:65px;}
.BPB {
	height:60px;}
.BPL, .BPR {
	width:95px;}

.BP_contHeadline {
	font-size:15px;}

.BP_layoutSmall .BP_contHeadline,
.BP_layoutBig .BP_contHeadline,
#TAF_Pop .BP_contHeadline,
#Page_DetectWarnings .BP_contHeadline
{
	margin-bottom:12px;}

.BP_warningsBox {
	margin-top:15px;	
}

#BP_ImgWarningsClose {
	position:absolute;
	right:5px;
	top:5px;
}

.BP_contControls,
.BP_contHeadline,
.BP_centered
{
	text-align:center;}

.BP_infoText {
	margin-bottom:20px;}

.BP_contControls{
	margin-top:10px;}

.BP_contCenter,
.TAF_contCenter
{
	font-size:12px;}

.BP_layoutBig .BP_contents,
.BP_layoutBig .BP_contCenter
{
	width:428px; /* feste breite, wichtig für zentrierung innerhalb */
}

.BP_layoutSmall .BP_contents,
.BP_layoutSmall .BP_contCenter
{
	width:272px; /* feste breite, wichtig für zentrierung innerhalb  */
}

.BP_fullWidthContents {
	width:350px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:55px;
}

.BP_boxInput {
		position:relative; /* wg. inner position der vali-tt */
}

.BP_inpBig,
.BP_divBigInp,
.BP_inpSmall,
.BP_divSmallInp,
.Captcha_inp,
.BP_inptxtBig,
.BP_inptxtSmall,
.TAF_inpBig,
.TAF_inptxtBig
{
	padding-left:15px;
	padding-right:15px;
	margin-top:-7px; /* wegen paddingTop */
}

.BP_inpBig,
.BP_divBigInp,
.BP_inpSmall,
.BP_divSmallInp,
.BP_inptxtBig,
.BP_inptxtSmall,
.TAF_inpBig,
.TAF_inptxtBig
{
	position:relative;
	left:-15px; /* =paddingLeft */
}

.BP_inpBig,
.BP_divBigInp,
.BP_inpSmall,
.BP_divSmallInp,
.Captcha_inp,
.TAF_inpBig
{
	padding-top:10px;
}

.BP_inpSmall,
.BP_divSmallInp
{
	width:270px; /* img width - padding */
	height:25px; /* img height - paddingTop */
	background:url(img/input_bp_single_small_bg_lo.png);}
.Vali_inpHi .BP_inpSmall,
.Vali_inpHi .BP_divSmallInp
{
	background:url(img/input_bp_single_small_bg_hi.png);}

.BP_inptxtBig {
	padding-top:15px;
	padding-bottom:15px;
	width:426px; /* img width - padding */
	height:153px; /* img height - padding */
	background:url(img/input_bp_multi_big_bg_lo.png);}
.Vali_inpHi .BP_inptxtBig {
	background:url(img/input_bp_multi_big_bg_hi.png);}
	
.BP_inptxtSmall {
	padding-top:15px;
	padding-bottom:15px;
	width:270px; /* img width - padding */
	height:107px; /* img height - padding */
	background:url(img/input_bp_multi_small_bg_lo.png);}
.Vali_inpHi .BP_inptxtSmall {
	background:url(img/input_bp_multi_small_bg_hi.png);}
	
.BP_inpBig,
.BP_divBigInp
{
	height:25px;
	width:426px; /* img width - padding */
	background:url(img/input_bp_single_big_bg_lo.png);}
.Vali_inpHi .BP_inpBig,
.Vali_inpHi .BP_divBigInp
{
	background:url(img/input_bp_single_big_bg_hi.png);}

.TAF_inpBig {
	height:25px; /* img height - padding */
	width:426px; /* img width - padding */
	background:url(img/input_taf_single_big_bg_lo.png);}
.Vali_inpHi .TAF_inpBig {
	background:url(img/input_taf_single_big_bg_hi.png);}
	
.BP .Captcha_inp,
#TAF_Pop .Captcha_inp
{
	width:107px; /* img width - padding */
	height:25px;
	text-align:center;}

.BP .Captcha_inp {
	background:url(img/input_bp_single_mini_bg_lo.png);}
.BP .Vali_inpHi .Captcha_inp {
	background:url(img/input_bp_single_mini_bg_hi.png);}
	
#TAF_Pop .Captcha_inp{
	background:url(img/input_taf_single_mini_bg_lo.png);}
#TAF_Pop .Vali_inpHi .Captcha_inp {
	background:url(img/input_taf_single_mini_bg_hi.png);}

.BP_inpInvisible {
	width:426px;
	background-color:transparent;}

.TAF_inptxtBig {
	padding-top:15px;
	padding-bottom:15px;
	width:426px; /* img width - padding */
	height:113px; /* img height - padding */
	background:url(img/input_taf_multi_bg_lo.png);}

.BP_imgClose {
	position:absolute;
	right:51px;
	top:55px;}

.Captcha {
	margin-top:10px;
	text-align:center;}

.Captcha_boxImg {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	position:relative;
	width:125px;}

.Captcha_imgCaptchaFrame {
	position:absolute;
	left:0;
	top:0;}

.Captcha_idImgCaptcha{
	padding-top:3px;
	height:34px; /* force, damit bei reload richtige dimension */
	width:115px; /* force, damit bei reload richtige dimension */
}

/* --- TAF --- */
#TAF_Pop {
	width:587px;
	height:480px;
	background: url(img/taf_bg.png);
	color:#FFFFFF;}

.TAF_contents {
	padding-top:60px; /* wg. blockUI geht margin-top nicht (verschiebt das ganze popup). horizontal gehts */
	margin-left:80px;
	width:426px;}

#TAF_Pop .BP_contControls{
	margin-top:2px;}


/* --- login --- */
#Log_Pop .extLinks {
}

#Log_Pop .link {
	font-style:italic}

#Log_Pop .linkHi {
	text-decoration:underline;}

.Log_eightpageBadge {
	position:absolute;
	left:-30px;
	top:-30px;}


/* +++ Preloader +++++++++++++++++++++++++ */
.Preload_imgPreloaderAni,
.Preload_imgPreloaderBg
{
	position:absolute;
	left:0;
	top:0;}

.Preload_preloaderPage {
	position:relative;
	cursor:wait;	
	width:74px;
	height:74px;
}

.Preload_preloaderLB {
	margin-left:auto;
	margin-right:auto;
	width:50px; /* breite, damit margin auto funzt */
	position:relative;
	cursor:wait;}

/* +++ Lightbox +++++++++++++++++++++++ */
/* in lightbox */
#LB_Overlay {
	position:fixed;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:100%;}

#LB_Popup {
	color:#FFFFFF;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;}

#LB_ImgBox {
	position: relative;
	background-color: #616161;
	width: 250px;
	height: 250px;
	margin: 0 auto;}

#LB_ImgBoxInner {
	position:relative; /* for inner pos */
}

#LB_ImgBoxImgBox{
	/* normalerweise einfach auf #LB_ImgBoxInner margin=2px gesetzt. gibt aber sprung bei animation */
	position:relative; 
	top:2px;
	left:2px; 
}

#LB_Loading {
	position:absolute;
	top:42%; /* damit  in mitte (da kommt noch höhe von preloader drauf) */
	left:0;
	width: 100%;
	height:50px;}

#LB_Bar_Meta {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:url(img/bg_70_black.png);
}

#LB_Bar_Delete {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:url(img/bg_70_black.png);
}

#LB_Bar_MetaInner{
	margin:12px;}

#LB_Bar_DeleteInner {
	margin:5px;
	text-align:right;}

#LB_Area_Navi {
	width:100px; /* breite pfeile + breite play (damit zentriert werden kann) */
	margin-left:auto;
	margin-right:auto;}

#LB_Tab_Controls {
	width:100%;}

#LB_CmtFreeBox {
	position:absolute;
	background:url(img/bg_70_black.png);
	border:2px solid #616161;
	bottom:50px;
	height:300px;
	left:-10px;
	width:500px;
	padding:10px;}

#LB_CmtFreeBoxInner {
	margin-top:15px;
	height:285px; /* LB_CmtFreeBox height - padding */
	margin-top:15px;
	overflow:auto;	}

#LB_btnCloseCMBox {
	position:absolute;
	right:2px;
	top:2px;	}

#LB_BtnPause {
	display:inline;}

#LB_Tab_Controls_CM,
#LB_Tab_Controls_Close
{
	width:100px; /* beide gleiche breit, damit navi zentriert in der mitte */
}

#LB_Tab_Controls_Close {
	text-align:right;}

#LB_Popup .CM_TotalCmts{
	color:#616161;}

#LB_ControlBox {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	/* overflow: visible;  overflow:auto; geändert wegen tooltips */
	width: 100%;
	position:relative;}

#LB_PlayNavi {
	width:24px; /* force dimensions for flash */
	height:24px;/* force dimensions for flash */
	margin-left:20px;
	margin-right:20px;
	display:inline-block;
}

#LB_ImgdetailsCaption {
	margin-right:25px;
	font-size:22px;
	max-width:480px;}

#LB_Bar_MetaTable {
	width:100%;
}

#LB_ImgdetailsCurrNumber {
	text-align:right;
	white-space:nowrap;
	vertical-align:top;
}

/* +++ Tooltip ++++++++++++++++++++++++++ */
#TT_StandTT {
	z-index:30;
	/* width:150px;  muss angegeben werden. = innerContents:width+padding*2+margin*2 */
	/* height:60px; muss angegeben werden. = innerContents:height+padding*2+margin*2 */}

.TT_ttTL, .TT_ttTR, .TT_ttBL, .TT_ttBR {
	float:left;
	width:50%;
	height:50%;}

#TT_StandTT .TT_ttTL {
	background-position:top left;}

#TT_StandTT .TT_ttTR {
	background-position:top right;}

#TT_StandTT .TT_ttBL {
	background-position:bottom left;}

#TT_StandTT .TT_ttBR {
	background-position:bottom right;}

/* alle eigenschaften !important, da tooltip IN DOM elemente eingesetzt wird und sonst eigenschaften vererbt bekommt */
.TT_content {
	position:absolute !important;
	left:0px !important;
	top:0px !important;
	font-weight:normal;
	cursor:default !important;
  text-align:left !important;
  white-space: nowrap !important;
	text-transform:none !important;}

#TT_StandTT .TT_content {
  font-size:12px !important;
	line-height:12px !important;
	font-style:normal !important;
	padding:5px !important;
	margin:10px !important; /* hierüber steuern, wieviel schatten zu sehen ist */}

#TT_StandTT.nonTheme .TT_ttTL,
#TT_StandTT.nonTheme .TT_ttTR,
#TT_StandTT.nonTheme .TT_ttBL,
#TT_StandTT.nonTheme .TT_ttBR { 
	background-image:url(img/shadow_tooltip.png); 
}

/* +++ Fade Imgs +++++++++++++++++++++++++ */
.Act_idImgCrossfader {
	position:relative;}

.Act_idFadeImgHi,
.Act_idFadeImgLo
{
	position:absolute;
	left:0;
	top:0;}


/* +++ Multi Upload +++++++++++++++++++++++++ */
/* --- Pop */
#UL_Bar {
	position:relative;
	height:25px;
	width:290px;
	left:-8px;}

#UL_BarMover {
	background:url(img/upload_ani.gif);
	position:absolute; /* css bug: firefox funzt nicht margin-top, dann wird margin-top auf UL_Bar angewendet. deshalb jetzt abs pos */
	top:9px;
	left:6px;
	height:7px;}

#UL_BarCover {
	background:url(img/upload_bar_bg.png);
	position:absolute;
	left:0;
	top:0;
	height:25px;
	width:290px;}

#UL_Status {
}

#UL_ErrorInfo {
	text-align:left;
	padding-left:20px;
	margin-top:15px;}

.UL_errorBox{
	position:relative; /* inner positioning */
}

.UL_imgErrorInfo {
	position:relative;
	top:7px;
	padding-left:5px;}

.UL_errorToggler {
	position:absolute;
	left:-20px;
	top:10px;}

.UL_errorBoxImgList {
	margin-top:5px;
	font-style:italic;}

/* --- Flash Applet */
#UL_FlashUL {
	text-align:left !important; /* falls in BP eingesetzt wird bekommt es sonst canter und embed sintz dann falsch */
	position:absolute;}

#UL_PopPredialog #UL_FlashUL {
	z-index:50; /* damit flash klickbar */
}

.BlogImg_idBtnAdd #UL_FlashUL embed {
	position:relative;
	top:15px;
	left:15px;
	width:350px;
	height:80px;}

.GalImg_idBtnAdd #UL_FlashUL embed {
	position:relative;
	top:15px;
	left:18px;
	width:117px;
	height:81px;}

.BP_contControls #UL_FlashUL embed {
	width:35px;
	height:35px;}

/* +++ Comments +++++++++++++++++++++++++ */
#Page_frmProfile .CM_Box,
#Page_frmMaincontents .CM_Box {
	margin-top:30px;}

.CM_Bar {
	margin-bottom:10px;}

.CM_togglerShowCmts,
.CM_BtnWriteCmt
{
	position:relative;
	top:10px;}

.CM_BtnWriteCmt {
	margin-left:12px;}

.CM_TotalCmts {
	margin-left:3px;
	display:inline;	}

.CM_EntriesBox {
}

#LB_InnerBoxData .CM_EntriesBox {
	max-height:300px;
	overflow:auto;}

.CM_entry	{
	margin-bottom:20px;
	position:relative; /* for inner pos */
}

.CM_entryLeftCol {
	float:left;
	width:40px;}

.CM_entryRightCol {
	float:left;
	margin-left:20px;
	margin-top:3px;
	width:360px;}

.CM_entryUsername {
	font-size:16px;
	text-decoration:none;
	font-style:italic;}

.CM_entryDate img {
	position:relative;
	top:4px;
	margin-right:4px;}

.CM_entryText {
	margin-top:5px;}

#LB_Popup #CM_BarCmtDelete .idBtnStandard{
	display:none;}
	
#Page_frmProfile #CM_BarCmtDelete .idBtnLightbox,
#Page_frmMaincontents #CM_BarCmtDelete .idBtnLightbox{
	display:none;}

#LB_Popup .CM_Box,
#LB_Popup a
{
	color:#FFFFFF;
}

#LB_Popup a {
	font-style:italic;
}


/* +++ Meta Bar +++++++++++++++++++++++++ */
#UB {
	left:0;
	width:100%;
	margin-left:0;
	z-index:500;}
.UB_top {
	position:absolute;
	top:50px;}
.UB_bot {
	position:fixed;
	bottom:0;}

#UB_FillOuter {
	height:33px;
	margin-left:50px;
	margin-right:50px;}
#UB_Table {
	width:100%;
	font-size:12px;}
.UB_top #UB_Table {
	min-height:100%;}

#UB_TableMBLeft{
	width:33px;
	height:33px;}

#UB_TableMBRight {
	width:33px;
	height:33px;}

.UB_bot #UB_TableMBLeft{
	background: url(img/mb_bg_left.png); }

.UB_bot #UB_TableMBRight {
	background: url(img/mb_bg_right.png);}

.UB_bot #UB_TableMBCenter {
	background: url(img/mb_bg_center.png);}

.UB_top #UB_TableMBLeft{
	background: url(img/pc_bg_left_top.png); }

.UB_top #UB_TableMBRight {
	background: url(img/pc_bg_right_top.png);}

.UB_top #UB_TableMBCenter {
	background: url(img/pc_bg_center_top.png);}

#UB_TableMBCenter {
	vertical-align:top; /* damit alle MB-contents richtig ausgerichtet werden */
}

/* MB */
#MB_contentBox {
	position:relative; /* for inner pos */
	top:10px; /* richtige vertikale position, so dass die MB contents in der bar sitzen */ }

#MB_leftBox {
	position:absolute;
	top:0;
	left:30px; }

#MB_centerBox {
	margin-left:auto;
	margin-right:auto;
	text-align:center; /* to center the div */
	width:270px; /* braucht feste größe für zentrierung */ }

#MC_centerBoxInner {
	margin-right:auto;
	margin-left:auto;
	display:inline-block;/* nötig, um div zu zentrieren OHNE feste breite */}

#MB_rightBox {
	position:absolute;
	top:0;
	right:30px;}

#MB_logoutBtnBox {
	float:left;	}

#MB_UserNameBox {
	float:left;}

#MB_userNameNameBoxLeft {
	float:left;
	height:24px;}
	
.MBUserNameOwnPage #MB_userNameNameBoxLeft {
	background:url(img/mb_username_bg_left.png);}

#MB_userNameNameBoxRight {
	float:left;
	width:6px;
	height:24px;}
	
.MBUserNameOwnPage #MB_userNameNameBoxRight {
	background:url(img/mb_username_bg_right.png);}

#MB_LoggedUserArrow {
	position:relative;
	top:3px;}

#MB_PageMode {
	position:relative; /* for inner pos */ }

#MB_Pagemode_AddCBBox {
	position:absolute;
	bottom:30px;
	left:45px;}

#MB_Pagemode_AddCBTop {
	padding-top:10px;
	background:url(img/pm_addcb_bg_top.png);}

#MB_Pagemode_AddCBBot {
	width:51px; /* img dimensions */
	height:9px;
	background:url(img/pm_addcb_bg_bot.png);}

#MB_Pagemode_AddCBBox .idAddIcon{
	margin-left:6px;
	display:block;}

#PM_CBDragThumbnails {
	z-index:50;}

.MB_FABtn {
	position:absolute;
	top:-17px;}

#MB_FABtnPending {
	cursor:auto !important; }

#MBLoggedUserName {
	margin-left:10px;
	margin-right:4px;
	margin-top:4px;
	float:left; }

#PC_ImgBtnClosePC {
	display:none; /* init */
	position:absolute;
	right:-50px;
	top:0; }

#MB_Settings {
	position:absolute;
	left:130px;
	top:0;
}

#MB_rightBox .idBtnNewsfeed,
#MB_rightBox .idBtnWorld {
	margin-right:35px;
}

#MB_rightBox .idBtnFRequests,
#MB_rightBox .idBtnComments
{
	margin-left:5px;}

.MBTtlCounter {
	position:relative;
	top:-8px;
}

/* PC */
#PC{
	display:none; /* init */
}

#UB_TablePCLeft{
	background: url(img/pc_bg_left_bot.png);
	vertical-align:top;
	height:100%;}

#PC_LeftMid{
	background: url(img/pc_bg_left_mid.png) no-repeat;
	height:100px;
	width:33px;}

#UB_TablePCCenter{
	background: url(img/pc_bg_center_mid.png) repeat-x;
	background-color:#FFFFFF;
}

#UB_TablePC_Right{
	background: url(img/pc_bg_right_bot.png);
	vertical-align:top;
	height:100%;}

#PC_RightMid{
	background: url(img/pc_bg_right_mid.png) no-repeat;
	height:100px;
	width:33px;}

/* PC Cover */
#PC_Cover {
	z-index:490;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000000;}

/* PC Contents */
#PC_Contents {
	width:722px;
	min-height:1000px; /* todo dynamic */
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:100px;}

/* PC Header */
.PC_contentsHead {
	margin-bottom:30px;}

.PC_contentsHeadColLeft {
	float:left;
	width:160px;
	height:60px;
	text-align:right;}

.PC_contentsHeadColRight {
	margin-left:20px;
	float:left;}

.PC_contentsHeadHL {
	font-size:20px;
	margin-top:10px;}

.PC_contentsHeadSubline {
	font-size:12px;}

.PC_contentsBodyEmpty {
	margin-left:180px;
}

.preload_preloaderMini {
	display:inline;
	margin-right:5px;
	position:relative;
	top:3px;}

/* PC General Objects */
#UB .SHAF_userThumb {
	float:right;}

.PC_userName {
	font-size:18px;}

.PC_userUrl {
	font-style:italic;
	font-size:14px;}

.PC_imgDate{
	position:relative;
	top:4px;
	margin-right:5px;}

.PC_colLeft{
	float:left;
	width:160px;
	margin-top:23px;}

.PC_colRight {
	float:left;
	width:400px;
	margin-left:20px;
	margin-top:44px;}

/* PC FRequest */
.PCFR_requestBox{
	background:url(img/pc_trennerfade_bg.png) no-repeat;
	margin-bottom:5px;}

.PCFR_Msg{
	margin-top:20px;}

.PCFR_date {
	float:right;
	font-size:11px;}

.PCFR_UserName {
	float:left;
	width:250px; /* damit daneben noch date platz hat */
}

.PCFR_Actions{
	margin-top:20px;
	margin-bottom:10px;}

/* MS */
.PCMS_DialogBox{
	background:url(img/pc_trennerfade_bg.png) no-repeat;
	margin-bottom:5px;}

.PCMS_MsgBox .PC_userName {
	font-size:14px;}

.PCMS_MsgBox .PCMS_UserUrl {
	border-bottom: 1px solid #000000;
	font-size:12px;}

.PCMS_userInfoHi .PCMS_UserUrl {
	text-decoration:underline;}

.PCMS_imgToggler {
	position:absolute;
	left:-22px;
	top:-5px;}

.PCMS_DialogContents {
	margin-top:50px;}

.PCMS_UserUrl {
	margin-bottom:10px;}

.PCMS_Subject {
	position:relative; /* for inner positionnig */
	float:left;
	width:230px;
	font-size:12px;}

.PCMS_subjectRow {
	margin-top:35px;
}

.PCMS_ToggleDialog,
.PCMS_ToggleReply,
.PCMS_ToggleFullDialog
{
	position:relative; /* for inner positionnig */
}

.PCMS_Unread {
	font-weight:bold;}

.PCMS_date {
	float:right;
	font-size:11px;
	position:relative;
	top:-4px;
	left:-30px;}

.PCMS_Msg {
	margin-top:20px;}

.PCMS_ReplyBox {
	margin-top:30px;}

.PCMS_ReplyFieldSubject {
	background:url(img/input_pcreply_single_bg_lo.png);
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	font-size:12px;
	width:380px; /* img width - padding */
	height:27px; /* img height - padding */
}

.PCMS_ReplyFieldMsg {
	margin-top:5px;
	background:url(img/input_pcreply_multi_bg_lo.png);
	width:380px; /* img width - padding */
	height:167px; /* img height - padding */
	padding:10px;}

.PCMS_ReplyActions {
	width:35px; /* total imgs width */
	margin-left:auto;
	margin-right:auto;}

.PCMS_ToggleFullDialog {
	margin-bottom:20px;
	margin-top:20px;
	left:-109px;}

.PCMS_FullDialogBox {
	margin-top:20px;}

.PCMS_MsgBox{
	position:relative; /* for positioning of inner elements */
	margin-bottom:20px;}

.PCMS_UserMini {
	top:-27px;}

.PCMS_imgTrennerSmall {
	position:relative;
	left:-90px;
	margin-top:10px;}

.PCMS_ToggleDialog {
	margin-bottom:5px;}

#PCMS_BtnMsgDelete {
	position:absolute;
	left:380px;
	top:1px;}

#PCMS_CoverUserThumbMsg {
	left:0; /* dann muss nicht dynamisch pos werden */
	top:0;}

#PCMS_CoverUserMiniMsg {
	left:7px; /* dann muss nicht dynamisch pos werden */
	top:7px;}

/* Write Message */
#WriteMS_AdressList {
	position:absolute;
	z-index:3000;
	font-size:12px;}

#WriteMS_AdressListPreview {
	position:absolute;}

.WriteMS_adressListTop {
	background: url(img/adress_pane_bg_top.png);
	width:370px;
	height:30px;}

.WriteMS_adressListBot{
	background: url(img/adress_pane_bg_bot.png);
	width:370px;
	height:28px;}

.WriteMS_idAdressListEntry {
	background: url(img/adress_pane_bg_mid.png);
	color:#999999;}

.WriteMS_adressListEntryCont {
	height:18px;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #999999;
	width:325px;}

.WriteMS_idAdressEntryName {
}

.WriteMS_idAdressEntryUrl{
	margin-left:10px;}

.WriteMS_adressEntryMatch {
	color:#464646;}

.WriteMS_adressListEntryHi {
	background: url(img/adress_pane_bg_mid_hi.png);
	color:#FFFFFF;}

.WriteMS_idAdressObj {
	font-size:12px;
	display:inline;}

.WriteMS_adressInputBox {
	position:relative; /* for inner pos */
}

.WriteMS_imgBtnDeleteAdress {
	position:absolute;
	right:15px;
	top:11px;}

/* PC News Feed */
.PCFeed_box{
	background:url(img/pc_trennerfade_bg.png) no-repeat;}

.PCFeed_date {
	margin-top:-3px;}

.PCFeed_itemText,
.PCFeed_itemVideo,
.PCFeed_itemGallery,
.PCFeed_itemBEntry,
.PCFeed_itemFriendship,
.PCFeed_itemProfile,
.PCFeed_commentText
{
	margin-top:20px;}

.PCFeed_itemGallery,
.PCFeed_itemBEntry
{
	width:500px; /* damit 3 galImgs/entryText&bild nebeneinander passen */
}

.PCFeed_clr {
	margin-bottom:15px;}

.PCFeed_descHL,
.PCFeed_commentedUserHL,
.PCFeed_itemText,
.PCFeed_itemBEntryText,
.PCFeed_commentText
{
	font-style:italic;}

.PCFeed_itemGalImg {
	float:left;
	margin-right:18px;
	margin-bottom:16px;}

.PCFeed_itemVideo {
	position:relative;} /* for inner pos */

.PCFeed_itemBEntryText {
	float:left;
	width:300px;}

.PCFeed_itemBEntryImg{
	float:left;
	margin-left:20px;}

.PCFeed_itemFriendship {
	position:relative; /* for inner positioning */
}

.PC_userMiniLeft {
	position:absolute;
	left:-83px;}

.PCFeed_userMiniFriend{
	position:relative;
	left:-5px;}

.PCNF_friendshipIcon {
	position:absolute;
	left:-33px;
	top:7px;}

.PCFeed_description {
	margin-top:6px;}

.Video_ThumbVideoCover {
	width:160px;
	height:130px;
	position:absolute;
	left:5px;
	top:5px;
}

.PC_bubble {
	position:relative;
	left:-45px;
	z-index:3; /* damit über commentedItems */
}

.PC_bubbleTop{
	padding-left:45px;
	padding-right:30px;
	padding-top:20px;
	margin-top:-20px;
	width:350px; /* img width-padding */
	background:url(img/pcbubble_bg_top.png);	}

.PC_bubbleBot {
	width:425px; /* img width */
	height:34px; /* img height */
	background:url(img/pcbubble_bg_bot.png);}

.PC_commentedItems{
	position:relative; /* for inner positioning */
	margin-top:-30px;
	min-height:30px; /* falls leer, =negativem margin-top */
	margin-bottom:20px;}

.GEN_domainHi {
	text-decoration:underline;}


/* --- Settings --- */
.PCST_SettingsBox{
	background:url(img/pc_trennerfade_bg.png) no-repeat;
	margin-bottom:5px;}

.PCST_SettingsBox .PC_colLeft {
	text-align:right;
}

.PCST_SettingsBox .PC_colRight {
	margin-top:23px !important;
	width:500px; /* breiter als z.b. bei dialogs oder feed */
}

.PCST_trennerBot {
	margin-top:25px;
}

.ST_idBoxTheme .ST_switchBox {
	width:139px;
	height:106px;
	margin-right:10px;
	float:left;}

.ST_idBoxTheme .ST_switchBoxHi {
	background:url(img/settings_bg_theme.png);}

.ST_imgTheme {
	position:relative;
	left:4px;
	top:5px;}

.ST_idBoxLanguage .ST_switchBox {
	width:36px;
	height:41px;
	margin-right:5px;
	float:left;}

.ST_idBoxLanguage .ST_switchBoxHi {
	background:url(img/settings_bg_lang.png);}

.ST_linkBoxPC {
	position:relative;}

.ST_imgLock {
	margin-left:5px;
	top:-3px;	
	position:absolute;}

.ST_imgLang {
	position:relative;
	left:6px;
	top:7px;}

.ST_idBoxWorld .ST_switchBox {
	width:62px;
	height:58px;
	margin-right:5px;
	float:left;}

.ST_idBoxWorld .ST_switchBoxHi {
	background:url(img/settings_bg_world.png);}

.ST_imgWorld {
	position:relative;
	left:2px;
	top:2px;}

.ST_notificationHeader {
	margin-top:15px; /* to be on same line like subline from category */
	margin-bottom:10px;
}

.ST_switchLabel {
	float:left;
	width:180px;
	margin-right:20px;
}

.ST_idBoxNotificationMessage .ST_switchBox,
.ST_idBoxNotificationComment .ST_switchBox,
.ST_idBoxNotificationFriendrequest .ST_switchBox 
{
	float:left;
	width:36px;
	height:41px;
	margin-right:5px;
}

.ST_idBoxNotificationMessage .ST_switchBoxHi,
.ST_idBoxNotificationComment .ST_switchBoxHi,
.ST_idBoxNotificationFriendrequest .ST_switchBoxHi
{
	background:transparent url(img/settings_bg_notification.png);
}

.ST_imgNotification {
	position:relative;
	left:6px;
	top:2px;}

/* --- Notification --- */
#Notify {
	position:fixed;
	right:10px;
	bottom:32px;
	z-index:4000;}

.Note_TT {
	position:absolute;
	width:270px; /* img width */
	height:131px; /* img height */
	background: url(img/note_bg.png);
	font-size:12px;
}

.Note_TTInner{
	width:270px;
	margin-left:15px;
	margin-top:15px;
}

.Note_TTContent {
	margin-top:17px;}

.Note_TTHeadline {
	font-size:14px;
	margin-bottom:2px;}

.Note_TTItemText {
	margin-left:4px;}

.Note_TTItem{
	font-style:italic;
	height:20px;}

.Note_TTItemHi .Note_TTItemText{
	text-decoration:underline;}

.Note_imgInfoicon {
	position:relative;
	top:3px;}

.Note_TTimgCloseBtn {
	position:absolute;
	right:15px;
	top:7px;}
	
/* Validation */
.TTVali_TT {
	position:absolute;}

.TTVali_left {
	background:url(img/vali_tt_bg_left.png);
	width:37px;}

.TTVali_mid {
	vertical-align:top;
	background:url(img/vali_tt_bg_mid.png);}

.TTVali_right {
	background:url(img/vali_tt_bg_right.png);
	width:16px;}
	
.TTVali_left,
.TTVali_mid,
.TTVali_right {
	height:47px;}

.TTVali_contents {
	position:relative;
	top:14px;
	left:-10px;}
	
/* --- Info-Help --- */
.Help_infoBtn {
	display:inline;
	position:relative; /* inner pos. */
}

#PopUL_Status .Help_infoBtn,
#Video_Edit .Help_infoBtn
{
	top:6px;
	padding-left:8px;}

.Help_tt {
	z-index:5;
	left:-10px;
	bottom:18px;
	width:284px;}

.Help_ttTop {
	background:url(img/tt_info_bg_top.png);
	height:22px;
	width:284px;}

.Help_ttMid {
	background:url(img/tt_info_bg_mid.png);}

.Help_ttBot {
	background:url(img/tt_info_bg_bot.png);
	height:32px;
	width:284px;}

.Help_ttContents {
	text-align:left !important; /* weil eingesetzt wird */
	font-size:12px !important; /* weil eingesetzt wird */
	padding-left:20px;
	padding-right:40px;}

.Help_ttContImg {
	margin-top:5px;
}

.Help_ttCloseBtn {
	position:absolute;
	right:12px;
	top:12px;}
	
/* +++ Crossbrowser ++++++++++++++++++++++++++++++++++++++++++++++ */
/* IE7/8 font aliasing bug bei alpha change */
.XB_msie #LB_Bar_Meta .EE_txtS {
	background-color:#000000;
}

/* IE bug: if no background is defined, empty div is not clickable/visible... */
.XB_msie #HeadImg_CoverUp,
.XB_msie #HeadImg_CoverDown {
	background:url(img/trans-gif);
}

.XB_msie .msieEditableTextHi {
	text-decoration:underline;
}

/* fix FF bug: shows border for active flash object */
object {
	outline:none;
}