/* <![CDATA[ */	

/*DAS IST DAS CSS FUER DEN DRUCKER */

html { 
  padding:0px;
  margin:0px;
}

body {
	font-size: 12pt;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:black;
	padding:0px;
	margin:0px;
}
em {
	font-style: normal;
	font-weight: bold;
	color: #003366;
}
#knoepfe_oben, #kopf, #expressmenue, #urdorf, #navigation_container, #inhalt img {display:none;}
cite, blockquote {
	font-family:"Courier New", Courier, mono;
	font-style: normal;
}

#inhalt p, #inhalt h2,#inhalt h3,#inhalt h4,#inhalt pre { 
	margin: 0px; 
	padding: 5px 0px 5px 0px; 
}
#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4 {
	color: #564b47;
	text-transform:lowercase;  /* ALLE TITEL WERDEN HIER KLEIN GESCHRIEBEN */
	background-color: transparent;
	margin:0px;
}
#inhalt table {margin-left:-5px; }
#inhalt table td {text-align:left; vertical-align:top; padding:5px;}
#inhalt table td p { text-align:left; padding-right: 5px;}

#inhalt h1 {
	font-size: 18px;
	padding:35px 15px 5px 0px; /* HIER WIRD AUCH DER ABSTAND, RAND NACH OBEN DEFINIERT */
	
}
#inhalt h2 {
	margin-top:-5px;
	font-size:16px; 
}
#inhalt h3 {
	font-size:14px;
	margin-top: 10px;
}
#inhalt h4 { font-size:12px;}

#inhalt a, #inhalt a:link, #inhalt a:visited { 
	color: #003366;
	background-color:transparent;
}
#inhalt a:hover {
	background-color:#CCCCCC;
}
#inhalt a:active {
	color:#ff0000;
}
 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}

.alignright {
margin-top: 0; 
text-align: right;
}

strong { 
font-size: 13px;
}

/* -.-.-.-.-.-.-.-.-.-.-.hier ist die Navigation links, positioning-layers statisch und absolut.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/

#links {
	display:none;
	position: absolute;
	left: 0px;
	width: 181px;
	color: #564b47;
	margin: 0px;
	padding: 0px;
	top: 110px;
	text-transform:lowercase; /* ALLE TITEL WERDEN HIER KLEIN GESCHRIEBEN */

}
#links p, #links h1, #links h2, #links h3, #links h4, #links h5 { padding: 0px 10px 0px 20px; } /*ABSTAND VON TEXT UNTERHALB DER NAVIGATION */

 #links ul
 {
	margin-left: 0px;
	background-color: transparent;
	/*border-bottom: 1px solid #666;*/
	border: 0px; 
	margin-top:0px;
	padding-left: 0px;
	list-style-type: none;
 }

 #links a
 {
 display: block;
 padding: 5px 4px 4px 15px;
 width: 181px;
 height: 20px;
 background-color: transparent;
 border-bottom: 1px solid #666;
 font-size:14px;
 font-weight:bold;
 }
 #bild a /* diese defintion brauchen wir um das bild zu ueberschreiben siehe #links a */
 {
	display: inline;
	padding: 0px;
	height: auto;
	width: auto;
	border: 0;
 }
 div#bild { text-align:center; padding-top:20px;  }

 #links a:link, #navlist a:visited
 {
 color: #333333;
 text-decoration: none;
 }

 #links a:hover
 {
	background-color: transparent;
	background-image:url(/bilder_gemeinsam/hintergrundhover_gelb.png);
	color: #003366;
	background-repeat: repeat-y;
	background-position: left top;
 }
 #links li {
 	margin-top:5px;
}
#navlist li {
	 padding-left: 0px;
	 margin-left:5px;
	 background-image: url(/bilder_gemeinsam/weisserpunkt_10_10.png);
	 background-repeat: no-repeat;
	 background-position: 0 0.8em;

}
li#active , li#subactive {
	 padding-left: 0px;
	 margin-left:5px;
	 background-image: url(/bilder_gemeinsam/hintergrund_active.png); /*HINTERGRUND MIT STRICH */
	 background-repeat: no-repeat;
	 background-position: 0 0.0em;
	 width:200px; /* DAMIT WIRD DIE LAENGE DES STRICHES UNTEN KONTROLLIERT */

}
li#active a#current {border:0px;} /* HIER WIRD DER UNTERSTRICH BEI WEGGEMACHT */

 #links ul ul  {
		 background-color: #ffffff; /* das brauchen wir, weil durch den background-color vom div#subnavigation faellt der Rand leider weg*/
		 margin-top:-5px; /*entfernt den Zwischenraum zwischen den beiden UL */
		 margin-bottom:-5px;/*entfernt den Zwischenraum zwischen den beiden UL */
 }
 
