/* Stylesheet Relaunch Winfridia-Seite Herbst 2007 */
/* Style-Vorschlag 2 Mai 2008*/

/*=====================================
	Einstellungen fuer die gesamte Seite
  =====================================*/
* {
	margin:0;
	padding:0;
	}

html {
		height:101%;
		}

body {
		background-color:#FFFFFF;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:small;
		}

/*========================================
  Ende Einstellungen gesamte Seite
  ========================================*/



#intro {
		margin:50px;
		padding:20px;}


/*========================================
	Seiten-Hauptelemente
  ========================================*/
#wrapper {
			width:920px;
			color:black;
			margin-top: 10px;
			margin-right: auto;
			margin-bottom: 10px;
			margin-left: auto;
			}
#kopf {
		background-color:#FFFFFF;
		padding: 0px 20px 6px 20px;
		height: 120px;
		background-image: url(grafiken/linie_pink_weiss.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		}

#navi1 {
		margin: 2px 1px 2px 0;
		padding:0;
		text-align: right;
		}

#navi1 ul {margin-bottom: 0px;}

#navi1 li {
			display: inline; /*li nebeneinander anzeigen*/
			list-style-type: none; /*ohne Aufzaehlungspunke*/
			margin: 0 0 0 130px;
			}

#navi1 a {color: #313131;
	      font-size: 102%;
		  text-decoration: none;
			}

#navi1 a:hover,
#navi1 a:focus { color: #d325d5;
				 }
#navi1 a:active {
				}


#navi2 {
		float: left;
		width: 210px;
		margin: 0;
		padding:0;
		}

#navi2 ul {margin-bottom: 0px;}

#navi2 li {
			list-style-type: none; /*ohne Aufzaehlungspunke*/
			margin: 0;
			}

#navi2 a {color: #313131;
		  text-decoration: none;
		  padding: 4px 8px 4px 8px;
		  font-size: 102%;
		  display: block;
}
#navi2 a:hover,
#navi2 a:focus { color: #d325d5;
			     display: block;
				 }
#navi2 a:active {
				 color: #d325d5;
			     display: block;
				}

#navi3 {
		}

#navi3 a:hover,
#navi3 a:focus { color: #d325d5;
			     display: block;
				 }
#navi3 a:active {
				 color: #d325d5;
			     display: block;
				}

.gewaehlter_link  {font-color: ;
				   font-weight: bold;
			       display: block;
				   }

.ungewaehlter_link {
			       display: block;
				   }

#hauptbereich {
				margin-top:16px;
				}

#inhalt {
		float: right;
		width: 669px;
		padding:10px 15px 10px 25px;
		margin: auto;
		background-color:#FFFFFF;
		text-align: justify;
		}
#fuss {
		clear:both;
		background-image: url(grafiken/linie_weiss_pink.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		padding-top: 10px;
		padding-right:0px;
		padding-bottom:10px;
		padding-left:20px;
		}
/*=================================
   Ende Seiten-Hauptelemente
  =================================*/


/*=================================
  Gestaltung der Ueberschriften
  =================================*/
h1 {
	color: #717171;
	font-size: 320%;
	font-family: Times New Roman, serif;
	margin: 30px 0 0 70px;
	}

h1 span {color: #d325d5;}

h1 img {
		margin-top: 20px;
		margin-left:10px;
		width:739px;
		heigt:25px;}

h2 { font-size: 130%;
	 margin-top:1em;
     margin-bottom: 1em;}

h3 { font-size: 150%;
	 margin-top:0,5em;
     margin-bottom: 1em;
     font-weight:bold;
     font-variant:small-caps;
     letter-spacing:3px;}

h4 { font-size: 120%;
	 margin-top:0,5em;
     margin-bottom: 1em;
     font-weight:bold;
     font-variant:small-caps;
     }

/*=================================
  Ende Gestaltung der Ueberschriften
  =================================*/


/*=================================
  L i n k s
  =================================*/


a {
  color:#d325d5;
  text-decoration:none;
  }

a:visited {
		   color:#D325d5;
		   text-decoration:none;
			}
a:hover, a:focus {
			      text-decoration:underline;
					}

/*
a:active {
		color:yellow;
		}

#inhalt a {}
#inhalt a:visited {}
#inhalt a:hover,
#inhalt a:focus {}

*/

/*==================================
  Ende L i n k s
  ==================================*/


/*==================================
  besondere Seitenelemente
  ==================================*/
#logo {
		margin: 0;
		padding: 0 8px 0 0;
		width: 113px;
		height: 110px;
		float: left;
		}

