/* Dieses Layout ist nachempfunden: */
/* css Zen Garden submission 026 - 'Zunflower' by Radu Darvas - http://www.homelesspixel.de/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */



body {
    font: 80%/140% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    color: #000;
    background: #f8f8dc url(bilder/css/schatten_links.gif) repeat-y;
    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 {
    text-decoration: none;
    font-weight: bold;
    color: #665555;
}
a:visited {
    color: #808080;
    }
a:hover, a:active {
    color: #fd7e00;
}

acronym {
    border: 0 none;
}

#container {
    margin: 0;
    padding: 0;
}

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

#hauptmenue {
    margin: 0;
    padding: 0;
    width: 170px;
    overflow: visible;
    }
#hauptmenue h2 {
    margin: 0;
    padding: 0;
    width: 303px;
    height: 210px;
    background: url(bilder/css/h1.gif) no-repeat transparent;
}
#hauptmenue h2 span {
    display: none;
}
#hauptmenue h3 {
    margin: 0 0 9px 0;
    padding: 0;
    width: 303px;
    height: 40px;
    background: url(bilder/css/h2.gif) no-repeat transparent;
}
#hauptmenue h3 span {
    display: none;
}

#mitte{
    position: absolute;
    top: 44px;
    left: 159px;
    width: 450px;
    margin: 0;
    padding: 0;
}
#inhalt {
    background: url(bilder/css/schatten_rechts.gif) repeat-y top right #ffffff;
}
.p1 {
    margin-right: 20px;
    margin-left: 10px;
    font-weight: bold;
    color: #808080;
}


#inhalttext {
    margin: 0;
    padding: 0;
    margin-right: 20px;
    margin-left: 10px;
    border: 1px solid #ffffff; /*notwendig wegen IE, sonst Layout bei div im kopf verschoben*/
}


#kopf {
    background: url(bilder/css/titel_h1_bg.gif) no-repeat top right transparent;
}
#kopf h1 {
    margin: 0 15px 20px 0;
    padding: 8px 0 0 0;
    height: 36px;
    background: url(bilder/css/farbverlauf.gif) no-repeat transparent;
}
#kopf h1 span {
    display: block;
    font-size: 22px;
    color: #000000;
    text-align: center;
}
#kopf p,
#kopf address,
#kopf div,
#kopf table {
    margin-right: 20px;
    margin-left: 10px;
}

#abschluss{
    margin: 0;
    padding: 0;
    height: 15px;
    background: url(bilder/css/schatten_unten.gif) bottom right;
}
#untermenue {
    background: #f8f8dc;
    position: absolute;
    top: 130px;
    left: 608px;
    margin: 0;
    padding: 0;
    width: 100px;
    overflow: visible;
    z-index:3;
}


#fusszeile {
    position: relative;
    margin: 25px 15px 0 0;/*-11px;*/
    padding: 0 0 0 20px;
    background: url(bilder/css/farbverlauf.gif) bottom right;

}

/* 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.zeiten .col1{
    width: 0.5em;
}
table.zeiten .col2{
    width: 4em;
}
table.zeiten .col3{
    width: auto;
}
table.vorschau .col1{
    width: 12em;
}
table.vorschau .col2{
    width: 4em;
}
table.vorschau .col3{
    width: auto;
}
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;
}
/* Definitionsliste */
dt{
    font-weight: bold;
    font-size: 105%;
}

dt dt{
    font-weight: bold;
    font-size: 100%;
}

/* Linkdarstellung von Philip Lindsay, siehe http://css.maxdesign.com.au/listamatic/vertical14.htm */

/* Menüliste Hauptnavigation */
#navcontainer1 ul {
    list-style-type: none;
    text-align: left;
    margin-left: 10px;
    padding-left: 10px;
    width: 120px;
}

#navcontainer li {
    padding-right:10px;
}
#navcontainer1 ul li a {
    /*background: transparent url(link_intern.gif) left top no-repeat;*/
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    color: #202020;
    display: block;
    width: 99%;
}

#navcontainer1 ul li a:visited {
    /*background-position:0% -75px;*/
    color: #808080;
}

#navcontainer1 ul li a:hover {
    /*background-position:0% -75px;*/
    color: #fd7e00;
}

#navcontainer1 ul li a#current {
    /*background-position:0% -75px;*/
    color: #808080;
}

/* Menüliste Detailnavigation */
#navcontainer2 ul {
    list-style-type: none;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

#navcontainer2 ul li a {
    /*background: transparent url(link_intern.gif) left top no-repeat;*/
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    color: #202020;
    display: block;
    width: 99%;
}

#navcontainer2 ul li a:visited {
    /*background-position:0% -75px;*/
    color: #808080;
}

#navcontainer2 ul li a:hover {
    /*background-position:0% -75px;*/
    color: #fd7e00;
}

