/**** USER-CP ****/
/* Navigationslink zu eigenen Texten*/
a.famnavi {
	margin: 5px auto;
	width: 280px;
    box-sizing: border-box;
    padding: 5px;
    background: #ccc;
	text-align: center;
	text-transform: uppercase;
    display: inline-block;
}

/* Optionslinks im Familie */
a.famlink {
	margin: 1px auto;
	width: 48%;
	box-sizing: border-box;
	padding: 3px;
	background: #ddd;
	text-align: center;
	font-size: .8em;
	text-transform: uppercase;
	display: inline-block;
}

/* Gesuchslink der Mitglieder */
a.geslink {
	margin: 0px auto 3px;
	width: 100%;
	box-sizing: border-box;
	padding: 3px;
	background: #ddd;
	text-align: center;
	font-size: .9em;
	text-transform: uppercase;
	display: inline-block;
}

/* Optionslinks der Mitglieder */
a.optlink {
	margin: 1px auto;
	width: 48%;
	box-sizing: border-box;
	padding: 3px;
	background: #ddd;
	text-align: center;
	font-size: .9em;
	text-transform: uppercase;
	display: inline-block;
}

/* Familieninfos */
.myfamilybox {
	margin: 5px auto;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 5px 0px;
}

.myfamilybox .myfam-name {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #ddd;
	text-align: center;
	font-size: 1.2em;
}

.myfamilybox .myfam-desc {
	width: 100%;
	box-sizing: border-box; 
	padding: 5px;
	text-align: justify;
}

.myfamilybox .myfam-facts {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
}

.myfamilybox .myfam-facts .fas {
	margin: 0 10px 0;
}

.myfamilybox .myfam-opt {
	width: 100%;
	padding: 0;
	text-align: center;
}

/* Boxen der Familienmitglieder */
.familybox {
	margin: 2px;
	width: 49%;
	height: 430px;
	box-sizing: border-box;
	padding: 5px;
	border: 2px solid #ccc;
	overflow: hidden;
	display: inline-block;
}

.familybox .fas {
	margin: 0 5px 0 0;
}

.familybox .fam-hl {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #ddd;
	text-align: center;
	font-size: 1.1em;
	text-transform: uppercase;
}

.familybox .fam-stat {
	margin: 2px 0px;
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #eee;
}

.familybox .fam-name {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #eee;
	text-align: center;
	text-transform: uppercase;
}
.familybox .fam-pic {
	width: 30%;
	height: 120px;
	box-sizing: border-box;
	padding: 10px 0px;
	text-align: center;
	display: inline-block;
}

.familybox .fam-pic img{
	margin: auto;
	width: 100px;
	height: 100px;
	padding: 2px;
	border: 2px solid #ccc;
	border-radius: 60px;
}

.familybox .fam-facts {
	width: 69%;
	height: 120px;
	box-sizing: border-box;
	padding: 5px;
	display: inline-block;
}

.familybox .fam-facts .fact {
	width: 100%;
	display: block;
}

.familybox .fam-text {
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	padding: 5px;
	text-align: justify;
	overflow: auto;
}

.familybox .fam-link {
	width: 100%;
	text-align: center;
}

.familybox .fam-opt {
	width: 100%;
	text-align: center;
}

/* Boxen für eigene Familientexte */
.familytextbox {
	margin: 2px;
	width: 32%;
	height: 180px;
	box-sizing: border-box;
	padding: 5px;
	border: 2px solid #ccc;
	overflow: hidden;
	display: inline-block;
}

.familytextbox .fam-hl {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #ddd;
	text-align: center;
	font-size: 1.1em;
	text-transform: uppercase;
}

.familytextbox .fam-name {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #eee;
	text-align: center;
	text-transform: uppercase;
}

.familytextbox .fam-text {
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	padding: 5px;
	text-align: justify;
	overflow: auto;
}

.familytextbox .fam-opt {
	width: 100%;
	text-align: center;
}

