/* Dieses Layout ist nachempfunden: */
/* css Zen Garden submission 'Outer Court' by Philipp Lenssen - http://outer-court.com/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */


body {
    background-color: #f8f8dc;
    color: #000000;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size: 80%;
    margin: 0;
    padding: 0;
}
#bildseite{background-image: none; background-color: #dedede;}

.griech, .hebr  {
     font-family: 'Arial Unicode MS', Arial, Caslon, 'Lucida Grande', Tahoma, sans-serif;
    }

a  {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}
a:visited {
    color: #800080;
    }
a:hover, a:active {
    color: #ff0000;
}

acronym {
    border: 0 none;
}

/* direkter Link zum Inhalt für Screenreader */
#top{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}
#top a  {
    text-decoration: none;
}

#mitte{
    background: none;
    margin-right: 12em;
    position: static;
}

#hauptmenue {
    position: absolute;
    left: 0;
    top: 0;
    width: 14em;
    background-color: #dadada;
    font-weight: normal;
    font-size: 90%;
    padding-top: 28px;
}
#hauptmenue h1,
#hauptmenue h2,
#hauptmenue h3,
#hauptmenue h4,
#hauptmenue h5,
#hauptmenue h6 {
    font-size: 120%;
    width: auto;
    border-bottom: 0;
    margin-left: 4px;
    background-image: none;
    margin-left: 10px;
}
#hauptmenue a:link,
#hauptmenue a:link {
    font-weight: bold;
}

#hauptmenue li {
    border-bottom: 1px solid #ababab;
    margin-bottom: 4px;
    padding-bottom: 2px;
    list-style-image: url(bilder/css/pfeil.gif);
}

#container {
    border-left: 6.8em solid #dadada;
    border-bottom: 1.7em solid #dadada;
    margin-left: 8.5em;
    margin-right: 0;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    max-width: 55em;
}

.p1 {
    color: black;
    background-color: #f2f2e1;
    padding: 6px;
    font-weight: normal;
}
#untermenue {
    position: absolute;
    right: 0;
    top: 0;
    width: 13em;
    background-color: #f8f8dc;
    font-weight: normal;
    font-size: 90%;
    padding-top: 28px;
}
#untermenue h1,
#untermenue h2,
#untermenue h3,
#untermenue h4,
#untermenue h5,
#untermenue h6 {
    font-size: 120%;
    width: auto;
    border-bottom: 0;
    margin-left: 4px;
    background-image: none;
    margin-left: 10px;
}
#untermenue a:link {
    font-weight: bold;
}

#untermenue li {
    border-bottom: 1px solid #ababab;
    margin-bottom: 4px;
    padding-bottom: 2px;
    list-style-image: url(bilder/css/pfeil.gif);
    margin-left:-10px;
}


#abschluss{
    margin: 0;
    padding: 0;
    width: 100%;/* wird hier benötigt, da IE sonst 'mitte' zu klein darstellt*/
}


#fusszeile {
	margin-top: 15px;
	border-top: 1px solid #dadada;
	color: #dadada;
    background-color: #f2f2e1;
}
/* Tabellen*/
table{
    width: auto;
    margin: 20px 0px;
    border-collapse: collapse;
    border: 1px solid silver;
}
caption {
    font-size:115%;
    font-weight:700;
    background-color: #e4e4e4;
}
tr.farbig{
    background-color: #f8f8dc;
}
th{
    font-weight: bold;
    font-size: 90%;
}
td{
    border: 1px solid silver;
    padding: 5px;
    vertical-align: top;
}
th{
    border: 1px solid silver;
    padding: 5px;
}
table.puzzle{
    border: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}
table.puzzle td{
    border: 0;
    padding: 0px;
    margin: 0px;
}
table.puzzle td img{
    border: 0;
    padding: 0px;
    margin: 0px;
}