#plakat { /*Nur für Eingangsplakat aktuell*/
		background-color:#98057e;
		background-image: url(grafiken/gabel_pink.gif);
		background-position:40px 40px top left;
		padding:30px;
		width:550px;
		margin-right:auto;
		margin-left:auto;
		}

#konzertplakat { width:600px;
				 margin-right:auto;
				 margin-left:auto;
				 }

#konzertplakatinhalt {
					 background-image: url(grafiken/gabel_transp.gif);
					 background-repeat:no-repeat;
					 padding:20px;
					 border:1px solid #d4d4d4;
					 }

#konzertplakatinhalt p {
						text-align:center;
						}


#konzertplakat table {margin-right:auto;
  					 margin-left:auto;
  					 margin-bottom:35px;
  				 	 padding:5px;
  					 font-size:110%;
  					 font-weight:bold;
  					}


#presse_aktuell {
				border:1px solid #CCCCCC;
				background-image:url(grafiken/hintergrund_presse_aktuell.jpg);
				padding:8px;
				margin-bottom:10px;
				}

blockquote {
			font-size:120%;
			margin-left:30px;
			padding:5px 5px 25px 5px;
			}

address {font-size:90%;
		}
/*======================================
  Elemente fuer Konzertplakat
  ======================================*/
  #plakat p {color:#FFFFFF;   /*Plakat=Aktuell - Konzertplakat=>Termine*/
  			text-align:center;}

  #konzertplakatinhalt p {margin-bottom:2em;}

  #konzertplakatinhalt a {text-decoration:none;}

  #plakat a {text-decoration:none;
  	 		 color:#FFFFFF;}

  #plakat table {margin-right:auto;
  				 margin-left:auto;
  				 margin-bottom:35px;
  				 padding:5px;
  				 color:#FFFFFF;
  				 font-size:110%;
  				 font-weight:bold;
  				}

  .kleinschrift {font-size:95%;
				 font-weight:normal;
				 padding:10px;
				 vertical-align:top;
				}

  #plakat td { vertical-align:top;
  			   margin:3px;
  			   padding:3px;
  			}

  .komponist a {font-weight:600;
			    font-size:120%;}


  .komponist_gross a {font-weight:800;
			    font-size:200%;}

  .lebzeiten {margin-top:0px;
			  font-weight:normal;}

  .auffuehrungstitel {font-size: 280%;
					  font-weight:800;
					  margin-top:2em;
   					  margin-bottom: 2em;}

  .auffuehrungszusatz {font-size: 140%;
					  font-weight:800;
					  margin-top:5em;
   					  margin-bottom: 6em;}

  .auffuehrung a {font-size: 280%;
				  font-weight:800;
				  margin-top:2em;
   				  margin-bottom: 2em;}

  .solisten {font-weight:bold;
  			 line-height:2em;
  			}

  .mitwirkendechor {
  					font-weight:bold;
  					}

  .leitung {font-weight:bold;}


/*======================================
  Ende der Elemente fuer Konzertplakat
  ======================================*/


