@charset "UTF-8";

/* Homepage Bach-Chor Darmstadt */
/* Letzte Änderung: 29.4.2011 Gert Diener */

/* ====== Browser-Einstellungen und Hacks ====== */

  * { margin:0; padding:0; }
  option { padding-left:0.4em; } /* LTR */
  select { padding:1px; }
  * html body * { overflow:visible; }
  body {
    font-size:100.01%;
    background:#fff;
    color:#000;
    text-align:left; /* LTR */
  }
  div { outline:0 none; }
  fieldset, img { border:0 solid; }
  ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
  li {
    line-height:1.5em;
    margin-left:0.8em; /* LTR */
  }
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }
  .clearfix { display:block; }
   #ie_clearing { display:none; }
  #sp_rechts { float:left; width:20%; }
  #col2 { float:right; width:20%; }
  #sp_links { width:auto; margin:0 20%; }
  #inh_rechts, #col2_content, #inh_links { position:relative; }

/* ====== Grundeinstellungen ====== */

#seite { margin: 16px auto;
	width: 802px; }
#rumpf { margin: 10px 0; background: #fff; }
#sp_rechts { float: right; width: 200px; }
#col2 { display:none; }
#sp_links { width: auto; margin: 0 200px 0 0; }
#inh_rechts { padding: 0 20px 0 10px;  }
#inh_links { padding: 0 10px 0 20px; }

/* ====== Spezifisches ====== */

#kopf {
	border: 1px solid #ac7bd1;
	border-bottom: 0;
	}
#kopf img {
	display: block;
	}
#rumpf {
	margin: 0;
	border: 10px solid #fff; 
	padding: 0;
	}
#sp_rechts {
	}
#inh_rechts { 
	padding: 4px 10px; 
	text-align: left; 
	}
#vertnav {
	overflow: hidden;
  }
#sp_links {
	border-right: 10px solid #fff;
	}
#inh_links { 
	padding: 20px 30px 0 40px;
	text-align: left; 
	}

/* **************************
* Spalten mit float und overflow: hidden
***************************** */
.innenspalten {
	width: 100%; 
	overflow: hidden; 
	}
	/* linksbündig */
.l_10, .l_12, .l_18, .l_25, .l_35, .l_40, .l_50, .l_60, .l_65, .l_75 { 
	float: left;
	padding: 0 2% 0 0;
	text-align: left; }
	/* zentriert, z.B. für Grafiken */
.z_10, .z_12, .z_18, .z_25, .z_35, .z_40, .z_50, .z_60, .z_65, .z_75 {
	float: left;
	padding: 0 2% 0 0;
	text-align: center; }
	/* rechtsbündig */
.r_10, .r_12, .r_18, .r_25, .r_35, .r_40, .r_50, .r_60, .r_65, .r_75 {
	float: left;
	padding: 0 2% 0 0;
	text-align: right; }
	
.l_10, .z_10, .r_10 { width: 8%; }
.l_12, .z_12, .r_12 { width: 10%; }
.l_18, .z_18, .r_18 { width: 16%; }
.l_25, .z_25, .r_25 { width: 23%; }
.l_35, .z_35, .r_35 { width: 33%; }
.l_40, .z_40, .r_40 { width: 38%; }
.l_50, .z_50, .r_50 { width: 48%; }
.l_60, .z_60, .r_60 { width: 58%; }
.l_65, .z_65, .r_65 { width: 63%; }
.l_75, .z_75, .r_75 { width: 73%; }

/* *****************************
* Allgemeine Elemente 
******************************* */
.eingerueckt { 
	padding-left: 30px; 
	}
.seitentitel { 
	margin-bottom: 8px; 
	} 
.hinterlegt { 
	background: #fff; 	
	padding: 2px 0 2px 0; 
	}
.kasten { 
	background: #fff; 	
	padding: 5px 10px; 
	}
.rand_oben { 
	border-top: 10px solid #fff; 
	}
.rand_unten { 
	border-bottom: 10px solid #fff; 
	}
p { 
	line-height: 1.2em; 
	margin: 0 0 0.2em 0; 
	}
hr { 
	border: 0;
	padding: 0; 
	}
br {
	line-height: 0.6em; 
	}


/* *********************************
* Bilder
********************************** */

/* Bilder im lfd. Text */
.bild_links_oben { 
	float: left;
	padding: 0 10px 2px 0; 
	}
.bild_links { 
	float: left;
	padding: 2px 10px 2px 0; 
	}
.bild_rechts_oben { 
	float: right;
	padding: 0 0 2px 10px; 
	}
.bild_rechts { 
	float: right;
	padding: 2px 0 2px 10px; 
	}

/* **********
* Farben, Hintergründe, Schriften
************ */

body {
	background: url("../_allg/back.gif"); 
	overflow-y: scroll;
	}

#seite { 
	font: normal normal normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #222; 
	line-height: 1.2em; 
	background: #fff;
	}
#rumpf {
	background: #f2f2f2; 
	}
hr, .seitentitel { 
	border-bottom: 1px solid #ac7bd1; 
	}
	
/* Schriftklassen */
h1 { 
	font: italic normal bold 40px Georgia, "Times New Roman", Times, serif;
	color: #5C2B91; 
	} 
h2 { 
	font: italic normal bold 20px Georgia, "Times New Roman", Times, serif;
	color: #5C2B91; 
	}
h4 { 
	font: italic normal bold 14px Georgia, "Times New Roman", Times, serif;
	color: #5C2B91; 
	padding: 4px 0 0 0; 
	} 

/* Überschrift in Navigationsleiste */
#vertnav h1 { 
	font: italic normal bold 16px Georgia, "Times New Roman", Times, serif;
	color: #a66;
	padding: 4px 0 2px 0; 
	}
/* Gegenwärtig ausgewählte Seite in Navigationsleiste */
#vertnav h2 { 
	font: italic normal normal 16px Georgia, "Times New Roman", Times, serif;
 	border-top: 1px solid #ac7bd1;
	border-bottom: 1px solid #ac7bd1;
	line-height:1.0em;
	color: #88b;
	padding: 2px 0 2px 10px; 
	}
/* Verweiszeile in der Navigationsleiste */
#vertnav h3 {	
	font: italic normal normal 16px Georgia, "Times New Roman", Times, serif;
	padding: 2px 0 2px 10px;
  color: #ac7bd1;
	line-height: 1.0em; 
	}
				
/* Verweise */
a { 
	color: #11a; 
	text-decoration: none; 
	font-weight: normal; 
	}
a:visited { 
	color: #339; 
	text-decoration: none; 
	}
a:hover { 
	font-style: italic; 
	color: #66f; 
	text-decoration: none; }
a:active { 
	color: #339; 
	text-decoration: none; 
	}

/* Tabellen */
table { 
	font: normal normal normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #222; 
	line-height: 1.2em; 
	}
td { 
	text-align: center; 
	width: 15%; 
	}	
.breit { 
	width: 55%; 
	padding: 2px 10px 2px 0; 
	text-align: left; 
	}