/* Liste sonstige Links*/
.navcontainer3 ul {
    list-style-type: none;
    text-align: left;
    margin-left: 10px;
    padding-left: 10px;
}
.navcontainer3 ul li span {
    padding-left: 15px;
    text-align: left;
    display: block;
    /*width: 90%;*/
}

.navcontainer3 ul li a {
    padding-left: 15px;
    text-align: left;
    display: block;
    width: 90%;
}
#linktext{
}

/* Fusszeile Links*/
.navcontainer4 {
    margin: 5px 0 0 0;
    padding: 0;
    height: 20px;
}

.navcontainer4 ul {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

.navcontainer4 ul li {
    display: block;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}

.navcontainer4 ul li a {
    width: 7.5em;
    height: 1.5em;
    border: none;
    padding: 0;
    margin: 0 0 0 0;
    display: block;
    text-align: center;
    background: #f2f2e1;
    color: #000000;
}

.navcontainer4 ul li a:hover {
    background: #ffffff;
}


/* Unterscheidung interne, externe Links */

#inhalt .ext a{
    background: transparent url(bilder/css/link_extern2.gif) left top no-repeat;
}
#inhalt .ext a:hover {
    background-position:0% -75px;
}

#inhalt .int a{
    background: transparent url(bilder/css/link_intern2.gif) left top no-repeat;
}
#inhalt .int a:hover {
    background-position:0% -75px;
}

#inhalt .mail a{
    background: transparent url(bilder/css/link_mail2.gif) left top no-repeat;
}
#inhalt .mail a:hover {
    background-position:0% -75px;
}

/* allgemeines Textlayout */
 /* Überschriften */

#mitte h1,
#mitte h2,
#mitte h3,
#mitte h4,
#mitte h5,
#mitte h6,
div.wieh3,
div.wieh4 {
    margin-left: -30px;
}

#mitte h1,
#mitte h2 {
    background-image: url(bilder/css/bg-streifen.gif);
    background-position: 0 100%;
    background-repeat: repeat-x;
}

h1,
h2,
h3,
h4,
h5,
h6,
div.wieh3,
div.wieh4 {
    font-style: italic;
    border-bottom: 2px solid #000000;
    width: 80%;
    letter-spacing: 3px;
}
h1 {
    background-color: #dadada;
    width: auto;
    text-align: right;
    font-weight: normal;
    font-size: 200%;
    padding-right: 10px;
    letter-spacing: 6px;
    z-index:3;
}

h2 {
	font-size:150%;
	font-weight:700;
}
h3,
div.wieh3 {
	font-size:125%;
	font-weight:700;
}
h4,
div.wieh4 {
	font-size:110%;
	font-weight:700;
}
div.wieh3,
div.wieh4 {
    display: block;
}


 /* Fließtext */
span.hoch   {font-size:85%;position:relative; bottom:5px;}   /* hochgestellt */

