#blogHead{ display: table-row; width:80%; height:1.875em; text-align: center;  border:0px; border-radius: 1.25em; background-color: #79c5fd; padding: 0.2em 1em 0.2em 0.2em;}
#biBlog{ width:90%; margin:0em 5em 0em 5em; font-size: 1.1em; line-height: 1.4em;}
#biAddContainer{margin: 1.25em; width:80%; background-color: white; height: max-content; float: left; padding: 2em 3em 2em 2em;}
#biRightContainer{  padding: 1.25em; }
#biRightContainer ul{display:block; }
#biRightContainer ul li{ display:inline; margin: 0em 1em 0em 1em; cursor:pointer;}
#biRightContainer ul li a{ color: black; font-size: 1.2em; line-height: 2.5em; white-space: nowrap; padding:0.4em 1.2em 0.2em 1.2em; transition:background 0.2s; -webkit-transition:background 0.2s; }
#biRightContainer ul li a:hover{background:#a7c2e4; border-radius: .2em; border-bottom: 0.2em solid #4680c6; }

/***   Add Styles ****/
.biAddHead{position: relative; float: left; font-size:1.2em;  margin:1em 0.1em 0.1em 0.1em; width:100%; min-height:0.625em; padding:0.3em 0.3em 0em 0.3em; background-color: #dae7fe; border:0px; border-radius:0.313em; }
.biAdd{position: relative; float: left; font-size:1.0em; white-space: pre-wrap;  word-wrap: break-word; width:100%; min-height:5em; margin:0em 0.1em; padding:.5em; background-color: #dae7fe; border:0px; border-radius: 0.625em; }
.biAddFoot{position: relative; float: left; font-size:1.0em;  margin:0.1em; width:100%; min-height:0.625em; padding:0.5em; background-color: #dae7fe; border:0px; border-radius:0.313em; }
.biAddComment{position: relative; float: right; font-size:.9em;  margin:0.1em; width:70%; min-height:0.625em; padding:0.5em; background-color: #dae7fe; border:0px; border-radius:0.313em; }
.biAddMisc{float:right; margin: 0em 0.2em;}
.biAddHeadI{ float: left; height:1.875em; width:1.875em;}
.biAddHeadI img{height:1.875em;}
.biAddHeadN{ float: left; height:1.875em; max-width:12.5em; padding-left:0.75em;}
.biCHead{float: left; cursor: pointer; height:1.875em;  width:100%; border-bottom: solid 1px #007680; }
.biCDate{ font-size:.8em; float: right; height:1.25em; width:9.375em; }
.biCText{font-size:1.0em; white-space: pre-wrap;  word-wrap: break-word; padding:0.313em;}
/***   Textedit ****/
.biTCont{ min-height:12.5em; padding:0.875em; background-color: #f6f7f9; border: 0px; border-radius: 1.25em; }
.biComentCont{ float: left; width:15.625em; height:0.75em; padding:0.875em; background-color: #f6f7f9; border:0px; border-radius: 0.625em;}
#biComentbox{outline: none; font-size:0.688em; user-select: text; white-space: pre-wrap; word-wrap: break-word; width:15.625em; height: 1em; background-color: #f6f7f9; overflow:auto;}

/***   Rating Slider****/
.biRating{ position:relative; width:12.5em; height:1.875em; margin:0px; margin-left:0.625em; float: right; background-color: #f6f7f9; border: 0px;  border-radius: 0.625em;  cursor:pointer;}
#bubble{ position:relative; top:0.313em; width:2.5em; text-align:center; height:1.25em; background-color: #09c4d9; border: solid 1px #555; border-radius: 0.563em;}


/***** profil ****/


#profilData1{float: left; margin:0.8em 1.25em 0.2em 1.25em; padding:1.25em; outline: none;  width:90%;  background-color: #f2f3f7; border: 0px; border-radius: 1.25em;}
#profilImg{float:left; margin:1.25em; outline: none;  width:12.5em; height:12.5em; background-color: #f6f7f9; overflow:hidden; border: 0px; border-radius: 1.25em;}
#pImg{ height:13.125em; top:-0.625em; left:-0.625em;}
.proDataName{font-size:1.4em;  font-weight: bold;  width:98%; height:7.5em;}
#biProCont{float: left; display:block;  margin:0.2em 1.25em 0.2em 1.25em; padding:1.25em; outline: none;  width:90%;   border: 0px; border-radius: 1.25em;}

#altMenue{display:none; width:1.8em; cursor:pointer;}
#alterMenue{display:none; width:7.5em;}
#alterMenue ul{ margin:0em; }
#alterMenue ul li{ display:block; margin: 0em; padding: 0.3em 0.3em 0.3em 0.3em;  border-radius: 0.8em; cursor:pointer; font-size:1.1em; font-weight: bold; line-height:1.3em; transition:background 0.5s; -webkit-transition:background 0.5s;}
#alterMenue ul li:hover{ background-color: #cbd0dc;}

#proNavi ul{ margin:0em; }
#proNavi ul li{ display:inline; margin: 0em; padding: 0.2em 0.7em 0.2em 0.7em;  border-radius: 1.25em; cursor:pointer; font-size:1.1em; font-weight: 100; line-height:1.3em; transition:background 0.5s; -webkit-transition:background 0.5s;}
#proNavi ul li:hover{ background-color: #cbd0dc;}
#profilData2{float: left; margin:1.25em; padding:1.25em; outline: none;  width:90%; min-height:5em; background-color: #f6f7f9; overflow:auto; border: 0px; border-radius: 1.25em;}


#profilAdds{width:98%;}
.proData{font-size:1.4em; width:98%; height:7.5em;}



.biImgCont{ width:98%; padding:0.313em;}

/**** upload  ****/
.biUplFld { align-items: center; display: flex; flex-wrap: wrap; height: 1.25em; justify-content: center;  min-width: 5.250em; padding: 1em; position: relative; text-align: center; }
.biInputFld {height: 100%;  width: 2em; overflow: hidden; position: absolute;right: 0; top: 0;}
.uplPImg{height: 25em; }
.uplMImg{height: 12.5em; }
#biUplImgList{ position:relative; top:0.313em; width:100%; height:25em; overflow: hidden;  padding: 1.875em; background-color: #009dae; border:0px ; border-radius: 0.5em;}
#biUplImgCont{ position:relative; height:22.5em; left: 0.625em;}
.biUplImg{ float:left; position:relative; padding:0.375em; margin:0.313em; background-color: #056469; border:0px ; border-radius: 0.5em; }
.uplm { bottom: 0; cursor: inherit; font-size: 2em !important; height: 1.875em; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0;}

#biImgs{ float:left; position:relative; max-width: 36em; overflow: auto;}


/******* biFriends*********/

.biFriendItem{ width:25em;  margin:1.25em; height:3.75em; background-color: #f6f7f9; overflow:hidden; border:0px; border-radius: 1.25em;}
.biFriendItemImg{ float:left;}
.biFriendItemHead{ float:left; width:12.5em; margin-left:1.25em; outline: none; font-size:1.6em; sbackground-color: #dae7fe; border: 0px; border-radius: 0.313em; }
.biFriendItemText{ float:left; margin-left:1.25em; outline: none; font-size:1.4em; white-space: pre-wrap; word-wrap: break-word; }
.biRecCont{ min-height:1.25em; padding:0.25em; background-color: #f6f7f9; border:0px; border-radius: 0.625em; }
#biRecbox{ outline: none; font-size:0.875em;  user-select: text; white-space: pre-wrap; word-wrap: break-word;  width:100%; min-height:1.25em; background-color: #f6f7f9; overflow:auto; }
.biMsgCont{ min-height:12.5em; padding:0.875em; background-color: #f6f7f9; border: solid 0px #555; border-radius: 1.25em; }
#biMsgbox{ outline: none; font-size:0.875em;  user-select: text; white-space: pre-wrap; word-wrap: break-word;  width:100%; min-height:12.5em; background-color: #f6f7f9; overflow:auto; }

.selRcpRow{ width:12.5em; }
.selRcpImg{ width:2.5em; float:left;}
#biMsgRcp{ float:left; position:relative; cursor:pointer; padding-left:1.25em; }

/************ biGroups ***************/

.biGroupItem{ width:25em;  margin:1.25em; padding:0.625em; height: 5em; background-color: #f6f7f9; overflow:hidden; border: 0px; border-radius: 1.25em; }
.biGroupName{ font-size:1.6em; float: left;}
.biGroupDesc{ font-size:1.2em; float: left; }
.biGroupIco { font-size:1.2em; font-weight: bold; float: right; cursor:pointer;}

/************biMsg***************/

.biMsgIcon{ float: right; width: 1.875em;}
.biMsgTime{ float: right; width: 90px;}
.biMsgItem{ width:18.75em;  margin:1.25em; height:3.125em; background-color: #f6f7f9; overflow:hidden; border: 0px; border-radius: 1.25em;}
.biReadMsgItem{ width:18.75em; margin:1.25em; min-height:3.125em; background-color: #f6f7f9; overflow:auto; border: 0px; border-radius: 1.25em;}
.biReadMsgHead{ float:left; width:18.75em; font-size:1.2em;  height:2.5em; }
.biMsgItemHead{ float:left; width:9.375em; margin-left:0.938em; outline: none; font-size:1.5em; }
.biMsgItemText{ float:left; width:9.375em; margin-left:0.938em; outline: none; font-size:1.2em; }
#biMsgRead{float:left; margin-left:0.938em; }
#biMsgs{min-width:18.75em; float:left;}


/************addSlider***************/
#addSliderContainer{
	float:left;
	width:100%;
	height:20em;
	overflow:hidden;
	border:.2em solid black;
}
#addSlider{
	height:19.8em;
	border:.2em solid black;
}
#sliderAdd{
	float:left;
	border:.2em solid black;
	height:19.6em;
	width:20em;
	overflow:hidden;
}