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

html, body {
	padding:0px;
	margin:0px;
	background-color:#000;
	
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;	
	
	width:100%;
	height:100%;
	
	color:#FFFFFF;
	
	background-image:url(../images/bg-image.jpg);
	background-position:center;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	overflow:hidden;
}



#bg-slider {
	position:absolute;
	left:0px;
	top:0;
	
	width:100%;
	height:100%;
	
	padding:0px;
	margin:0px;
	
	list-style:none;
}

#bg-slider li {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;	
}





#page {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;	
}


#top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:55px;
	background-image:url(../images/top-bg-repeat.jpg);	
}


#logo {
	display:block;
	width:174px;
	height:40px;
	position:relative;
	margin:0 auto;
	padding-top:5px;	
}

#backbn {
	display:block;
	position:absolute;
	left:10px;
	top:15px;	
}


#content {
	position:absolute;
	width:100%;
	left:0;
	top:60px;
	overflow:hidden;
}



#content-slider {
	position:relative;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none;
}



#content-slider > li {
	position:absolute;
	width:96%;
	height:100%;
}



#content-slider > li > ul {
	padding:0px;
	margin:0px;
	list-style:none;	
}



#content-slider > li > ul > li {
	display:block;
	position:relative;
	margin-bottom:3px;
	height:95px;
	background-image:url(../images/rowicon.png);
	background-repeat:no-repeat;
	background-position:center right;
}


.black-bg {
	position:absolute;
	width:100%;
	height:100%;
	-webkit-opacity: 0.6!important;
	background-color:#000000;	
}



.row-content {
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;	
	-webkit-opacity: 1.0!important;
}

.row-glow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50%;
	background-color:#666;	
	-webkit-opacity: 0.2!important;
}

#menu {
	position:relative;
	width:320px;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none;
	margin:0 auto;
}


#menu > li{
	position:relative;
	width:80px;
	float:left;
	height:100%;
	text-align:center;
}


#menu > li > a:link,
#menu > li > a:visited {
	display:block;
	position:relative;
	width:100%;
	height:99%;
	line-height:63px;
	font-size:14px;
	color:#444A4E;
	font-weight:bold;
	text-shadow: -1px -1px black;
	text-decoration:none;
}

.activ {
	color:#FFF !important;	
}

#menu-slide {
	position:absolute;
	background-image:url(../images/menu-slide.png);
	background-position:left center;
	background-repeat:no-repeat;
	width:70px;
	height:31px;
	top:15px;
	left:5px;	
}

#event-detail-wrapper {
	padding:7px;	
}


#event-detail-adds {
	margin-top:10px;	
}

.event-list-image,
#event-detail-image {
	margin:5px;
	padding:3px;
	background-color:#333333;
	float:left;	
}

.event-list-details {
	overflow:hidden;
	padding-left:10px;
	padding-right:35px;
}

.event-list-details * ,
#event-detail-healine * {
	padding:0px;
	margin:0px;	
}

.event-list-details > h2,
#event-detail-healine > h2 {
	font-size:16px;
	color:#953C33;
	padding-top:5px;
	text-transform:uppercase;
	
}

.event-list-details > h1,
#event-detail-healine > h1 {
	color:#ffffff;
	font-size:18px;
	line-height:18px;
	padding:0px;
	margin:0px;
	padding-bottom:5px;
}


#more .event-list-details  h1 {
	padding-top:5px !important;
}

#more .event-list-details  h2 {
	padding-top:0px !important;
}

#debug {
	position:absolute;
	background-color:#000000;
	padding:10px;
	right:0;
	color:#FFF;	
}


#loader {
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../images/container-bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#000000;
	z-index:9999;
}

.clear{
	clear:both;
}


.loader {
	background-image:url(../images/loader.gif);
	background-position:center;
	background-repeat:no-repeat;	
}


div#loader-content {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;	
}


#event-detail-atending-list {
	position:relative;
	width:100%;
	overflow:hidden;
}


#event-detail-atending-list > ul {
	padding:0px;
	margin:0px;
	padding-left:3px;
	list-style:none;
}

#event-detail-atending-list > ul > li {
	position:relative;
	border-bottom:#1A1A1A 1px solid;
	margin-bottom:3px;
	height:50%;
	width:50%;
	float:left;
	background-position:center;	
}


.fb-user-icon {
	float:left;
	background-repeat:no-repeat;
	background-position:center;
}

.fb-user-icon > img {
	display:block;	
}

.fb-user-name {
	overflow:hidden;
	padding-left:5px;	
}


.fb-status {
	position:relative;
	height:25px;
	font-size:10px;
}


a:link,
a:visited {
	color:#ffffff;
	text-decoration:none;	
}


hr {
	color:inherit !important;
	background-color:transparent !important;
	height:3px;
	
	padding:0px;
	margin:0px;
	
	background-image:url(../images/sep-h.png);
	background-position:center;
	border:none !important;
}

#footer {
	position:absolute;
	width:100%;
	height:60px;
	bottom:0;
	background-image:url(../images/bottom-bg-repeat.jpg);		
}

.input {
	padding:4px;
	color:#FFFFFF;
	border:#292929 1px solid;
	background-color:#000000;
	
	background-image:url(../images/top-bg.jpg);
	background-position:bottom;
	background-color:#17181A;
	background-repeat:repeat-x;
}

.button {	
    background: #BF5144;
    width: 130px;
    padding: 9px;
    letter-spacing: 1px;
	font-size:16px;
    border: none;
    color: #ffffff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;		
}


.lounge {
	float:left;
	width:48%;
	height:60px;
	border:#232323 1px solid;
	margin-bottom:5px;
	margin-left:5px;
	overflow:hidden;
	background-color:#161618;
	background-position:left top;
	background-repeat:no-repeat;
}

.lounge > h1 {
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#ffffff;
	padding-left:30px;	
}

.lounge > h2 {
	padding:0px !important;
	margin:0px !important;
	font-size:14px !important;
	color:#FFF !important;	
	padding-left:30px !important;	
}

.lounge-status-0 {
	background-image:url(http://www.funfact-disco.de/images/res-green-dot.png);	
}

.lounge-status-1 {
	background-image:url(http://www.funfact-disco.de/images/res-yelow-dot.png);	
}

.lounge-status-2 {
	background-image:url(http://www.funfact-disco.de/images/res-red-dot.png);	
}

.lounge-status-3 {
	background-image:url(../images/res-grey-red-dot.png)	
}


#mobileapp {
	position:absolute;
	bottom:0;
	height:120px;
	background-color:#000;
	width:100%;
	z-index:99999;
	display:none;
	margin-bottom:60px;
}


#mobileapp > div {
	position:relative;
	margin:0 auto;
	padding:10px;	
}


#mobileapp h1 {
	padding:0px;
	margin:0px;
	font-size:18px;
	font-weight:bold;
	color:#BD1285;	
}


#mobileapp p {
	padding:0px;
	margin:0px;
	font-size:12px;	
}


#mobileapp a {
	display:block;
	position:absolute;
	right:0;
	top:0;	
}

td {
	font-size:12px;	
}


h1 {
	font-size:16px;	
}

.flairevent {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	margin:13px;
	margin-left:90px;
}

.eventdj {
	padding-top:5px;
	width:33%;
	float:left;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

.eventdj > img {
	display:block;
	margin:0 auto;	
}


#safeas {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000000;
	z-index:9999999;
	display:none;	
}