/*** CSS Document by zenzero.ch web publishing - andy marti uster schweiz	*/
/** */
/*** 29.04.2005	Ergaenzungen fuer #content fieldset in links.tpl			*/ /* ab zeile 420	*/
/*** 30.04.2005	Ergaenzungen fuer #content fieldset in vorstand.tpl			*/
/*** 01.05.2005	CSS fuer kontakt.php bzw includete php-files				*/
/*** 10.06.2005	Schriften Formatierungen und Head nach Kundenwunsch				*/
/** */
/** FARBEN 														*/
/** ------------------------------------------------------------*/
/** body heller blau:			#DEE7F4		helleres blau		*/
/** hottingen farbe		:		#B0C4DE		light steelblue		*/
/** dazu komplementaer	:		#4F3B21		braun schwarz		*/
/** dazu 	:					#AFDECA		helles gruen		*/
/** dazu 	:					#CAAFDE		helles violett		*/
/** dazu 	:					#DEB3AF		roetliches braun	*/
/** dazu 	:					#DBDEAF		gelblich			*/
/** dazu 	:					#ff0		gelb hover			*/
/** class linie			:		#000		schwarz				*/
/** */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	margin-left:1em;
	margin-right:2em;
	min-width:800px;
	padding: 0;
	background-color: #DEE7F4;  
	color: #4F3B21;
}
body a, a:visited, a:active, a:link, a:hover {
	color: #4F3B21;
}
#box{
	margin:0;
	padding:0;
	max-width:1024px;
}

#header {
	height: 61px;
	min-width:800px;
 	background-color: #B0C4DE;  
	padding:0;
	margin:0;
	margin-top:-2em;
	background-image:url(../img/klee_rahmen.jpg);
	background-position: left;
	background-repeat:no-repeat;
	font-variant:small-caps;
	text-decoration:none;
	border-bottom: 2px solid #DEE7F4;
}
#header h2 a {
	text-decoration:none;
	/** */
	font-size:23px;
	font-weight:normal;
	color: #FFFFFF;
}
.head_bold{
	font-weight:bold;
	font-size:25px;
	color:#4F3B21;
}

#header a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
#header_text {
	height: 20px;
	background-color:transparent;
	padding:0;
	margin:0;
}

#breadcrumb{
	font-size:0.75em;
}
*html #breadcrumb{
	margin-top:5px;
}
#breadcrumb a{
	text-decoration:none;
}
#obenrechts{
	float: right;
	font-size:0.85em;
	font-weight:normal;
}
#obenrechts a, #obenrechts a:hover{
	text-decoration:none;
	color:#4F3B21;
}
*html #obenrechts{
	float: right;
	margin:0.3em 0.1em 0 0;
}
#inhalt {
	position: absolute;
	width: 100%;
	background-color:#CCCCFF;
}
#centre {
	background-color:#DEE7F4;
	margin-left: 250px;
	margin-right: 200px;
	min-width:350px;
	background:url(http://zenzero.ch/img/hg.jpg) #fff left top repeat;
	padding:0;
	padding-top:1em;		/** tataaaa: loescht den leeraum zwichen titel centre-div und head*/
	/*min-height:400px;*/
}
#center_text_titel{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-variant:small-caps;
	margin:0;
	padding:0;
	margin:1.4em 1em 1em 2em;
	text-align:justify;
	font-weight:normal;
	color: #4F3B21;
}
#center_text_titel:first-letter{
	text-transform:uppercase;
	font-size:22px;
	color: #c00;
}
#center_text_teaser{
	font-size:1em;
	margin:0;
	padding:0;
	margin:1em 4.3em 1.7em 3.9em;
	text-align:justify;
	font-weight:bold;
}
#center_text{
	margin:0;
	padding:0;
	margin:1em 3.8em 1em 3.8em;
	text-align:justify;
}

#center_text h2{
	font-size: 1em;
}
#gauche {
	position: absolute;
	left:0;
	width: 250px;
	height:400px;
	margin-left:1em;
	/*background-color:#DEB3AF;*/
	background-color: #B0C4DE;
	line-height:185%;
	font-size:1em;
	font-variant:small-caps;
	/**background:url(../img/klee2.gif) bottom left no-repeat #B0C4DE;*/		/** testweise logo einblenden */
	background:url(../img/btnZenzero.png) bottom right no-repeat #B0C4DE;	
}
#gauche a {
	color:blue;
	text-decoration:none;
}
#gauche ul{
	margin-top:10px;
}
#gauche ul li{
	list-style-type:none;
}
#gauche ul li a{ 
	list-style-type:none;
	border-bottom: 1px solid #DEE7F4;
}
#gauche ul li a:hover{ 
	background-color:#DEE7F4;
}
/** Webmaster-Link auf template.tpl - Inhalte aus DB*/
#webmaster {
	position: absolute;
	top: 380px;
	font-size:10px;
}
/** Webmaser-Link auf kontakt.php und sitemap.php*/
.webmaster2 {	
	position: absolute;
	top: 484px;
	font-size:10px;
}
.webmaster2 a{	
	text-decoration:none;
	font-variant:small-caps;
	color:blue;
}

