@font-face { 
  font-family: 'Century Gothic'; 
  src: url('/css/font/century_gothic.eot'); 
  src: url('/css/font/century_gothic.eot?#iefix') format('embedded-opentype'),
  url('/css/font/century_gothic.svg#Century Gothic') format('svg'),
  url('/css/font/century_gothic.woff') format('woff'),
  url('/css/font/century_gothic.ttf') format('truetype'); 
  font-weight: normal; 
  font-style: normal;
  }

 

#ent {
	font-family: 'Century Gothic'
	font-size: 4em;
	color: #fff;
}

img {
  border: 0px;
} 
  
#jobs input {
	line-height: 21px;
	margin-bottom: 5px;
}
 
* {
    margin:0;
    padding:0;
}

html {
	background: url(/img/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html, body {
    height:100%;
}

#wrap {
    min-height:100%;
	

}

#header {
    
	position: relative;
}

#content {
	margin-top: 30px;

}

.absperrband {
	padding-left: 149px;
	position: absolute;
    top: -10px;
}

.countdown {
	color: #FF0000;
	font-size: 28px;
	font-weight: bold;
}

#btn {
	background-color: #d69200;
    color: #fff;
    font-size: 15px;
    height: 40px;
    margin-top: 20px;
    width: 462px;
}
 
body {
  margin: 0;
  padding: 0;
  font-family: "Century Gothic";
  font-size: 13px;
  color: #fff;
}

input {
  font: 12px/100% ;
  border: 1px solid black;
}



textarea, select {
  font: 12px/100% ;	
  border: 1px solid black;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #fff;
  font-family: 'Century Gothic';
}

h1 {
  font-size: 16px;
}

h2 {
  font-size: 160%;
  }

h3.head {
  margin-bottom: 24px;
}  

h3.headres {
  margin-top: 20px;
  margin-bottom: 24px;
}  
  
  
h3 {
  font-family: 'Century Gothic';
  font-size: 26px;
   text-transform:uppercase;
   color:rgb(128,128,128);
   font-weight:normal;
   
   margin-top: 2px;
}
h3.more {
  margin-top: 16px;
}
h3.more a{
  text-decoration:none;
  font-size: 18px;
  
}

h3.more a:hover{
  text-decoration:none;
  font-size: 18px;
  color:#ccc;
}

h3.location {
  margin-bottom: 30px;
}



h4 {
   font-size: 11px;
   font-weight:bold;
   text-transform:uppercase;
   color:#b1b1b1;
   margin-top:4px;
   margin-bottom: 1px;
   padding-left: 5px;
   

}

h5 {
   font-size: 12px;
   text-transform:uppercase;
   color:#fff;
   margin-top:-1px;
   margin-bottom: 5px;
   padding-left: 5px;
}

h6 {
  font-size: 110%;
}

ul, quote, code, fieldset {
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
}

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

a:hover {
color: #5f5f5f;
text-decoration: underline;
}

a:active, a.active {
  color: #5f5f5f;
}

.clear {
clear:both;
}


.layout {
min-height:100%;
width: 1000px; /* im .footer auch! */
margin: 0 auto;
padding: 0; 

}

.capitalorange {
  color: #d69200;
  text-transform: uppercase;
  font-weight: normal;
  
}


.logo {
 width: 200px;
 position:relative;
 left:0;
 right:0;
 margin-left:230px;
 margin-right:auto;
}



.menul {
 width: 800px;
 position: absolute;
 top: 160px;
 background-color:rgb(0,0,0);
 background-color:rgba(0,0,0,0.5);
 height:40px;

}



.menul a:hover , .menul a#active {
color: #d69200;
}



.menul ul{
 margin-left: 40px;
}
.menul ul li{
 display:inline-block;
 list-style-type:none;
 margin-right: 14px;
 }
 
.menul ul li a{
 font-family: 'Century Gothic';
 color: #fff;
 text-transform:uppercase;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
 display:block;
 padding: 0 10px 0 0; /* top right bottom left */
 margin:0px;
  
}

