@charset "utf-8";
/* Part of website of DRK Sennestadt - (c) Alexander Schoenfeld */

body { text-wrap:normal; word-wrap:break-word; hyphenate:auto; }  /* Wort-/Silbentrennung */
h1 { text-align:center; text-shadow:#C0C0C0 0.1em 0.1em 0.1em; }
h1, h2, h3, h4, h5, h6 { color:#0000CD; page-break-after:avoid; }
h1:first-letter, h2:first-letter { font-size:120%; }
strong { font-weight:bold; richness:75; }
em { font-style:italic; }
caption { font-size:smaller; font-weight:bold; font-style:italic; letter-spacing:0.1em; font-variant:small-caps; }
img, object { font-size:smaller; font-style:italic; font-variant:small-caps; }
.img { margin:1em; }
.img, img, .img object, .imgdescr { max-width:100%; }
img, object { resize:both; }
.imgdescr { font-size:smaller; font-style:italic; border-width:thin; border-style:solid; border-color:#808080; padding:0.4em 0.4em; padding-bottom:0.5em;
 margin:0em; border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em; -moz-border-radius-bottomleft:0.5em; -moz-border-radius-bottomright:0.5em;
 -webkit-border-bottom-left-radius:0.5em; -webkit-border-bottom-right-radius:0.5em; }
.view { cursor:zoom-in; cursor:-moz-zoom-in; }
.view img, .view object { border-width:thin; border-style:solid; }
.ts { font-size:smaller; }  /* Trennstrich bei Worttrennung */
acronym { speak:spell-out; }
abbr { phonemes:attr(title); }
fieldset { padding:0.8em; }

a:link { color:#0033FF; text-decoration:underline; }
a[href^='#']:link { color:#0033CC; text-decoration:underline; }
a[href^='mailto:']:link, a[href^='tel:']:link, a[href^='callto:']:link { color:#0066CC; text-decoration:underline; hyphenate:none; }
a:visited { color:#660066; text-decoration:underline; }
a[href^='#']:visited { color:#330066; text-decoration:underline; }
a:focus { color:#FF3399; text-decoration:underline; }
a:hover { color:#FF3399; text-decoration:underline; }
a:active { color:#CC33CC; text-decoration:underline; }
a[class~="extern"], a[class~="target_blank"] { target-new:tab; }
a.extern:before { content:"\2197 "; color:#C0C0C0; font-size:small; display:inline; text-decoration:none; speak:none; }
a:target:before { content:"\25BA "; color:#FFFF00; font-size:small; display:inline; text-decoration:none; }  /* Einfuegen bei Sprung zu Ankern (#...) */

input[type="text"]:focus { background-color:#FFFFCC; }
input[type="password"]:focus { background-color:#CCFFCC; }
input[type="file"]:focus { background-color:#CCFFFF; }
input[type="checkbox"]:focus { background-color:#FFFFCC; }
input[type="radio"]:focus { background-color:#FFFFCC; }
textarea:focus { background-color:#FFFFCC; }
select:focus { background-color:#FFFFCC; }

.naviliste { list-style-image:url(nav.png); margin-left:0.7em; padding-left:0.7em; }
.naviliste li { font-weight:bold; width:auto; height:auto; overflow:visible; margin-top:0.3em; margin-bottom:0.3em;
 pause-after:200%; speech-rate:slower; -xv-voice-rate:slower; richness:85; voice-balance:-90; azimuth:300deg; elevation:30deg; }
.naviliste a:active { list-style-image:url(nav2.png); }  /* funktioniert nur mit wenigen Browsern, da list-style-image nicht fuer A! */
.navimenue a:active:after { content:" \25BA"; display:inline; text-decoration:none; }

.formErr { color:#FF0000; border-style:solid; border-width:medium; padding:0.5em; margin-left:auto; margin-right:auto; }
.formOK { color:#008080; border-style:solid; border-width:medium; padding:0.5em; margin-left:auto; margin-right:auto; }

.siruppott { font-size:small; font-style:italic; display:none; speak:none; }


@media screen, projection, tv
{  /* 'screen and (min-device-width:...)' ignoriert MSIE */ 
  body { color:#000000; background-color:#FFFFFF; font-family:Arial, sans-serif; }
  .pagebody { margin-left:1.5%; margin-right:1.5%; margin-top:1%; margin-bottom:2%; }
  .banner { background-image:url(backg_se.png); background-repeat:repeat-y; background-position:right top; margin-right:25px; }
  .navimenue { font-size:76%; }
  .naviliste li a:link { text-decoration:none; }
  .naviliste li a:visited { text-decoration:none; }
  .naviliste li a:focus { text-decoration:underline; }
  .naviliste li a:hover { text-decoration:underline; }
  .naviliste li a:active { text-decoration:underline; }
  .onlyPrn { display:none; }
}


@media handheld, tty, only screen and (max-device-width:479px)
{
  body { color:#000000; background-color:#FFFFFF; }
  .banner { background-image:none; border-right:thin solid #DCDCDC; padding-right:0.3em; margin-right:0em; }
  .naviliste li { margin-top:0.1em; margin-bottom:0.1em; }
  .naviliste li a:link, .naviliste li a:visited { text-decoration:underline; }  /* ueberschreiben von 'screen' */
  .img { margin-left:0em; margin-right:0em; }
  .onlyPrn { display:none; }
}


@media print
{
  body { color:#000000; background-color:#FFFFFF; }
  .banner { background-image:url(backg_se.png); background-repeat:repeat-y; background-position:right top; margin-right:25px; }
  a:visited { color:#0033FF; }
  .hidePrn { display:none; }
  a[href][class~="extern"]:after { content:" ["attr(href)"]"; font-style:italic; font-size:smaller; color:#808080; background-color:inherit;
   text-decoration:none; }
  a:target:before { display:none; }
}


@media only nothing and (max-device-width:1px) and (min-device-width:2px)
{  /* wegen Problemen mit aelteren Browsern */
  a:visited { color:#660066; }
  .hidePrn { display:inline; }
}