@charset "utf-8";

body  {
	background: #666666;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24pt;

    }

#container  {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
	height: 685px;

    } 

    .twoColFixLtHdr #sidebar1 {

	float: left; 

	width: 200px;

	margin: 19px 0 0 0;

	background-image: url(../images/basilika2.jpg);

	height: 540px;

	background-repeat: no-repeat;

	overflow: hidden;

    }

    .twoColFixLtHdr #mainContent {
	overflow-y: scroll;
	height: 540px;
	margin: 19px 0px 10px 0px;
	padding: 0 0 0 10px;
	background-image: url(../images/hauptbild4.jpg);



    } 

.twoColFixLtHdr   #container   #mainContent   h2 {

	color: #990000;

	text-align: right;

	font-family: Georgia, "Times New Roman", Times, serif;

	letter-spacing: 2px;

	margin: 0 0 0 0;

}

.twoColFixLtHdr   #container   #mainContent   h5 {

	color: #990000;

	text-align: right;

	font-family: Georgia, "Times New Roman", Times, serif;

	letter-spacing: 2px;

	margin: 0 0 0 0;

}

.twoColFixLtHdr   #container   #mainContent   h6 {
	color: #333333;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
	margin: 0 0 0 0;
	font-size: 24px;
}

.datum {

	letter-spacing: 2px;

	text-align: right;

	color: #FFFFFF;

	overflow: hidden;

	width: 500px;

	float: right;

	height: 30px;

	background-image: url(../images/datum.jpg);

}

.Bild2 {
	width: 220px;
	height: auto;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;

}

.Bild3 {
	width: 220px;
	height: 280px;
	float: right;
	margin: 5px 5px 0 0;

}

.Bild4 {
	width: 220px;
	height: auto;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;

}

.Bild5 {
	width: 240px;
	height: auto;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;

}


.twoColFixLtHdr #container #mainContent #bild #karten {

	height: 25px;

	width: 200px;

	background-image: url(../images/buttonklein2.gif);

	background-position: 0px -25px;

	background-repeat: no-repeat;

	float: right;

	text-align: center;

}





.twoColFixLtHdr #container #mainContent #bild #karten a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	line-height: 25px;

	letter-spacing: 2px;

}





.twoColFixLtHdr #container #mainContent #bild #karten:hover {

	background-image: url(../images/buttonklein2.gif);

	background-position: 0px 0px;

	overflow: hidden;

}

.twoColFixLtHdr  #container  #mainContent  #bild  #sitz {

	height: 25px;

	width: 200px;

	background-image: url(../images/buttonklein2.gif);

	background-position: 0px -25px;

	background-repeat: no-repeat;

	float: right;

	text-align: center;

	margin: 5px 0 0 0;

}

.twoColFixLtHdr  #container  #mainContent  #bild  #sitz  a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	line-height: 25px;

	letter-spacing: 2px;

}

.twoColFixLtHdr  #container  #mainContent  #bild  #sitz:hover {

	background-image: url(../images/buttonklein2.gif);

	background-position: 0px 0px;

	overflow: hidden;

}

.twoColFixLtHdr #container #mainContent #bild #bildinside1 {
	height: 200px;
	width: 210px;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	
}

.twoColFixLtHdr #container #mainContent #bild #bildinside2 {
	height: 450px;
	width: 210px;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	
}

.twoColFixLtHdr #container #mainContent #bild #bildinside3 {
	height: 170px;
	width: 210px;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	
}

.twoColFixLtHdr #container #mainContent #bild #bildinside4 {
	height: 420px;
	width: 210px;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	
}

.twoColFixLtHdr #container #mainContent #bild #bildinside5 {
	height: 620px;
	width: 210px;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;

}

.twoColFixLtHdr #container #mainContent #bild #bildinside img {

	

}











.twoColFixLtHdr #container #mainContent #datum a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 20px 0 0;
	font-weight: bold;
	line-height: 30px;
	vertical-align: super;
}

.Bildohnebild {

	width: 200px;

	height: 60px;

	float: right;

	margin: 5px 5px 0 0;

}

.twoColFixLtHdr #container #mainContent h3 {
	color: #990000;
	font-size: 16px;
	font-weight: bold;
	line-height: 3px;

}

.twoColFixLtHdr #container #mainContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 5px;
	width: auto;

}





.twoColFixLtHdr #container #mainContent h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333333;

}

.twoColFixLtHdr #container #mainContent img {

	

}