.social a {
  padding: 0px !important;
}

 
.menul ul li a:hover{
 
}
 
 .menul ul li.active a,{

 color: red;
 }
 
 .menul ul li.active, .menul ul li:hover {
 
   color: #fff;
 }
 
.menu2 {
 width: 800px;
 position: absolute;
 top: 204px;
 background-color:rgb(0,0,0);
 background-color:rgba(0,0,0,0.5);
 height:22px;
}

.menu2_laufschrift {
	padding-left: 10px;
	padding-right: 10px;
	color: #D89300;
	font-weight: bold;
}

#businessdownload, #businessdownload a {
  background-color: #d69200;
  width: 320px !important;
  height: 40px;
  font-size: 15px;
  color: #fff;
  line-height: 36px;
  text-transform: none;
  letter-spacing: 0px;
}

.onepartner {
  float: left;
}

 .content {
  position: relative;
  top: 180px;
  }
 
 
 #footer {
   width: 100%;
   text-align: right;
   padding-top: 10px;
   
}
 
#eventtextopen {
padding-top: 40px;
padding-right: 80px;
padding-left: 80px; 
letter-spacing: 1.5px;
/* Fenster höhen begrenzung / Texte sind zu lang...
 height: 677px;
overflow:hidden;
*/
padding-bottom: 10px;
width: 800px;
background-color: #38220a;
opacity: 0.8;
border-radius: 5px;
}

#eventtextopen h3 {
color: #fff;
overflow: hidden;
text-overflow: clip;
font-size: 20px;
font-weight: bold;
line-height: 110%;
}
 
#contentinner, #footerinner , #headerinner, #headermenu{
  width: 800px; 
  margin: 0 auto;
  padding: 0; 
  border: none;
  min-height: 100%;
  height:auto !important; 
  height:100%;
  overflow: hidden;
}

#footerinner{
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.7);
}

#contentinner{
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.7);
}

#headermenu{
  margin-top: 35px;	
}

#headerinner {
position:relative;
}

#footer ul {
padding-left: 0px;
width: 780px;
}

#footer ul li {
 display:inline-block;
 padding-top: 10px;
 padding-right: 10px;
 list-style-type:none
 }
 
#footer ul li a{
 color: #fff;
 text-transform:uppercase;
 font-size: 12px;
}
  
  
 .social img {
	position: relative;
    top: 7px;
	border: 0px;
}
 
 .spruch  {
	width: 500px;
 }
 
/** Layout der unterseiten **/
/**
.flyer_random   { 
margin: 0px 40px 0px 40px; /* top right bottom left */ }
**/
.twocols  { 
margin: 0px 0px 0px 0px; /* top right bottom left */ }


.twocols .left {
width: 665px; 
float: left;
border: 0px solid #fff;
margin-right: 5px;
}

.twocols  .right {
width: 330px; 
float: left;
border: 0px solid #fff;
}


.flyer_random a{display: block;}


ul.flyer_random_nav  {
margin: auto auto;
display: block;
text-align:center;


}
ul.flyer_random_nav  li {
 display:inline;
 list-style-type:none;
 }
 
ul.flyer_random_nav li a{
 color: #000;
 text-transform:uppercase;
 font-size: 10px;
  background-image: URL("/img/flyer_random.png");
  background-repeat:no-repeat;
  background-position: bottom center;
  padding-left:8px;
  padding-right:8px;
  display:inline;
  }
ul.flyer_random_nav li.active a, ul.flyer_random_nav li a:hover{
background-image: URL("/img/flyer_random_Activ.png");
}

.flyer_random .fb-like {

display: block;
float:right;
width: 212px !important;
margin-top: 5px !important;
height: 20px !important;
}

.threecols.left,
.threecols.middle,
.threecols.right {
float:left; 
width: 330px;
margin-right: 5px;
}
.threecols.right {
margin-right: 0px !important;
}


