/* AKTUELL::2008.03.01 -::::::::::::::::::::*/
/* nach CSS-Validator - online */
/* geändert: 20090728 - Schriftstellen und Festtagstitel eingefügt! */
/* geändert: 20091124 - Tabelle Gottesdienst CSS - eingefügt!
body {
margin : 0;
padding : 0;
background : white;
}

/*:::::: Linkbesuche - Linksymbole*/
.internetlink {
background-image : url('../content/grafiken/icons/internet.gif');
background-repeat : no-repeat;
padding : 0 0 0 25px;
}
/*         padding: Abstand nach oben nach links nach unten nach rechts*/

.externerlink {
background-image : url('../content/grafiken/icons/externer_link.gif');
background-repeat : no-repeat;
padding : 0 0 0 15px;
}
/*         padding: Abstand nach oben nach links nach unten nach rechts*/

.internerlink {
background-image : url('../content/grafiken/icons/internlink.gif');
background-repeat : no-repeat;
padding : 0 0 0 20px;
}
/*         padding: Abstand nach oben nach links nach unten nach rechts*/

.obenlink {
background-image : url('../content/grafiken/icons/obenswro.gif');
background-repeat : no-repeat;
padding : 0 0 0 20px;
}
/*         padding: Abstand nach oben nach links nach unten nach rechts*/

.untenlink {
background-image : url('../content/grafiken/icons/untenswro.gif');
background-repeat : no-repeat;
padding : 0 0 0 30px;
}
/*         padding: Abstand nach oben nach links nach unten nach rechts*/

/*LOGO::::::::::::::::::::::::::::::::::::*/
.pdf-logo {
background-image : url('../content/grafiken/icons/icon_pdf.gif');
background-repeat : no-repeat;
padding : 0 0 0 30px;
}
/*         padding: Abstand nach oben nach links nach unten nach rechts*/

.pdf12-logo {
background-image : url('../content/grafiken/icons/12icon_pdf.gif');
background-repeat : no-repeat;
padding : 0 0 0 20px;
}

.caritas12-logo {
background-image : url('../content/grafiken/icons/12caritas-logo_rot.gif');
background-repeat : no-repeat;
padding : 0 0 0 20px;
}

/*Allgemeine Schriftoptionen:::::::::::::::::::::::::::*/
h1 {
font-family : "Century Gothic", Arial, Helvetica;
font-size : 18pt;
text-align : center;
}
h2 {
font : bold 16px Arial;
letter-spacing : 0.1em;
margin-top : 6px;
margin-left : 20px;
color : #993300;
}
h3 {
font : bold 17px "Century Gothic";
margin-left : 10px;
}
h4 {
font : bold 12px Arial;
margin-left : 10px;
}

/* Besondere Schriftformen - Alte Seite::::::::::::::::::::::::::
 - prüfen ob Raute '#' gebraucht wird */
#A {
background-color : #ff0000;
font-family : Times, "Times New Roman", Serif;
font-size : 8pt;
text-align : left;
}
#E {
background-color : #ff0000;
font-family : Times, "Times New Roman", Serif;
font-size : 8pt;
text-align : right;
}
#n {
font-size : 8pt;
text-align : center;
color : #0606ff;
background : #ffffff;
}
#c {
font-size : 6pt;
text-align : center;
color : #0000ff;
background : #c0c0c0;
}

#Tab {
font-family : Arial, Verdana, Helvetica;
font-size : 8pt;
}
.Tab8 {
font-family : Arial, Verdana, Helvetica;
font-size : 8pt;
}
.Tab11 {
font-family : Arial, Verdana, Helvetica;
font-size : 11pt;
}

#tagestitel {
font-family : Times New Roman;
font-size : 1em;
text-align : left;
font-weight: bold;
//* float: right;*//
margin-right: 5px;
 }
 /* in GD-Ordnung::::::::*/
#schrifttext {
 font-family : Times New Roman;
 font-size : .8em;
 font-style : italic;
 text-align : left;
}
/*in GD-Ordnung*/
/*neu: Seitenkontainer - Grösse noch anpassen*/
#seitencontainer {
margin : auto;
width : 90%;
text-align : left;
background-color : #ffffff;
border : 1px solid #676767;
}
#kopfzeile {
position : relative;
background-image : url('../content/grafiken/g2-kirchen/pfarrkirche/szkircheaussen20070520-1kk-90.jpg');
background-repeat : no-repeat;
background-position : right;
height : auto;
padding-right : 10px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
border-top : 3px solid #ffd700;
}
#kopfzeile h1 {
font-size : 200%;
font-weight : bold;
text-align : left;
color : #c02000;
margin-left : 20px;
margin-top : 25px;
padding : 0.1px;
}