.twoColFixLtHdr #container #impressum {

	font-size: 10px;

	margin: 5px 5px 5px 5px;

	overflow-y: scroll;

	height: 520px;

	border: 5px outset #666666;

	padding: 0px 15px 0 5px;

	background-image: url(../images/impressum.jpg);

	width: 860px;

	background-repeat: no-repeat;

}

.twoColFixLtHdr #container #impressum .fltlft {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



#header {

	color: #FFFFFF;

}



.twoColFixLtHdr #container #header #head {

	height: 100px;

	width: 900px;

	background-image: url(../images/head2.jpg);

}







#navigationsleiste2 {

	color: #FFFFFF;

	background-image: url(../images/navigation2.gif);

	background-repeat: no-repeat;

	background-position: 0px -25px;

	height: 25px;

}

#navigationsleiste2  ul {

	list-style-type: none;

	margin: 0 0 0 0px;

}



#navigationsleiste2      li {

	display: inline;

	line-height: 25px;

}

#navigationsleiste2 a {

	color: #FFFFFF;

	padding: 0 10px 0 10px;

	float: left;

	text-decoration: none;

	text-align: right;

	font-size: 14px;

}

#navigationsleiste2  a:hover {

	color: #FFFFFF;

	text-decoration: none;

	background-image: url(../images/navigation2.gif);

	background-position: -10px 0px;

	cursor: default;

	background-repeat: no-repeat;

}

#hauptinhalt p {

	font-size: 14px;

	color: #333333;

	font-weight: bold;

}

#hauptinhalt h3 {

	font-weight: bolder;

	font-size: 16px;

}

#hauptinhalt table {

	font-size: 14px;

	font-weight: bold;

}



#hauptinhalt {

	color: #333333;

	margin: 0 0 0 15px;

	font-size: 10px;

}

#hauptinhalt h2 {

	font-size: 18px;

}

.twoColFixLtHdr #container #mainContent h5 {
	color: #990000;
	font-size: 14px;
	text-align: left;

}



.form1 {

	font-size: 16px;

	color: #000000;

	background-color: #FFFFFF;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

}

.weiter {

	background-image: url(../images/weiter3.gif);

	background-position: 0px -30PX;

	background-repeat: no-repeat;

	line-height: 32px;

}

#konzertauswahl {

	font-size: 16px;

	font-weight: bold;

}

#impressum {

	font-size: 10px;

	margin: 10px 20px 10px 20px;

}

#impressum h2 {

	font-size: 24px;

	color: #333333;

}

#Text h2 {

	text-align: right;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 18px;

	margin: 0 10px 0 0;

}



#Text h3 {

	font-size: 18px;

	color: #333333;

	font-family: Georgia, "Times New Roman", Times, serif;

	text-align: left;

	float: left;

	margin: 0 0 0 0;

}



#navigationsleiste3 {

	color: #FFFFFF;

	background-image: url(../images/buttons.gif);

	background-repeat: no-repeat;

	background-position: 20px -35px;

	height: 35px;

	width: 200px;

	text-align: right;

	margin: 0 0 10px 0;

	overflow: hidden;

}

#navigationsleiste3  ul {

	list-style-type: none;

	margin: 0 5px 0 0;

}



#navigationsleiste3      li {

	display: inline;

	line-height: 19px;

	margin: 2px 0 0 0;

}

#navigationsleiste3 a {

	color: #FFFFFF;

	float: right;

	text-decoration: none;

	text-align: right;

	width: 180px;

	font-size: 12px;

	line-height: 16px;

	margin: 1px 0 0 0;

}

#navigationsleiste3  a:hover {

	color: #FFFFFF;

	text-decoration: none;

	background-image: url(../images/buttons.gif);

	background-position: 5px 0px;

	cursor: default;

	background-repeat: no-repeat;



}





.twoColFixLtHdr #footer {

	font-size: 9px;

	color: #FFFFFF;

	text-decoration: none;



    } 

.twoColFixLtHdr  #footer  a {

	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */

	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */

	font-size: 8px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

    }









    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */

    	float: right;

    	margin-left: 8px;

    }





    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */

    	float: left;

    	margin-right: 8px;

    }











    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }

.twoColFixLtHdr #container #hauptinhalt table {

	font-size: 12px;

	color: #333333;

}

.twoColFixLtHdr #container #impressum #3checkbox {

	color: #333333;

	padding: 0 15px;

}