#droite {
	position: absolute;
	right:0;
	width: 200px;
	height:400px;
	margin-right:2em;				
	/*background-color: #DBDEAF;*/
	background-color: #B0C4DE;
/*	background:url(../img/bild_kirche.jpg) bottom no-repeat #B0C4DE; */
	color:#4F3B21;
	line-height:130%;
	font-variant:small-caps;
}

#bild_rechts{
	position: absolute;
	top: 200px;
}

#bild_rechts img{
	border: 0;
}

#droite a {
	color:blue;
}
#droite ul li{
	list-style-type:none;
	/**border-bottom: 1px dashed #4F3B21;*/
	/*margin:1em 0 1em 0;*/
}
#droite ul li a{ 
	list-style-type:none;
	border-bottom: 1px solid #DEE7F4;
}
#droite ul li a:hover{ 
	background-color:#DEE7F4;
}

#menudroit{
	margin-top:50px;
	position: absolute;
	left:-38px;
	padding:0;
	margin-left:1em;
	color:#4F3B21;
}
*html #menudroit ul{
	position:absolute;
	top:10px;
	left:0px;
}
#menudroit ul li{ 
	list-style-type:none;
	border-bottom: 1px solid #DEE7F4;
	margin-top:0.5em;
}
#menudroit a{
	text-decoration:none;
}
#menudroit a:hover{
	text-decoration:none;
}


#pied {
	height: 30px;
	background-color: #DBDEAF;
	font-size:0.7em;
}
#pied p{
}

/** neue Deklarationen by Andy*/
h1{
	font-size:1.24em;
	font-weight:normal;
	margin-left:0.3em;
	border-bottom:2px solid #B0C4DE;
	/**background-color:#B0C4DE;*/
}
*html h1{
	margin-top:0.5em;
}
h1 a{
	text-decoration:none;
}
h1:first-letter{
	text-transform:uppercase;
	font-size:155%;
	color: #c00;
}


h2{
	font-size:3em;
	color:#4F3B21;
}
 
.kleiner{
	font-size:50%;
	color:#DEE7F4;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.linie {
	border-bottom: 1px solid #B0C4DE;
  clear: both;
  /**margin: 5px 0px 5px 0px;*/
  width: auto; 
  line-height: 0px;
}

.gross{
	font-size:2em;
}

.hidden{
	display:none;
	visibility:hidden;
}


#suchen{
	position:absolute;
	top:1em;
	margin:0;
	padding:0;
	margin-left:1em;
}
*html #suchen{
	margin-left:0em;
}
.suchen_button{
	background-color:#DEE7F4;
	border:2px solid #DEE7F4;
	font-size:80%;
	font-variant:small-caps;
}
*html .suchen_button{
margin:0;
padding:0;
	background-color:#DEE7F4;
	border:1px solid #DEE7F4;
	font-size:70%;
	font-variant:normal;
}

.suchen_input{
	/**background-color:#ffb;*/
	background-color:#DEE7F4;
	border:2px solid #DEE7F4;
	/**border:2px solid #DEE7F4;*/		/** border: 2px 4px ergibt im moz-browser sowas wie form-einfabefenster mit falschem schattenwurf... fehler oder hack?!*/
	font-size:90%;
}
*html .suchen_input{
	border:2px solid #DEE7F4;
	border-right:4px solid #DEE7F4;
	border-left:4px solid #DEE7F4;
}
	
/* SCHRIFTVERGROESS div **************************************************/

form{
	padding:0;
	margin:0;
}

#schriftvergroess{
	position: absolute;
	top:35px;
	display:inline;
	background: transparent;
	height:20px;
	margin:1em;
 	border-bottom: 1px solid #DEE7F4;  
}
	
*html #schriftvergroess{
	margin: 1em 1em 1em 0;
	top:39px;
}
	
#schriftvergroess p{
	margin:0;
	padding:0;
}
	
#schriftvergroess p a:hover{
	background:transparent;
}
	
#fontsize{
	font-size:0.85em;
}

*html #fontsize{
	font-size:86%;
}

#kleiner{
	position:absolute;
	left:85px;
	top:0px;
	background-color:#DEE7F4;
	text-align: left;
	vertical-align: text-bottom;
	font-size:81%;
}

#kleiner a{
	text-decoration: none;
	background-color:#DEE7F4;
	color:#4F3B21;
	border:2px solid #DEE7F4;
}

