/* AKTUELL::2007.06.08 -::::::::::::::::::::*/
/* nach CSS-Validator - online */


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


/*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/g1-aktuell/Logo_small-300_rgb_richtig.gif');
background-repeat : no-repeat;
background-position : right;*/
height : 150px;
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 : center;
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;
}





/* Neu 20091030_::::::::::::::::::::::::


/*::::::::::Navigation:::*/

/*VERTIKALES MENU -WWW-CSSPLAY-CO-UK*/
/* ================================================================
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/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#navigation
/*#menu*/
	{
	float:left;
	margin:25px 0px 0px 0px;
	z-index:100;
	list-style-type:none;
	background:#ffffff;
	font-family:arial;
	font-size:12px;
	color:#ffffff;
	}
/*

#dlmenu {
         height:10em;
         top:1px;
         background-image:url('../content/stmartin100.gif');
         background-repeat:no-repeat;
        	background-position:left;
         background-height:175px;
         float:left;
         /*funktioniert nicht
         }*/

#menu li {
	display:block;
         padding:0;
         margin:0;
         position:relative;
         z-index:100;
         }
#menu li a, #menu li a:visited
	{
	display:block;
         text-decoration:none;
         }
#menu li dd
	{
	display:none;
         }
#menu li:hover, #menu li a:hover
	{
	border:0;
         }
#menu li:hover dt a , #menu li a:hover dt a
	{
	background:#000000;
         color:#ffffff;
         }
#menu li:hover dd, #menu li a:hover dd
	{
	display:block;
         }
#menu li:hover dl, #menu li a:hover dl
	{
	height:auto; /*21em-alter Wert*/
         background:#dddddd;
         }
#menu table
	{
	border-collapse:collapse;
         padding:0;
         margin:-4px;
         font-size:1em;
         }
#menu dl {
	width: 15em;
         margin: 0;
         background:gold;
         cursor:pointer;
         }
#menu dt {
	margin:0;
         padding:0;
         font-size:1.1em;
         border-top:1px
         solid #dddddd;
         }
#menu dd {
	margin:0;
         padding:0;
         font-size:1em;
         text-align:left;
         }




/*::::::::::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;                 /*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 220px;
padding : 0 0 0 0px;
background : white;
border-left : 1px solid gray;
color : black;
font-family: verdana, sans-serif;
}

#inhalt h2{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 16px verdana, sans-serif;
/*border-left:10px solid #ffd700;*/
/*border-bottom:1px solid #ffd700;*/
}

#inhalt h3{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 14px verdana, sans-serif;
border-left:8px solid #ffd700;
border-bottom:1px solid #ffd700;
}

#inhalt h4{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 12px verdana, sans-serif;
border-left:6px solid #ffd700;
border-bottom:1px solid #ffd700;
}

.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*/

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


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

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