.b12c {
	background: #000 url(../web-img/porte-poisch.jpg) top left no-repeat !important;
}


.container {
width: 520px;
	margin: 0 auto;
	background-image: url(../img/trans.png); 
	background-repeat: repeat;
}

#nav {
	position: relative;
	width: 500px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #D7B700;
	color: #D7B700;
}
#nav ul {
	margin: .3em 0;
	padding: 0;
}
#nav ul li {
	display: inline;
	margin: 0 1em;
	padding: 0;
	font-size: .9em;
}
#nav ul li a {
	text-decoration: none;
	color: #D7B700;
}



#cal {
	width: 500px;
	margin: 0 auto;
	color: #ddd;
}

#cal p {
	color: #ddd;
	font-weight: normal;
	padding: 0;
	margin: 0.2em 0 0.3em 0; 
}
#cal h3 {
	text-align: left;
	font-size: 1em;
	margin: 1em 0 .2em 0;
	padding: 0;
}

#cal .event {
	width: 500px;
	margin: 1em 0;
	padding: .5em;
	border-top: 2px solid #aaa;
	background-color: #333;
}

#cal .event h3 {
	text-align: left;
	float: left;
	margin: 0 0 .5em 0;
	padding: 0;
}
#cal .event .date {
	text-align: right;
	float: right;
	font-size: .9em;
	margin: 0;
	padding: .3em 0 0 0;
}
#cal .desc {
	clear: both;
	padding: .3em 0;
	border-top : 1px solid #aaa;
}
#cal .desc img {
	float: right;
	margin: 0 0 2px 10px;
	padding: 0;
}
#cal .event p {
	color: #ddd;
	font-weight: normal;
	text-align: justify;
}
#cal .event .price {
	clear: both;
	float: left;
	font-size: .8em;
	font-weight: bold;
}
#cal .event .booking {
	float: right;
}
#cal .event hr.clear {
	clear: both;
	color: transparent;
	border: none;
	height: 0;
}

#cal .concert {
	background-color: #3c0000;
}
#cal .voyage {
	background-color: #1d1f39;
}