/*::::::::::::::::::Horizontale Navigation1*/
#kopfnavigation {
padding : 2px 0 2px 0;
border-top : 1px solid black;
border-bottom : 1px solid black;
border-left : 2px solid gray;
border-right : 2px solid gray;
font-family : sans-serif;
font-size : 8pt;
background-color : #ffd700;
}
.td {
font-family : sans-serif;
font-size : 8pt;
background-color : #ffd700;
}
.td-leer {
font-family : sans-serif;
font-size : 8pt;
background-color : #ffd700;
}
/*::::::::::::::::::Brotkrummen Navigation*/
#brotkrummen {
position : relative;
left : 5px;
font-family : sans-serif;
font-size : 8pt;
background-color : #ffd700;
}
/*::::::::::Navigation:::*/

/*
        #navigation {
float:left;
/*margin:25px 0 0 0;*/

/* z-index : 100; ausgeschaltet 2009-1-28 */
/*
list-style-type : none;
background : #ffffff;
font-family : arial;
font-size : 12px;
}

*/



 /*:::::::::::::::::::::::Klasse für das Menu selbst, Stellung usw. */

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/*:::::::::::::::::::::::Klasse für den Menukasten Menu selbst, Position, Farbe, Schrift usw. */



.menu {
height : 150px;
font-size : 75%;
font-family : arial;
margin : 25px 0 50px 15px;
float : left;
}
.menu ul {
position : relative;
z-index : 500;
padding : 0;
margin : 0;
list-style-type : none;
width : 150px;
}
.menu li {
background : #ffd700 url(../content/grafiken/icons/shadeg.gif);
height : 26px;
float : left;
}
.menu li.sub {
background : #ffd700 url(../content/grafiken/icons/sub.gif) no-repeat right center;
}
.menu table {
position : absolute;
border-collapse : collapse;
top : 0;
left : 0;
z-index : 100;
font-size : 1em;
}
.menu a, .menu a:visited {
display : block;
text-decoration : none;
height : 25px;
line-height : 25px;
width : 149px;
color : #000;
text-indent : 4px;
border : 1px solid #fff;
border-width : 0 1px 1px 1px;
}
* html .menu a, * html .menu a:visited {
width : 150px;
width : 149px;
}
* html .menu a:hover {
color : #efa;
background : #000000;
position : relative;
}
.menu li:hover {
position : relative;
}
.menu a:active, .menu a:focus {
color : #efa;
background : #000000;
}
.menu li:hover > a {
color : #efa;
background : #000000;
}
.menu li ul {
visibility : hidden;
position : absolute;
top : -30px;
left : 118px;
padding : 30px;
background : transparent url(../content/grafiken/icons/transparent.gif);
}
.menu li:hover > ul {
visibility : visible;
}
.menu li:hover > ul {
visibility : visible;
}
.menu ul a:hover ul ul {
visibility : hidden;
}
.menu ul a:hover ul a:hover ul ul {
visibility : hidden;
}
.menu ul a:hover ul a:hover ul a:hover ul ul {
visibility : hidden;
}
.menu ul a:hover ul {
visibility : visible;
}
.menu ul a:hover ul a:hover ul {
visibility : visible;
}
.menu ul a:hover ul a:hover ul a:hover ul {
visibility : visible;
}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility : visible;
}
.menu {
height : 150px;                 /*Original: 150* - Höhenabstand des Kastens*/
font-size : 75%;
font-family : arial;
margin : 25px 0 50px 15px;     /* this page only legt die Position fest, wo Menu steht*/
float : left;                  /*legt fest, dass das Menu links umflossen wird*/
}
         /* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position : relative;
z-index : 500;
padding : 0;
margin : 0;
list-style-type : none;
width : 150px;
}
                           /* style the list items */
.menu li {
background : #ffd700 url(../content/grafiken/icons/shadeg.gif);
		        /*background:#d4d8bd url(shadeg.gif);*/
height : 26px;           /*Höhe für das Feld!*/
			/* for IE7 */
float : left;
}
.menu li.sub {
background : #ffd700 url(../content/grafiken/icons/sub.gif) no-repeat right center;
                        /*Farbe: #ffd700  ist gold*/
                        /* get rid of the table */
}
.menu table {
position : absolute;
border-collapse : collapse;
top : 0;
left : 0;
z-index : 100;
font-size : 1em;
}
                        /* style the links */
