#myInfo {display:block;background-color:rgba(0,62,136,0.5);width:100%;height:99px;margin:8px auto;float:left;}.oneuser {background-color:#00397B;width:210px;height:210px;border:0;display:inline-block; margin:0 1px 1px 0;text-decoration:none;float:left;text-align:left;} .oneuserext {background-color:#00397B;width:844px;display:block; margin:0 1px 1px 0;text-decoration:none;float:left;padding: 4px;text-align: left;height:208px;background-image: url('/art/royal/images/xle.png?v=2');background-repeat: no-repeat;background-position:664px 4px;border-bottom:1px solid #001B34;} .oneuserext P.media IMG {float: left;margin: 4px;width:80px;height: 80px;display:inline-block;background-position:0 0;background-repeat:no-repeat;background-size:cover;} .oneuser:hover {background-color:#004497;text-decoration:none;} .oneuserext:hover {background-color:#004497;text-decoration:none;} #basetemplate,#exttemplate {display:none;}.oneuserext > P.profilepic {width:176px;height:176px;border:1px solid #004497;display:block;margin:8px;float:left;clear:both;background-size:cover;}.oneuser .userinfos {background-color:rgba(0,27,52,0.6);margin-top:172px;padding:4px;height:32px;overflow:hidden;}.oneuser > DIV.profilepic {width:210px;height:210px;border:1px solid #004497;display:block;margin:-1px -1px -1px -1px;background-size:212px 212px !important;}#mainspace {display:block;width:844px;background-repeat:no-repeat;background-position:center center;font-size:18px;color:#7DB1D8;background-color:#00397B;margin:-1px 0 0 -1px;padding:0;overflow: hidden;text-align: center;} #eventspace {width:844px;overflow: hidden;}.nick {font-weight:bold;color:#3DBFEE;} 
.oneuser SPAN.nick {margin:2px 0 0 4px;display:inline-block;float:left;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis;}
.oneuser SPAN.onlinestate {display:none;}
.oneuser SPAN.distance {float:right;margin-right:4px;}
.oneuser DIV.statsline {float:left;clear:both;max-width:202px;margin-left:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* .oneuser SPAN.stats {float:left;clear:both;max-width:100px;margin-left:4px;}
.oneuser SPAN.city {float:left;max-width:100px;display:inline-block;} */
.oneuser SPAN.city:before {content:', '}
.oneuserext P {float:left;text-align: left;margin: 0px;text-decoration: none;}
.oneuserext p.nick {font-size: 17px;padding: 4px;font-weight: bold;color: #FFFFFF;width: auto;line-height: 0.9em;}
.oneuserext P.onlinestate {padding: 8px 4px 0px 4px;width: auto;line-height: normal;vertical-align: bottom;}
.oneuserext P.stats, 
.oneuserext P.city {line-height: 14px;margin: 2px auto;overflow: hidden;white-space: nowrap;display: block;padding: 4px;width:210px;font-weight: bold;}
.oneuserext P.media {float: right;margin: 4px;overflow: hidden;margin: 0px;width:272px;height:176px;}
.oneuser P.icons {display:none;}
S {display:none;}
#navigationspace {width:807px;height:40px;background-color:#002F64;position:fixed;display:block;top:0px;left:0px;text-align:center;padding-right:37px;}

.oneuserext P.preview {padding: 4px;width: 210px;height: 68px;overflow: hidden;white-space: normal;text-overflow:ellipsis;}
.oneuserext P.icons {padding: 8px 4px 0px 4px;width: 210px;}

SPAN.price {color:#FED500;margin-left:8px;line-height:20px;vertical-align:top;display:inline-block;}
.oneuserext P.stats SPAN.zodiac {float:left;margin-right:3px;}
/*.oneuserext P.stats SPAN.zodiac:after {content:',';}*/
.oneuserext SPAN.distance {color:#FABA79;}
.oneuserext SPAN.distance::after{content:', '}

#useraction {
	background-color: #004EA8;
	border-width: 0;
	border-color: transparent;
	border-radius: 10px;
	border-top-left-radius: 0;
	position: absolute;
	top: 200px;
	left: 140px;
	display: none;
    overflow: hidden;
    box-shadow: 0 0 10px 2px rgba(0,27,52,0.75);
}
#useraction a {
	display: none;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0;
    padding: 8px;
	border: 0 none transparent;
    font-size: 12px;
    transition: background-color 99ms linear;
}
#useraction a:not(:first-of-type) {
    margin-top: 1px;
}
#useraction a:hover {
    background-color: #006BD4;
}