/**** MEMBERPROFILE ****/
.profile_family {
	margin: 2px;
	width: 49%;
	height: 430px;
	box-sizing: border-box;
	padding: 5px;
	border: 2px solid #ccc;
	overflow: hidden;
	display: inline-block;
}

.profile_family .fas {
	margin: 0 5px 0 0;
}

.profile_family .fam-hl {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #ddd;
	text-align: center;
	font-size: 1.1em;
	text-transform: uppercase;
}

.profile_family .fam-stat {
	margin: 2px 0px;
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #eee;
}

.profile_family .fam-name {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #eee;
	text-align: center;
	text-transform: uppercase;
}
.profile_family .fam-pic {
	width: 30%;
	height: 120px;
	box-sizing: border-box;
	padding: 10px 0px;
	text-align: center;
	display: inline-block;
}

.profile_family .fam-pic img{
	margin: auto;
	width: 100px;
	height: 100px;
	padding: 2px;
	border: 2px solid #ccc;
	border-radius: 60px;
}

.profile_family .fam-facts {
	width: 69%;
	height: 120px;
	box-sizing: border-box;
	padding: 5px;
	display: inline-block;
}

.profile_family .fam-facts .fact {
	width: 100%;
	display: block;
}

.profile_family .fam-text {
	width: 100%;
	height: 120px;
	box-sizing: border-box;
	padding: 5px;
	text-align: justify;
	overflow: auto;
}

.profile_family .fam-link {
	width: 100%;
	text-align: center;
}

/**** MISC ****/
/* Übersicht aller Familien */
.allfamilies{
	margin: 2px auto;
	width: 32%;
	height: 280px;
	box-sizing: border-box;
	padding: 5px;
	border: 2px solid #ccc;
	overflow: hidden;
}

.allfamilies .allfams-name {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #ddd;
	text-align: center;
	font-size: 1.2em;
}

.allfamilies .allfams-desc {
	margin: 5px auto;
	width: 100%;
	height: 120px;
	box-sizing: border-box;
	padding: 5px;
	text-align: justify;
	overflow: auto;
}

.allfamilies .allfams-facts {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
}

.allfamilies .allfams-facts .fas {
	margin: 0 5px 0 0;
}

.allfamilies .allfams-link {
	margin: 0px auto 3px;
	width: 100%;
	box-sizing: border-box;
	padding: 3px;
}

/* Anzeige der Familienmitglieder */
.familyovbox {
	margin: 2px;
	width: 32%;
	height: 430px;
	box-sizing: border-box;
	padding: 5px;
	border: 2px solid #ccc;
	overflow: hidden;
	display: inline-block;
}

.familyovbox .fas {
	margin: 0 5px 0 0;
}

.familyovbox .fam-hl {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #ddd;
	text-align: center;
	font-size: 1.1em;
	text-transform: uppercase;
}

.familyovbox .fam-stat {
	margin: 2px 0px;
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #eee;
}

.familyovbox .fam-name {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	background: #eee;
	text-align: center;
	text-transform: uppercase;
}
.familyovbox .fam-pic {
	width: 30%;
	height: 120px;
	box-sizing: border-box;
	padding: 10px 0px;
	text-align: center;
	display: inline-block;
}

.familyovbox .fam-pic img{
	margin: auto;
	width: 100px;
	height: 100px;
	padding: 2px;
	border: 2px solid #ccc;
	border-radius: 60px;
}

.familyovbox .fam-facts {
	width: 69%;
	height: 120px;
	box-sizing: border-box;
	padding: 5px;
	display: inline-block;
}

.familyovbox .fam-facts .fact {
	width: 100%;
	display: block;
}

.familyovbox .fam-text {
	width: 100%;
	height: 120px;
	box-sizing: border-box;
	padding: 5px;
	text-align: justify;
	overflow: auto;
}

.familyovbox .fam-link {
	width: 100%;
	text-align: center;
}