#eventtext {
padding-top: 40px;
padding-right: 80px;
padding-left: 80px; 
letter-spacing: 1.5px;
/* Fenster höhen begrenzung / Texte sind zu lang...
 height: 677px;
overflow:hidden;
*/
padding-bottom: 10px;
line-height: 100%;
width: 598px;
}

#eventtext h3 {
white-space: initial;
color: #fff;
overflow: hidden;
text-overflow: clip;
font-size: 20px;
font-weight: bold;
line-height: 110%;
}
.eventtext pre {

}
.eventlinks {
margin-top: 20px;
}
.eventlinks a:hover{
color:#ccc;
text-decoration: none;
}



/* Das sind die Links im Eventtext */
.linker {
line-height: 30px;
font-size: 20px;
}



div.photoinner {
   width:330px;
   height:185px;
   overflow:hidden;
   margin-bottom: 7px;
}



.onephoto {
margin-bottom: 0px;
background-color: rgba(76, 52, 24, 0.6);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.onevideo {
margin-bottom: 0px;
background-color: rgba(76, 52, 24, 0.6);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.latestvideo{
margin-bottom: 0px;
background-color: rgba(76, 52, 24, 0.6);
width: 588px;
height: 280px;
padding: 20px;
margin-left: 8px;
}

.oneinspiration {
margin-bottom: 0px;
background-color: rgba(76, 52, 24, 0.6);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.onecol {
 padding: 20px;
}

.onevideo  {
width: 170px;
padding: 14px;
float: left;
margin: 8px;
height: 110px;
}

.onephoto {
width: 170px;
padding: 14px;
float: left;
margin: 8px;
height: 130px;
}

.oneinspiration {
width: 180px;
padding: 14px;
float: left;
margin: 8px;
height: 130px;
}

.imagebox  {
height: 400px;
overflow-y: scroll;
}

.imageboxbild {
  height: 400px;
  overflow-y: scroll;
}

#eventstream{
			width: 761px;
			height: 282px;
			overflow: hidden;
			background: #fdfdfd;
		}
		#eventstream ul{
			width: auto;
			margin: 0;
			padding: 0;
			list-style: none;
			overflow: hidden;
		}
		#eventstream li{
			width: 190px;
			height: 280px;
			float: left;
		}
		.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
		    height: 100%;
		    left: 0;
		    width: 198px !important;
		    background-color: #d69200 !important;
		    border-radius: 6px;
		}
		.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		    background-color: #d69200 !important;
		    
		}
		.mCSB_scrollTools.mCSB_scrollTools_horizontal {
			height: 12px !important;
		}	
		.mCSB_scrollTools .mCSB_draggerRail {
		    background-color: #fff !important;
		}


#scroller::-webkit-scrollbar{
background-color:#DCDCDC;
height: 8px;
scrollbar-base-color:#DCDCDC;
-webkit-appearance: none;
} 
#scroller::-webkit-scrollbar-thumb{
background-color:#A9A9A9;
border-radius:0px;
scrollbar-track-color:#d69200;
}

#scroller::-webkit-scrollbar-thumb:active{
background-color:#d69200;
scrollbar-track-color:#d69200;
} 



.eventstreaminner {
width: 1330px;
}





.business {
 padding-left: 40px;
 padding-right: 40px;
 letter-spacing: 1.5px;
 text-transform: uppercase;
}

.business textarea {
 width:690px !important;
}

.kontakt {
 padding-left: 40px;
 padding-right: 40px;
 letter-spacing: 1.5px;
}
.club {
 padding-left: 40px;
 padding-right: 40px;
 letter-spacing: 1.5px;
 text-transform: uppercase;
}

.club b  {
  line-height: 13px;
  font-family: 'Century Gothic', cursive;
  font-size: 30px;
 }
 
.reservierungen {
 padding-left: 40px;
 padding-right: 40px;
 letter-spacing: 1.5px;
 text-transform: uppercase;
}

 .fotos {
 padding-left: 40px;
 padding-right: 40px;
}


