/* 
    Document   : chor.css
    Created on : 3. October, 14:28
    Author     : Hansel
    Description:
        Stylesheet für Kantorei St. Johannis
*/

/* 
   Allgemein
*/

root { 
    display: block;
}

body {
	background-image : url(../bg/noten_1024_hell.jpg);
	background-position : top left;
	background-repeat : no-repeat;	
	color: #294479;
	/* blau*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	min-width: 40em;
	/* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	text-align: center;
	/* Zentrierung im Internet Explorer */
}
 
 h1, h2, h3, h4, h5, h6 {
    text-align: left;
    padding: 0;
}

h1 {	
	line-height: 1.5em;
	margin-top: 0em;
	font-size: 2em;
}

h2 {
	font-size: 1.5em;	
	 font-weight: bold;
    /*padding: 0.5em;*/
    margin-top: 2em;       
}

h3  {
    font-size: 1.2em;
}

h4, h5, h6  {
    font-size: 1em;
}

/* Links nie unterstrichen, blau*/
a {
    text-decoration: none;
    color: #294479;
	font-weight: bold;
}
/* Links rosa beim Drüberfahren*/
a:hover, a:active {
    color : 	#DB7093;
    text-decoration: none;	
}

/* fuer Link der aktuellen Seite */
a#sel, a:hover#sel   {
	color: #DB7093;
}

/* alle Bilder ohne Rahmen, für XHTML 1.0 Strict in css */
img {
    border: none;
}

/* unsichtbar */
.invisible, dfn {
	display: none;
}

/* 	Um die unterschiedlichen Standard-Abstaende fuer versch. Broweser zu ueberschreiben */
ul, ol, li {
	padding: 0;
	margin: 0;
	text-align: left;
} 

/* Listen ohne Zeichen */
ul, ol {
	list-style: none;
}

p {
	text-align: left;		
}

div#content p {
	font-size: 1em;
	margin-top: 0.5em; 
	margin-bottom: 1em;
}

.re {
	text-align: right;
}

.li {
	text-align: left;
}

.cent {
	text-align: center;
}

.pink {
	font-weight: bold;
	color: #DB7093;	
}

.sky {
	font-weight: bold;
	color: #a2ace5; 
}

.fett {
	font-weight: bold;
}

.italic {	
	font-style : italic;
}

span.caps {
	font-variant: small-caps;
}

div#seite {
	text-align: left;
	/* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;
	/* standardkonforme horizontale Zentrierung */
	/*padding: 0.5em;
	für Rand oben*/
	width: 980px;
	/* feste Breite */	
}

div#head {
	margin: 0;
	padding: 0.5em;
	height : 110px;
	background-image: url(../bg/head_trans.png);
	background-repeat: no-repeat;
	background-position: top left;
}
 
 div#head h1 {
	font-size: 2.6em;
	text-align: left;
	margin: 0.3em;
	display:inline;
}
 
 div#menu {/* horizontales Menü */
	color: #294479;	
     text-align: right;
    padding: 10px 0px;	
}

.menutitle {
	margin-bottom: 0.5em;
	margin-top: 0;
	padding: 0.5em;	
	background:  #a2ace5; 
	color: #294479;
	/* dunkelblau */
	font-size: 1.1em;
	font-weight: bold;	
}

.menuitem {
    background: #FFFFFF; 
	display: block;
    text-align: left;
    padding-top: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
	padding-bottom: 0.2em;
    margin-bottom: 0.5em;
}
/* für Menü 2. Ebene*/
.item {
        display: block;
    text-align: left;
   margin-bottom: 0em;
}
.item2 {
    display: block;
	text-align: left;
    padding-left: 1em;
    margin-top:0.3em;
}

#navi { /* vertikales Menü */
    font-size: 0.9em;
    float: left; 
	width: 15em; 	
   margin-top: 1.5em; /* Abstand von oberer Navi*/    
}

 div#content {
	float: left; /* für Spaltenlayout! */
	width: 58%;
	margin-left:2em;
	margin-right:1em;
	margin-bottom: 1em;
	padding: 0.5em;
    text-align: center;       
}

/* Container für alle rechten Infoboxen */
div#rechts {
    float: right;  	
    margin-top: 1.5em; /* Abstand von oberer Navi*/
	width: 190px;	
}

