ul.button { clear:both; }
ul.button,
ul.button li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.cornerBox * {
	display:block;
}

.cornerBox {
	display:block;
	position: relative;
	background: #cccccc;
	float:left;
	color:#666;
	text-decoration:none;
}
.cornerBox:hover,
.cornerBox:focus {
	background: #bdbdbd;
	color:#333;
	text-decoration:none;
}



.corner {
	position: absolute;
	width: 11px;
	height: 11px;
	background: url('/schauspielhaus/images/buttons/corners.png') no-repeat;
	font-size: 0%;
}

.cornerBoxInner {
	border:1px solid #999; /* Optional */
	padding:4px 20px 4px 10px;
	color:#666;
	background: url('/schauspielhaus/images/buttons/arrow.png') right center no-repeat;
}
* html .cornerBoxInner {
	padding:4px 10px 4px 10px;
	background: none;
}

.smallbtn .cornerBoxInner {
	padding:2px 10px 2px 10px;
	background:none;
}


.smallbtn .cornerBox { margin-top:2px; }
.cornerBox:hover .cornerBoxInner {
	background: url('/schauspielhaus/images/buttons/arrow_hover.png') right center no-repeat;
}
* html .cornerBox:hover .cornerBoxInner {
	background: none;
}
.smallbtn .cornerBox:hover .cornerBoxInner {
	background: none;
}
.cornerBoxInner p {
	margin:0px;
}
.TL {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.TR {
	top: 0;
	right: 0;
	background-position: -11px 0;
}
.BL {
	bottom: 0;
	left: 0;
	background-position: 0 -10px;
}
.BR {
	bottom: 0;
	right: 0;
	background-position: -11px -10px;
}

* html  .corner {
	position: absolute;
	width: 11px;
	height: 11px;
	background: none;
	font-size: 0%;
}