/* styles for b-p */

/*========================================================================*/

/* set all to 0 */
* {
margin: 0;
padding: 0;
}

/* ===== Haupt-Container ======================================== */

body#corpus {
background-color: #ccc;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
text-align: center;
padding: 10px 0 20px 0;
}

/* Alles umschlieszender Container ----------------------------*/
#wrapper {
width: 96%;
min-width: 480px;
max-width: 1200px;
margin: 0 auto;
text-align: left;
border: 1px double #666;
}

/* Header -----------------------------------------------------*/
#header { /* umschlieszt oder enthaelt Logo */
border: 1px solid #999;
}
/* Aktiviere das Element, das Du nutzen willst (Text- oder Bild-Logo) */
#header #logo h1 {
display: none;
}
#header { /* LOGO.PSD befindet sich im Zipfile */
background-color: #eee;
height: 35px;
font-size: 80%;
line-height: 110%;
}
#header p   {
  margin: 0.3em;
	padding: 0.6em 1em 0.6em 8em;							 
}

/* Switcher für Layout -----------------------------------------*/
#switcher {
float: right;
margin: 5px;
}
#switcher input.in {
padding: 1px 5px 0 5px;
font-size: 90%;
font-weight: bold;
background-color: #ccc;
color: #666;
border-top: 1px solid #bbb;
border-right: 1px solid #006;
border-bottom: 1px solid #006;
border-left: 1px solid #bbb;
cursor: hand;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}
#switcher input.out {
display: none;
}

/* Breadcrumb */
#breadcrumb {
background-color: #ccc;
border-bottom: 1px solid #bbb;
height: 24px;
font-size: 75%;
line-height: 80%;
color: #666;
display: none;
}

/* Content */
#contentpre { /* optional, zB. fuer Grafik */
}
/* Content ---------------------------------------------------*/
#content { 
  background-color:   #ffccff;
  background-image:   url(../grafik/eistuete_hg.png);
  background-repeat: no-repeat;
  background-attachment:   fixed;
  background-position:  660px 80px;
	color: #004bff;
}
#links {
float: left;
width: 25%;
border: 1px solid transparent;
}
#rechts {	
  margin-left: 25%;
  border: 1px solid transparent;
}


/* Formular fenster   ----------------------------------------   */

#formular { 
  background-color: #ddd;        /* grau */
  border: 1px solid #666;
  line-height: 100%;
	color: #666;
	text-align: left;
	margin: 10px;
}
#header_form  {
border-bottom: 1px solid #666;
  height: 35px;
}
#header_form p {/* LOGO.PSD befindet sich im Zipfile */
	padding: 1em 2em 1em 100px;
	text-align: left;
}
  
#form { 
  color: #2050a0;
  padding: 1em 2em;
}
#linie  {        /* grau */	
	border: 1px solid #ccc;
	display: block;
	margin: 1em 0;
}
#linie_o  {        /* grau */	
	border: 1px solid #ccc;
	display: block;
	margin: 0 0 1em;
}
#linie_u  {        /* grau */	
	border: 1px solid #ccc;
	display: block;
	margin: 1em 0 0;
}


#form p  {
  font-size: 90%;
	line-height: 150%;
	margin: 15px 0;  
}
#form p.text1 {
  font-size: 150%;
  line-height: 250%;
  font-weight: bold;	
}
#form p.text2 {
  font-size: 120%;
}
#form p.text3 {
	margin: 1em 0;
	padding: 1em 0 0;
  font-size: 75%;
}
#form table#f1  td {
  font-size: 75%;
	padding: 1em 0.2em;
	line-height: 100%;
  vertical-align: top;
}
#form table#f1  td.a1 {
	text-align: right;
}
#form table#f1  td.a2 {
  font-size: 70%;
	line-height: 80%;
	text-align: left;
}
#form table#f2  td {
  font-size: 75%;
	padding: 0.1em 0.2em;
}
#form table#f2  td.b1 {
  font-weight: bold;
	text-align: right;
}
#footer_form  {
  height: 25px;
  border-top: 1px solid #666;
}
#footer_form p  {
  font-size: 70%;
 	color: #999;
  margin: 0.4em 1em;
	padding: 0.4em 1em;
	text-align: right;
}
#footer_form a  {
 	color: #666;
}

