/* Stylesheet-Datei fuer www.csbi.de: csbi.css                     */
/* --------------------------------------------------------------- */

/* globale Einstellungen                                           */
/* --------------------------------------------------------------- */
html, body {
 margin:0;
 padding:0;
 width:100%;
 height:100%;
 overflow:auto;
}
body {
 font-family:verdana, arial, sans-serif;
 font-size:0.75em;
}
#hintergrund {
 z-index:1;
 position:fixed;
 width:100%;
 height:100%;
}

/* Einstellungen fuer die Inhaltsbereiche                           */
/* --------------------------------------------------------------- */
#inhaltalles {
 z-index:2;
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;
}

/* Einstellungen fuer die Kopfzeile mit dem Logo                    */
/* --------------------------------------------------------------- */
#logozeile {
 width:92%;
 min-height:15%;
 height:auto !important;
 height:15%;
 margin:0 6% 0 0;
 padding:0 2% 0 0;
 text-align:center;
 clear:left;
}
#logobereich {
 width:23%;
 float:right;
 padding:0;
 margin:0.5em 0 0.5em 0;
 text-align:center;
}
#logogroesse {
 width:6em;
 height:3em;
 border:none;
}
#logotext {
 text-align:center;
 font-size:1.2em;
 margin:0.5em 0 0 0;
 color:#f0c000;
}
#bannergroesse {
 width:45em;
 height:7.5em;
 border:none;
 display:block;
 margin:auto;
}

/* Einstellungen fuer die Menuezeile                                */
/* --------------------------------------------------------------- */
#menuezeile {
 width:100%;
 min-height:3%;
 height:auto !important;
 height:3%;
 background-color:#bbe0ef;
 border-top:1px solid black;
 border-bottom:1px solid black;
 padding-top:1%;
 padding-bottom:1%;
 clear:left;
}
#navigationzeile {
 list-style:none;
 padding:0;
 margin:0;
}
.navigationelement {
 display:inline;
 padding:0;
 margin:0;
 float:left;
} 
.navigationlink {
 color:#000;
 font-size:1.2em;
 margin:0;
 margin-left:1.8em;
 padding:0;
 text-decoration:none;
}
#navigationflagge {
 width:1.2em;
 height:0.9em;
 border:none;
 vertical-align:sub;
}

