/* Stylesheet fuer ein Layout mit drei Spalten, 
 * die von einem Header ueberspannt werden.
 * Die Spalten heissen
 *  - Navigation
 *  - Inhalt
 *  - Info
 * und muessen im HTML-Dokument mit 
 * <div id="xxx"> eingeleitet werden.
 */
html {
	height: 100%;                                   /* Scrollbar immer anzeigen */
}

body {
	color: black;                                   /* Standard-Farbe für Schrift */
	background-color: #F3F2FF;                      /* Farbe des Browserfensters (außerhalb des "container") */
	font-size: 100.01%;                             /* behebt Bugs im IE */
	font-family: Verdana,Arial,sans-serif;          /* Schrift ohne Serifen */
	margin: 0; padding: 0em;                        /* Aufhebung der Standard-Browserabstände */
	text-align: center;                             /* Zentrierung des containers für den IE. */
	min-height: 101%;                               /* Scrollbar immer anzeigen */
}

.skip { /* Da ein wichtiger Screenreader das display: none; auch fälschlicherweise für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
  position: absolute;
  margin-left: -10000px;
}

/* GLOBALE FARBEN (spezielle Bereiche siehe dort) */
a:link     { color: #0E318C; }                   /* BK dunkelblau */
a:visited  { color: #505090 }
a:hover    { color: green; }
a:active   { color: green; }
a:focus    { color: green; }

h1         { color: #A3181B; }                   /* dunkelrot */
h2         { color: #A3181B; }
th         { color: #A3181B; background-color: #CCCCFF; }


/* GENERELLES - Groessen und Abstaende */
p          { margin: 0.5em 0; }

h1         { font-size: 1.2em; margin: 1.6em 0em 0em 0em; }
h2         { font-size: 1.1em; margin: 1.2em 0em 0em 0em; }
h3         { font-size: 1.0em; margin: 1.0em 0em 0em 0em; }
h4         { font-size: 0.8em; margin: 0.5em 0em; font-weight: normal; font-style:italic; }
h5         { font-size: 0.6em; margin: 0.5em 0em; font-weight: normal; }
h6         { font-size: 0.6em; margin: 0.5em 0em; font-weight: normal; }

th         { text-align:left; vertical-align: top; }
td         { padding: 1px 4px 1px 4px;; margin: 0px; 
             vertical-align: top; }

blockquote { font-size: 0.8em; }


/* -- Layoutspezifisches -- */
#container {                                     /* Das ganze Layout soll als Blatt auf der Seite "schweben". */
	position: relative;
	margin: 0 auto;                                 /* Hiermit zentrieren wir unsere Seite (außer im IE). */
	width: 960px;                                   /* Eine feste Breite. */
/*	background-color: #B7C1DF; /* hellblau */
	background-image: url('kita_template_body.png');/* Hintergrund: senkrechte Linie */
	text-align: left;                               /* Ausgleich der Zentrierung für den IE im Body-Tag */
	/*border: 1px solid red;                        /* zu Testzwecken */
}

/* HEADER */
div#Header {
	height: 201px;                                  /* Höhe des Hintergrundbildes */
	width: 960px;                                   /* Breite des Hintergrundbildes */
	background-color: blue;                         /* falls das Hintergrundbild scheitert */
	background-image: url('kita_template_header.png');/* Hintergrund: geschwungene blaue Linie */
	/*border: 1px solid black;                      /* zu Testzwecken */
}
* html div#Header {  /* Korrekturen fuer IE 5.x */
	height:201px;                                   /* Beim IE ist das die Mindesthoehe */
}
div#Header p {                                   /* Text im Header (Bibelvers) */
	position: absolute;
	top: 2px;
	left: 20px;
  font-family: Courier,monospaced;
	font-size: 0.8em;
	line-height: 0.9em;
	letter-spacing: -0.1em;
	/*border: 1px solid black;                     /* zu Testzwecken */
}
div#Header img {                                 /* Bilder ohne Rahmen */
	border: none
}
div#Header img#efztypo {                         /* Position des Schriftzuges */
	position: absolute;
	top: 75px;
	left: 20px;
	/*border: 1px solid black;                     /* zu Testzwecken */
}
div#Header img#efzlogo {                         /* Position des Logos */
	position: absolute;
	width: 140px;
	top: 70px;
	right: 5px;
	/*border: 1px solid black;                     /* zu Testzwecken */
}
div#Header img#kreis1 {                          /* Position des ersten Kreises */
	position: absolute;
	top: 48px;
	left: 290px;
}
div#Header img#kreis2 {                          /* Position des zweiten Kreises */
	position: absolute;
	top: 25px;
	left: 460px;
}
div#Header img#kreis3 {                          /* Position des dritten Kreises */
	position: absolute;
	top: 40px;
	left: 630px;
}
div#Header a {                                   /* Text zu den Kreisen */
	position: absolute;
	width: 150px;
	text-align: center;
  font-family: "Times New Roman",Times,serif;
	font-size: 105%;
	color: black;
	text-decoration: none;
	/*border: 1px solid black;                     /* zu Testzwecken */
}
div#Header a:hover, div#Header a:active, div#Header a:focus {
	text-decoration: underline;
}
div#Header a#text1 {                             /* Position des Textes zum ersten Kreis */
	top: 160px;
	left: 260px;
}
div#Header a#text2 {                             /* Position des Textes zum zweiten Kreis */
	top: 160px;
	left: 430px;
}
div#Header a#text3 {                             /* Position des Textes zum dritten Kreis */
	top: 160px;
	left: 600px;
}


