/* CSS-Datei 800 - 2400 */ 
html, body { 
  font-size: 1em;
	width: 100%;
	height: 100%;
	background-image: url(background.gif); 
	background-repeat: norepeat;
	font-family: Verdana, Arial, Times NewRoman;
	text-align: center;
}



/* ================================= MISC ================================================== */


/* === H1 - H6 === */

h3 {
	padding: 5px;
	padding-left: 10px;
  font-size: 1.1em; 
	background-color: #800000;
	border-radius: 5px; 
}

h4 {
  font-size: 1.0em;
}


/* === ANCHORS === */

a {	
	color: rgb(220,50,50);
	text-decoration: none;
}

a:hover {	
	color: rgb(220,50,50);
	text-decoration: underline;
}


/* === P === */

p.bold {
  font-weight: bold;
  text-align: center;
}

p.adress {
  font-weight: bold;
  text-align: center;
  font-family: Verdana, Arial, Times NewRoman;
}




p.Repertoire_Titel   {
	font-weight: normal;
	text-align: center;
	color: rgb(180,180,100);
}

p.Repertoire_Text   {
	font-weight: normal;
	text-align: center;
	color: rgb(180,180,100);
}


/* === HR === */

hr {	
	color: rgb(180,180,100);
}


/* === SPAN === */

span.kapitale {
	font-size: 1.5em;
}


/* ====================================== MAIN ====================================== */

table.main { 
	margin-top: 3%;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 5%;
  font-size: 1em;
	text-align: center;
	width: 90%;
	height: 100%;
  color: rgb(180,180,100);
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	background-color: rgb(102,0,0);
	border-radius: 5px; 
}





/*===================================== NAVIGATION ===================================*/

div.navi {
	float: left;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 21%;
	height: auto;
	text-align: center;
	background-color: rgb(180,180,100);
	border-radius: 5px; 
}

div.navi_portrait { 
	margin-top: 10px;
	text-align: center;
	border-radius: 5px; 
}

img.navi_portrait { 
	text-align: center;
	border-radius: 5px;  
	width: 	100%;
	height: auto; 
	border: 0px;
}

div.navi_title {
	margin-top: 		0%;
	margin-bottom: 	0%;
	padding-top: 		7%;
	padding-right:	5%;
	padding-bottom: 5%;
	font-size: 1.3em;
	text-align: right;
	font-weight: bold;
	color: rgb(50,50,50);
	background-color: rgb(180,180,100);
	border-radius: 5px; 
}



/* === Navi Main === */

div.navi_main {
	margin-top: 		0%;
	margin-bottom: 	1%;
	padding-top: 		7%;
	padding-right:	7%;
	padding-bottom: 7%;
	font-size: 1.2em;
	text-align: right;
	font-weight: normal;
	color: rgb(180,180,100);
	background-color: rgb(102,0,0);
	border-radius: 5px; 
}

a.navi_link {
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 2%;
	font-size: 1.2em;
	font-weight: normal;
    line-height: 1.4em;
	text-align: right;
	text-decoration: none;
	color: rgb(180,180,100);
	background-color: rgb(102,0,0);
}

a.navi_link:hover {
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 2%;
	font-size: 1.2em;
	font-weight: normal;
    line-height: 1.4em;
	text-align: right;
	text-decoration: none;
	color: rgb(255,255,200);
	background-color: rgb(102,0,0);
}

a.navi_link_active {
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 2%;
	font-size: 1.2em;
	font-weight: normal;
    line-height: 1.4em;
	text-align: right;
	text-decoration: none;
	color: rgb(255,255,200);
	background-color: rgb(102,0,0);
}



/* === Navi Sub === */

div.navi_sub {
	margin-top: 		0%;
	margin-bottom: 	1%;
	padding-top: 		7%;
	padding-right:	6%;
	padding-bottom: 0%;
	font-weight: normal;
	text-align: right;
	color: rgb(50,50,50);
	background-color: rgb(102,0,0);
	border-radius: 5px; 
}

a.navi_sub_link {
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 2%;
	font-size: 1.05em;
	font-weight: normal;
    line-height: 1.2em;
	text-align: right;
	text-decoration: none;
	color: rgb(180,180,100);
	background-color: rgb(102,0,0);
	/*border-radius: 5px; */
}

a.navi_sub_link:hover {
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 2%;
	font-size: 1.05em;
	font-weight: normal;
    line-height: 1.2em;
	text-align: right;
	text-decoration: none;
	color: rgb(255,255,200);
	background-color: rgb(102,0,0);
	/*border-radius: 5px; */
}


a.navi_sub_link_active {
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 2%;
	font-size: 1.05em;
	font-weight: normal;
    line-height: 1.2em;
	text-align: right;
	text-decoration: none;
	color: rgb(255,255,200);
	background-color: rgb(102,0,0);
	/*border-radius: 5px; */
}