.menu a, .menu a:visited {
display : block;
text-decoration : none;
height : 25px;
line-height : 25px;
width : 149px;         /*breite der Tabs  - nur in Firefox!*/
color : #000;          /*Schriftfarbe*/
text-indent : 4px;     /*ursprünglich 5px;*/
border : 1px solid #fff;
border-width : 0 1px 1px 1px;
}



/* :::::::::::::::::::::: hack for IE5.5 *:::::::::::::::::::::: */
* html .menu a, * html .menu a:visited {
width : 150px;
width : 149px;
}
       /* style the link hover */
* html .menu a:hover {
color : #efa;
background : #000000;
position : relative;
}
.menu li:hover {
position : relative;
}
                    /* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {
color : #efa;
background : #000000;
}
                  /* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {
color : #efa;
background : #000000;
}
                 /* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility : hidden;
position : absolute;
top : -30px;     /* set up the overlap (minus the overrun) */
left : 118px;    /*legt fest, wie dicht das ausfliegend Menu anliegt - 100 px original*/
                 /* set up the overrun area */
padding : 30px;
                /* this is for IE to make it interpret the overrrun padding */
background : transparent url(../content/grafiken/icons/transparent.gif);
}


	/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {
visibility:visible;
}

/* ::::::::::: for IE5.5 and IE6 you need to style each level hover :::::::::::::::::*/

	/* keep the third level+ hidden when you hover on first level link */
.menu li:hover > ul {
visibility : visible;
}

	/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul ul {
visibility : hidden;
}

.menu ul a:hover ul a:hover ul ul {
visibility : hidden;
}

	/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility : hidden;
}

	/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility : visible;
}
	/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{
visibility : visible;
}

	/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul {
visibility : visible;
}

	/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility : visible;
}

/*:::::::: Inhalt :::::::::*/


#inhalt {
margin : 25px 15px 20px 200px;
padding : 0 0 0 10px;
background : white;
border-left : 1px solid gray;
color : black;
}

.box1 {
position : absolute;
float : left;
left : 950px;
background : white;
border : 1px solid black;
width : 200px;
padding : 20px;
font-family : arial, Helvetica, Sans-Serif;
font-size : 8pt;
}


.box2 {
background : transparent;
padding : 1px;
}

.box3 {
position : absolute;
float : left;
left : 300px;
background : white;
border : 1px solid black;
width : 700px;
padding : 20px;
font-family : arial, Helvetica, Sans-Serif;
font-size : 8pt;
}

/*::::::::::::::::::: Rechte Seite*/
#rechteseite {
float : right;
margin : 25px 0 0 0;
z-index : 100;
list-style-type : none;
background : #ffffff;
font-family : arial;
font-size : 12px;
}


/***********************/


/* startseite - Einstellung nur für die Startseite */

#startseite {
      /*  margin: 25px 14em 40px 0; */
/*        margin: 25 20 40 220; */
        padding:0em;
        background-color: #a2c4ec;
        text-align:center;
        }

        /*
        .eingang {
        align:center;
        }
          */

/* info_spalte + infos - Mitteilungs-Block <br>
infoe_spalte = Raum für Infospalte
*/

#info_spalte   {
        float: right;
        width: 12em;
        margin: 0.15em;
        padding:1em;
        padding-left:1.1em;
        padding-bottom:0.5em;
        padding-right:0.1em;
        border-left: 1px solid gray;
        color:#000;
        background: url(../content/grafiken/icons/shadegg.gif);
        }

/* infospalte gilt auch für ganzen Block */

.infos {
        font-size: 90%;
        float: right;
        margin-top: 0em;
        padding-top: 12em;
        padding-left: 10em;
        padding-right:0.4em;
        color:#000;
        background-color: #FFFcef;
        background: url(../content/grafiken/icons/shadeg.gif);
        }

infos .p {
	font-family : Arial, Verdana, Helvetica;
	font-size : 8pt;
}
/* Tabelle Gottesdienst - neu: 20091124 :::::::::::::::::::::::::::::*/
/* tabelle für die Gottesdienstordnung  und für regelmäßige Termine *************/


#tabelle {                                     			/*für div-Container*/

          }

#tabelle table {
	font-family : Arial, Verdana, Helvetica;
	font-size : 11pt;
         color:#000;
         background-color: #e3e8f3;
         width:100%;
         table-layout:fixed;
         }