/* ORGA-MENU */
div#Orga {                                       /* Position der organisatorischen Links im Header rechts */
	position: absolute;
	top: 10px;
	right: 30px;
	text-align: right;
  font-family: "Times New Roman",Times,serif;    /* Kapitaelchen in Times */
  font-variant: small-caps;
	/*border: 1px solid black;                     /* zu Testzwecken */
}
div#Orga ul {
	margin: 0; padding: 0;
}
div#Orga li {
	list-style: none;
	padding: 0.1em;
}
div#Orga a {
	color: white;
	text-decoration: none;
}
div#Orga a:hover, div#Orga a:active, div#Orga a:focus {
	text-decoration: underline;
}
div#Orga li.orga_present {
	color: #A3181B;                                 /* dunkelrot */
}


/* NAVIGATION */
div#Navigation {
	position: absolute;
	top: 210px;
	left: 5px;
	width: 195px;
  font-family: "Times New Roman",Times,serif;    /* Kapitaelchen in Times */
	font-variant: small-caps;
	/*border: 1px solid black;                     /* zu Testzwecken */
}
* html div#Navigation {                          /* Korrekturen fuer IE 5.x */
	width: 12.5em;                                 /* Beim IE ist die _exakte_ Breite nicht in px moeglich */
	/*border: 1px solid red;                       /* zu Testzwecken */
}
div#Navigation ul {
	margin: 0; padding: 0em;
}
/* Darstellung aller Menu-Eintraege */
div#Navigation li {
	list-style: none;
	margin: 0em; padding: 0em;
}

/* Darstellung und Farbgebung der Links */
div#Navigation a {
	color: black;
	text-decoration: none;
}
div#Navigation a:hover, div#Navigation a:active, div#Navigation a:focus {
	text-decoration: underline;
}
div#Navigation li.navi_level02_present, div#Navigation li.navi_level03_present {
	color: #A3181B;                                 /* dunkelrot */
}

/* Ebenenabhaengige Formatierung */
div#Navigation li.navi_level01_href, div#Navigation li.navi_level01_present {
  margin-top: 1.2em;
	font-size: 0.9em;
	font-weight: bold;
}
div#Navigation li.navi_level02_href, div#Navigation li.navi_level02_present {
  margin-top: 0.3em;
	margin-left: 2em;
	font-size: 0.9em;
}
div#Navigation li.navi_level03_href, div#Navigation li.navi_level03_present {
  margin-top: 0.3em;
	margin-left: 4em;
	font-size: 0.8em;
}

/* RECHTE INFOSPALTE */
div#Info {
	position: absolute;
	top: 201px;
/*	left: 800px;*/
	right: 0px;
	width: 160px;
	font-size: 0.7em;
	/*border: 1px solid black;                      /* zu Testzwecken */
}

div#Info p, div#Info h1, div#Info h2 {          /* Spalte wegen des Bildes breiter als der Text */
	margin: 0px 8px 0px 16px; /* oben rechts unten links */
	/*border: 1px solid green; /*zu Testzwecken*/
}
div#Info h1, div#Info h2 {                       /* Überschriften in Kapitaelchen mit rotem Punkt */
  font-family: "Times New Roman",Times,serif;
	font-variant: small-caps;
	font-size: 1.2em;
	color: black;
	margin-top: 25px;
	padding: 1px 0px 8px 7px;                      /* Für den Hintergrund-Kreis: oben rechts unten links */
	background:url('reddot.gif') no-repeat left top;
}
div#Info p {
	margin-bottom: 5px;
	padding-left: 12px;
}
div#Info p a {
	font-weight: bold;