#navcontainer2 ul li a#current {
    /*background-position:0% -75px;*/
    color: #808080;
}

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

.navcontainer3 ul li a {
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    color: #202020;
    display: block;
    width: 370px;
}

.navcontainer3 ul li a.schmal {
    width: 250px;
}

.navcontainer3 ul li a:visited {
    color: #808080;
}

.navcontainer3 ul li a:hover {
    color: #fd7e00;
}

.navcontainer3 ul li a#current {
    color: #808080;
}

/* 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: 80px;
    height: 18px;
    border: none;
    padding: 0;
    margin: 0 0 0 0;
    color: #202020;
    display: block;
    text-align: center;
}

.navcontainer4 ul li a:visited {
    color: #808080;
}

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

.navcontainer4 a:active {
    background: #ffffff;
    color: #fd7e00;
}

.navcontainer4 li#current a {
    color: #808080;
}

/* Unterscheidung interne, externe Links */

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

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

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

/* allgemeines Textlayout */
 /* Überschriften */
h2,
h3,
h4,
h5,
h6,
div.wieh3,
div.wieh4 {
    margin: 5px 15px 10px 0;
    padding: 3px 0 3px 5px;
}

h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
div.wieh3,
div.wieh4 {
    display: block;
    color: #000000;
    text-align: center;
}

h2 {
    font-size:125%;
    font-weight:700;
    background: url(bilder/css/bg_h2.gif) no-repeat transparent;
}
h3,
div.wieh3 {
    font-size:115%;
    font-weight:700;
    background: url(bilder/css/bg_h3.gif) no-repeat transparent;
}
h4,
div.wieh4 {
    font-size:110%;
    font-weight:700;
    background: url(bilder/css/bg_h4.gif) no-repeat transparent;
}
h5 {
    margin-left:50px;
    background: url(bilder/css/bg_h4.gif) no-repeat transparent;
}
h6 {
    margin-left:10px;
    background: url(bilder/css/bg_h4.gif) no-repeat transparent;
}

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

.klein      {font-weight:500;font-size:85%;}
.norm       {font-weight:500;font-size:100%;}
.fett       {font-weight:700;}
.kursiv     {font-style:italic;}
.statt_u    {letter-spacing:3pt;}
.ueberbild  {font-weight:700;font-size:100%;padding-top:5px;padding-left: 15px;}/*Bildüberschrift*/
.unterbild  {font-weight:700;font-size:85%;padding-bottom:5px;}/*Bildunterschrift*/
cite        {font-style:italic;color:#640000;}
.zahl       {text-align:right;}
.eingerueckt {margin-left:3em;}

 /* 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;}
/* Bilder als Definitionsliste, floatend */
dl.links170 {
background-color: #ddd;
width: 150px;
float: left;
text-align: center;
padding: 0 0 10px 0;
margin: 1em;
}

.links170 dt {
font-weight: bold;
background-color: #131210;
color: #959289;
padding: 5px 10px;
margin-bottom: 10px;
}

.links170 dd {
margin: 0;
padding: 0 10px 5px 10px;
font-size: 85%;
}

.links170 dd img {
border: 1px solid #000;
padding: 0;
width: 100px;
height: 100px;
}
  /* Darstellung Link im Fließtext */
img.vorlink {width: 15px; height: 10px; padding: 0;}


 /* Darstellung Bildern als Link */
a img {
    border: none;
}
 /* Bilder als Galerie */
.gallerie, .gallerie2, .galerieVielText {
    float: left;
    border: 1px solid silver;
    margin: 0 15px 15px 0;
    padding: 5px;
    }
.gallerie {
    width:8em;
    height:13em;
    }
.galerieVielText {
    width:12em;
    height:16em;
    }
.gallerie2 {
    width:180px;
    height:14em;
    padding:0px;
    }
.gallerie span, .gallerie2 span, .galerieVielText 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%;line-height:60%}

/* 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;
    }
/* vcard Visitenkarten von John Allsop http://24ways.org/2006/styling-hcards-with-css*/
.vcard {
	background-image: url(bilder/css/vcardfill.png);
	background-repeat: no-repeat;
	color: #666;
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
}

.fn {
	background-image: url(bilder/css/vcardtopright.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 2em;
	font-weight: bold;
	font-size: 1.1em;
}

.telecommunications {
	background-image: url(bilder/css/vcardbottomleft.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 2em;
}

p.email {
	background-image: url(bilder/css/vcardbottomright.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 2em;
}

.vcard img {
	float: right;
	padding-right: 1em;
	margin-top: -1em
}

.vcard p {
	margin-left: 1em;
}

.vcard {
	background-image: url(bilder/css/vcardfill.png);
	background-repeat: no-repeat;
	color: #666;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 28em;
}