.top {
  vertical-align: top;
}
#saal {
  width: 680px;
  height:503px;
  background-image:url(/images/background_lounge.gif);
  background-color:white;
  overflow:hidden;
  position:relative;
}
#kino {
  width: 680px;
  background-color:white;
  overflow:hidden;
  position:relative;
  padding-top:10px;
}
#stage {
  width: 680px;
  background-image:url(/images/background_stage.gif);
  overflow:hidden;
  position:relative;
  height:206px;
}
.brown {
  color: #333;
}
.block {
  display:block;
}
.seatrow { }
#reihe1 { position:absolute;top:20px;left:125px;}
#reihe2 { position:absolute;top:125px;left:125px;}
#reihe3 { position:absolute;top:240px;left:125px;}
#reihe4 { position:absolute;top:315px;left:67px;}
#reihe5 { position:absolute;top:390px;left:67px;}
.infobutton {
  background-color: #990000;
  padding:2px;
  color: #ffffcc;
  margin-top:4px;
}
.chair {
  
}
.bigchair {
  padding-top:5px;
  width: 24px;
  height: 19px;
  text-align: center;
  margin:3px;
  float:left;
  border:1px solid brown;
  cursor:pointer;
  font-size:11px;
}
.smallchair {
  padding-top:4px;
  width: 20px;
  height: 19px;
  text-align: center;
  margin:2px;
  float:left;
  border:1px solid brown;
  cursor:pointer;
  font-size:11px;
}
.available {
  background-color: #e9d8c4;  
}
.occupied {
  background-color: #EDEDED;
  border:1px solid #999;
  color: #999;
}
.light {
  background-color: #bfa387;
  /*bfa387*/
}
.largeMarginBottom {
  margin-bottom:24px;
}
.smaller {
  font-size:10px;
}
.bookingtable {
  width: 88px;
  height: 88px;
  position: relative;
  float:left; 
  margin:14px;
}
#cart {
  overflow:hidden;
}
.maintable {
  width: 25px;
  height:25px;
  position: absolute;
  left: 30px;
  top: 30px;
  background: #EDEDED;
  border:1px solid #999;  
}
.maintabletop {
  width: 24px;
  height:24px;
  position: absolute;
  left: 31px;
  top: 4px;
  background: #EDEDED;
  border:1px solid #999;  
}
.maintablebottom {
  width: 24px;
  height:24px;
  position: absolute;
  left: 31px;
  bottom: 4px;
  background: #EDEDED;
  border:1px solid #999;  
}
.pos1 { position: absolute;top:1px;left:1px;}
.pos2 { position: absolute;top:1px;right:1px;}
.pos3 { position: absolute;bottom:1px;left:1px;}
.pos4 { position: absolute;bottom:1px;right:1px;}
.pos5 { position: absolute;top:28px;left:28px;}

.pos6 { position: absolute;bottom:1px;left:1px;}
.pos7 { position: absolute;bottom:1px;right:1px;}
.pos8 { position: absolute;bottom:28px;left:28px;}


.booking {
  background-color: yellow;
}
#booking {width:151px;}
a:link { color: #a31a1a;text-decoration: none;} 
a:active { color: #a31a1a;text-decoration: none;} 
a:visited {color: #a31a1a;text-decoration: none;}
a:hover {color: #a31a1a;text-decoration: underline;}
a.white {color:white;text-decoration:none;}
a.white:hover {color:white;text-decoration:none;}
a.none { text-decoration:none;}
a.arrow {
  background-image: url(/images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 4px;
  color: #A81111;
  display:inline;
  padding:6px;
  padding-left:12px;
  margin-top: 8px;
  margin-bottom:8px;
  font-family: Arial;
  font-size:11px;
  font-weight:bold;
}

.userDropdown {
  width: 170px;
  overflow: hidden;
  margin-bottom: 4px;
  border: 1px solid #C7C7C7;
  padding: 2px;
  color: #666;
}
.divFriends {
  width: 298px;
  height: auto;
}
.tleft { text-align: left;}
.tright { text-align: right;}
.tcenter { text-align: center;}

div.table { display:table; border-collapse:collapse; }
div.tr { display:table-row; }
div.tr:hover { display:table-row; background-color: #FCF581;}
div.td { display:table-cell; border:1px solid white; padding:4px;vertical-align:top; }

.inline {
  display: inline;
}

.userPic {
  width: 90px;
  height: 120px;
  overflow:hidden;
}
.userPicSmall {
  width: 60px;
  height: 80px;
  overflow:hidden;
}
.marginRight: {
  margin-right: 4px;
}

.alert {
  background-color: white;
  padding: 1px;
  color: red;
  border: 1px solid red;
  padding: 4px;
  padding-left:24px;
  margin: 4px;
  background-image: url(/images/exclamation.gif);
  background-repeat: no-repeat;
}
ul,li {
  padding:0;
  margin:0;
  list-style:none;
}
#logoMostropolis {
  height: 120px;
  width: 193px;  
  float: left;
}
#logoRaika {
  height: 120px;
  width: 257px;  
  float: left;
}
#topBanner {    
  height: 120px;
  width: 550px;
  float: left;  
  background-image: url(/images/topBackground.gif);
}
#statusMostropolis {
  background-color: #009C4B;
  padding: 4px;
  clear: left;
  border-bottom: 5px solid white;
}
.blockHeader {
  
}
.thumbsHolder {
  padding: 4px;
  width: 84px;
  height: 60px;
  margin-right: 2px;  
  margin-bottom: 2px;   
  text-align: center;
  cursor: pointer;
}
.thumbsHolderReport {
  padding: 4px;
  width: 141px;
  height: 95px;
  margin-right: 12px;  
  margin-bottom: 12px;   
  text-align: center;
  cursor: pointer;
}
.expandHandle {  
  text-transform: uppercase;
  color: #663300;
  font-weight:900;
  font-size:16px;
}
.noexpandHandle {
  background-image: url(/images/noexpandHandle.gif);
} 

.block {
  display: block;
}
.row_even, .even, .row {
  background-color: white;
}
.row_uneven, .uneven {
  background-color: #fbf4a9;  
}
.borderlight {
  border: 1px solid #EFEFEF;
}
.row_even:hover, .row_uneven:hover {
  background-color: #FCF581;
}
img, image {
  border:0;
}

.icon_green {background: url(/images/m_icon_green.gif);background-repeat:no-repeat;}
.icon_red {background: url(/images/m_icon_red.gif);background-repeat:no-repeat;}
.icon_gold {background: url(/images/m_icon_gold.gif);background-repeat:no-repeat;}
.icon_gray {background: url(/images/m_icon_gray.gif);background-repeat:no-repeat;}
.icon_yellow {background: url(/images/m_icon_yellow.gif);background-repeat:no-repeat;}
.icon_lila {background: url(/images/m_icon_lila.gif);background-repeat:no-repeat;}
.icon_bordeaux {background: url(/images/m_icon_bordeaux.gif);background-repeat:no-repeat;}
.icon_blue {background: url(/images/m_icon_blue.gif);background-repeat:no-repeat;}
.ico {
 width: 40px;
 float:left;
}
#menuLevel_0 {
  list-style: none; padding: 0; margin:0;margin-bottom:4px;
}

#menuLevel_0 li{    
  padding: 2px 2px 2px 26px;
  margin-bottom:2px;
  background-color: #E9FFC6;
}
#menuLevel_0 li:hover {

}
#menuLevel_0 a { color: #333;text-decoration:none;}

