@charset "utf-8";





.header {
	padding: 0px 0px;
	text-align: center;
	background-color: rgb(26, 188, 156);
	background-clip: padding-box;
	background-position: center center;
	color: white;
	background-image: url('Images/green_adsgr.jpg');
	top: 0px;
	left: 0px;
	height: 120px;
	overflow: hidden;
	margin-top: 0px;
}

#header_container {

	height: 100px;

	width: 935px;

	margin: auto;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	background-image: url(Images/green_adsgr.jpg);

	background-repeat: repeat-x;

	z-index: 2;

}

.row {
	flex-wrap: wrap;
	text-align: center;
	background-color: #F3F3F3;
}

.side {
	background-color: rgb(241, 241, 241);
	display: grid;
	justify-content: center;
	min-height: 800px;	
	margin-left: 10%;
	margin-right: 10%;

}


.abstand {
	text-align: center;
	background-color: #F2F2F2;
	min-height: 800px;
	margin-left: 10%;
	margin-right: 10%;
}


.center {
	background-color: #FFFFCC;
	margin: 10px auto 10px auto;
	min-width: 400px;
	max-width: 600px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 800px;
	
}
	

.footer {
	text-align: center;
	background: center center repeat rgb(102, 102, 102);
	width: 100%;
	font-family: Arial, Helvetica, sans-serif, Arial;
}

@media ( max-width : 900px ) {
  .row, .navbar {
    flex-direction: column;
  }
}



#gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 4px;
	top: 0px;
	margin: 5px 5px 5px 5px;
	max-width: 1000px;
}

#gallery > figcaption {
	grid-column: 1 / -1;
	text-align: center;
}

figure {
	position: relative;
	margin: 1px;
	padding: 1px;
	width: 99%;
	border: thin solid gainsboro;
	background: white;
}

figcaption {
	padding: 1px;
	text-align: center;
}



.navbar {
  display: flex;
  background-color: rgb(51, 51, 51);
  padding-left: 10px
}

.navbar a {
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  text-align: center;
  width:200px;
}

.navbar a:hover {
  background-color: rgb(221, 221, 221);
  color: black;
}

.side a:hover {
	background-color: rgb(255, 255, 0);
	color: #000000;
}


.auto-style4 {
	text-align: left;
	}

.auto-style5 {
vertical-align: middle;
	}

.auto-style6 {
	font-size: large;
	font-family: Arial, Helvetica, sans-serif, Arial;
	text-align: center;
}
.auto-style7 {
	font-size: small;

}
.auto-style8 {
	text-align: left;
	color: #FFFFFF;
	font-size: large;
}
.auto-style9 {
	font-size: large;
	color: #FFFFFF;
}

.auto-style10 {
	  color: #FFFFFF;
	  text-align: left;
  }

.auto-style11 {
	font-size: xx-large;
}


.auto-style9:hover  {
	font-size: large;
	color: #FFFFFF;
	Background-color: #33CC33;
}


#BG_1636131589675_8913 {
	border: 4px solid rgb(0, 0, 153);
	border-radius: 6px;
	display: inline-grid;
	background-color: rgb(153, 153, 255);
	background-image: linear-gradient(to bottom, blue, white);
	font-size: large;
	font-weight: bold;
	width: 200px;
	height: 25px;
	margin-top: 5px;
}



#BG_1636131589675_8913:hover { 
     
   background-image: linear-gradient(to bottom, white, blue);
}



#BG_1636132118817_605 {
	background-position: 50% top;
	background-image: url('Images/orange_ads.jpg');
	padding-left: 20%;
	padding-right: 20%;
	min-height: 55px;
}
   


#BG_1635878200623_62014 { text-align: left;
	width: 100%;
}

#BG_1635874785341_17094 {
  min-width: 250px;
  width: 100%;
}

p {
	text-align: left;
	min-width: 300px;
	margin-left: 40px;
}