/* Einstellungen fuer die Bereiche der verschiedenen Inhalte        */
/* --------------------------------------------------------------- */
.inhaltleerzeile {
 width:100%;
 height:1%;
 clear:left;
}
#inhaltsbereich {
 width:92%;
 min-height:65%;
 height:auto !important;
 height:65%;
 margin-right:6%;
 padding-right:2%;
 padding-top:1%;
 padding-bottom:1%;
 text-align:right;
 border-right:1px solid black;
 clear:left;
}
#inhaltrechts {
 width:23%;
 text-align:right;
 float:right;
 padding:0;
}
#inhaltlinks {
 text-align:right;
 padding-bottom:0.4em
}
#inhaltlinkstest {
 text-align:left;
 margin:0 3% 2em 3%;
}
#titelbildbereich {
 padding-right:23%;
 text-align:center;
}
#titelbild {
 width:45em;
 height:24em;
 border:none;
 display:block;
 margin:auto;
}
#titelbildtext {
 font-size:0.9em;
}
h1 {
 font-size:1.7em;
 font-weight:bold;
}
.textlinkgross {
 font-size:1.3em;
 color:#009;
 text-decoration:none;
}
#inhaltlinkzeile {
 width:100%;
 margin:1% 6% 1% 2%;
 border-top:2px dashed black;
 clear:left;
}
#linkzeilerechts {
 width:30%;
 margin-left:5%;
 text-align:left;
 float:right;
}
#linkzeilelinks{
 width:30%;
 margin-right:5%;
 text-align:left;
 float:left;
}
#linkzeilemitte{
 width:30%;
 text-align:left;
 float:left;
}
.linkzeiletitel {
 color:#777;
 font-style:italic;
 font-size:1.3em;
 text-decoration:none;
 margin:0.3em 0 0.3em 0;
 padding:0;
}
.linkzeileuntertitel {
 color:#C00;
 font-style:italic;
 font-size:1em;
 text-decoration:none;
 margin:0;
 padding:0;
}
h2 {
 font-size:1.2em;
 font-weight:bold;
}
h3 {
 font-size:1em;
 font-weight:bold;
}
p.text {
 font-size:1.1em;
 line-height:1.3em;
 letter-spacing:0.2em;
}
p.textblocksatz {
 font-size:1.1em;
 line-height:1.3em;
 letter-spacing:0.2em;
 text-align:justify;
}
#literaturtabelle {
 display:inline;
}
.buchgrafik {
 width:9em;
 margin-right:2em;
}
td.buchgrafik {
 width:11em;
 padding:0;
 vertical-align:top;
}
td.buchtext {
 width:23%;
 font-size:1.1em;
 line-height:1.3em;
 letter-spacing:0;
 padding-bottom:2em;
 text-align:left;
 vertical-align:top;
}
#inhaltsbereichrechts {
 width:35%;
 text-align:right;
 float:right;
 margin:0 0 2em 0;
}
#inhaltsbereichlinks {
 width:58%;
 text-align:left;
 float:left;
 margin:0 3% 2em 3%;
}
.textlink {
 color:#009;
 text-decoration:none;
}
.textlinku {
 color:#009;
}
.textlinkkursiv {
 color:#009;
 text-decoration:none;
 font-style:italic;
}
.textlinkkursiv2 {
 color:#009;
 text-decoration:none;
 font-style:italic;
 font-size:1.2em;
}
table.ondemand {
 font-size:0.9em;
}
td.ondemandrechts {
 font-size:0.8em;
 text-align:right;
}
.u {
 text-decoration:underline;
}
.textlinkgross {
 font-size:1.3em;
 color:#009;
 text-decoration:none;
}
.textweisserhintergrund {
 background:#FFF;
 text-align:left;
 font-size:1em;
 line-height:1.2em;
 letter-spacing:0.1em;
 padding:0.5em;
}
.dunkelblau {
 color:#339;
}
.mittelblau {
 color:#36F;
}
.hellblau {
 color:#0BF;
}
.inhaltbildgroesse1 {
 width:41em;
 height:23em;
 margin-top:12%;
}
.textlinktest {
 font-size:1.1em;
 line-height:1.3em;
 letter-spacing:0.1em;
 color:#009;
 text-decoration:none;
}
p.textkleiner {
 font-size:1em;
 line-height:1em;
 letter-spacing:0;
}
span.textkleiner {
 font-size:0.9em;
}
p.textgroesser {
 font-size:1.3em;
 line-height:1.5em;
 letter-spacing:0.2em;
}
td {
 font-size:1.1em;
 line-height:1.3em;
 letter-spacing:0.2em;
}
table.test {
 border:0;
 border-collapse:collapse;
}
table.test td {
 border-bottom:1px solid black;
}
td.test {
 font-size:1.1em;
 line-height:1.2em;
 letter-spacing:0em;
 text-align:center;
}
td.testkleiner {
 font-size:1em;
 line-height:1.1em;
 letter-spacing:0em;
}
td.kleiner {
 font-size:0.8em;
 line-height:1em;
 letter-spacing:0em;
}
p.textbacklink {
 font-size:1em;
 line-height:1.1em;
 letter-spacing:0.2em;
}

/* Einstellungen fuer die Fusszeile                                 */
/* --------------------------------------------------------------- */
#fusszeile {
 width:100%;
 min-height:3%;
 height:auto !important;
 height:3%;
 padding-top:1em;
 padding-bottom:1em;
 background-color:#cbf0ff;
 border-top:1px solid black;
}
#navigationfusszeilelink {
 color:#000000;
 font-size:1em;
 margin:0;
 margin-left:10em;
 padding:0;
 text-decoration:none;
}