/*	color: darkblue; background-color: white;*/
	text-decoration: none; border-bottom: dashed 1px
}
div#Info p a:hover, div#Info p a:active, div#Info p a:focus {
	text-decoration: underline; border-bottom: none;
}


/* MAIN */
div#Inhalt {                                     /* Mittlerer Bereich für den Fliesstext */
	margin: 0px 200px 0px 208px;                    /* oben rechts unten links */
	min-height: 600px;
	padding-left: 10px;
	padding-bottom: 60px;                           /* damit nicht direkt unter dem Text die Seite zuende ist. */
	font-size: 0.9em;
	/*border: 1px solid blue;                       /* zu Testzwecken */
}
* html div#Inhalt {
	height: 600px;                                  /* Workaround gegen den Bug des Internet Explorers (6)) */
}
#Inhalt p, #Inhalt ul, #Inhalt li, #Inhalt table {
	margin-right: 110px;                           /* Das Titelbild darf breiter als normaler Text sein */
}

h1.seite {                                       /* Überschrift des Inhaltsbereiches in grünem Block */
	color: black;
  font-family: "Times New Roman",Times,serif;    /* Kapitaelchen in Times */
	font-variant: small-caps;
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 0px;
	margin-left: -8px;
	margin-bottom: 20px;
	/*border: 1px solid red;                        /* zu Testzwecken */
}
h1.seite span {                                  /* Überschrift des Inhaltsbereiches in grünem Block */
	background-image: url('greengr.gif');
	background-repeat: repeat-x;
	background-color: #D8E050;
	padding: 1px 10px 10px 10px;                    /* oben rechts unten links */
	/*border: 1px solid yellow;/* zu Testzwecken */
}

#Inhalt a[href$=".pdf"]:before {             /* PDF-Links */
	content: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0C%00%00%00%0A%08%03%00%00%01%C0%F5%7F%5E%00%00%03%00PLTE%00%00%00%00%00%FF%001%D6%00k%AD%08%9C%84%10%94%7B!%8C%7B!%AD%94)%B5%A59sk9%BD%A5B%BD%ADR%C6%ADR%C6%BDZZZs%CE%BD%84%D6%D6%AD%DE%D6%BD%EF%FF%CE))%CE99%CEJJ%D6ZZ%D6%7B%7B%DE%9C%9C%DE%B5%B5%E7%C6%C6%E7%E7%E7%EF%EF%EF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%0F%EAw%84%00%00%00%09pHYs%00%00%0B%12%00%00%0B%12%01%D2%DD~%FC%00%00%00%09tEXtComment%00%00%89*%8D%06%00%00%00LIDATx%9C5%8A%C1%01%C00%08%02%D9AML%D0%FD%D7%AC%DA%96%CFy%08%22%C1D%80%A0%143%E1%E5%B4%BAc%B1%F4%F8%F2lC6h%98%F24%FCJ%83%DC%98I%C4%EE%F7%0C%83W%17%C7%60%A2%22%FB%13V%5C%F5%95%3F-%0F%FF%09%0A%B1%DB%A1%EEp%00%00%00%00IEND%AEB%60%82");
}
#Inhalt img {
/*	margin-right: -100px;                           /* Das Titelbild darf breiter als normaler Text sein */
/*	position: relative;
/*	border: solid 1px #aaa;*/
	padding: 3px;                                   /* alle Bilder bekommen einen Abstand */
}
#Inhalt a img {
	padding: 0px;
	border: none;
	text-decoration: none;
}
div.csc-frame {                                  /* Rahmen um spezielle Absätze zulassen */
	border: solid 1px #CCCCCC;
	background: #FFFFFF;                            /* Hintergrund der Boxen ist weiß. */
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.csc-frame h2, div.csc-frame h3 {             /* Überschriften in Rahmen kleiner darstellen */
	font-size: 1.1em;
	margin-top: 5px;
}

.csc-textpic-caption {                           /* Bildunterschriften verkleinert darstellen */
	font-size: 0.75em; 
	line-height: 1.2em;
}
.csc-caption {                                   /* Bildunterschriften verkleinert darstellen */
	font-size: 0.75em; 
	line-height: 1.2em;
}


/* 13.10.2009 Jens Malmstroem */