@charset "UTF-8";
/* CSS Document */

/**
rot 197,39,36

grün 166,207,73


**/

#ntop{
	position:relative;
}
#ntop div{
	float:right;
	display:inline-block;
	width:48%;
	min-width:48%;
	max-width:48%;
}
#ntop div:first-child{
	float:left;
}



#editview{
	padding-top:50px;
	text-align:left;	
}
#editview label{
	display:inline-block;
	width:49%;
	margin-right:1%;
}
#editview label span{
	font-size:0.6em;
}
#editview label.long{
	width:100%;
	margin-right:0;
}
@media screen and (max-width: 900px) {
	#editview label{
		width:100%;
		margin-right:0;
	}
}


.gender{
	cursor:pointer;
	float:left;
	width:33%;
	height:70px;
	margin-right:0.3%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	
	background-repeat:no-repeat;
	background-size:auto 80%;
	background-position:center center;
}
.gender.active{
	background-color:rgba(255,255,255,0.3);
}
.gender:hover{
	background-color:rgba(255,255,255,0.5);
}
.gender.m{
	background-image:url('/img/gender/m_w.png');
}
.gender.w{
	background-image:url('/img/gender/w_w.png');
}
.gender.mw{
	background-image:url('/img/gender/mw_w.png');
}
	
.border{
	border:2px solid rgba(255,255,255,0.5);
}

#work{
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.9);
	width:100%;
	height:100%;
}


.Content{
	position:relative;
	margin:0 auto;
	text-align:center;	
	padding:2vh 2vh 6vh 2vh;
	width:70%;
}
@media screen and (max-width: 900px) {
	.Content{
		width:98%;
	}
}


.Content .topic{
	cursor:pointer;
	position:absolute;
	width:30px;
	height:30px;	
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:center center;
	
	filter: gray() alpha(opacity=40);
	opacity: 0.40;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-moz-opacity:0.40;
	-khtml-opacity: 0.40;
}
.Content .topic:hover{
	filter: gray() alpha(opacity=99);
	opacity: 0.99;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	-moz-opacity:0.99;
	-khtml-opacity: 0.99;
}
.Content #edit{
	background-image:url('/img/edit.png');	
}
.Content #close{
	background-image:url('/img/safe.png');
}




#editfoto{
	cursor:pointer;
	position:absolute;
	right:0;
	bottom:0;
	background-repeat:no-repeat;
	background-size:50%;
	background-position:center center;
	background-image:url('/img/edit_2.png');
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-color:rgba(166,207,73,0.2);
	
	width:40px;
	height:40px;
	margin-right:-5px;
	margin-bottom:-5px;
}
#editfoto:hover{
	background-color:rgba(166,207,73,1);
}
@media screen and (max-width: 900px) {
	#editfoto{
		width:60px;
		height:60px;
	}
}
@media screen and (max-width: 750px) {
	#editfoto{
		width:50px;
		height:50px;
	}
}
@media screen and (max-width: 600px) {
	#editfoto{
		width:40px;
		height:40px;
		margin-right:-10px;
	}
}



.Content #qr{
	cursor:pointer;
	position:absolute;
	top:2.2vh;
	right:2vh;
	
	
	width:20vw;
	max-width:20vh;
	min-width:80px;
	
	height:20vw;
	max-height:20vh;
	min-height:80px;
	
		
	background-repeat:no-repeat;
	background-size:10%;
	background-position:center center;
	background-image:url('/img/ajax-loader2016.gif');
		
	filter: gray() alpha(opacity=90);
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
}

.Content #qr.big{
	position:fixed;
	z-index:999999999;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	width:100%;
	height:100%;
	
	
	max-width:100%;
	min-width:100%;
	
	
	max-height:100%;
	min-height:100%;
	
	background-color:#000;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


.Content #qr img{
	width:100%;
	height:auto;
}
.Content #qr.big img{
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
}


.Content #myurlqr{
	position: absolute;
	top:0px;
	right:0px;
	cursor: pointer;
	height:74px;
	width:74px;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center center;
	background-image:url('/img/ajax-loader2016.gif');
}

.Content #myurlqr.big{
	position:fixed;
	z-index:999999999;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align: center;
	
	max-width:100%;
	min-width:100%;
	
	
	max-height:100%;
	min-height:100%;
	
	background-color:#000;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


.Content #myurlqr img{
	padding:0px;
	margin:0px;
	height:74px;
	width:74px;
}
.Content #myurlqr.big img{
	width:auto;
	width:500px;
	max-width:100%;
	height:auto;
}






