@charset "utf-8";

/* define fonts */
/* use only permitted for kjg-altenfurt.de */
@font-face {
    font-family: Secca;
    src: url(SeccaKjG-Rg.otf);
}
@font-face {
    font-family: Secca;
    src: url(SeccaKjG-Bd.otf);
    font-weight: bold;
}
@font-face {
    font-family: Secca;
    src: url(SeccaKjG-It.otf);
    font-style: italic;
}
@font-face {
    font-family: Secca;
    src: url(SeccaKjG-It.otf);
    font-style: oblique;
}
@font-face {
    font-family: Secca;
    src: url(SeccaKjG-Bd-It.otf);
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: Secca;
    src: url(SeccaKjG-Bd-It.otf);
    font-weight: bold;
    font-style: oblique;
}

body {background: #fefefe url(./img/bknd.png); text-align:left; color:#000; font-size:100.01%; margin:0; padding:0.5em;}

a:link    {color:#006699; text-decoration:underline;}
a:visited {color:#505050; text-decoration:underline;}
a:hover   {color:#0DA3A4; text-decoration:underline;}
a:active  {color:#f00; text-decoration:none; }
a:focus   {color:#f00; text-decoration:underline;}
a img {border:0}

a[rel="first"] {background:url(img/f-arr.png) no-repeat left; padding-left:13px;}
a[rel|="prev"] {background:url(img/p-arr.png) no-repeat left; padding-left:13px;}
a[rel="next"] {background:url(img/n-arr.png) no-repeat right; padding-right:13px;}
a[rel="last"] {background:url(img/l-arr.png) no-repeat right; padding-right:13px;}

/* #webtext a[href^="http://"] {background:url(img/link.png) no-repeat left; padding-left:13px;} */

a[hreflang]:after {content:' ['attr(hreflang)'] ';}

#lang, .lang{float:right; border:1px gray solid; margin:0 0 0.3em 1em; padding:0.2em; font-family:sans-serif; font-size:0.8em;}
#lang .current, .lang .current{color:red; text-decoration:none; font-weight:bold;}
#lang:hover, .lang:hover{background:#f8f8f8;}
#lang a:after, .lang a:after{content:""}   

[lang|="de"]>* {quotes: "„" "“" "‚" "‘"}
[lang|="en"]>* {quotes: "“" "”" "‘" "’"}
[lang|="fr"]>* {quotes: "«\2009" "\2009»" "‹\2009" "\2009›"}

#webtext{width:72%; max-width:68em; min-width:605px; min-height:390px; float:left; text-align:left; margin:0.2em 0.5em 0.2em 3em; padding:1em; background:#eee;
         border-left:3px solid #f5f5f5; border-top:3px solid #f5f5f5; border-right:3px solid #999; border-bottom:3px solid #666;
         font-family:Secca, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", "DejaVu Sans", Lucida, "Arial Unicode MS", sans-serif;} /* font-size:97%;} */
    
    /* min-height für den IE */
    #webtext {height:400px; voice-family:"\"}\""; voice-family:inherit; height:auto;}
    /* Angaben für andere Browser zurücksetzten */
	  html>body #webtext {height:auto;}
	  
/* für große Bildschirme 
@media only screen and (min-width: 1200px) {
  #webtext{width:78%; max-width:120em;}
}	  */
/*@media only screen and (min-width: 1300px) {
  #webtext{width:85%; max-width:120em;}
}*/

@media all and (max-width: 1150px) {
  #webtext{width:93%;}
}
	  
#webtext h2{font-weight:bold; font-size:1.4em; margin:0.4em 0 0.4em 0;}
#webtext h3{font-weight:bold; font-size:1.2em; margin:0.4em 0 0.2em 0;}
#webtext h4{font-weight:bold; font-size:1em; margin:0.4em 0 0.2em 0;}
.firstletter p:first-letter{font-size:1.2em;}
#webmenu {float:left; margin:45px 0 50px; margin-top:0em;}
#webmenu ul, #webmenu li {font-family:Tahoma,Arial,Helvetica,"Adobe Helvetica",sans-serif; text-align:left; }

/*

.wai {margin:0; padding:0; display:none; visibility:hidden;}
* html #wai a{display:none;}
* [id=wai] a{position:fixed; left:130%;}
#wai a:focus{position:static; left:0; font-family:"Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", "DejaVu Sans", Lucida, "Arial Unicode MS", sans-serif;}
#wai.show a{position:static; left:0;}
#wai a:focus:after{content:' (Navigation überspringen)'}
*/

.Layout {display:none; visibility:hidden; speak:none;}
#webtitel {font-family:Secca, Tahoma,Arial,Helvetica,"Adobe Helvetica",sans-serif; font-size:1em;
           text-align:center; border:1px solid #6CF; color:#fff;
           background:#069; padding-top:0.4em; padding-bottom:0.2em;}
h1#webtitel span {font-size:1.2em; letter-spacing:0.5em;}

#fusszeile  {clear:both;font:0.75em bold "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", "DejaVu Sans", Lucida, "Arial Unicode MS", sans-serif;
             text-align:right; padding:0.2em; margin: -2em 0 0 0;}
html>body #fusszeile  {margin-top:1em;}
#fusszeile a {text-decoration:none;}
#fusszeile a:hover {text-decoration:underline overline;}


#stat{margin:0; padding:0; font-size:0.3em;}

.clear { clear:both; }
.rechts { float:right; margin:0em; }
.hidden { margin:0; padding:0; display:none; visibility:hidden; }
.inline {display:inline;}
.wichtig {font-size:1.1em; color:#d00;}
.wichtig em {font-weight:bold;}
.nobr {white-space:nowrap;}

table{empty-cells:show;}
td{vertical-align:top;}
fieldset{padding:0.2em;}
address{font-style:italic; margin-top:0.3em; margin-bottom:0.2em; padding-left:1em;}
address.inline{display:inline; padding:0;}
code {font-size:smaller; color:#333;}
kbd{background:#ddd; border:1px #888 solid; padding:0 1px 0 1px;}
abbr{cursor:help; border:none; text-decoration:none}
acronym[title], abbr.show, .hilfe {border-bottom:1px #000 dotted; cursor:help; text-decoration:none}
* html acronym {border-bottom:1px #000 dotted; cursor:help; text-decoration:none}
ins{text-decoration:none; border-bottom:solid 2px #ffd00a;} /* dashed 1px #e00 */
hr{clear:both;}
noscript > p {display:inline !important; margin:0;}
label{cursor:pointer;}

div.intern {border:#555 3px double;}
div#copy {font-size:smaller; color:#555; border-top:2px #aaa groove; text-align:right; margin-top:1.3em; clear:both;}
div#updated {text-align:center; clear:both; margin-top:1.2em}
#updated span{border-top:2px #bbb groove; padding:0.2em}
img.pfarrbrief{border:2px groove #555; margin:2px;}
img.pfarrbrief-rechts{float:right; border:2px groove #555; margin:2px 0 2px 4px;}
img.pfarrbrief-links{float:left; border:2px groove #555; margin:2px 4px 2px 0;}
div.top{text-align:right; background:url(img/top.png); background-repeat:no-repeat; background-position:right; padding-right:15px;}
.unterschrift{text-align:right; font-style:italic;}
.veroeffentlicht{font-size:smaller; color:#333; margin:2em;}
div.sig{margin-bottom:1em; margin-right:1em; text-align:left; float:right; font-style:italic;}
fieldset.hinweis {text-align:left; padding:0.2em;}
fieldset.hinweis div, div.hinweis{background:url(img/resize.png) left no-repeat; padding-left:37px; vertical-align:top; min-height:30px; height:30px;}
html>body fieldset.hinweis div{height:auto;} /* reset height */

div.thumbs{text-align:center; vertical-align:middle; margin:auto; }
img.thumb, table.thumb img{border:0.2em #0080FF groove; vertical-align:middle; margin:0.5em 1em 0 1em;}
.foto {border:0.2em #0080FF groove;}



/* ----------------------------------------------- */
/* Imenu [blue]: 2003 by Ingo Turski (www.1ngo.de) */
/*      inspired by Eric Meyer and Claire Campbell */
/* angewendet durch Johannes Anderl, KJG Altenfurt */
/* ----------------------------------------------- */

ul.imenu {
  color:white; background:#17a;
  border:1px solid #6cf;
  padding:0 1px 0 2px; margin-left:0;
  width:11.3em; font:normal 0.8em Verenda, sans-serif;
  margin-top:0em;
  float:left;
}
.imenu li {
  list-style:none; margin:0; font-size:1em;
}
.imenu li a, .imenu li span {
  display:block; text-decoration:none; margin-bottom:0.5em; margin-top:0.5em;
  color:#fff; background:#39c;
  padding:0.35em 0.25em 0.25em 0.5em;
  border-width:1px; border-style:solid; border-color:#5bd #035 #068 #fc0; /*#6cf;*/
  border-left:1em solid #fc0;
  border-radius:0;
  transition: all 0.4s ease-out;
}
.imenu li span {
  color:white; background:#17a;
  border-color:#069 #6cf #5bd #f30;
  padding:0.35em 0.25em 0.25em 0.5em;
}
.imenu li a.aktuell {
  border-color:#5bd #035 #068 #f30;
}
.imenu li a, .imenu li span {
  width:99%;
/* only necessary for Internet Explorer */
}
html>body .imenu li a, html>body .imenu li span {
  width:auto;
  min-width:8.2em;
/* only necessary if you use the hacks above for the Internet Explorer */
}

.imenu li a:hover, .imenu li a.aktuell:hover,
.imenu li a:focus, .imenu li a.aktuell:focus {
  background:#17a;
  border-color:#069 #6cf #5bd #ff9a00;
  padding:0.35em 0.25em 0.25em 0.5em;
}

.imenu li a:active, .imenu li a.aktuell:active {
  background:#17a;
  border-color:#069 #6cf #5bd #ff9a00;
  padding:0.35em 0.25em 0.25em 0.5em;
}
.imenu li a:link, .imenu li a:visited{text-decoration:none; color:#fff;}
/*.imenu li a:visited:hover:after{content:' ✓'; color:#9e9;}*/

[lang|="de"] #lang{display:none;}

/* Anpassung Menü für kleine Displays */

#togglemenu a{display:none}

@media (max-width: 60em){
 #webtext{
  width:auto; max-width:100%; min-width:0;
  margin:0; border-width:0.1em;
  float:none; clear:both; position:static; 
 }
 #webmenu{
  float:none;
 }
 #webtitel{
  margin-bottom:0.2em;
 }
 #togglemenu a{
  display:block; width:11em; padding:0.05em 0.25em;
  border:1px #afafaf solid; border-radius:0 5px 5px 0;
  background:linear-gradient(#bfbfbf 20%,#dfdfdf); color:#777;
  text-decoration:none; font:normal 0.8em Verenda, sans-serif;
  transition: background-image 0.5s ease-out;
  margin-bottom:0.3em;
 } 
 #togglemenu a:hover, #togglemenu a:focus{
  text-decoration:none;
  background:linear-gradient(#cecece 20%,#efefef); color:#555;
 }
 #webmenu, #togglemenu .hide, #togglemenu .jump {
  display:none;  
 }
 #show-menu:target #webmenu{
  display:block;  
 }
 #show-menu:target #togglemenu .hide, #show-menu:target #togglemenu .jump, #hide-menu:target #togglemenu .show{
  display:block
 }
 #show-menu:target #togglemenu .show, #hide-menu:target #togglemenu .hide, #hide-menu:target #togglemenu .jump{
  display:none
 }
} 

/* Styleangaben fuer den Ausdruck (keine Menues etc.) */

@media print
{
*{background:#fff !important; color:#000 !important;}
html, body {text-align:left; background-image:none; padding-top:0; margin-top:0;}
a:link, a:visited {color:#006699; text-decoration:underline;}
a img  {border:0}
#webmenu, #lang, div.intern, .Layout, #wai, div.top, #fusszeile {display:none; visibility:hidden; font-size:0;}
#webtitel {border:0; margin-top:0; margin-bottom:1em; }
#webtext {padding:0; margin:0; width:100%; max-width:100%; border:0}
#webtext h2 img.logo {display:none; visibility:hidden;}
#copy {padding-right:1em;}
acronym[title]:after, abbr.show[title]:after, .hilfe[title]:after {content: ' (' attr(title)')';}
h1, h2, h3, h4, h5 {page-break-after:avoid;}
p, li, a{page-break-inside:avoid;}
.zeilenumbruch {page-break-before:always}
}

/*@media handheld{
 #wai{display:block; visibility:visible;}
}*/