SPAN.app {
	display: inline-block;
    visibility: hidden;
    margin-right: 6px;
    margin-top: 6px;
	width: 22px;
	height: 12px;
	background-image: url('/img/app/app-mini.png');
	background-size: 22px 12px;
    float: right;
}
SPAN.new {
    position: absolute;
	display: block;
    margin-left: 192px;
    margin-top: -18px;
	width: 10px;
	height: 10px;
	background-color: #90EE90
}

SPAN.bud {
	display: inline-block;
    margin: -2px 3px 0px 6px;
	width: 18px;
	height: 15px;
    cursor: pointer;
    background-image: url(/img/icon/escort.png); 
    float: left;
}

#buttonchange, #buttonsave {display:none;}

#topspace {display: block;margin: 40px 0 -1px 0;
	background-color: #00397B;
/*	border-radius: 20px 20px 0 0;
	border-width: 20px 0 0 0;
	border-style: solid;
	border-color: #00397B; */
    width:844px;
}
#bottomspace {display:block;margin: -1px 0 11px 0;
	background-color: #00397B;
/*	border-radius: 0 0 20px 20px;
	border-width: 0 0 20px 0;
	border-style: solid;
	border-color: #00397B; */
    width:844px;
    cursor:pointer;
    overflow:hidden;
}
#bottomEnd {text-align:center;font-size:16px;vertical-align:center;padding:10px;display:none;}