/*
#scroller {
 z-index:2;
 position:absolute;
 width:100%;
 min-height:100%;
 padding:0;
 top:0;
 left:0;
 overflow:auto;
} 
#top {
 position:relative;
 height:7.5em;
 width:94%;
 margin:0 2% 0 2%;
 text-align:center;
}
#logocontainer {
 width:27%;
 float:right;
 padding:0;
 margin:0.5em 0 0.5em 0;
 text-align:center;
}
#logosize {
 width:6em;
 height:3em;
 border:none;
}
#logotext {
 text-align:center;
 font-size:1.2em;
 margin:0.5em 0 0 0;
 color:#f0c000;
}
#bannersize {
 position:relative;
 width:45em;
 height:7.5em;
}
#menue {
 width:100%;
 padding-top:1%;
 padding-bottom:1%;
 background-color:#bbe0ef;
 border-top:1px solid black;
 border-bottom:1px solid black;
}
.navl {
 color:#000;
 font-size:1.2em;
 margin:0;
 margin-left:1.8em;
 padding:0;
 text-decoration:none;
}
#flagge {
 width:1.2em;
 height:0.9em;
 border:none;
 vertical-align:sub;
}
#rbalken {
 width:6%;
 margin:0;
 padding:0;
 float:right;
}
#contentfull {
 margin-right:6%;
 padding-right:2%;
 margin-top:1em;
 margin-bottom:1em;
 text-align:right;
 border-right:1px solid black;
}
#contentright {
 width:23%;
 float:right;
}
#contentleft {
 text-align:right;
 padding-bottom:0.4em;
}
#linksection {
 width:92%;
 margin: 0 6% 0 2%;
 border-top:2px dashed black;
}
#titleimagetext {
 font-size:0.9em;
}
#imagesection {
 width:44em;
 margin-right:10%;
 text-align:center;
 float:right;
}
#titleimage {
 width:45em;
 height:24em;
}
.link_black {
 color:#000;
 font-size:1.3em;
 text-decoration:none;
}
#linksright {
 width:30%;
 margin-left:5%;
 text-align:left;
 float:right;
}
#linksleft{
 width:30%;
 margin-right:5%;
 text-align:left;
 float:left;
}
#linksmiddle {
 width:30%;
 text-align:left;
 float:left;
}
.linktitle {
 color:#777;
 font-style:italic;
 font-size:1.3em;
 text-decoration:none;
 margin:0.3em 0 0.3em 0;
 padding:0;
}
.link_construction {
 color:#C00;
 font-style:italic;
 font-size:1em;
 text-decoration:none;
 margin:0;
 padding:0;
}
p.text {
 font-size:1.1em;
 line-height:1.3em;
 letter-spacing:0.2em;
}
p.textbigger {
 font-size:1.3em;
 line-height:1.5em;
 letter-spacing:0.2em;
}
p.textsmaller {
 font-size:1em;
 line-height:1em;
 letter-spacing:0;
}
.book {
 width:9em;
 margin-right:2em;
 float:left;
}
p.textright {
 font-size:1.1em;
 line-height:1.3em;
 letter-spacing:0;
 padding-bottom:2em;
 clear:left;
}
#contentbookright {
 width:40%;
 text-align:left;
 float:right;
 margin:0 0 2em 0;
}
#contentsubright {
 width:35%;
 height:100%;
 text-align:right;
 float:right;
 margin:0 0 2em 0;
}
#contentsubleft {
 width:58%;
 text-align:left;
 float:left;
 margin:0 3% 2em 3%;
}
#contentsubrighttest {
 width:20%;
 height:100%;
 text-align:right;
 float:right;
 margin:0 0 2em 0;
}
#contentsublefttest {
 width:73%;
 text-align:left;
 float:left;
 margin:0 3% 2em 3%;
}
h1 {
 font-size:1.7em;
 font-weight:bold;
}
h2 {
 font-size:1.2em;
 font-weight:bold;
}
.textlink {
 color:#009;
 text-decoration:none;
}
.textlinktext {
 font-size:1.1em;
 line-height:1.3em;
 letter-spacing:0.1em;
 color:#009;
 text-decoration:none;
}
.textlinkbig {
 font-size:1.3em;
 color:#009;
 text-decoration:none;
}













#logotitels_ {
 width:28%;
 float:right;
 padding:0;
 margin:0.5em 0 0.5em 0;
 text-align:center;
 display:block;
}
.buch {
 width:9em;
 margin-right:2em;
 float:left;
}
#contentr {
 z-index:5;
 padding:1%;
 text-align:left;
 float:right;
 min-height:100%;
}
#contentl {
 position:absolute;
 z-index:6;
 padding:1%;
 text-align:left;
}
#contentrf {
 float:right;
 width:28%;
}
p.contl {
 font-size:1em;
 line-height:1.2em;
 letter-spacing:0;
}
#footer {
 position:absolute;
 width:100%;
 padding-top:0.8em;
 padding-bottom:0.8em;
 background-color:#cbf0ff;
 border-top:1px solid black;
 bottom:0;
}
#textbereich {
 width:44em;
 margin-right:10%;
 text-align:left;
 float:right;
}
#navf {
 position:relative;
 color:#000000;
 font-size:1em;
 margin:0;
 margin-left:10em;
 padding:0;
 text-decoration:none;
}
*/