#links ul ul a {
	 display: block;
	 padding: 5px 4px 4px 25px;
	 width: 181px;
	 height: 20px;
	 background-color: #ffffff; 
	 border-bottom: 0px solid #666;
	 border-top: 0px solid #666;
	 font-size:12px;
	 font-weight:bold;


}

#links ul ul #subactive a {
	 display: block;
	 padding: 5px 4px 4px 25px;
	 width: 181px;
	 height: 20px;
	 /*background-color: #ffffff; 
	 border-bottom: 0px solid #666;*/
	 border: 0px solid #666;
	 font-size:12px;
	 font-weight:bold;
	 background-color: #ffffff;
	 background-image:url(/bilder_gemeinsam/hintergrundhover_rot.png);
	 background-repeat: no-repeat;
	 background-position: left top;


}



#links ul ul li {
	margin-top:-7px;  /*SUBNAVIGATION ENGER ZUSAMMENSCHIEBEN */
}
/*-.-.-.-.-.-.-.-.-.-.-. Ende der Navigation -.-.-.-.-.-.-.-.-.-.-.*/

#inhalt {
	margin: 0px;
	background-color: #ffffff;
}
/*hier haben wir den ersten Buchstaben groesser und Fett gemacht und eingerueckt */
/* #inhalt p:first-letter {
	font-weight: bold; 
	font-size:115%;
	padding-left:10px;
} */
#inhalt p {
	margin-top:-8px;
	line-height:20px; 
	text-align: left; /*Blocksatz*/
}
#inhalt ul {
	line-height: 20px;
}

#rechts {
position: absolute;
right: 0px;        
width: 180px;
color: #564b47;
margin: 0px; 
padding: 0px;
}
#kopf {
	height: 80px;
	width: 100%;
	background-image: url(/bilder_gemeinsam/back_kopf.png);
}

/*-.-.-.-.-.-.-.-.-.-.-. Hier werden die Bilder oben im Kopf, die Collage verstaut -.-.-.-.-.-.-.-.-.-.-.*/

#kopf div#bild_links {
	background-image: url(/bilder_gemeinsam/Collage_oben/bild_links_1.jpg);
	width:140px;
	position:absolute;
	height: 80px;
	left: 197px;
	top: 0px;
	z-index:2;
	background-repeat: no-repeat;
}
#kopf div#bild_mitte {
	background-image: url(/bilder_gemeinsam/Collage_oben/bild_mitte.jpg);
	width:140px;
	position:absolute;
	height: 80px;
	left: 352px;
	top: 0px;
	z-index:2;
	background-repeat: no-repeat;
}
#kopf div#bild_rechts {
	background-image: url(/bilder_gemeinsam/Collage_oben/bild_rechts_1.jpg);
	width:140px;
	position:absolute;
	height: 80px;
	left: 507px;
	top: 0px;
	z-index:2;
	background-repeat: no-repeat;
}
#kopf div#bild_aussen {
	background-image: url(/bilder_gemeinsam/Collage_oben/bild_rechts_2.jpg);
	width:140px;
	position:absolute;
	height: 80px;
	left: 662px;
	top: 0px;
	z-index:2;
	background-repeat: no-repeat;
	}
	
/*-.-.-.-.-.-.-.-.-.-.-. Ende Collage Bilder-.-.-.-.-.-.-.-.-.-.-.*/

