@charset "UTF-8";
@font-face{
font-family:"ClanWeb W03 Bold";
src:url("Fonts/1471259/4d88e0e3-7b20-429e-91c3-d446a941fde3.eot?#iefix");
src:url("Fonts/1471259/4d88e0e3-7b20-429e-91c3-d446a941fde3.eot?#iefix") format("eot"),url("Fonts/1471259/6c1a9116-8760-4323-8a95-030dd3e5c597.woff2") format("woff2"),url("Fonts/1471259/b035fc4a-2625-4e66-84f6-48ad664f1574.woff") format("woff"),url("Fonts/1471259/0f4375f6-cf08-48b0-9cc0-955b567f3c6f.ttf") format("truetype");
}
@font-face{
font-family:"ClanWeb W01SC Bold";
src:url("Fonts/1471257/6d2b8b12-7231-477b-a489-d05ba2d367f3.eot?#iefix");
src:url("Fonts/1471257/6d2b8b12-7231-477b-a489-d05ba2d367f3.eot?#iefix") format("eot"),url("Fonts/1471257/1d1dcc56-882b-4e0b-974f-6b37e2191cbb.woff2") format("woff2"),url("Fonts/1471257/99499ba7-57f6-462e-a1a2-641ca0059edd.woff") format("woff"),url("Fonts/1471257/93354495-94d2-4387-a143-c38a99f5d980.ttf") format("truetype");
}
@font-face {  font-family: 'TitilliumWeb-Regular'; src: url('TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),  url('TitilliumWeb-Regular.woff') format('woff'), url('TitilliumWeb-Regular.ttf')  format('truetype'), url('TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');   font-weight: normal;  font-style: normal;
}
@font-face {  font-family: 'TitilliumWeb-Light'; src: url('TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),  url('TitilliumWeb-Light.woff') format('woff'), url('TitilliumWeb-Light.ttf')  format('truetype'), url('TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg');   font-weight: normal;  font-style: normal;
}
@font-face {
  font-family: 'TitilliumWeb-SemiBold'; src: url('TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),  url('TitilliumWeb-SemiBold.woff') format('woff'), url('TitilliumWeb-SemiBold.ttf')  format('truetype'), url('TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
  font-weight: normal; font-style: normal;
}
@font-face {  font-family: 'TitilliumWeb-Bold'; src: url('TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),  url('TitilliumWeb-Bold.woff') format('woff'), url('TitilliumWeb-Bold.ttf')  format('truetype'), url('TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');   font-weight: normal;  font-style: normal;
}
@font-face {  font-family: 'TitilliumWeb-Italic'; src: url('TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'),  url('TitilliumWeb-Italic.woff') format('woff'), url('TitilliumWeb-Italic.ttf')  format('truetype'), url('TitilliumWeb-Italic.svg#TitilliumWeb-Italic') format('svg');   font-weight: normal;  font-style: normal;
}
@font-face {  font-family: 'TitilliumWeb-SemiBoldItalic'; src: url('TitilliumWeb-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),  url('TitilliumWeb-SemiBoldItalic.woff') format('woff'), url('TitilliumWeb-SemiBoldItalic.ttf')  format('truetype'), url('TitilliumWeb-SemiBoldItalic.svg#TitilliumWeb-SemiBoldItalic') format('svg');   font-weight: normal;  font-style: normal;
}

* {
  margin:0;
  padding:0;
  -moz-box-sizing:    border-box;   /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;   /* Safari 3-4, also probably droppable */
  box-sizing:        border-box;   /* Everything else */
}
html{
	background-color:#666;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:100%;
}


body{
	margin: 0 auto;
	width:960px;
}
.container{
	width:960px;
}
header{
	height:130px;
	background-color:#411923;
}
header img{
	display: block;
  	margin: auto auto;
}
header nav{
	width:960px;
	background-color:#cecabe;
	height:40px;
}
header nav ul {
	width:960;
 	list-style: none;
  	text-align: center;
  	padding: 0;
}
header nav ul li, header nav ul a  {
	font-family: 'TitilliumWeb-SemiBold', sans-serif;	font-size:15px; 
  	width: 160px;
   	height: 40px;
  	line-height: 40px;
  	display: inline-block;
  	float:left;
	background-color:#cecabe;
	color: #280303;
	text-decoration: none;
}

header nav ul li:hover, header nav ul a:hover, header nav top li.highlight a {
  	background-color:#f3efe7;
  	display: inline-block;
}
header nav li a.active{
	background-color:#f3efe7;
	color:#997730;
}
header nav ul ul.sub{
	position:absolute;
	padding:0px;
	margin:0px;
	top:-9999px;
	  -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
  box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}
header nav ul ul.sub li{
	float:none;
	margin:0;
}
header nav ul li:hover ul.sub{
	top:130px;
	z-index:100;
}
header nav ul ul.sub li, header nav ul ul.sub li a {
	display:block;
	font-size:14px;
	background-color:#b7b09b;
	border-bottom:1px solid #997730;
}
header nav ul ul.sub li a:hover {
	background-color:#f3efe7;
}
.intro {
  position: relative;
  overflow: hidden;
  width: 960px;
  height: 500px;
  -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
  box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}
.intro .boost{
	width:200px;
	height:64px;
	margin-left:730px;
	margin-top:-60px;
	z-index:1;
}
.intro .fb img{
	width:45px;
	height:45px;
	margin-left:885px;
	margin-top:335px;
	z-index:3;
}
.intro .karten_button img {
	z-index: 2;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
}

.intro .karten_online1 img {
	z-index: 2;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
}

.intro .karten_online2 img {
	z-index: 2;
	margin-top: 220px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
}
.intro .karten_online3 img {
	z-index: 2;
	margin-top: 360px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
}
.intro img {
	position: absolute;
	top: 0;
	left: -1px;
	z-index: -60;
}

.intro li img {
  position: absolute;
  top: 0;
  left: 960px;
  z-index: -50;
 -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;    
    transition: opacity 2s ease-in-out;
}

/*NAV*/
.intro nav {
	margin-left:35px;
	margin-top:40px;
 	width: 250px;
  	height: 420px;
	background-color: rgba(243, 239, 231, 0.9);
}

/*UL*/
.intro ul {
  width: 960px;
  height: 500px;
  list-style: none;
}

.intro li a {
  	z-index: 1;
  	display: block;
  	color: #444;
  	text-decoration: none;
  	height:140px;
	width:250px;
	border-bottom:1px solid #997730;
	padding-top:5px;
}

.intro li a:hover {
  background: #f3efe7;
}
.intro li a:hover + img {
  left: 0px;
}
/*BOOST*/
.boostbutton {
	margin-left:300px;
	margin-top:40px;
 	width: 250px;
  	height: 420px;
	background-color: rgba(243, 239, 231, 0.9);
}

.contentContainer{
	    padding: 0 0;
		background-color:#411923;
}
.table {
    display: table;
    border-collapse: separate;
	width:890px;
	margin-left:35px;
	padding-top:25px;
}
.row {
    display: table-row;
}
.col {
    display: table-cell;
}
.col.sidebar {
    width: 250px;
	background-color: #cecabe;
	border-right:5px solid #411923;
	vertical-align:top;
}
.col.content {
    width: 640px;
	background-color: #f3efe7;
}
.col.sidebar aside article{
	padding:15px 0 15px 15px;
}
.col.content nav{
	float:right;
}
.col.content nav ul{
	padding:2px 10px 0px 0px;
	width:640px;
	height:25px;
 	list-style: none;
	text-align:right;
}
.col.content nav ul li,.col.content nav ul li a{
	display:inline-block;
	text-decoration:none;
	font-family: 'TitilliumWeb-SemiBold', sans-serif;	font-size:14px; 
	color:#280303;
	margin-right:5px;
}
.col.content nav ul li a:hover{
	color:#997730;
}
.col.content nav ul li a.active{
	color:#997730;
}
.col.content .UE{
	width:100%;
	height:50px;
	float:left;
	margin-bottom:25px;
}

.col.content .UE img{
	display: block;
  	margin: auto auto;
}
.col.content .image{
	width:100%;
	height:200px;
	float:left;
	margin-bottom:40px;
}
.col.content .image img{
	position:absolute;
	display: block;
  	margin: auto auto;
	z-index:1;
}
.col.content table {
	margin:0 0 15px 15px;
	width:600px;
    border-collapse: separate;
	border-top-width: 0px; 
}
.col.content table td{
	border-bottom:1px solid #cecabe;
}
.col.content table td.termin{
	width:225px;
	vertical-align:top;
	padding:10px 0px 0 20px;
}
.col.content table td.konzert{
	width:375px;
	vertical-align:top;
	padding:10px 15px 0 25px;
}
.col.content table td.jahr{
	width:150px;
	vertical-align:top;
	padding:3px 0px 0 20px;
	border-bottom:1px solid #cecabe;
}
.col.content table td.absatz{
	width:450px;
	vertical-align:top;
	padding:10px 15px 0 25px;
	border-bottom:1px solid #cecabe;
}

.col.content table hr{
	border-bottom:1px solid #997730;
}
.col.content table td.bild{
	width:225px;
	vertical-align:top;
	padding:0px 0px 0 20px;
}

.col.content table td.text{
	width:375px;
	vertical-align:top;
	padding:0px 15px 15px 20px;
}
.col.content table td.beides{
	width:600px;
	vertical-align:top;
	padding:0px 30px 0 30px;
}
.col.content table td.spalte{
	width:300px;
	vertical-align:top;
	padding:0px 30px 0 30px;
}
.col.content img {
	margin-top:10px;
	margin-bottom:5px;
}
.intro_content{
	padding:30px 0px 0px 0px;
	height:400px;
	background-color:#411923;
}
.intro_content section{
	margin-left:35px;
	height:360px;
	width:890px;
	background-color: rgba(243, 239, 231, 1.0);
}
.intro_content section article{
	height:350px;
	width:290px;
	float:left;
	margin-left:5px;
	padding:15px 0 0 25px;
}

.content{
	padding:0px 0px 0px 0px;
	height:400px;
	background-color:#411923;
}
.content section{
	margin-left:35px;
	height:350px;
	width:890px;
	background-color: rgba(243, 239, 231, 1.0);
}
.content section article{
	height:350px;
	width:290px;
	float:left;
	margin-left:5px;
	padding:15px 0 0 25px;
}
article img{
	margin:15px 0 10px 0;
}
.boost img{
	padding:0;
	margin:10px 0px 0px 0px;
}
.spenden{
margin:15px 25px 15px 25px;
}

.main section {
	width:600px;
	display: block;
  	margin: auto auto;	
}
.main section article{
	width:600px;
}
footer{
	background-color:#411923;
	height:225px;
	padding-top:10px;
}
footer section{
	margin-left:35px;
	width:890px;
	height:175px;
	background-color:#64414b;
}
footer section article.links, footer section article.rechts{
	height:175px;
	float:left;
}
footer section article.rechts{
	width:350px;
	float:right;
	padding:15px 25px 0 0;
}
footer section article.links{
	width:350px;
	margin-left:5px;
	padding:15px 0 0 25px;
}
.overlap{
	position:absolute;
	z-index:1;
}

.intro h1,.intro h2, .intro p.text, .intro p.subhead, .intro p.UE2{
	margin-left: 10px;
}

.intro h1 {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:24px;
	color:#280303;line-height:1.1;
}
.intro h2 {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:20px;
	color:#280303;line-height:1.2;
}

.intro p.subhead {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:14px;
	color:#997730;}
	
.intro p.text {
	font-family: 'TitilliumWeb-Regular', sans-serif; font-size:16px;
	color:#280303;line-height:1.5; 
}
article h1, article h2 {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:16px;
	color:#280303;line-height:1.5;display:inline-block; border-bottom: 2px solid;
}
article p.subhead {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:14px;
	color:#280303;
	margin-bottom:5px;
	line-height:1.2;
}
article p.text {
	font-family: 'TitilliumWeb-Regular', sans-serif; font-size:14px;
	color:#280303;line-height:1.2; margin-bottom:5px;
}
article a, .col.content a, aside article a{
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:15px;
	color:#997730; text-decoration:none; 
}
article a:hover, .col.content a:hover, aside article a:hover {
	color:#280303; text-decoration:none;
}
footer article h1 {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:14px;
	color:#997730;border-bottom: 0px solid;
}
footer article p.subhead {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:14px;
	color:#f3efe7;
	margin-bottom:5px;
	line-height:1.2;
}
footer article p.text {
	font-family: 'TitilliumWeb-Regular', sans-serif; font-size:14px;
	color:#f3efe7;line-height:1.2; margin-bottom:5px;
}
aside article h1 {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:18px; margin-bottom:15px;
	color:#64414b; line-height:1.5;
}
aside article h2 {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:16px; margin-bottom:15px;
	color:#64414b; line-height:1.5; 
}
aside article p.subhead {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:15px;
	color:#64414b;
	line-height:1.2;
}
aside article p.italic {
	font-family: 'TitilliumWeb-Italic', sans-serif; font-size:16px;
	color:#64414b;
	line-height:1.0;
}
aside article p.head {
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:18px;
	color:#280303;
	margin-bottom:5px;
	line-height:1.0;
}
aside article p.text {
	font-family: 'TitilliumWeb-Regular', sans-serif; font-size:15px;
	color:#64414b;line-height:1.2; 
}
aside article p.datum {
	font-family: 'TitilliumWeb-Regular', sans-serif; font-size:15px;
	color:#64414b;line-height:1.2; padding-top:10px;
}

.col.content h1{
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:24px;
	color:#997730; 
}
.col.content h2{
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:18px;
	color:#280303; 
}
.col.content h3{
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:16px;
	color:#280303; 
}
.col.content h4{
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:18px;
	color:#280303; line-height:1.0;
}
.col.content p.subhead{
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:14px;
	color:#280303; line-height:1.4;
}
.col.content p{
	font-family: 'TitilliumWeb-Regular', sans-serif; font-size:15px;
	color:#280303; line-height:1.2;
}

.headline{
	font-family: 'ClanWeb W03 Bold', sans-serif; font-size:26px; margin-top:181px; padding-left:30px;padding-right:25px; 
	padding-top:4px;padding-bottom:4px;color:#411923; display:inline-block; background-color:rgba(243, 239, 231, 0.8);
	position:absolute;z-index:2;
}
.bold{
	font-family: 'ClanWeb W03 Bold', sans-serif;
}
.semibold{
	font-family: 'TitilliumWeb-SemiBold', sans-serif;
}

.dropdownwrap1{
    height:auto;
    float:left;
    margin:0px 0px 0px 0px;
    display:none;
}
.dropdownwrap2{
    height:auto;
    float:left;
    margin:0px 0px 0px 0px;
    display:none;
}
aside article{
	border-bottom:1px solid #64414b;
	margin-right:5px;
}
aside article:last-of-type {
  border-bottom:0px solid #64414b;
}
.zitat{
	font-family: 'TitilliumWeb-SemiBoldItalic', sans-serif; font-size:16px;
	color:#280303; line-height:1.2;
}
.italic{
	font-family: 'TitilliumWeb-SemiBoldItalic', sans-serif;
}
/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com */