.reservierung-slector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.tisch{background-image:url(/img/reservierung_tisch.png);}
.lounge{background-image:url(/img/reservierung_lounge.png);}
.stammtisch{background-image:url(/img/reservierung_stammtisch.png);}

.reservierung-slector input:active +.drinkcard-cc{opacity: .9;}
.reservierung-slector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:500px;
	height:130px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-filter: sepia(1) grayscale(1);
     filter: sepia(1) grayscale(1);         
			
}
.drinkcard-cc:hover{
    -webkit-filter: opacity(.9);
       -moz-filter: opacity(.9);
            filter: opacity(.9);
}





.onevideo a:hover {text-decoration: none; }


img.pnghovergal{
opacity: 1; 
filter: alpha(opacity=100);
max-height: 185px;
max-width: 330px;
object-fit: cover;
}

img.pnghovergal:hover {
opacity: 0.8; 
filter: alpha(opacity=30);
}


img.pnghover{
 opacity: 1.0; 
filter: alpha(opacity=100);
max-width: 170px;
object-fit: cover;

}

img.pnghover:hover {
/*
-webkit-filter: grayscale(0.0);
*/
opacity: 0.8; 
filter: alpha(opacity=80);

/* transform:scale(1.05); 
transition-duration: 0.1s;*/
}


img.pnghoverimp{
 opacity: 1.0; 
filter: alpha(opacity=100);
max-width: 180px;
object-fit: cover;
max-height: 120px;

}

img.pnghoverimp:hover {
/*
-webkit-filter: grayscale(0.0);
*/
opacity: 0.8; 
filter: alpha(opacity=80);

/* transform:scale(1.05); 
transition-duration: 0.1s;*/
}


img.grey {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(/desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
transition:all 500ms
}

img.grey:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
transition-property: all;
transition-duration: 0.1s;
/* transform:scale(1.1); */
} 
  



.headline.bilder img {
margin: 0px 2px -1px 0px; /* top right bottom left */ 
padding:0px;
} 




pre.event { 


}


.error {
	border: 2px dotted #ff0000;
    color: #ff0000;
    font-size: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 680px;
    font-weight: bold;
}

.ok {
	border: 2px dotted #d69200;
    color: #d69200;
    font-size: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 680px;
    font-weight: bold;
}



/** Video Unterseite **/
 

.videop #thumbs { overflow: auto; width: 1000px; border: 0px solid #E7E7DE; padding: 0; float: left; }
.videop  #thumbs ul { list-style-type: none; margin: 0; padding: 0 0 0 0; }
.videop  #thumbs ul li { height: 180px; display:inline-table; width: 197px; border: 0; margin: 0px; padding: 0px;}
.videop  #thumbs ul li a {text-decoration: none;}
		
		
.videop  .thumb { border: 0;  width: 330px; height: 185px; background: url(http://a.vimeocdn.com/thumbnails/defaults/default.75x100.jpg); }
.videop  #embed { height: 500px; width: 1000px; float: left; padding: 10px; }

.videop  #portrait { float: left; margin-right: 5px; max-width: 100px; }
.videop  #stats { clear: both; margin-bottom: 20px; }
  
  
 
.ok {border: 3px solid green; padding: 20px; font-size: 14px;}


  
.lileft {
	margin-left:15px;
}

ul {
	list-style-type: none;
}

/* Galerie Grid view */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}
  
  
.span_1_of_8 {
	width: 22.6%;
	margin: 1% 0 1% 3.2%;
}

.span_1_of_8:nth-child(4n+1) {
	clear: both;
	margin-left: 0;
}  
.out {padding: 50px;}



.impressum , .dark {
background-color:rgb(40,40,40);
}

.impressum h4 {
padding-left: 0px;
font-size: 14px;
margin-top: 20px;
margin-bottom: 5px;
}

.impressum p {
text-align:justify;
font-size: 12px;
}
.kontaktout {
background-color: rgb(40,40,40);
}

.kontakt {
font-size: 13px;
}



.inner {
padding: 20px;
}

small { color:#666;}
small a{ color:#666;}