@charset "UTF-8";


html {
	background-color:#000000;
}


header {
	width: 1024px;
	heigt: 470px;
	clear: both;
	
}

#manhattanlogo  {
	width: 556px;
	height:162px;
	margin-left: 235px;
	clear: both;
}

#titelbild {
	width: 1024px;
	height: 252px;
	clear: both;
	margin-top: 40px;
}



body {
	background-color:#000000;
	max-width: 1030px;
	margin-right:auto;
	margin-left:auto;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
}

nav {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	text-align: center;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:14px;
	border-top: 5px;
	border-bottom: 5px;
	border-color: #FFF;
	border-top-style:solid;
	border-bottom-style:solid;
	
}

li {
	list-style: none;
	padding: 8px;
	display: inline;	
}

a:link {
	color: #FFF;
	text-decoration: none;	
}

a:visited {
	color: #FFF;
	text-decoration: none;
} 

a:hover {
	color:#C8C8C8;
	text-decoration: none;
}

a:active {
	color: #C8C8C8;
	text-decoration: underline;	
}




	

.column {
	  flex: 50%;
	  height: 200px;
	  padding: 10px;
	  margin: 5px;
	  text-align: center;
	}
	.container {
	   display: flex;
	}	

#divleftleft{
	
	width: 226px;
	height: 250px;
	margin-top: 20px;
	margin-left: 7px;
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 12px;
	border-right: 2px solid white;
	margin-bottom: 70px;
	
}

#divleft{
	
	width: 226px;
	height: 250px;
	margin-top: 20px;
	margin-left: 7px;
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 12px;
	border-right: 2px solid white;
	margin-bottom: 70px;
}


#divright{
	

	margin-top: 20px;
	margin-left: 7px;
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 12px;
	padding-left: 110px;
	margin-bottom: 70px;
	
	
}

#divrightright{
	

	margin-top: 20px;
	margin-left: 7px;
	padding-top: 5px;
	padding-right: 110px;
	margin-bottom: 70px;
}


footer {
	height: 90px;
	max-width: 1030px;
	text-align:center;
	font-size: 11px;
	margin-top: 60px;
	margin-bottom: 20px;
	clear: both;
}

h1 {
	text-align: center;
}

#ladybanner{
	margin-top: 40px;
	margin-bottom: 40px;
	padding-left: 50px;
}


#afterworktext{
	padding-right: 80px;
	width: 400px;
	float: right;
	text-align: center;
	margin-bottom: 40px;
}

#afterworkbanner{
	float: left;
	width: 1030px;
	margin-bottom: 40px;
}

#bottlenight{
	width: 1030px;

	margin-bottom: 40px;
		
}

#bottlenighttext{
	text-align: center;
	margin-bottom:60px;
}

#shotnight {
	width: 1030px;

	margin-bottom: 40px;
}


#kontaktbox {
	width: 500px;
	height: 300px;
	margin-top: 60px;
	float:left;
	margin-left: 70px;
}

#oeffnungszeiten {
	width: 300px;
	height: 300px;
	margin-top: 60px;
	margin-left: 70px;
	float: right;
}

#reservierung {
	text-align:left;
	margin-left: 70px;
	clear: both;
	
}

#karaoke {
	width: 412px;
	margin-left: 100px;
	margin-bottom: 50px;
	float: left;
}

#karaoketext {
	float: right;
	width: 512px;
	text-align:center;
}

section {
	width: 1024px;
	clear: both;
	margin-bottom: 50px;
}


#karten {
	
  margin: auto;
  display: block;
	margin-left: 0px;

	margin-bottom: 70px;
	font-size: 14pt;
	color: #FFF;
	text-align:center;

}

#karten img
{
  max-width: 55%;
  max-height: 55%;
  margin: auto;
  display: block;
}

#gallerietext{
	margin-top: 80px;
	text-align: center;
	font-size: 14pt;
	color: #FFF;
}

.unterstreichen{
	text-decoration: underline;
}



#slides {
      
	  margin-top: 40px;
    }
	
#zurzeit{
	margin-left: 100px;
	margin-bottom: 40px;
}

#zurzeit2{
	margin-left: 100px;
	margin-bottom: 40px;
}

#aktuell {
	margin-left: 105px;
	margin-bottom: 40px;
}

#video {
	 text-align: center;
}

#kegelbahn {
	text-align: center;
	margin-bottom: 60px;
}