/* 2. Infobox rechts */
.right_2 {    
   text-align: left;
    margin-bottom: 5em; 
    border: 1px solid  #f19bc5;/*#DB7093;*/
	background: #FFF0F5;
}

.inf {
	background-image: url(../bg/bg_pinkhell190x20.png);
	background-repeat : no-repeat;
	background-position : top;
	font-size:1.1em;
	margin-top:0;
	text-align: center;
	padding: 0.5em;
}

p.info {
    font-size: 0.9em;
    margin: 0.5em;
    padding-left: 0.2em;
    padding-bottom: 0.8em;
}

div#foot {
	clear: both;
	background-image: url(../bg/foot_trans.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 1em;
	padding: 0.3em;
	height: 90px;
	text-align: right;
	display: block;
}

div#foot p {
	text-align: right;
	font-size: 0.9em;
	margin-top:2em; 
	padding:0.5em;
}
/* table Probenplan */
table {
	/*border-collapse : collapse;*/
	background-color: white;
	width: 100%;
	font-size: 1em; /* fuer IE drin lassen!*/
	margin-top: 0.95em;
	margin-bottom: 1.5em;	
}

tr.col {
	background-color: #a2ace5; 	
}

tr.bl {
	background: #dbdef1;	
}

th, td {
	font-size: 0.8em;
	text-align: left;
	padding: 0.2em;
	vertical-align: top;
	padding: 0.2em;
	/*border: 1px solid  #a2ace5; /*#294479;*/
}

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

td.fett1 {	
	font-weight: bold;
}

td.italic {
	text-align: center;
	font-style : italic;
}

tr.archiv {
	font-weight: bold;
	background: #dbdef1;	
}

td.kursiv { 
	font-style:italic;  
}

/* Box fuer Besetzung, Spendenkonto */
div.bes {
	float: left;
	font-size: 0.9em;
	margin-right: 2em;
	margin-bottom: 1em;
	width: 180px;
	padding: 0.5em;
	border: 1px solid #a2ace5;
	background: #DBDEF1;	
}


/* Box fuer Zitate */
div#content div.zitat {
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;
	width: 240px;
	padding: 0.5em;
	border: 1px solid #a2ace5;
	background: #dbdef1;
	background-image: url(../bg/bg_blau240.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	font-family: arial;
}

/* Formatierung Zitat-Text */
div#content p.p_zitat {
    padding-left: 0.5em;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 1.1em;
    font-style: italic;
}

/* Formatierung Autor, Jahr in Zitaten */
div#content p.autor {
    text-align: right;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 2.2em;    
    margin: 0;    
    font-size: 1em;
    font-weight: bold;
}

/* Formatierung Jahr in Zitaten*/
div#content p.jahr {
    font-weight: normal;
    text-align: right;
    font-size: 1em;
    margin: 0;
}

p.copy {
	margin: 0.2em;		
}

#content ul li {
    font-size: 1em;
    margin-left: 2em;
    margin-right: 1em;
   margin-bottom: 0.3em;
}

/* für Aufzählungen mit Punkt */
.bild {
	list-style: url(../bg/punkt.png);	
}

/* für Aufzählungen ohne Punkt */
.none {
	list-style: none;
}

/* fuer den IE */
* html content ul li {
	height: 1em;
}

/* für Zeitungsartikel */
div.press {
	padding: 0.5em;
	background-image: url(../img/presse/papier.jpg);
	background-repeat : repeat;
	margin-bottom: 2em;
	border: 1px solid ;
	width: 560px;
}

div.press div.pressli {
	/*float: left;*/
	border-right: 1px solid;
	width: 258px;	
	padding: 0.2em;
	padding-right:1em;	
}

div.press div.pressre {
	float: right;
	width: 258px;
	padding: 0.2em;	
}

div.press p,  div.presskl p {
	text-align: justify;	
}

div.presskl {
	padding: 0.8em;
	/*color: black;*/	
	background-image: url(../img/presse/papier.jpg);
	background-repeat : repeat;
	width: 400px;
	margin-bottom: 2em;
	margin-left: 0;
	border: 1px solid ;	
}