/* hap.css */
/*<!--=====alt : HajoBilderBarth 18.12.2016=====-->*/
/* Änderungen für Bilder HaP  04.05.2024 Dieter Flottow=========== */
@media all {
	/* Reset */
html { overflow-y: scroll; }
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, code,
ul, ol, li, 
table, th, td,
form, fieldset, legend, input, textarea {
  padding: 0; margin: 0;  }

	/* Abstände */
h2, h3, h4, h5, h6, 
p, blockquote, pre, 
ul, ol { 
  margin-bottom: 1em; }
ul, ol { margin-left: 2em; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
blockquote { margin: 1em 2em; }

h1{font-size: 150%;
	text-align: center;}

	.clearing {
		clear: both;
	}
	.floatlinks {
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.floatrechts {
		float: right;
		margin-left: 5px;		
		margin-bottom: 5px;
	}
} /* Ende @media */
@media screen {
body {     
	background-image: url(foto/green6.jpg);
	background-repeat: repeat;
    background-position: right top;
    background-attachment: fixed;      
    color: black;   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*   font-size: 100%;  entspricht 16px. */
    }
address {
	background-color: aqua;
    text-align: center; 
    font-size: 70%;  
    font-style: normal;  
    letter-spacing: 2px; 
    line-height: 1.5;  
    }

	.bild img {
		float:left;		
		margin-right: 20px;
		margin-bottom: 5px;
		} 	
	.bilderrahmen {
		padding: 0px;
		border: 2px solid #8b0000;
		border-radius: 5px;
		margin-right: 15px;
		}
	.txtrahmen{
		border: 1px solid #8b0000;
		border-radius: 5px;
		margin-right: 0px;
		}		

	.rahmen	{
		background-color: #ffdead;	
		padding: 4px;
		padding-bottom: 0;
		border: 1px solid #8b0000;		
		border-radius: 6px;		
		margin: 1px 5px 6px 20px;		
		}

	.logo{	
		padding: 0px;
		background-color: white;		
		border: 2px solid white;
		border-radius: 10px;
		margin: 0;
	
		margin-top: 4px;
		margin-left: 8px;
		margin-right: auto;
		}		
	.byc{
		padding: 0;
		border: 2px solid white;
		border-radius: 10px;
		margin-top: 5;		
		margin-right: 10px;
		margin-bottom: 5;
		margin-left: 10px;
		
		}
	/*  #infotxt{  */
	.infotxt{
		position: relative;
		text-align: center;
		border: 1px solid #8b0000;
		border-radius: 5px;
		float:left;
		width: 60px;
		height: 50px;
		background-color: #ffdead;
		color: black;
		margin-right: 0px;
		margin-top: 5px;
		margin-left:15px;		
		padding: 1px;
		font-size: 75%;
		}
		
	/*=========== Layoutbereiche ============*/
div#wrapper {
	/* margin: 5px auto;*/	
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 40em; /*61em;*/
  	background-color: /* #ffff99; */
    color: black;	
	}
header{
   /* position: relative; */
    background-color: aqua;
    color: navy;
    /*padding: 10px 10px 1px 22x;*/
	padding-top: 15px;
	padding-bottom: 1px;
	margin: 25px 10px;
	border-radius: 10px;
	text-align: center;
    }	
div#slogan {
	font-size: 84%;
	font-weight: 600;
	}	
		
/* =====   Galerie Bilder Hochformat =====   */
div.galerieh{
	position: relative;
	float:left;
	background-color: azure;
	width: 204px;
	height: 340px;
	padding-top: 2px;
	padding-left: 2px;
	border: 3px solid #999;	
	margin-top: 0px;
	margin-right: 0px;	
	margin-bottom: 7px;
	margin-left: 8px;
	}  
div.galerieh img{   /*  Bild - Anordnung und Rahmen */ 
	padding: 0px;	
    border: 2px solid #8b0000;
	border-radius: 8px;
	margin-top: 2px;	
	margin-bottom: 2px; /* Textabstand von Bildern	*/
	margin-right: 8px;  /* Textabstand von Bildern	*/
	margin-left: 1px;	
	}
div.galerieh p {	/* Text zu den Bildern  */  
  	text-align: center; 
	font-size: 80%; 
	font-style: normal;  
	letter-spacing: 0; 
	line-height: 1.4;
    }	/*ende*/

/* =====   Galerie Bilder Querformat =====   */
div.galerieq{
	position: relative;
	float:left;
	background-color: azure;
	width: 301px;
	height: 254px;
	padding-top: 2px;
	padding-left: 2px;
	border: 3px solid #999;	
	margin-top: 0px;
	margin-right: 0px;	
	margin-bottom: 7px;
	margin-left: 8px;
	} /*ende*/
	
div.galerieq img{   /*  Bild - Anordnung und Rahmen */ 
	padding: 0px;	
    border: 2px solid #8b0000;
	border-radius: 8px;
	margin-top: 2px;	
	margin-bottom: 2px; /* Textabstand von Bildern	*/
	margin-right: 8px;  /* Textabstand von Bildern	*/
	margin-left: 1px;	
	}/*ende*/
div.galerieq p {	/* Text zu den Bildern  */  
  	text-align: center; 
	font-size: 80%; 
	font-style: normal;  
	letter-spacing: 1px; 
	line-height: 1.4;  
}/*ende*/

/*===== Datei: druckversion.css ====== */
@media print {
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	/*  float: none; */
	}	
h2,h3{font-size:18px;	text-decoration: underline;	}
h6{font-size: 14px; text-decoration: underline;}

} /*=== @media ===*/
/*=== Ende .css ======= */