.klein      {font-size:85%;}
.norm       {font-weight:500;font-size:100%;}
.fett       {font-weight:700;}
.kursiv     {font-style:italic;}
.statt_u    {letter-spacing:3pt;}
.unterbild  {font-weight:700;font-size:85%;padding-bottom:5px;}/*Bildunterschrift*/
cite        {font-style:italic;color:#640000;}

 /* Abschnitte */
div.hinweis {font-weight:500;font-size:85%;color:#000000;}
div.allg    {font-weight:600;font-size:100%;color:#000000;}
div.datum   {font-weight:600;font-size:100%;color:#000000;}
div.form    {font-weight:500;font-size:85%;color:#000000;}
blockquote  {font-style:italic;color:#640000;}

/* Aufzählung */
ol.roemisch {list-style-type:upper-roman;
             margin-left:3em;
            }

/* Literaturangaben */
    /* Autor */
.autor      {letter-spacing:3pt;}
    /* Zusammenfassung */
.zusammen   {font-size:90%;margin-left:1em;}

/* Literaturangaben */
ul.lit      {list-style-type:square;}

/* Bilder */
img         {padding: 5px; border: none;}
img.links   {float: left;}
img.rechts  {float: right;}
  /* Darstellung Link im Fließtext */
img.vorlink {width: 15px; height: 10px; padding: 0;}

 /* Darstellung Bildern als Link */
a img {
    border: none;
}
 /* Bilder als Gallerie */
.gallerie {
    float: left;
    border: 1px solid silver;
    margin: 0 15px 15px 0;
    padding: 5px;
    width: 8em;
    height: 13em
    }
.gallerie span {
    display: block;
    margin-top: 10px;
    text-align: center;
    }

/* Formatierung Kolping
h1.termin   {color:#0000ff;}
h2.termin   {color:#0080ff;}
h3.termin   {color:#8080ff;}
h3.termin   {color:#8000ff;}
div.geb     {font-weight:500;text-align:center;}
div.gebf    {font-weight:700;text-align:center;}*/
sup         {font-size:85%;}
/* Kapitelnavigation */
img.linkbutton {
    width: 26px;
    height: 23px;
    border: 0px;
    }
#button  {
    background-color: #dedede;
    border-top: 3px;
    border-bottom: 3px;
    border-left: 0px;
    border-right: 0px;
    border-color: #808080;
    border-style: solid;
    margin: 5px;
    margin-right: 80px;/*width: 100%;*/
    padding: 5px;
    /*padding-bottom: 0px;*/
    }
#button ul {
    list-style-type: none;
    text-align: left;
    margin-left: 10px;
    padding-left: 10px;
    display: inline;
}

#button ul li{
    display: inline;
}

#button ul li a {
    text-align: left;
    text-decoration: none;
    color: #202020;
    width: 99%;
}
#button ul li a:hover {
    color: #fd7e00;
}

#button ul li a#current {
    color: #808080;
}
#button span.no {
    display: none;
    }
/* auskommentiert, da von IE nicht angezeigt und in Opera ein Bug zum Springen des ersten Links führt
#button a:hover span.no {
    display: block;
   position: absolute; top: 35px; right: 40px; width: 125px;
   padding: 5px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;
    }

#button span {
    width: 26px;
    height: 23px;
    }
#button a span {
    width: 26px;
    height: 23px;
    }
*/
#button span img{
    background: transparent left top no-repeat;
    }
#button span.uebersicht img{
    background-image: url(bilder/navigation/start_inaktiv_kl.gif);
    }
#button span.ende img{
    background-image: url(bilder/navigation/ende_inaktiv_kl.gif);
    }
#button span.kapitel_vorheriges img{
    background-image: url(bilder/navigation/vorheriges_kapitel_inaktiv_kl.gif);
    }
#button span.kapitel_naechstes img{
    background-image: url(bilder/navigation/naechstes_kapitel_inaktiv_kl.gif);
    }
#button span.seite_vorherige img{
    background-image: url(bilder/navigation/vorherige_seite_inaktiv_kl.gif);
    }
#button span.seite_naechste img{
    background-image: url(bilder/navigation/naechste_seite_inaktiv_kl.gif);
    }

#button a span.uebersicht img{
    background-image: url(bilder/navigation/start_kl.gif);
    }
#button a span.ende img{
    background-image: url(bilder/navigation/ende_kl.gif);
    }
#button a span.kapitel_vorheriges img{
    background-image: url(bilder/navigation/vorheriges_kapitel_kl.gif);
    }
#button a span.kapitel_naechstes img{
    background-image: url(bilder/navigation/naechstes_kapitel_kl.gif);
    }
#button a span.seite_vorherige img{
    background-image: url(bilder/navigation/vorherige_seite_kl.gif);
    }
#button a span.seite_naechste img{
    background-image: url(bilder/navigation/naechste_seite_kl.gif);
    }

#button a:hover span img {
    background-position:0% -39px;
    }