@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'droid_sansbold';
    src: url('DroidSans-Bold-webfont.eot');
    src: url('DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-Bold-webfont.woff') format('woff'),
         url('DroidSans-Bold-webfont.ttf') format('truetype'),
         url('DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_sansregular';
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, #wrap {
	height: 100%;
}

body > #wrap {
    height: auto;
    min-height: 100%;
}

body {
	background-image:url(../img/bg.png);
	background-repeat:repeat;
	background-color:#f4f0df;
	padding:0;
	margin:0;
	color:#3a3a3a;
}

#main {
	padding-bottom: 275px;
}

#logo {
	position:relative;
	width:100%;
	height:103px;
	text-align:center;
	background-color:#fff;
	padding-top:37px;
}

#menu {
	position:relative;
	width:100%;
	height:30px;
	padding-top:10px;
	text-align:center;
	background-color:#b22117;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:3px;
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
}

#menu a {
	padding:0 12px 0 12px;
	color:#fff;
	text-decoration:none;
}

.active {
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
}

#teaser {
	position:relative;
	margin: auto;
	width:900px;
	overflow:auto;
}

.teaser1 {
	float:left;
	margin-left: 105px;
	margin-right: 40px;
}

.teaser2 {
	float:left;
	margin-right: 40px;
}

.teaser3 {
	float:left;
}

#teaser img {
	padding-bottom:1px;
}

.teasertext {
	background-color:#b22117;
	width:165px;
	padding: 10px 15px 10px 15px;
	color:#f1ecd5;
	min-height:52px;
	text-align: center;
}

.teasertext h2 {
	padding:0;
	margin:0;
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
	font-size:14px;
	line-height:16px;
	margin-bottom: 5px;
}

.teasertext span {
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:12px;
}

.teasertext2 {
	background-color:#b22117;
	width:165px;
	padding: 10px 15px 10px 15px;
	color:#f1ecd5;
	z-index:999;
	height:50px;
}

.teasertext2 h2 {
	padding:0;
	margin:0;
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
	font-size:14px;
	line-height:16px;
}

.teasertext2 span {
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:12px;
}

#text {
	position:relative;
	width:900px;
	margin:auto;
	padding:60px 0;
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:12px;
	line-height:24px;
}

#text a {
	color:#b22117;
}

#text h1 {
	color:#b22117;
	font-size:14px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
	padding:0 0 10px 0;
	margin:0;
}

#footer {
    position: relative;
	background-image:url(../img/bg-footer.png);
	background-repeat:repeat;
	margin-top: -275px;
	height: 275px;
	clear:both;
}

#footercontent {
    position: relative;
	width:900px;
	height:140px;
	padding: 60px 0 60px 0;
	margin:auto;
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:12px;
}

#footercontentleft h3 {
    padding:0 0 10px 0;
	margin:0;
	font-size:14px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
}

#footercontentleft {
    float:left;
}

#footercontentleft a {
	color:#b22117;
}

#footercontentright {
    float:right;
	margin-top:140px;
}

#footercontentright a {
    margin-left:15px;
	color:#b22117;
}

.concert {
	margin-top:40px;
	color:#fff;
	font-size:14px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
}

.datum, .info, .veranstaltung {
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:13px;
	line-height:18px;
}

.veranstaltung h3 {
    padding:0 0 10px 0;
	margin:0;
	font-size:14px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
}

.veranstaltung a {
    color:#b22117;
}

#bar {
	width:900px;
	height:40px;
	background-color:#3a3a3a;
	margin:40px auto 0 auto;
}

.barleft {
	float:left;
}

.barright {
	float:right;
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:13px;
	color:#fff;
	padding: 11px 15px 0 0;
}

.barright a {
	color:#fff;
	text-decoration:none;
}

.barleft h1 {
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	padding:8px 0 0 15px;
	margin:0;
}

#content {
	width:900px;
	margin:auto;
	padding:40px 0;
	overflow:auto;
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:13px;
}

#contentleft {
	width:665px;
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:13px;
	line-height:24px;
	float:left;
}

#contentleft a, #content a {
    color:#b22117;
}

#contentrightbox {
	background-color:#b22117;
	padding:20px;
	width:155px;
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:13px;
	color:#fff;
}

#contentright {
	width:195px;
    float:right;
}

.logo {
	width:195px;
	text-align:center;
	padding:40px 0 40px 0;
	border-bottom:2px solid #e2e2e2;
}

.konzerte {
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	padding:0 0 0 15px;
	margin:0;
}

.contentlocations {
	padding:0 0 40px 0;
	margin:0 0 40px 0;
	border-bottom:2px solid #e2e2e2;
	overflow:auto;
}

.contentlocations-last {
	overflow:auto;
	padding-bottom:20px;
}

.columnleft {
	float:left;
	width:430px;
}

.columnright {
	float:right;
	width:430px;
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:13px;
	line-height:18px;
}

.columnright h3 {
    padding:0 0 10px 0;
	margin:0;
	font-size:14px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
}

.columnright a {
    color:#b22117;
}


.thumb {
	float:left;
	margin-right:40px;
	padding-bottom:40px;
}

.thumb:nth-child(4n) {
	margin-right:0;
}

.thumb img {
	padding-bottom:1px;
}

.fg_thumb1 {
	margin: 0 40px 40px 0;
}

.fg_thumb2 {
	margin: 0 0 40px 0;
}

#ticketskaufen {
	margin:20px 0 0 0;
}

.alert {
	padding: 20px;
	border: 1px solid #b22117;
	margin-bottom: 30px;
	font-family: 'droid_sansregular';
	font-size: 14px;
}

.alert a {
	color: #b22117;
}