/* Dieses Layout ist nachempfunden: */
/* css Zen Garden submission 'untitled' by Jason Estes - http://www.bewb.org/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */


body {
    font: 90%/140% 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida', Verdana, 'Bitstream Vera Sans', sans-serif;
    color: #000;
    background-color: #f8f8dc;
    margin: 0;
    padding: 0;
    text-align: center;
}
#bildseite{background-image: none; background-color: #dedede;}

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

a:link {
    color: #D37C00;
    text-decoration: underline;
    }
a:visited {
    color: #D37C00;
    }
a:hover, a:active {
    text-decoration: none;
    }
acronym {
    border: 0 none;
}

#container {
    width: 750px;
    margin: 0 auto;
    text-align: left;
    color: #000;
    border: 2px solid #DDE0F1;
    background-color: #ffffff;
    }

#extraDiv1{
    width: 750px;
    position: relative;
    height: 95px;
    border-bottom: 3px double #D37C00;
}

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

#mitte{
    position: absolute;
    top: 15px;
    left: auto;
    border: 1px solid #D37C00;
    clear: both;
    margin: 100px 10px 10px 13em;
    background-color: #DDE0F1;
    /*background-color: #DDE0F1;*/
}

#hauptmenue {
    position: static;
    width: 12em;
}


#untermenue {
    position: static;
    float: none;
    width: 12em;
    background:#ffffff;
    border-top: 3px double #D37C00;
}

#pageHeader {
	display: none;
}

#fusszeile {
	margin-bottom: 1em;
}

#abschluss{
}
/* Tabellen*/
table{
    width: 400px;
    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;
}


/* Links Hauptmenü */
#navcontainer1 ul {
    list-style-type: none;
    text-align: left;
    margin-top: 1em;
    margin-left: 10px;
    padding-top: 0;
}
/* Links Untermenü */
#navcontainer2 ul {
    list-style-type: none;
    text-align: left;
    margin-top: 1em;
    margin-left: 10px;
    padding-top: 0;
}
/* Liste sonstige Links*/
.navcontainer3 ul {
    list-style-type: none;
    text-align: left;
    padding-top: 0;
    padding-left: 10px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 1em;
}
.navcontainer3 ul li span {
    padding-left: 15px;
    text-align: left;
    display: block;
    /*width: 370px;*/
}
.navcontainer3 ul li a {
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    display: block;
    width: 90%;
}

#linktext{
}

/* Liste Menü Fußzeile*/
.navcontainer4 {
    margin: 5px 0 0 0;
    padding: 0 0 0 1em;
    height: 20px;
    border-top: 3px double #D37C00;
}
.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 {
    padding: 0;
    margin: 0 1em 0 0;
    display: block;
    text-align: center;
}

/* 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;
}

/* Stilliste */
#stil {
	margin-top: 0;
}

/* allgemeines Textlayout */
 /* Absatz */
p {
    margin: 0 1em 1em 1em;
    padding: 0 6px 0 6px;
    font-weight: normal;
}

 /* erster Absatz */
.p1 {
    background-color: #eaecf7;
}

 /* Überschriften */

#mitte h1,
#mitte h2,
#mitte h3,
#mitte h4,
#mitte h5,
#mitte h6,
div.wieh3,
div.wieh4 {
    font-family: "Lucida Bright", Lucidabright, Georgia, "Bitstream Vera Serif", serif;
    font-variant: small-caps;
    font-style: oblique;
    color: #D37C00;
    font-weight: bold;
    }


#mitte h1,
#mitte h2,
#mitte h3,
div.wieh3{
    position: relative;
    background-color: #fff;
    border: 1px solid #D37C00;
    width: 75%;
    top: -20px;
    left: -10px;
    padding: 10px;
    margin: 35px 0 0 0;
    }

h1,
h2,
h3,
h4,
h5,
h6,
div.wieh3,
div.wieh4 {
}
h1 {
    font-size: 180%;
    font-weight: 700;
}

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 {
    margin: 0 1em 1em 1em;
    padding: 0 6px 0 6px;
    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;
    }