/* === ADRESS === */

div.adress {
	margin-top: 		1%;
	margin-bottom: 	1%;
	padding-top: 		10%;
	padding-left:		5%;
	padding-right:	5%;
	padding-bottom: 10%;
	font-style: normal;
	text-align: center;
	background-color: rgb(102,0,0);
	border-radius: 5px; 
}

img.adress {
  width: 100%;
  height: auto;
}

/* =============================== ENDE NAVIGATION ============================= */


/* =================================== CONTENT ================================= */

div.content {
  float: left;
	margin-top: 17px;
	margin-left: 2%;
	padding-top: 0;
	font-size: 1.0em;
	width: 75%;
  height: auto;
	text-align: center;
}

div.content_title {
	margin-top: 		2%;
	margin-bottom: 	2%;	
	width: 100%;
	font-size: 2.0em;
	text-align: center;
	color: rgb(220,220,150);
}


div.content_banner {
	padding-top: 5%;
	padding-bottom: 2%;
	width: 100%;
	text-align: center;
	background-color: rgb(102,0,0);	
}

img.content_banner {
	margin-bottom: 10px;
	margin-left: 3.5%;
	width: auto;
	text-align: center;
}


div.content_text {
	margin-top: 5px;
	margin-bottom: 50px;
	margin-left: 2%;
	font-size: 1.0em;
	width: 96%;
    height: auto;
	text-align: justify;
	color: rgb(180,180,100);
	background-color: rgb(102,0,0);
}

/* === KRITIK === */



div.headline {
	margin-top: 30px;
  text-align: left;
  font-size: 1.3em;
  text-decoration: underline;
}

div.kritik {
	margin-top: 30px;
	width: auto;
  height: auto;
	text-align: justify;
	line-height: 1.35;
	background-color: rgb(102,0,0);
}

img.kritik {
	float: left;
	margin-top:     5px;
	padding-top: 		0px;
	padding-right: 	30px;
	padding-bottom: 5px;
  width: auto;
  max-width: 796px;
  height: auto;
}

img.center {
	float: left;
	margin-top:     5px;
	padding-top: 		0px;
	padding-right: 	30px;
	padding-bottom: 5px;
  max-width: 796px;
  height: auto;
  text-align: center;
}


div.zitat {
	clear: both;
	padding-top:    3px;
	padding-left: 	8px;
	padding-right: 	3px;
	padding-bottom: 5px;
	width: auto;
  height: auto;
	font-style: italic;
	color: rgb(180,180,100);
	background-color: rgb(120,0,0);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


/* === LISTE === */

table.liste { 
	margin-top: 30px;
    width: 100%;
	font-size: 1.0em; 
    border-width: 1px;
	color: rgb(180,180,100);
    border-color: rgb(220,220,150);
	border-radius: 5px;
}

td.liste {
    padding: 10px; 
    padding-left: 10px;
	font-size: 1.0em; 
	text-align: left;
    font-weight: bold; 
    border-width: 1px;
	color: rgb(180,180,100);
    border-color: rgb(220,220,150);
	border-radius: 5px;
}


table.kontakt { 
	margin-top: 30px;
    width: 100%;
	font-size: 1.0em; 
    border-width: 1px;
    border-color: rgb(220,220,150);
	border-radius: 5px;
}

td.kontakt {
  padding: 10px; 
  padding-left: 10px;
	font-size: 1.0em; 
	text-align: center;
  font-weight: bold; 
  border-width: 1px;
  border-color: rgb(220,220,150);
	border-radius: 5px;
}

/* === GALERIE === */

div.header_galerie {
  padding-top: 10px; 
  padding-bottom: 20px; 
	font-size: 1.0em; 
  font-weight: bold;  
	text-align: center;  
}

/* === FLAGS === */

img.flag {
  width: 20px;
}

/* === BUTTONS === */

input.kontakt_submit {
  padding: 10px; 
  padding-left: 10px;
	font-size: 1.0em; 
	text-align: left;
  font-weight: bold; 
  color: rgb(102,0,0);
  border-width: 1px;
  border-color: rgb(180,180,100);
	border-radius: 5px;  
}

input.kontakt_submit:hover {
  padding: 10px; 
  padding-left: 10px;
	font-size: 1.0em; 
	text-align: left;
  font-weight: bold; 
  color: rgb(102,0,0);
  background-color: rgb(180,180,100);
  border-width: 1px;
  border-color: rgb(180,180,100);
	border-radius: 5px;  
}


/* ============================== ENDE CONTENT ==============================================*/

/* =========================================== ENDE ALL =============================================== */