/* CSS Version 2.1 <http://www.w3.org/TR/CSS21> */

/* Medienunabhängige Darstellung von Inhalten */
html { background-color: #eee; }	
body {
 margin: 0 auto;
 min-width: 340px;
 max-width: 40em;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 padding: 1em;
 background-color: #fcfff8;
 color: #000;
 font-family: "DejaVu Sans", "Helvetica", "Lucida Sans Unicode", "Arial", sans-serif;
}

h1 {margin-top: 1em; text-align: center; font-size: 200%;}

h2 {margin-top: 3em; border-top: 1px solid; border-left: 1px solid;
    padding-top: 16px; padding-left: 80px; min-height: 48px;
    background-position: left top }
/* *** Die folgende Zeile gehört vermutlich richtigerweise nach broschuere.css */    
h2.vorsatz {margin-top: 1em; border: none; padding: 0; background: none; min-height: 0}
    
h1, h2, h3 {font-family: "Palatino Linotype", Garamond, Times, serif}

div, p, li, dt, dd, blockquote, address, th, td {line-height: 130%}
dt {font-weight: bolder;}

/* Kennzeichnung spezieller links */
a.extern:before {content: "\21D7"}
a[href^=mailto]:before {content: "\2709\00A0"}
a[hreflang~=de]:after {content: "\00A0[de]"}
a[hreflang~=en]:after {content: "\00A0[en]"}
a[hreflang~=pl]:after {content: "\00A0[pl]"}


blockquote:lang(de), q:lang(de) {quotes: "\201E" "\201C" "\201A" "\2018" "\203A" "\2039"}
blockquote:lang(pl), q:lang(pl) {quotes: "\201E" "\201C" "\201A" "\2018" "\203A" "\2039"}

blockquote:before {content: open-quote }
blockquote:after {content: close-quote }

blockquote.inschrift {margin:0; border:none; padding:0}
blockquote.inschrift:before {content: no-open-quote}
blockquote.inschrift:after {content: no-close-quote}

q:before {content: open-quote }
q:after {content: close-quote }

.navibar {border: 1px solid #ccc}
.brotkrumen {font-weight: 900;}

.box {max-width: 35em; margin: 2em auto 2em auto; border: 1px solid; padding: 1em}

.box.allgemein {background-position: left 50%; padding-left: 80px}
.box.projekt {background-position: left bottom; padding-left: 80px}
.box.familie {background-position: right bottom; padding-right: 80px}
.box.foko {background-position: left top; padding-left: 80px}
.box.fragen {background-position: right top; padding-right: 80px}

.allgemein {border-color: #ccc; background-image: url('/64_4c_wigsaw.png'); background-repeat: no-repeat}
.projekt {border-color: blue; background-image: url('/64_bl_wigsaw.png'); background-repeat: no-repeat}
.familie {border-color: red; background-image: url('/64_rt_wigsaw.png'); background-repeat: no-repeat}
.foko {border-color: #90ee90; background-image: url('/64_gn_wigsaw.png'); background-repeat: no-repeat}
.fragen {border-color: yellow; background-image: url('/64_gb_wigsaw.png'); background-repeat: no-repeat}

.legende>dt {clear: left; float:left; font-size: 161.8%}
.legende>dd {margin-bottom: 1em}

/* Kästen für Bilder (ggf. mit Bildunterschrift) */
/* Zentriert als default */
.kasten {display: block; text-align: center; line-height: 130%;
         page-break-inside: avoid; font-size: 10pt;
         float: none; margin: 1em auto 1ex auto}
.kasten:first-child {margin-top: 0.25em}
.kasten img {border: none;}
.kasten>span {display: block; margin-top: 0.75ex;}
/* Rechts ausgerichtet */
.kasten.rechts {float: right; margin: 1em 0 1ex 1.3em;}
/* Links ausgerichtet */
.kasten.links {float: left; margin: 1em 1.3em 1ex 0;}

input[type=text], input[type=password], textarea
 {width: 15em; font-family: inherit; font-size: inherit}
.pflichtfeld {background-color: #f8f8f8}
.fielderror {color: #f00000}

.revision {margin-top: 2em; text-align: center; font-size: 61.8%}

/* Ausblenden/verändern bildschirmspezifischer Elemente für den Druck */
@media print {
body {border: none; max-width: 100%;}
.noprint {display: none;}

a {text-decoration: none; color: inherit}
a.extern:after{content: " [" attr(href) "]" }
a.extern:before{content: "" }
}