/* hier machen wir den Style fuer den Titel urdorf-Kirche */	
div#urdorf { display:none; }
div#urdorf h1 { /* das ist das Style fuer den Haupttitel */
	margin: 0px;
	padding:0px;
	font-size:12px;
	color:#FFFFFF;
	text-transform:none;
	font-weight:bold;
	 }
div#urdorf a, div#urdorf a:link, div#urdorf a:visited  { /* das ist das Style fuer den Haupttitel */
	color:#FFFFFF;
	text-decoration:none;
	 }



/*.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-. Hier faengt die Navigation oben an .-.-.-.-.-.-.-.-.-.-.-.-.-. */

#navigation_container {
	position:absolute;
	left:5px;
	top:62px;
	width:auto;
	height:auto;
	z-index:1;
	font: Tahoma, Arial, Verdana, sans-serif;
	color:#000000;
	
}

#navigation_container {width: 300px;}
#navigation_container a, #navigation_container a:link, #navigation_container a:visited {
	font-size:10px;
	color: #000000;
	text-decoration:none;
	letter-spacing: 1px;
}
#navigation_container a:hover { color: #003366;  text-decoration: underline; background-color: #CCCCCC  }
#navigation_container a:active { color: #ff0000 }

/*.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-. Hier endet die Navigation oben mit den schraegen Dreiecke an .-.-.-.-.-.-.-.-.-.-.-.-.-. */
  
#kontakt { /* HIER WIRD DER KONTAKTKNOPF OBEN RECHTS DEFINIERT */
	position:absolute; 
	right:20px; top:90px; 
	width:auto; 
	height:auto; 
	z-index:5; 
	color:#FFFFFF; 
	font-weight:bold;
}
#kontakt a, #kontakt a:active, #kontakt a:visited {
	color:#FFFFFF; 
	text-decoration:none;
	
}
#kontakt a:hover, #evangelische_kige a:hover, div#urdorf h1 a:hover, #knoepfe_oben div a:hover { /* DER KONTAKTKNOPF UND DER TEXT +SCHRIFT UND -SCHRIFT UND TITEL HABEN DAS GLEICHE HOVER */
	color:#ff0000;
	
} 

/*.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.DER UMGANG MIT BILDERN .-.-.-.-.-.-.-.-.-.-..-.-.-.-.-.-.-.-.*/
 
img#floatleft {
	float: left;
	margin: 2px 5px 10px 0px;
	border: 1px solid #666;
	padding: 2px;
}
.mitarbeiterbild {
	float: left;
	margin: 2px 5px 0px 0px;
	border: 1px solid #666;
	padding: 2px;
}
.bildtextrechts {
	float: left;
	margin: 2px 5px 0px 0px;
	border: 1px solid #666;
	padding: 2px;
}
.bildrahmen {
	margin: 2px 5px 0px 0px;
	border: 1px solid #666;
	padding: 2px;
	
	}

.bildtextlinks {
	float: right;
	margin: 2px 0px 0px 5px;
	border: 1px solid #666;
	padding: 2px;

}
#floatright {
	float: right;
	margin: 2px 0 10px 5px;
	border: 1px solid #666;
	padding: 2px;

}
 .floatright { /* FLIESST RECHTS - HIER MACHEN WIR EINEN RAHMEN MIT SCHATTEN UND EINE KLEINE TEXTLEGENDE UNTEN */
	 float: right;
	 width: 153px;/*ACHTUNG DIESE GROESSE MUESSEN WIR JEWEILS AUF DAS BILD ANPASSEN */
	 margin: 0 40px 10px 10px;
	 background-color: #fff;
	 padding: 10px;
	 border-top: 1px solid #999;
	 border-right: 2px solid #555;
	 border-bottom: 2px solid #555;
	 border-left: 1px solid #999;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:9px;
 }
 .floatleft {
	float: left;
	margin: 0 10px 10px 0px;
	background-color: #fff;
	padding: 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
 }

 div.floatright img, div.floatleft img { /* HIER MACHEN WIR EINEN RAHMEN MIT SCHATTEN UND EINE KLEINE TEXTLEGENDE UNTEN */
	 border-top: 2px solid #555;
	 border-right: 1px solid #999;
	 border-bottom: 1px solid #999;
	 border-left: 2px solid #555;
 }