/* Footer -----------------------------------------------------------*/
#footerpre { /* optional, zB. fuer Grafik */
display: none;
}
#footer {
background-color: #eee;
border: 1px solid #999;
height: 35px;
font-size: 80%;
line-height: 120%;
color: #666;
}
#footer p {
  margin: 0.5em;
	padding: 0.5em 1em;
	text-align: right;							 
}
#footer span.tk {
font-size: 75%;
}

/* ===== Menues ===== */
#links {
}

/* === Gestaltung Menue-Listen === */

ul  {
  list-style: none;
}
ol  {
  list-style: none;
}

ul#konzert  {
  margin: 1em 1em 1em 3em;
}

/* ===  Kopfzeile Logo here are ...  ==================================== */
div#kopf_zeile 		{
									 margin: 0;
									 padding: 2em 2em 0 2em;
									}
div#kopf_zeile span		{
	margin: 1em 0.5em;
	padding:  2px 5px;
	font-weight: bold;
}

/* ===  Navigation  Menue senkrecht   ======================================= */
#navigation			{
							float: left;
							padding: 8em 1em 4em 2em;
							margin: 0;
							}
							
ul#navi 	{	
					   padding: 8em 0;
						}
									 
ul#navi li {	
			display: block;
			height: 115px;
			margin: 0;
			padding: 0;
					 }
					 
ul#art 	{		 
				 margin: 0.5em 0 0.5em 1em;
						}
									 
ul#art li  {
					  line-height: 140%;
						font-size: 80%;

						margin: 0.1em 0.5em;
						padding: 0.2em;
		  		 }
ul#w_1 	{		 
				 padding: 1em 1em;
						}
									 
ul#w_1 li  {
					      margin: 1em 0;
		  		 }
ul#w_2 	{		 
				 padding: 1em 0 1em 2em;
				 font-size: 110%;
						}
									 
ul#w_2 li  {
					      margin: 1em 0;
		  		 }
					 
#ang_na {
  display: none;
}

div#loe_l  {
  clear: left;
}
div#loe_r  {
  clear: right;
}


/*	Spezielle Formatierung fuer 
	'Alle Designs' und 'Freestyle' in menue2(a) */

/*	=== LINKS === 
	Bitte Status-Formate selber einfuegen: 
	a:link, a:visited, a:hover, a:active; a:focus */
	
/*	Links allgemein -----------------------------------*/
a {
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  background-color: transparent;
  text-decoration: underline;
}
.blau a {
  padding: 0.2em 1em;
	font-size: 75%;
	font-weight: bold;
}
.blau a:active { }
.blau a:visited { }
.blau a:link { }
.blau a:hover { 
  text-decoration: none;
  color:#666;
}

.grau a {
  padding: 0.2em 1em;
  color: #2050a0;
}
.grau a:active { }
.grau a:visited {}
.grau a:link { }
.grau a:hover { 
  text-decoration: none;
  color:#999;
}

.g-b a {
  padding: 0.2em 0.2em;
	background-color: transparent;
  font-size: 110%;
}
.g-b a:active { }
.g-b a:visited { }
.g-b a:link { }
.g-b a:hover { 
   color: #dd0000;
	text-decoration: none;
}
.g-b #aktiv  { 
		background-color: transparent;
  	font-size: 110%;
		color: #ccc;
}

.g1 a { 
	padding: 0.1em 0.5em;
  margin: 0.2em;
 }
.g1 a:active { color:  #036;}
.g1 a:visited { color: #036;}
.g1 a:link { color: #036;}
.g1 a:hover { 
  background-color:  #ccc;
  text-decoration: none;
}
.g1 #aktiv  { 
  background-color:  #900;
  color:#fff;
	border: 1px solid #fff;
	border-top-color: #a00;
	border-left-color: #a00;
}

/* Links in Menues */
#menue1 ul#menu1 li a,
#menue2 ul#menu2 li a, 
#menue3 ul#menu3 li a {
}

/* Formatierung fuer 'Alle Designs' und 'Freestyle' */
#menue2 ul#menu2a li.extra a {

}
/* Formatierung fuer aktiven Link 
	(Diese Formatierung wird per PHP automatisch 
	dem gerade aktiven Link zugewiesen) */
#menue2 ul#menu2 li a.aktiv {

}
/* Formatierung fuer externen Link */
a.ext {

}

/* === TEXT-FORMATE === */
/* Headings
	(H1 ist reserviert fuer Text-Logo im 'Header') */
div#adobe {
  margin: 1em 3em;
}

div.header-h3 {

}
div.header-h4 {

}