.oneuser > P {clear:both;margin:0 2px 0 2px;padding:0;line-height:14px;text-align:center;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.userIcons {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    margin: 2px 2px 2px 2px;
    border: 0px none red;
    background-repeat: no-repeat;
    text-decoration: none;
    }
.msgIcon {
    background-image: url(/images/gr2/nachricht.gif);
}
.galIcon {
    background-image: url(/images/gr2/galerie.gif);
    display:none;
}
.vidIcon {
	background-image: url(/images/gr2/vid3.gif);
	margin: 2px 3px;display:none;
}
.camIcon {
    background-image: url(/art/royal/images/icons/cam_blau.png);display:none;
}
.budIcon
{
    background-image: url(/art/royal/images/euro.png); 
    display:none;
}

.oneuser > .budIcon {
    background-image: url(/art/royal/images/euro.png); 
}

.oneuser > SPAN.filter {
	width: 211px;
	height: 174px;
    margin-top:-213px;
	display: block;
    background-size:212px 212px;
}

DIV.extra {
    background-color:rgba(0,27,52,0.3);
    height: 18px;
    padding:6px 6px 6px 6px;
    position: absolute;
    width: 198px;
    text-align:right;
    color:#FFFFFF;
    font-size:11px;
}

DIV.extra > SPAN.hot {
    background-image:url('/img/icon/dicky.png');
    float:left;
    min-width:17px;
    height:17px;
    display:inline-block;
    margin-left: 6px;
    background-repeat: no-repeat;
    color:#FFFFFF; 
}

DIV.extra > SPAN.smiley  {
    float:left;
    min-width:17px;
    height:17px;
    display:inline-block;
    margin-left:6px;
    background-image:url(/img/icon/smiley-on.svg);
    background-size:contain;
    background-repeat:no-repeat;
    color:#FFFFFF;
}

DIV.extra > SPAN.note  {
    background-image: URL('/images/gr2/icon_notizen.png');
    background-position: 0px -15px;
    background-repeat: no-repeat;
    float:left;
    min-width:15px;
    height:15px;
    display:inline-block;
    margin:2px 0 0 6px;
}

DIV.extra > SPAN.edit  {
	text-decoration: none;
	background-image: url('/img/comm/sprite.png');
	background-repeat: no-repeat;
	height: 20px;
    width:  20px;
	display: none;
    background-position: 0px -200px;
    float:left;
    position:relative;
}

.oneuserext > SPAN.filter {
	width: 176px;
	height: 176px;
	display: block;
	margin-top: 32px;
	margin-left: 9px;
}

p.media IMG.filter {
	width: 80px;
	height: 80px;
	display: block;
	margin: 0;
    background-size:cover;
}

.online0 {color:#90EE90;}
.online1 {color:#90EE90;}
.online2 {color:#FED500;}
.online3 {color:#FED500;}
.online4 {color:#FED500;}
.online5 {color:#90EE90;}
.online6 {color:#90EE90;}
.online7 {color:#FF5656;}
.online8 {color:#FF5656;}
.online9 {color:#FF5656;}
.online10 {color:#EA3333;}
#moreLinkContainer {display:none;position:fixed;left:0;top:74px;right:0;
        padding:8px;width:480px;cursor:pointer;
        font-size:18px;color:#FFFFFF;
        text-align:center;margin:0px auto;background-color:#001B34;
        height:24px;border-width:0 12px 0 12px;border-style:solid;border-color:#001B34;border-radius:24px;}
#moreLinkContainer > SPAN {color:inherit;font-size:inherit;}
#moreNumber {color:inherit;font-size:inherit;}
#moreLinkContainer > SPAN#moreLinkClose {float:right;padding:4px;margin-top:-4px;color:#003E88}

#greenPoint {border-radius:8px;border-color:#90EE90;border-style:solid;border-width:8px;display:inline-block;margin-top:4px;margin-right:20px;}

BODY, HTML {
    background-color: #004EA8;
    height:100%;
}
BODY {min-height:100vh;}

#facepichint {position:fixed;left:0px;right:0;top:40px;color:#001B34;line-height:34px;
font-weight:bold;vertical-align:middle;text-align:center;width:608px;font-size:12px;margin:0 auto;
border:0px solid #003E88;height:34px;border-radius:0 0 12px 12px;display:block; 
background-color:#CAFF00;
background-image:linear-gradient(to right, #8bff00 0%,#c8ff00 21%,#e2ff00 31%,#f4ff00 43%,#f6ff00 53%,#efff00 61%,#dfff00 70%,#bdff00 83%,#8aff00 100%);}
#facepichint > a,#facepichint > a:visited, #facepichint > a:hover {padding:2px 2px 2px 8px;color:#004EA8}
#facepichint > #facepichintclose {float:right;padding:0 8px 0 4px;}
/* INPUTS */

INPUT {
    color: #FFFFFF;
    background-color: #006BD4;
    border-radius: 4px;
    border-width: 1px;
    border-color: #006BD4;
    font-weight: bold;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    margin: 10px 4px 0px 4px;
    padding:3px 2px 2px 2px;
    text-align:center; 
    background-image: url('/img/icon/select-drop.png');
    background-repeat: no-repeat;
    text-overflow:ellipsis;
    background-position:151px 6px;width:160px;}

IMG#action {
    float:left;
    width:32px;
    height:28px;
    padding:0;
    margin:6px 0 0 12px;
    border-style: none;
    cursor:pointer;
}

#action:hover {
    animation:rotate 5s linear infinite; 
}

.optionList {position:fixed;display:none;top:30px;background-color:#004497;
color:#FFFFFF;line-height:15px;max-width:250px;min-width:150px;border-radius:0 0 8px 8px;border-bottom:8px solid #004497;
max-height:calc(100% - 50px);overflow-y:auto;box-shadow:2px 8px 4px rgba(0,27,52,0.3);}

.hidden {display:none;}

.optionItem {
	cursor: pointer;
	padding: 0 12px 0 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 30px;
	text-align: left;
	border-top: 1px solid #004497;
	font-size: 12px;
    background-color: #004497;
}

.optionItem:hover {
    background-color: #006BD4;
}

/*
.pac-container {background-color:#004497;color:#FFFFFF;line-height:15px;width:250px !important;
border-radius:0 0 8px 8px;border-bottom:8px solid #004497;box-shadow:2px 8px 4px rgba(0,27,52,0.3);}

.pac-item {
	cursor: pointer;
	padding: 0 4px 0 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 30px;
	text-align: left;
	border-top: 1px solid #004497;
	font-size: 12px;
    background-color: #004497;
}


.pac-item-selected {background-color: #006BD4;color:#FFFFFF;font-size:12px;}
.pac-item:hover {background-color: #006BD4;color:#FFFFFF;font-size:12px;}
.pac-matched {background-color:#FFFFFF;color:#004497;font-size:12px;}
SPAN.pac-item-query {color:#3DBFEE;font-size:12px;font-weight:bold;}

.pac-item > span {color: #FFFFFF;}

.pac-logo::after {
	content: "";
	padding: 1px 1px 1px 0;
	height: 18px;
	box-sizing: border-box;
	text-align: right;
	display: block;
	background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 120px 14px;
}

.pac-icon-marker {
	background-position: -1px -161px;
}

.pac-icon {
	width: 15px;
	height: 20px;
	margin-right: 7px;
	margin-top: 6px;
	display: none;
	vertical-align: top;
	background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
	background-size: 34px;
}

.pac-item-query {
    color: #7DB1D8;
    font-size: 12px;
}

.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #3DBFEE;
} */

::placeholder {
	color:#AEBCD0;
	opacity: 1;
} 

		#wait-spinner {
			width: 60px;
			height: 60px;
			background-image:url('/art/royal/images/icons/circle1.png');
			z-index:10000;
			position: fixed;
			top: 50%;
			left: 50%;
			margin: -30px 0 0 -30px;
            animation:rotate 1s linear infinite; 
            display:none;
		}
        @keyframes rotate{to{transform:rotate(360deg)}}
        #myInfo SPAN {margin:0;float;right;margin-top:-4px;font-size:9px;color:#AEBCD0;position:absolute;}