.clearall { /*HIER WIRD DER FLOAT-TAG WIEDER AUFGELOEST*/
	clear: both;
}
/*LAYER FUER DIE KNOEPFE DOWNLOAD, SCHRIFT USW. */
#knoepfe_oben {
	 position:absolute; 
	 right:50px; 
	 top:69px; 
	 z-index:5;

}
#knoepfe_oben div {
	 position:relative; 
	 border:1px solid black;  
	 height:15px; 
	 float:left; 
	 background-color:#FFFFFF; 
	 margin-right:10px; 
	 font-size:10px; 
	 padding: 0px 2px ;
}
#knoepfe_oben div a { 
	text-decoration: none;
}
#knoepfe_oben a, #knoepfe_oben a:link, #knoepfe_oben a:visited { 
	text-decoration: none;
	color:#003399;
}
/*STYLE FUER DEN TEXT LINKS UNTERHALB DER NAVIGATION, Z.B. LEGAL NOTICE */
#bild p.legalnotice {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#CCCCCC;
	
}
#bild p.legalnotice a, #bild p.legalnotice a:link, #bild p.legalnotice a:visited {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#CCCCCC;
	text-decoration:none;
}
#bild p.legalnotice a:hover {text-decoration:none; background-image:url(/bilder_gemeinsam/spacer.gif); color:#FF0000; }

/* DAS IST DAS STYLE FUER DAS POPUP Z.B. LEGAL NOTICE */
div#popup {
	padding: 10px 70px 0px 30px;
	text-justify : inter-word;
	text-align:justify;
	line-height:20px; 


}
#expressmenue {position:absolute; right:60px; top:20px; z-index:6; }/*DAS IST DAS EXPRESSMENUE*/
.window {
	 font-size: 9px;
	 background-color: #ffffff;
	 color: #003399;
	 border-width: 1px;
	 border-style: solid;
	 border-color: #000000;
         }


#zweispalten {
	position:relative;
	width:100%;
	height:180px; /*die hoehe muss hier verstellt werden, wenn liste groesser wird */
	padding:0px;
	margin-bottom:10px;
	border: 1px solid #cccccc;
	
}
#spalte_eins {
	position:relative;
	width:49%;
	border-right: 1px solid #cccccc;
	float:left;
	height:100%;
}
#spalte_zwei {
	position:relative;
	width:49%;
	float:right;
	}
#inhalt li {
	margin-bottom:5px;
	list-style-image: url(/bilder_gemeinsam/deck.gif);
	margin-left: -5px;
	}

#inhalt .agenda, #inhalt .tabelle_einfach, #inhalt .tabellemitstrichen { 
	margin-left:0px;
	text-align:left;
}
#inhalt .agenda th {background-color:#B5C8DB; padding-top:5px;padding-bottom:5px;}
#inhalt .agenda td {
	border-bottom:1px solid #564b47;
	white-space: nowrap;
	padding-right:15px;
	padding-top:5px;	
	padding-bottom:5px;
	}
	
#inhalt .umbrucherzwingen { white-space: normal ! important;}
#inhalt .keinumbruch { white-space: nowrap ! important;}
legend {font-size:10px; font-weight:bold; font-family: "Courier New", Courier, mono;}

#inhalt .tabelle_einfach td {
	white-space: nowrap;
	padding-right:15px;
	padding-top:5px;	
	padding-bottom:5px;
	}
#inhalt .tabellemitstrichen {border:1px solid  #564b47; border-collapse:collapse; }	
#inhalt .tabellemitstrichen td {
	border-bottom:1px solid #564b47;
	border-right:1px solid #564b47;
	white-space: nowrap;
	padding-right:15px;
	padding-top:5px;	
	padding-bottom:5px;
	
	}	
	

.legende {
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
}
#druckenmenu {position:absolute; right:50px; top:10px; width:200px; height:21px; z-index:1}
.dasliimul {background-color:#FFFFFF; } 
#strich {border-top:1px solid #666;} /* DAS IST DER EXTRA-STRICH, DER EIN GEFAESS BEENDET */
#inhalt table {margin:0px; padding-left:0px;}

/* ]]> */