.USER_logo{
	position:relative;
	margin:0 auto;
	cursor:pointer;
	
	background-repeat:no-repeat;
	
	background-position:center center;
	background-size:102%;
	
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.USER_logo.big{
	position:fixed;
	z-index:999999999;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	width:100%;
	height:100%;
	
	width:100%;
	max-width:100%;
	min-width:100%;
	
	height:100%;
	max-height:100%;
	min-height:100%;
	
	background-color:#000;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	
	
	-webkit-border-radius:0%;
	-moz-border-radius:0%;
	border-radius:0%;
	
	background-position:center center;
	background-size:auto 90%;
}

.USER_logo{
	width:20vw;
	max-width:20vh;
	min-width:80px;
	
	height:20vw;
	max-height:20vh;
	min-height:80px;
}
@media screen and (max-width: 900px) {
	.USER_logo{
		width:30vw;
		max-width:30vw;
		min-width:120px;
		
		height:30vw;
		max-height:30vw;
		min-height:120px;
	}
}


.USER_name{
	padding-right:90px;
	position: relative;
	text-align:left;
	margin-top:3vh;
	display:inline-block;
}
.USER_name i{
	font-size:10px;
	color:rgba(255,255,255,0.5);
}
.USER_name span{
	font-size:16px;
}
.in i,
.USER_name span i{
	font-size:10px;
	color:rgba(255,255,255,0.5);
}


.USER_name h3{
	margin: 0px;
	padding:0px;
	font-size:10px;
	color:rgba(255,255,255,0.5);
	display: block;
	width: 100%;
	padding-top:5px;
}




.USER_links{
	margin-top:1vh;
}


.USER_links .button{
	font-size:30px;
	
	display:inline-block;
	margin-top:6vh;
	padding:30px 0px;
	cursor:pointer;
	
	background-color:rgba(0,51,0,0.5);
	
	border:1px solid rgba(255,255,255,0.5);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	
	width:100%;
}
.USER_links .button:hover{
	background-color:rgba(0,51,0,1);
	border:1px solid rgba(255,255,255,0.5);
}

.USER_linkedit,
.USER_links .in{
	position:relative;
	cursor:pointer;
	display:inline-block;
	margin-top:3vh;
	margin-right:1.5vh;
	margin-left:1.5vh;
	padding:10px;
	border:1px solid rgba(255,255,255,0.5);
	width:40%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.USER_linkedit.lastedit{
	background-color:rgba(166,207,73,0.9);
}

.USER_linkedit{
	margin-top:1vh;
	margin-bottom:5vh;
	padding:5px;
	width:100%;
	margin-right:0vh;
	margin-left:0vh;
}
.USER_linkedit label{
	float:left;
	margin-right:1vw;
	-moz-hyphens:none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}


.USER_linkedit .clearme{
	text-align:center;
	position:absolute;
	
	background-color:rgba(197,39,36,0.5);
	
	width:30px;
	height:30px;
	line-height:30px;
	
	font-size:20px;
	
	top:-15px;
	left:-15px;
	
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.USER_linkedit .clearme:hover{
	background-color:rgba(197,39,36,1);
}




.USER_linkedit input,
.USER_linkedit select{
	margin:5px 0px 5px 0px!important;
}

.USER_linkedit .small{
	display:inline-block;
	width:49%!important;
	min-width:49%!important;
	max-width:49%!important;
	margin-right:1%!important;
	margin-left:0vh;
}
.USER_linkedit .small:last-child{
	margin-right:0!important;
}
@media screen and (max-width: 900px) {
	.USER_links .in{
		width:100%;
		margin-right:0vh;
		margin-left:0vh;
	}
}







.USER_links .in.favorite{
	background-color:rgba(255,255,255,0.2);
}
.USER_links .in.over18{
	border:1px solid rgba(153,0,0,1);
}



.USER_links .in:hover,
.USER_links .in:focus,
.USER_links .in:active{
	background-color:rgba(255,255,255,0.3);
}

.USER_links .in span{
	position:absolute;
	text-align:right;
	right:2vh;
	bottom:1vh;
	font-size:16px;
}


.USER_links .in .title{
	position:absolute;
	right:0px;
	left:0px;
	top:0;
	bottom:0;
	line-height:80px;
	font-size:25px;
}
.USER_links .in .title span{
	font-size:10px;
	line-height:55px;
}


.USER_links .ico{
	float:left;
	height:80px;
	width:80px;
	background-repeat:no-repeat;
	background-position:top left;
	background-size:30%;
}




.USER_links .ico.fb{
	background-image:url('/img/medias/fb.png');
}
.USER_links .ico.snap{
	background-image:url('/img/medias/snap.png');
}
.USER_links .ico.web{
	background-image:url('/img/medias/web.png');
}
.USER_links .ico.geopos{
	background-image:url('/img/medias/geopos.png');
}
.USER_links .ico.in{
	background-image:url('/img/medias/in.png');
}
.USER_links .ico.insta{
	background-image:url('/img/medias/insta.png');
}
.USER_links .ico.mail{
	background-image:url('/img/medias/mail.png');
}
.USER_links .ico.tel{
	background-image:url('/img/medias/tel.png');
}
.USER_links .ico.whatsapp{
	background-image:url('/img/medias/whatsapp.png');
}
.USER_links .ico.fav{
	background-image:url('/img/medias/fav.png');
}
.USER_links .ico.spoti{
	background-image:url('/img/medias/spotify.png');
}

.USER_links .ico.of{
	background-image:url('/img/medias/of.png');
}
















.fontsmall{
	font-size:0.5em;
}
.fontsmall div{
	cursor:pointer;
	display:inline-block;
	background-color:rgba(255,255,255,0.3);
	padding:10px;
	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	
	margin-bottom:2vh;
	margin-right:2vh;
	
	border:1px solid rgba(255,255,255,1);
}


.trsp{
	filter: gray() alpha(opacity=60);
	opacity: 0.60;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
}


*{
	outline: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-text-size-adjust: none;
	text-rendering:optimizeLegibility;
	
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto; 
	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
html,
body {
	margin:0px;
	padding:0px;
	
	height:100%;
	width:100%;
	
	outline: none;
	
	
	
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,0.8);

	font-size:20px;
	line-height: auto;
	
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	
	background-color:rgba(0,0,0,1);
	
}
body{
	position:relative;
	height:100%;
	min-height:100%;
}

[hidden] {
	display: none;
	visibility: hidden;
}


a,
a:focus {
	outline: none;
}

a{
	text-decoration:none;
	color:rgba(197,39,36,1);
}
a:hover{
	text-decoration:underline;
	/**
	color:#97b022;
	**/
	color:rgba(197,39,36,0.9);
}

img{
	border:0px;	
}
.clear{
	clear:both;
}
.clear::after,
.clear:after{	
	content: '';
    display: block;
    clear: both;
}