* {
margin: 0;
padding: 0;
font-family: Verdana;
}

html,body{height:100%;font-family:Arial, Helvetica, Sans-Serif;}
body{text-align:center; min-width:1020px; position:relative;behavior: url("./csshover3.htc")};
html{background-repeat:no-repeat center center ; background-size: cover;background-attachment:fixed; background-position: 50% 0px;}
html									{background-image:url("./bilder-menue/bg_Gewoelbe.jpg"); 				background-repeat:no-repeat center center ; background-size: cover;background-attachment:fixed; background-position: 50% 0px;}
html.gemeinde_buero						{background-image:url("./bilder-menue/bg_Pfarrhaus.jpg")}
html.gemeinde_kirche_rav				{background-image:url("./bilder-menue/bg_KircheRavolzhausen.jpg")}
html.gemeinde_kirche_rue				{background-image:url("./bilder-menue/bg_KircheRuedigheimInnen.jpg")}
html.gemeinde_kirchenmusik				{background-image:url("./bilder-menue/bg_Kirchenmusik.jpg")}
html.gemeinde_kommende					{background-image:url("./bilder-menue/bg_Kommende.jpg")}
html.gemeinde_pfarrer					{background-image:url("./bilder-menue/bg_Pfarrhaus.jpg")}
html.gemeinde_vorstand					{background-image:url("./bilder-menue/bg_Kirchenvorstand.jpg")}
html.gemeinde_wir						{background-image:url("./bilder-menue/bg_wir.jpg")}
html.gemeinde_zentrum					{background-image:url("./bilder-menue/bg_Gemeindezentrum.jpg")}
html.glaubenleben_beerdigung			{background-image:url("./bilder-menue/bg_Beerdigung.jpg")}
html.glaubenleben_eintritt				{background-image:url("./bilder-menue/bg_KircheRuedigheimInnen.jpg")}
html.glaubenleben_taufe					{background-image:url("./bilder-menue/bg_Taufe.jpg")}
html.gottesdienste_besondere			{background-image:url("./bilder-menue/bg_GoDiBesondere.jpg")}
html.gottesdienste_familienkirche		{background-image:url("./bilder-menue/bg_Familienkirche.jpg")}
html.gottesdienste_kindergottesdienst	{background-image:url("./bilder-menue/bg_Kindergottesdienst.jpg")}
html.gottesdienste_kreativgottesdienst	{background-image:url("./bilder-menue/bg_GoDiKreativ.jpg")}
html.gottesdienste_katholisch			{background-image:url("./bilder-menue/bg_KircheRavolzhausen.jpg")}
html.gottesdienste_musikalisch			{background-image:url("./bilder-menue/bg_GoDiMusikalisch.jpg")}
html.gottesdienste_senioren         	{background-image:url("./bilder-menue/bg_Seniorengottesdienst.jpg")}
html.gruppen_bambinitreff				{background-image:url("./bilder-menue/bg_Bambinitreff.jpg")}
html.gruppen_bibelkreis					{background-image:url("./bilder-menue/bg_Bibelkreis.jpg")}
html.gruppen_foerderkreis				{background-image:url("./bilder-menue/bg_Foerderkreis.jpg")}
html.gruppen_foerderverein				{background-image:url("./bilder-menue/bg_Foerderverein.jpg")}
html.gruppen_frauenkreis				{background-image:url("./bilder-menue/bg_Kommende.jpg")}
html.gruppen_frauentreff				{background-image:url("./bilder-menue/bg_Gemeindezentrum.jpg")}
html.gruppen_kaffeeklatsch				{background-image:url("./bilder-menue/bg_Kommende.jpg")}
html.gruppen_konfirmandenarbeit			{background-image:url("./bilder-menue/bg_Jugendraum.jpg")}
html.gruppen_maennerkreis				{background-image:url("./bilder-menue/bg_Maennerkreis.jpg")}
html.gruppen_startup					{background-image:url("./bilder-menue/bg_StartUp.png")}
html.kontakt_adressen					{background-image:url("./bilder-menue/bg_wir.jpg")}
html.kontakt_anfahrt					{background-image:url("./bilder-menue/bg_wir.jpg")}
html aktuell2							{background-image:url("./bilder-menue/KircheRavolzhausenTuerGross.jpg")}


#wrap{height: 100%; min-height: 100%;width:1020px;position:relative;margin:0 auto ;text-align:left;min-height: 100%;height: auto !important}

#header {
	background:url("./bilder-menue/header_bg.gif")  repeat-x;  position:relative; 
	background-image:url("./bilder-menue/header_bg.gif"); opacity: 0.925;
	height: 130px;
	position:fixed;
	top: 0;
	/*width:100%;*/
}

#main {padding-bottom: 100px;}  /* Muss genau so hoch sein wie der Footer */

#menu {
	width: 100%;
	padding: 0 0.0em;
	font-family: Verdana;
	font-size: 0.96em;
	line-height: 1.4;
	float: left;
	vertical-align: middle;
	color: #FFFFFF;
	cursor: pointer;
}

#menu ul {
	float: left;
	padding-left: 0em;
	padding-right: 0.0em;
	list-style-type: none;
	text-align: center;
	opacity: 0.97;
}

/*--definiert die Blocküberschriften--*/
#menu h3 {
	font-size: 1.05em;
	text-align: center;
	color: #FFFFFF;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	padding-left:1.1em;
	padding-right:1.1em;
	transition: background-color .35s ease-in;
}

#menu h3:hover, h3:focus {
	color: #FFFFFF;
	background: #0033EE;
	font-size:1.05em;
	transition: background-color 0.5s;
}