#userMenu {
  list-style: none; padding: 0; margin:0;background-repeat:no-repeat;
}

#userMenu li{  
  background-repeat:no-repeat;
  margin:0px;
  padding:4px;
  margin-bottom:2px;
  background-position: 2px 2px;
  padding-left:24px;
  border:1px solid #EBEBEB;
}
form {
  padding:0;
  margin:0;
}
#userMenu li:hover {
  background-color: #ededed;
  background-repeat:no-repeat;
  margin:0px;
  margin-bottom:2px;
  padding:4px;
  padding-left:24px;
  background-position: 2px 2px;
  border:1px solid #EBEBEB;
}
#userMenu a { color: #333;text-decoration:none;}
#menuLevel_1 {
  list-style: none; padding-left:26px; margin:0;
}
#menuLevel_1 li{  
  background-color: white;
  padding: 2px 2px 2px 20px;
  margin:2px;  
}
.bannerTop {   
  width: 470px;
  height: 60px;  
}
#topSearch {    
  width: 188px;
  height: 22px;
}
.bannerSide {
  margin-top: 4px;
}
.link {
  cursor: pointer;
}
.table {
  width: 100%;
}
.invisible {
  display: none;
}
.visible {
  display: block;
}
.greenBG {
  background-color: #009C4B;
}
.greenBorder {
  border:1px solid #009C4B;
}
.left {
  float: left;
}
.clear {
  clear: left;
}
.green {
  color: #009C4B;
}
.yellow {
  color: #FFF200;
}
.inputError {
  border:0;
  color: red;
}

#demo-status
{
	background-color:		#F9F7ED;
	padding:				10px 15px;
	width:					420px;
}
 
#demo-status .progress
{
	background:				white url(/images/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#demo-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#demo-list
{
	list-style:				none;
	width:					450px;
	margin:					0;
}
 
#demo-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url(/images/file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
	background-image:		url(/images/uploading.png);
	background-color:		#D9DDE9;
}
#demo-list li.file.file-success
{
	background-image:		url(/images/success.png);
}
#demo-list li.file.file-failed
{
	background-image:		url(/images/failed.png);
}
 
#demo-list li.file .file-name
{
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}
#demo-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
#demo-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	clear
}
#demo-list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}
.containerGalery {
  width: 105px;
  height: 90px;
  float: left;
  margin-right: 8px;
  margin-top: 4px;
  padding: 4px;
}
/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbImage{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink{
	outline:none;
	display:block;
	float:right;
	height:20px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:17px; }
#mbPrevLink{ background: transparent url(prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(next.gif) no-repeat; }/* IMAGE: next */

/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover { background-position: 0 -23px; }

#mbCloseLink {
	width:20px;
	background: transparent url(close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}
/*tooltip*/
  
.tip				{ 
  width:200px;
  color:white;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(/images/balloon.png) top left no-repeat !important;
	background: url(/images/balloon.gif) top left no-repeat;
	font-size: 11px;
}
		.tip-top			{ color:white; padding-right: 20px;}
		.tip-title		{ color:white; padding-right: 20px;}
		.tip-text		{ color:white; padding-right: 20px;}
		.tip-bottom		{ 
		width:200px;
  color:white;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(/images/balloon.png) bottom left no-repeat !important;
	background: url(/images/balloon.gif) bottom left no-repeat;
	font-size: 11px;}