/* Eigenes Format für index.html mit Begrenzung der Seitenbreite und der Buttonbeschriftung */
/* Die Definitionen der z - Bereiche weichen teilweise von denen der Inhaltsseiten ab.  */
/* Stand 04.09.2025 */
body {
		margin:0px;
		background-color:#808080;
		text-align:center;
}

#seite {
    	position: relative;
    	background-color:#A1A1A1;
    	font-family:Arial;
		width:100%;
		max-width:1000px;
		min-width:490px;
		display:table;
		white-space:nowrap;
		height:100%;
		margin: 0 auto;
}
#z1	{  
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		line-height:2.5em;
		background-color:#A1A1A1;
		text-align:center;
}
/*Zeile mit Banner*/
#z2 {
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		/*height:18%;*/
		/*min-height:120px;*/ 	/*kleiner als min-Höhe vom Banner gewählt*/
		margin-top:0px;
		margin-bottom:0px;
		background-color: #A1A1A1;
		display:table;
		text-align:center;
}

/*Zeile mit Linkbuttons*/
#z3 {
		position:relative;
		top: 0px;
		width:100%;
		margin-top: 0px;
		background-color:#A1A1A1;
		display:flex;
		flex-direction: row;
		align-items: baseline;		/* buttons oben */
		justify-content: center; 	/* Zentrierung horizontal */
		padding-left: 0px;			/* buttonabstand vom linken Rand */
		padding-right: 0px;			/* buttonabstand vom rechten Rand */
		padding-top: 0px;
		flex-wrap: wrap;
}
.z3_wrapper {
		position:relative;
		display:flex;
		flex-direction: row;
		justify-content: center; 	/* Zentrierung horizontal */
		flex-wrap: wrap;			
		background-color:#A1A1A1;
		padding:0px;
		margin:0px;
}

/*sloganbereich*/
#z4 {
		/*position:absolute;*/
		/*bottom:150px;*/
		position:relative;
		left:0px;
		height:auto;
		/*min-height:300px;*/
		width:100%;
		background-color:#A1A1A1;
		display:flex;
		flex-direction: row;
		align-items: center;		/* buttons oben */
		justify-content: center; 	/* Zentrierung horizontal */
		padding-left: 0px;
		padding-top: 80px;
		padding-bottom: 0px;
		
}
#slogan {
		border:none;
		width:75%;
		max-width:750px;
		background-color:#A1A1A1;
}

/* --- Grossküche... als Fußzeile --- */
#z5 {
		position: absolute;
		bottom: 20px;
		left: 0px;
		width:100%;
		min-height:50px;
		background-color:#A1A1A1;
		font-family:Arial;
		font-weight:bold;
		color:#FFFFFF;
		display:flex;
		align-items:center;		/*buttons oben*/
		justify-content:center; 	/*Zentrierung horizontal*/
		white-space:wrap;
}

/* --- Nebenlink im Kopfbereich hier identisch mit hpformat25.css--- */
a.nav1:link { 
      	font-family:Arial;
		font-size:15px;
		color:#FFFFFF;
		text-decoration:none;
 		padding-left:2px;
		padding-right:2px;
}

a.nav1:visited {
		color:#FFFFFF;
		text-decoration:none;
}

a.nav1:hover   { 
		text-decoration:underline;
}

a.nav1:active  {
		color:#C0C0C0;
		text-decoration:underline;
}


/* --- link-buttons --- */
a.butt:link, a.butt:visited
		{
		width:250px;
		padding-left:10px; 		
		padding-right:5px; 	
		display:inline-block;
		text-align:center;
		margin-top:5px;	/*Abstände der buttons untereinander*/
		margin-left:5px;
		margin-right:5px;
		margin-bottom:5px;	
		height:45px;
		line-height:45px;
		text-decoration:none;
		color:#FFFFFF;
		font-family:arial;
		font-size: 1.3em;
		font-weight:bold;
		border-style:solid black 1px;
		/*background-color:#9C9C9C;*/
		background-color:#808080;
}
a.butt:hover
		{
		color:#D90000;
		text-decoration:none;
		background-color:#F4F4F4;
		
}
a.butt:active
		{
		color:#D90000;
		text-decoration:none;
		background-color:#F4F4F4;
}
#link1{ border:none; }
#link3{ border:none; }
#link4{ border:none; }


.banner {
	border:none;
	width:100%;/*neu*/
}