/*======================================
  Elemente fuer repertoire
  ======================================*/
  #repertoire p {}

  #repertoire a {text-decoration:none;
  	 		     color:#D325d5;
  	 		     display:inline;}

  .linktext {text-decoration:underline;
  			 margin:0;
  			 padding:0;}

  #repertoire table {margin-right:60px;
  					 margin-bottom:35px;
  					 padding:5px;
  					 font-size:105%;
  				     }

  #repertoire td { vertical-align:top;
  				   margin:6px;
  				   padding:2px 10px 10px 10px;
  				 }

  #repertoire ul {color:#9a9a9a;
  			      padding:0px 15px 5px 2px;
  			      margin-left:0;}

  #repertoire li {
  			      list-style-type:none;
  				  display:inline;
  				  font-size:80%;
  				  letter-spacing:1px;
  				  margin-left:8px;
  				  margin-right:8px;}

  #repertoire img {border:none;
  				   width:30px;
  				   height:23px;
  				   vertical-align:text-bottom;
  				   }

  .absatzlinie {border-bottom:1px solid #f3cef7;}



/*======================================
  Ende der Elemente fuer Repertoire
  ======================================*/




.bild_links { border:none;
			  float:left;
			  margin-right:20px;
			  margin-bottom:20px;
			  }

.bild_rechts {
 			   border:none;
			   float:right;
			   margin-left:20px;
			   margin-bottom:20px;
				}

.bild_mittig {
 			   border:none;
			   margin:auto;
			   margin-bottom:20px;
				}

p .chorname {
				font-family: "Times New Roman", Times, serif;
				font-size: 105%;
				font-weight: bold;
				color: #d325d5;
				letter-spacing: 1px; }

h3 .chorname {font-family: "Times New Roman", Times, serif;
		  	  font-size: 130%;
		 	  font-weight:bold;
		 	  color: #d325d5;
		 	  letter-spacing: 3px; }

/*==================================
  Ende besondere Seitenelemente
  ==================================*/


#kontaktseite {}


/*===================================
  Navigation
  ===================================*/
#navi101 {}
#navi102 {}
#navi103 {}
/*===================================
  Ende styles Navigation
  ===================================*/


/*===================================
  Terminverwaltung
  ===================================*/
#terminanmeldung {border:3px solid #f3cef7;
			      margin:10px 10px 30px 0px;
			      padding:10px;
			      line-height:4em;}

#terminbearbeitung {border:3px solid #f3cef7;
			        margin:10px 10px 30px 0px;
   	    	        padding:10px;
			        line-height:4em;}

#tabelle_termine {font-size:105%;}

#tabelle_termine a {font-size:105%;}

.reihe_terminliste {
					border-bottom:1px solid #d4d4d4;
					margin:10px 10px 10px 0px;}

.datum_terminliste {padding:5px;
					float:left;
					width:25%;
					text-align:top;}

.uhrzeit_terminliste {padding:5px;
				      float:left;
				      width:12%;
					  text-align:top;}

.termintext {padding:5px;
			 float:left;
			 width:50%;
			 text-align:top;}

.link_terminverwaltung {padding:5px 5px 5px 10px;
						font-size:130%;
					    float:left;
						width:*;
						}

.clearing {clear:both;}


/*===================================
  Ende Terminverwaltung
  ===================================*/


/*===================================
  Anweisungen fuer Seitenelemente
  ===================================*/
p, ol {
 	  color:#313131;
	  font-size: 100%;
	  margin-bottom: 2em;}

ul {color:#313131;
	font-size:100%;}

#inhalt p, td {font-size:105%;}
#inhalt ul, ol {font-size:105%;
			margin-left:2em;
			}

 #freunde table {}

 #freunde img {border:0;
		   width:287px;
		   height:167px;}


 #freunde td {
	      padding:10px 10px 30px 10px;
		 }

 #freunde tr {}


#vorstand img {border:none;
		  	   width:103px;
		       height:130px;
			   float:left;
		       margin-right:20px;
			   margin-bottom:20px;
			   }

#vorstand p {
			 clear:left;
			 margin-bottom:70px;}


#vorstand h4 {clear:left;
		      margin-top:2em;}

/*ul, ol { margin-left: 1em;*/

/*====================================
  Ende Anweisungen Seitenelemente
  ====================================*/


form {background-color:#FFFFFF;}

input{ border:1px solid #98057e;
       background-color:#e5dfe5;
	   margin-bottom:3px;
	   }

select { border:1px solid #98057e;
		 margin:5px;
		 background-color:#e5dfe5; }

textarea { border:1px solid #98057e;
		   padding:2px;
           background-color:#e5dfe5;
           margin-bottom:3px;}

.button {padding:5px;}

.login {text-align:right;
		margin-top:60px;}

.login a {font-size:80%;}


#presse table { margin-top:30px;
				width:50%;
				margin:auto;
				}

#presse td {margin-top:0;
			padding:12px;
			width:30%;
			font-size:90%;
			}

#presse .links {text-align:right;}

#presse .mittig {
				 border-left:1px solid #f3cef7;
				 border-right:1px solid #f3cef7;
				 text-align:center;
				}

#presse .hinweis {  color:#606060;
				 }

#presse .ueberschrift_tabelle_presse {color:#606060;}

#uebersicht_presse ul {
						margin:0;
						}

#uebersicht_presse li {
						list-style-type:none;
						font-size: 120%;
						margin-left:0,5em;
						margin-top:0,5em;
					    margin-bottom: 2em;
					    font-weight:bold;
					    font-variant:small-caps;
						}