h2 {
font-size: 110%;
padding: 20px 0px 10px 0px;
}
h3 {
padding: 20px 0px 10px 0px;
}
h4#erste-h4 {
padding: 20px 0px 10px 0px;
}
h4#zweite-h4 {
padding: 20px 0px 10px 0px;
}

/* Text allgemein */
#rechts {
  color: #3232cc;
}
div#info  {
  margin: 1em;
}

div#info_b  {
  padding: 4em;
}

div#intro  {
  padding: 1em 2em;
}
#qualitaet  {
  margin: 3em 2em 2em ;
	text-align: right;
}

p, li {
font-size: 99%;
}
#content p {
line-height: 150%;
margin: 15px 15px;
}
#content p.intro {
font-size: 150%;
font-weight: bold;
color: yellow;
float: right;
margin: 15px 15px;
}
#content p.rot {
color: #d00;
font-weight: bold;
}
#content span.rot_f  {
font-size: 120%;
font-weight: bold;
color: #d00;
}

/* Textbloecke im Content */
#content span.kopf1 {
  font-size: 180%;
  line-height: 200%;
  font-weight: bold;
}
#content span.kopf2 {
  font-size: 100%;
  line-height: 250%;
  font-weight: bold;
}

#content p.text1 {
  font-size: 160%;
  line-height: 280%;
}
#content p.text2 {
  font-size: 120%;

}

#content p.text1a {
  font-size: 150%;
  line-height: 180%;
}

#content p.text3 {
  	font-size: 90%;
	margin:  10px;
}
#content p.text4 {
  font-size: 99%;
  font-weight: bold;
  color: #dd0000;
}
#content p.text5 {
  font-size: 80%;
  margin: 0.2em 2em 3em 3em;
}
#content p.text6 {
	font-size: 80%;
  margin: 1em 2em 1em 0;

}
#content p.text7 {
  font-size: 100%;
	font-weight: bold;
  line-height: 250%;
}
#content p.text8 {
  font-size: 90%;
  line-height: 250%;
  font-weight: normal;
	color: #800;
	margin: 2em 3em;
}

/* Copyright-Tabelle */
#content table#g_1 {
clear: right;
 table-layout: fixed;
width: 95%;
text-align: center;
}

#content table#g_1 th a {
font-size: 80%;
line-height: 120%;
padding: 5px;
}
#content table#g_1 td  {
  padding: 45px 2px 2px 2px;
}
#content table#g_1 td img {
  width: 60%;
}
#content table#g_2 {
 table-layout: fixed;
 width: 65%;
text-align: center;
}
#content table#g_2 th a {
font-size: 80%;
line-height: 120%;
padding: 5px;
}
#content table#g_2 td img {
  width: 40%;
  padding: 45px 2px 2px 2px;
}
#content table#g_3 {
 table-layout: fixed;
 width: 85%;
text-align: center;
}
#content table#g_3 th a {
font-size: 80%;
line-height: 120%;
padding: 5px;
}
#content table#g_3 td img {
  width: 60%;
  padding: 45px 2px 2px 2px;  
}

.navi  {
  font-size: 60%;
  line-height: 150%;
  color: #999;
	padding: 60px 0 20px 0;
}
.rot  {
color: #dd0000;
}

.text  {
font-size: 75%;
line-height: 140%;
}
.titel  {
font-size: 75%;
line-height: 150%;
font-weight: bold;
}

#zurueck  {
  text-align: right;
}
#content table#bibl {
table-layout: fixed;
width: 98%;
}

#content table#bibl td {
  vertical-align: top;
  padding:  12px 5px 0 2px;

}
#content table#bibl td.c1 {
 width: 12%;
 overflow: visible;
 margin: 12px 0 2px;
 text-align: center;
}
#content table#bibl td.c2 {
 width: 12%;
 overflow: visible;
 margin: 12px 0 2px;
 text-align: center;
}
#content table#bibl td.c3 {
 width: 22%;
 overflow: visible;
}
#content table#bibl td.c4 {
 width: 22%;
 overflow: visible;
}
#content table#bibl td.c5 {
 width: 22%;
 overflow: visible;
}

#content table#bibl td#songs {
	white-space: pre;
}

#content table#disko  {
table-layout: fixed;
width: 98%;
}
#content table#disko td.c1 {
 width: 12%;
 overflow: visible;
}
#content table#disko td.c2 {
 width: 22%;
 overflow: auto;
}
#content table#disko td.c3 {
 width: 22%;
 overflow: visible;
}
#content table#disko td.c4 {
 width: 22%;
 overflow: auto;
}

