/* 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.
 */

body {
	color: black;                                   /* Standard-Farbe für Schrift */
	background-color: #E0E0FF;                      /* Farbe des Browserfensters (außerhalb des "container") */
	font-size: 100.01%;                             /* behebt Bugs im IE */
	font-family: Helvetica,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. */
}

.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: grren; }
a:focus    { color: green; }

h1         { color: #0E318C; } /* BK dunkelblau */
h2         { color: #0E318C; }
th         { color: #0E318C; background-color: #CCCCFF; }


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

h1         { font-size: 2.0em; margin: 0.5em 0em 1em 0em; }
h2         { font-size: 1.2em; margin: 1.6em 0em 0em 0em; }
h3         { font-size: 1.1em; margin: 1.2em 0em 0em 0em; }
h4         { font-size: 1.0em; margin: 1.0em 0em 0em 0em; }
h5         { font-size: 0.8em; margin: 0.5em 0em; font-weight: normal; font-style:italic; }
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;
	width: 960px;                                   /* Eine feste Breite. */
	background-color: #B7C1DF; /* hellblau */
	margin: 0 auto;                                 /* Hiermit zentrieren wir unsere Seite (außer im IE). */
	text-align: left;                               /* Ausgleich der Zentrierung für den IE im Body-Tag */
	padding: 0px 0px;                               /* Platz fuer den Rahmen aus dem Hintergrundbild. */
	/*border: 1px solid red;                        /* zu Testzwecken */
}

/* HEADER */
div#Header {
	height: 99px;                                   /* Höhe des Hintergrundbildes */
	width: 960px;                                   /* Breite des Hintergrundbildes */
	background-color: white;                        /* falls das Hintergrundbild scheitert */
	background-image: url('bkverein_FILES/bkbalken.png'); /* Hintergrund: 2 blaue Balken mit weiß dazwischen */
  /*border: 1px solid yellow;/* zu Testzwecken */
}
* html div#Header {  /* Korrekturen fuer IE 5.x */
	height:99px;
}
div#Header img { /* Position des BK Logos */
  position: absolute;
  top: 16px;
  left: 1px;
  /*border: 1px solid green;/* zu Testzwecken */
}
div#Header h1 {
  font-family:Times New Roman,Times,serif;
	font-size: 20pt;
	font-weight: bold;
	text-align: right;
	color: #0E318C; background-color: none;         /* BK dunkelblau */
	line-height: 99px;                              /* für die vertikale Zentrierung */
	margin: 0px;                                    /* Default-Abstaende ausschalten */
	margin-right: 10px;
	padding: 0px;                                   /* Default-Abstaende ausschalten */
	/*border: 1px solid red;/* zu Testzwecken */
}


/* ORGA-MENU */
div#Orga {
  position: absolute;
  top: 84px;
  width: 960px;
	font-size: 0.7em;
	text-align:right;
}
div#Orga ul {
	margin: 0; padding: 0;
}
div#Orga li {
	list-style: none;
	display: inline;
	padding: 0.7em;
}
div#Orga a {
	color: #66B72E; /* BK grün */
	font-weight: bold;
	text-decoration: none;
}
div#Orga a:hover, div#Orga a:active, div#Orga a:focus {
	text-decoration: underline;
}


/* NAVIGATION */
div#Navigation {
  position: absolute;
  top: 100px;
  width: 170px;
	padding: 0.5em;
	padding-top: 3em;
	background-color: #0E318C;
	font-size: 1.0em;
}
* html div#Navigation {  /* Korrekturen fuer IE 5.x */
	width: 13.2em;
	w\idth: 11.6em;
	padding-left: 0;
	padd\ing-left: 0.8em;
}
div#Navigation ul {
	margin: 0; padding: 0em;
}

/* Darstellung aller Menu-Eintraege */
div#Navigation li {
	list-style: none;
	margin: 0.3em; padding: 0.0em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
* html div#Navigation li {  /* Breitenangaben nur fuer IE */
	width: 100%;
	w\idth: 9.4em;
}

/* Darstellung und Farbgebung der Links */
div#Navigation a {
	display: block;
	margin: 0.0em; padding: 0.3em;
	color: #66B72E; /* BK grün */
	text-decoration: none;
}
div#Navigation a:hover, div#Navigation a:active, div#Navigation a:focus {
	text-decoration: underline;
}
div#Navigation li#navi_level01_present a, div#Navigation li#navi_level02_present a {
	color: #FFFF00;
}

/* Ebenenabhaengige Formatierung */
div#Navigation li#navi_level01_href, div#Navigation li#navi_level01_present {
	border-top: 1px dashed #B7C1DF; /* hellblau */;
	font-weight: bold;
}
div#Navigation li#navi_level02_href a, div#Navigation li#navi_level02_present a {
  padding-top: 0em;
	padding-left: 1em;
	font-size: 0.8em;
	font-weight: bold;
}


/* RECHTE INFOSPALTE */
div#Info {
  position: absolute;
  top: 100px;
  left: 765px;
  width: 180px;
	font-size: 0.8em;
/*	float: right; width: 14em; */
	margin: 0;
  padding: 0.4em;
}
* html div#Info {  /* Korrekturen fuer IE 5.x */
	width: 13.6em;
	w\idth: 14.6em;
	padding-left: 0;
	padd\ing-left: 0.4em;
}

div#Info p , div#Info h1, div#Info h2 {
	margin: 0; padding: 4px;
	border: 1px solid #0E318C; /* BK dunkelblau */
}
div#Info h1, div#Info h2 {
	font-size: 1.1em;
	text-align: center;
	margin-top: 2em; padding-top: 2px; padding-bottom: 0px;
	color: #FFFF00; /* gelb */
	background-color: #0E318C; /* BK dunkelblau */
}
div#Info p {
	background-color: white;
}
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 {
    margin: 0px 200px 10px 200px; /* oben rechts unten links */
    padding: 0.5em 1em;
    min-height: 650px;
}
* html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

#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 {                                /* alle Bilder bekommen einen Abstand */
/* border: solid 1px #aaa;
 padding: 5px;
/* max-width: 95%;                           /* gute Broser machen ein zu großes Bild, welches das Design sprengen würde, funktioniert beim IE leider nicht */
}
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;
}


/* FUSS */
div#Fusszeile {
	font-size: 0.8em;
	margin: 0; padding: 0.2em;
	text-align: center;
  background-color: #0E318C; /* BK dunkelblau */
  color: white;
}


/* 25.11.2008 Jens Malmstroem */