#hundert{
	position:absolute;
	left:105px;
	top:0px;
	background-color:#DEE7F4;
	text-align: center;
	vertical-align: text-bottom;
	font-size:81%;
}
#hundert a{
	text-decoration: none;
	background-color:#DEE7F4;
	color:#4F3B21;
	border:2px solid #DEE7F4;
}
#groesser{
	position:absolute;
	left:155px;
	top:0px;
	background-color:#DEE7F4;
	text-align: right;
	vertical-align: middle;
	font-size:81%;
}
#groesser a{
	text-decoration: none;
	background-color:#DEE7F4;
	color:#4F3B21;
	border:2px solid #DEE7F4;
}

#teaser{
	font-weight:bold;
}

.noliststyletype{
	list-style-type:none;
}

/** */
/** fieldset und legend allgemein	*/
fieldset{
	font:normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
fieldset li{
	margin-left: 15px;
}
legend {
	font-weight: bold; font-size: 80%;
}

/** fieldset und legend im links.tpl	*/

#center_text img{
	border:0;
}

#center_text p{
	margin:5px;
	padding:0;
	font-size:113%;
}
#center_text ul{
	margin:5px ;
	padding:0;
}
#center_text fieldset{
	margin-top:10px;
}
#center_text fieldset  ul {
	margin-bottom:9px;
	margin-right:5px;
}
#center_text fieldset ul li{
	padding:2px 0;
	font-size:113%;
/*	color:blue; */
}
#center_text fieldset ul li ul li{
/*	padding:2px 0; */
	margin: 0;
	font-size:80%;
	list-style-type: none;
/*  	color:blue;   */
}
#center_text fieldset ul  li a{
	font-size:113%;
	color:#4F3B21;
	text-decoration:underline;
}
#center_text fieldset ul li a:hover{
	font-size:113%;
	text-decoration:underline;
}
#center_text fieldset legend{
	font-size:113%;
}
/** eof - fieldset und legend im links.tpl	*/
/** */
/** start vorstand.tpl*/
#center_text fieldset ul.vorstand li{
	font:normal 113% Verdana, Geneva, Arial, Helvetica, sans-serif ;
	list-style-type:none;
	color:#4F3B21;
}
#center_text fieldset ul.vorstand li.list-style-type{
	list-style-type: disc;
	color:blue;
}
/** eof vorstand.tpl*/
/** */

/** classes fuer form bzw. kontakt.php*/
	.rot{ color:#FF0000;}
	.blau{ color:#0066FF;}
	
.form_button{
	background-color:#DEE7F4;
	border:1px solid #000;
	font-size:80%;
	font-weight:bold;
	font-variant:small-caps;
}
*html .form_button{
	margin:0;
	padding:0;
	background-color:#DEE7F4;
	border:1px solid #000;
	font-size:70%;
	font-variant:normal;
}
#centre #formular{
}
#centre #formular table{
	margin:0;
	padding:0;
}
#centre #formular td{
	font-size:100%;
	margin:0;
	padding:3px 0 3px 0;
}
#errors{
	color:blue;
}
/** eof kontakt.php*/
/** */



.Vorstandsliste {position: absolute; top: 170px; left: 262px; width: 470px; height: 600px;background:url(http://zenzero.ch/img/hg.jpg) #fff left top repeat;}

.Vorstand1  { position: absolute; top: 20px; left: 60px; width: 300px; height: 100px; visibility: visible; display: block; text-align: center }

.Vorstand2a { position: absolute; top: 80px; left:60px; width: 150px; height: 100px; visibility: visible; display: block }
.Vorstand2b { position: absolute; top: 80px;  left: 230px; width: 150px; height: 100px; visibility: visible; display: block }

.Vorstand3a { position: absolute; top: 140px; left: 60px; width: 150px; height: 100px; visibility: visible; display: block }
.Vorstand3b { position: absolute; top: 140px; left: 230px; width: 150px; height: 100px; visibility: visible; display: block }

.Vorstand4a { position: absolute; top: 220px; left: 60px; width: 150px; height: 100px; visibility: visible; display: block }
.Vorstand4b { position: absolute; top: 220px; left: 230px; width: 150px; height: 100px; visibility: visible; display: block }

.Vorstand5a { position: absolute; top: 300px; left: 60px; width: 150px; height: 100px; visibility: visible; display: block }
.Vorstand5b { position: absolute; top: 300px; left: 230px; width: 150px; height: 100px; visibility: visible; display: block }

.Vorstand6  { position: absolute; top: 380px; left:60px; width: 300px; height: 100px; visibility: visible; display: block; text-align: center }

.Vorstand7a { position: absolute; top: 460px; left: 60px; width: 150px; height: 100px; visibility: visible; display: block; text-align: left; }
.Vorstand7b { position: absolute; top: 460px; left: 230px; width: 150px; height: 100px; visibility: visible; display: block }

.Mail { position: absolute; top:550px; left: 60px; }



/**
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

**/