#content table#disko td {
  vertical-align: top;
  padding:  12px 5px 2px 5px;
}

#content table#disko td a {
  color: #666;
}

#content table#disko td a:hover {
color: #999;
}

#content table#disko td#jahr {
  color: #666;
	font-size: 110%;
  font-weight: bold;
	padding: 60px 0 20px 0;
}
#content table#disko td#art {
  color: #666;
  font-weight: bold;
	padding: 2em 0 1em 1em;
}
#content table#disko td#songs {
	white-space: pre;
}

#content table#gloria {
  text-align: center;
	background-color: #000;
	margin: 2em;
}

#content p#konzert img {
	margin: 2em 1em 0 1em;
}
#content table#news  {
text-align: fixed;
}
#content table#news td {
 font-size: 80%;
 padding: 1em 2em;
}
 
#content table#news td p {
  margin: 1em 3em;
}
#content table#news td img {
  margin: 1em;
}

#content table#news td a {
color: #666;
line-height: 110%;
font-weight: bold;
  margin: 1em 0.5em;

}

#content table#news td a:hover {
color: #009;
border: 0;
background: transparent;
text-decoration: none;
}

/* Absaetze in Tabelle */

/* Pfadanzeige */
#breadcrumb p {
  margin: 0;
	padding: 0.7em 10em;	
	font-weight: bold;					 
}
#breadcrumb p a {
  color: #666;
	font-weight: normal;
}
#counter {
  float: left;
	padding: 0.4em;							 
}

/* IMAGES =========================================================== */
img {
border: 0 none;
}

							 

/* IMAGES =========================================================== */
.adobe_l   {
  float: left;
  margin: 1em;
}								 
.adobe_r   {
  float: right;
  margin: 1em;
}								 
								
img#pdf_b   { 	  float: left;
									width:25%;
									margin: 1em;
									padding: 1em 2em 1em 2em;
}
#pdf {margin: 1em;}
#pdf a {border: 0;
        margin: 0;}    
#pdf a:hover {border: 0;}    

img#bild_r				{
  							 float: right;
								 width: 30%;
								 margin: 1em 3em 3em 2em;
								 }
img#bild_l				{
  								float: left;
									width: 30%;
									margin: 1em 2em 3em 2em;
								 }
img#logo  {
  							 float: right;
								 width: 25%;
								 margin: 1em 5em 1em 2em;
}


img#bild_40r 				 {
								 float: right;
								 margin: 1em;
								 width: 40%;
								 }		
img#bild_40 				 {
								 margin: 1em;
								 width: 40%;
								 }	
img#bild				{
  								float: left;
								  width:30%;
									margin: 1em 2em 1em 1em;
								 }
								 
								 
								 	
#logo_intro  {
						     float: left;
								 width: 60%;
								 margin: 1em;
								 }
								 
img#bild_60 				 {
								 margin: 1em;
								 width: 75%;
								 }		
div#bild_h				 {
								 clear: right;
								 }
/*==============================*/
/* DIVERSES */

/*	Target fuer Sprungmarke(n) 
	Wird auch fuer 'unsichtbaren' AT-Link ('zum Artikel springen') genutzt */
#top {

}
/* Seitenanfang Sprungmarken */
#content #topper-1,
#content #topper-2,
#content #topper-3 {

}
div#unten  {
  width: 96%;
	min-width: 480px;
	max-width: 1200px;
	margin: 0 auto;
  padding: 0.5em 0;
  font-size: 70%;
	text-align: left;
}
#topper {
  float: right;
  padding: 0.5em 1em 1em 2em;
}

#no_img    {
  display: none;
}
#linie_top   {
	border: 1px solid #eee;
	display: inline-block;
	width: 85%;
	margin: 0;
}
#top_re {
  padding: 2em 1em 1em;
  font-size: 75%;
  float: right;
}

/* unsichtbare Elemente */
.invis, hr {
display: none;
}

/* Initialen fuer '#content p' */
#content p span.initial {
font-size: 120%;
font-weight: bold;
}

/* Formatierung fuer Akronyme */
acronym {

}

/* validiert */
#footer a.valid {

}
#footer a.valid span#html {

}
#footer a.valid span#css {

}

/* ===============  Simple Viewer  ===================== */
/* hide from ie on mac \*/
html {
			 height: 100%;
	}
	
#flashcontent { margin: auto;
							height: 600px;
							width:100%;
	}
	/* end hide */