#tabelle caption {						/*für Tabellenüberschrift:caption*/
         font-size: 110%;
         padding-top:0.4em;					/*Innenabstand oben!*/
         margin-bottom:0.1em;                    		/* Außenabstand: Rand unten!*/
         font-family: Arial;                                     /*Schrift: Familie....*/
         font-weight:bold;                                       /*Schrift: Gewicht ...*/
         text-align: left;                                       /*Textausrichtung ....*/
         color: #000000;                                           /*Textfarbe ...*/
         background-color:#ffd700;                               /*Hintergrund*/
         border:0.1px solid #e3e8f3;              		/*Rand, dicke, farbe, gesaltung*/
         }

#tabelle tr {
         vertical-align:top;
         line-height: 110%;  					/*Zeilenabstand!*/
         padding:0.1em;
         margin:0.1em;
         }

#tabelle tr.tr_0 {color:#000;background-color: #ffd700; } 	/*neue Farben */
#tabelle tr.tr_1 {color:#000;background-color: #ffd000; }

#tabelle td {
         padding:0;
         padding-bottom:0.3em;
}

#tabelle td.ort {
         width:25%;
         padding-right:0.1em;
         padding-left:0.1em;
         font-family: Arial;
         font-size:11pt;
         font-style:italic;
         text-align:right;
         }

#tabelle td.zeit {
         width:15%;
         font-family: Arial;
         font-size:11pt;
         text-align:right;
         padding-right:0.1em;
         padding-left:0.1em;
         }

#tabelle td.text {
         font-family: Arial;
         font-size:11pt;
         text-align:left;
         padding-right:0.1em;
         padding-left:0.1em;
         }

/*für Tabelle Hügelsheim*/
/*neu: Hügelsehim */
#tabelle td.tag {
         width:15%;
         padding-right:0.1em;
         padding-left:0.1em;
         font-family: Arial;
         font-size:9pt;
         text-align:right;
         }

#tabelle td.datumk {
         width:10%;
         font-family: Arial;
         font-size:9pt;
         text-align:right;
         padding-right:0.1em;
         padding-left:0.1em;
         }

#tabelle td.uhr {
         width:10%;
         font-family: Arial;
         font-size:9pt;
         text-align:left;
         padding-right:0.1em;
         padding-left:0.1em;
         }

#tabelle td.gd {
         font-family: Arial;
         font-size:10pt;
         text-align:left;
         padding-right:0.1em;
         padding-left:0.1em;
         }



#tabelle caption span {                                   /* Angabe Evangelium und Lesung */
         font-family: Arial;
         font-weight:normal;
         font-size:11pt;
         }

#tabelle caption span.schrifttext {                           /*Ausgabe für Schrifttext*/
	 font-family : Times New Roman;
	 font-size : 10pt;
	 font-style : italic;
	 text-align : left;
}


#tabelle caption span a, #tabelle caption span a:link {   /* Link auf Evangelium  */
         color:#000000;
         background-color: #aadd70;
         }

#tabelle caption span a:hover, #tabelle caption span a:activ  {
         color:#000000;
         background-color:#aadd70;
         }

/* Ende tabelle für die Gottesdienstordnung  */


/* Ende Startseite */

/***********************/





/*::::::::::::::::::Fusszeile*/

#fusszeile {
clear : both;
margin : 0 0 0 0;
border-top : 1px solid black;
border-bottom : 1px solid black;
border-left : 2px solid gray;
border-right : 2px solid gray;
color : black;
background-color : #ffd700;
}
#fusszeile p {
font-family : arial;
font-size : 0.7em;
}


/*::::::::::::::::::::::::::::::::Galerie - CSS */

body#galerie  {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


body#galerie:after {
/*content : "Fotoalbum: \A9 gk";*/
color : #ccc;
font-size : 11pt;
text-align : right;
display : block;
}













#galerie p {
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 8pt;
}


#galerie p.zusatz1 {
font-weight : bold;
}


#galerie p.zusatz3 {
font-size : 80%;
}
#galerie div.extra {
border : 1px dotted #666;
margin : auto;
width : 24em;
padding : 0.5ex;
}
#galerie p.bildzahl {
font-size : 8pt;
margin : 0;
padding-bottom : 0.2ex;
text-align : center;
}
#galerie p.bildnavig {
margin : 0;
padding-top : 0.2ex;
text-align : center;
}
#galerie table.fotos {
text-align : center;
margin-left : auto;
margin-right : auto;
border-collapse : collapse;
border : 2px solid #ccc;
}
#galerie table.fotos td {
border : 2px solid #eee;
vertical-align : middle;
}
#galerie table.fotos td img {
border : none;
}
#galerie div.bild {
text-align : center;
vertical-align : middle;
margin : auto;
border : none;
}







.subnavizeichen {
background-image : url('content/grafiken/icons/interner_link.gif');
background-repeat : no-repeat;
padding : 0 0 0 25px;
}