/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu h5 {
	text-decoration: none;
	display: block;
	border: 1px solid #ccc;
	text-align: left;
	background: #306CA9;
	color: #FFFFFF;
	padding-left:1em;
	padding-right:1em;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	font-style:normal;
	font-size: 1em;
	font-weight:normal;
	opacity: 0.97;
}
#menu a {
	text-decoration: none;
	display: block;
	border: 1px solid #ccc;
	text-align: left;
	background: #306CA9;
	color: #FFFFFF;
	padding-left:1em;
	padding-right:1em;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	transition: background-color .25s ease-in;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover, a:focus {
	color: #FFFFFF;
	background: #0033EE;
	font-size:1.00em;
	transition: background-color 0.1s;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
	position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
	position: absolute;
	z-index: 2;
	display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
	display: block;
}

#menu ul li:focus ul {
	display: block;
}

/*--nur für IE-Versionen <=6 erkennbar--*/
* html #menu ul li {
	float: left;
	width: 100%; 
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
	float: left;
	width: 100%;
}

/*--bewirkt Hover-Effekt für IE <7 auch für ul- und li-Elemente--*/
*html body {
	behavior: url(csshover3-source.htc);
	font-size: 100%;
}

*html #menu ul li a {
	height: 1%;
}

/*-- lässt die dritte Ebene verschwinden--*/
#menu ul li:hover ul ul {display: none;}
#menu ul li:focus ul ul {display: none;}

/*-- lässt die dritte Ebene beim Hovern über die zweite in Erscheinung treten--*/
#menu ul ul li:hover ul {display: block; position: absolute; top: 0; left: 100%;}
#menu ul ul li:focus ul {display: block; position: absolute; top: 0; left: 100%;}

@font-face {
 	    font-family: 'AnkeCalligraphic';
	    src: local('Anke Calligraphic FG Standard'), local('ankecallig-fg.ttf'), 
		url('fonts/ankecallig-fg.woff') format('woff'), 
		url('fonts/ankecallig-fg.ttf') format('truetype');
}
   
#nav {position:absolute;}

/**************************
*   Horizontal Submenus   *
***************************/

#nav .menu_normal li {
	position: static !Important;
}

#nav .menu_normal .sub-menu  {
	left: 0 !Important;
	right: 0 !Important;
	font-weight:normal;
}

#nav .menu_normal .sub-menu > li {
	border-top: 0 !Important;
	border-left: 1px solid #dddddd;
	float: left !Important;
	font-size: 1.em !Important;/*15px*/
	color: #FFFFFF; 
}

#nav .menu_normal .sub-menu > li:first-child {
	border-left: 0;
	border-left: 1px solid #dddddd;
}

.popup_menu {cursor:default;z-index:1000;line-height :27px; position:relative}
.popup_menu .sub-menu > li > a, .popup_menu .sub-menu > li > a:link, .popup_menu .sub-menu > li > a:hover/*, .popup_menu .sub-menu > li > a:visited */
{outline:0;margin:0;border:none !Important;white-space:nowrap;display:block;}
.popup_menu .menu > li > a 
{outline:0;white-space:nowrap;display:block;color: #ffffff; font-weight:bold; text-decoration:none;padding-left:1.1em;padding-right:1.1em;}
.popup_menu .menu > li > a:link:hover, .popup_menu .sub-menu > li > a:link:hover 
{cursor:pointer; text-decoration:none; color: #ffffff ;background : #0033EE;}
.popup_menu .menu, .popup_menu .menu > li, .popup_menu .sub-menu, .popup_menu .sub-menu > li 
{outline:0 !Important;margin:0 !Important;padding:0 !Important;border:none;list-style:none !Important;list-style-type:none !Important;list-style-image:none !Important;}
.popup_menu .sub-menu {padding-left:0 !Important;}
.popup_menu.horizontal .menu {display: table;}		/* clearfix */
.popup_menu.horizontal .menu > li {float:left}
.popup_menu .menu > li, .popup_menu .sub-menu > li {position:relative;}
.popup_menu .menu > li {line-height: 27px}/*120%*/
.popup_menu .menu > li > a .label {line-height: 1em;}
.popup_menu .sub-menu > li {float:none;}
.popup_menu .sub-menu > li >a {color: #eeeeee; font-weight:normal; text-decoration:none; padding-left:0.5em;padding-right:0.5em;}
.popup_menu .sub-menu {
	display:none;z-index:1000;position:absolute; left:0; right:auto; top:100%; bottom:auto; line-height:38px; 
	background: #306CA9; color: #FFFFFF; padding-left:0.6em;padding-right:0.6em;
}
.popup_menu .sub-menu a:hover, a:focus{
	background: #0033EE; color: #FFFFFF;}
.popup_menu.css-menu li:hover > .sub-menu {display: block;}


@media screen{
/*nur im Screen-Layout anzeigen, beim Drucken unterdrücken*/
	#gaphead {
	height:180px;
	clear:both;
	}
	#gapfoot {
	height:80px;
	clear:both;
	}
	#abspann {
	height:110%;
	max-height:1200px;
	clear:both;
	}
}


#footer {
	/*margin-top: 100px; /* Negativer Wert der Footer-Höhe */
	height: 100px;
	clear:both;
	background:url("./bilder-menue/footer_bg.gif") repeat-x;
	background-image:url("./bilder-menue/footer_bg.gif"); opacity: 0.875;
}

#foot {/*width:1020px;*/margin:0 auto;height:70px;line-height:1.1em;padding:0 10px 0 10px; padding-top:30px;	font-size:0.8em;
}