*{

}

table{
height: 90vh;
width: 80%;
margin-top: 5vh;
}

a:link {
  color: black;
}

a:visited {
  color: black;
}

td, th{
border-collapse: collapse;
border: 3px solid white;
padding: 0px;
spacing: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 1px;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: grey;
}



#bnnr {height: 1vh;}
#bnnerimg {width: 40%;}

#ttop {height: 5vh;}
#frob {max-height: 15vh; vertical-align: bottom;}
#picr1 {height: 10vh; vertical-align: top;}
#picr2 {height: 10vh; vertical-align: top;}
#picr3 {height: 10vh; vertical-align: top;}
#frun {vertical-align: top;}
#dat {height: 10vh; vertical-align: bottom;}

#phlo {width: 40%;}
#phlu {width: 40%;}
#phro {width: 40%;}
#phru {width: 40%;}


#datenschutz {vertical-align: middle; font-size: 16px; color: black;}
#picrgr {height: 62vh; vertical-align: middle;}
#imggr {max-height: 60vh; max-width: 100%;}
#pfeilli {max-height: 2vh;}
#pfeilre {max-height: 2vh;}
#x {max-height: 2vh;margin-left: 2%; margin-right: 2%;}


#picf1 {width: 10%; background-image: url("Portfolio.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 97%;}
#picf2 {width: 10%; background-image: url("Wildlife_Gr.jpg"); background-repeat: no-repeat; background-position: bottom left; background-size: 97%;}
#picf3 {width: 10%; background-image: url("street_Gr.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 97%;}
#picf4 {width: 10%; background-image: url("Black+White_Gr.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 97%;}

#picf1wildlife {width: 10%; background-image: url("wildlifetxt.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
#picf2wildlife {width: 10%; background-image: url("Wildlife1sq.jpg"); background-repeat: no-repeat; background-position: bottom; background-size: 99%;}
#picf3wildlife {width: 10%; background-image: url("Wildlife2sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
#picf4wildlife {width: 10%; background-image: url("Wildlife3sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}
#picf5wildlife {width: 10%; background-image: url("Wildlife4sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
#picf6wildlife {width: 10%; background-image: url("Wildlife5sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}

#picf1street {width: 10%; background-image: url("streettxt.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
#picf2street {width: 10%; background-image: url("street1sq.jpg"); background-repeat: no-repeat; background-position: bottom; background-size: 99%;}
#picf3street {width: 10%; background-image: url("street2sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
#picf4street {width: 10%; background-image: url("street3sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}
#picf5street {width: 10%; background-image: url("street4sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
#picf6street {width: 10%; background-image: url("street5sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}

#picf1bnw {width: 10%; background-image: url("bnwtxt.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
#picf2bnw {width: 10%; background-image: url("bnw1sq.jpg"); background-repeat: no-repeat; background-position: bottom; background-size: 99%;}
#picf3bnw {width: 10%; background-image: url("bnw2sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
#picf4bnw {width: 10%; background-image: url("bnw3sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}
#picf5bnw {width: 10%; background-image: url("bnw4sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
#picf6bnw {width: 10%; background-image: url("bnw5sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}


@media screen and (max-width: 1500px){
	#bnnerimg {width: 55%;}
	#frob {height: 10vh;}

	#phlo {width: 22%;}
	#phlu {width: 22%;}
	#phro {width: 22%;}
	#phru {width: 22%;}

	#picf1 {width: 16%;}
	#picf2 {width: 16%;}
	#picf3 {width: 16%;}
	#picf4 {width: 16%;}

	#picf1 {width: 16%; background-image: url("Portfolio_Kl.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
	#picf2 {width: 16%; background-image: url("Wildlife_Kl.jpg"); background-repeat: no-repeat; background-position: bottom; background-size: 99%;}
	#picf3 {width: 16%; background-image: url("street_Kl.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf4 {width: 16%; background-image: url("Black+White_Kl.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}

	#picf1wildlife {width: 16%; background-image: url("wildlifetxt_Kl.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
	#picf2wildlife {width: 16%; background-image: url("Wildlife1sq.jpg"); background-repeat: no-repeat; background-position: bottom; background-size: 99%;}
	#picf3wildlife {width: 16%; background-image: url("Wildlife2sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf4wildlife {width: 16%; background-image: url("Wildlife3sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}
	#picf5wildlife {width: 16%; background-image: url("Wildlife4sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf6wildlife {width: 16%; background-image: url("Wildlife5sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}

	#picf1street {width: 16%; background-image: url("streettxt_Kl.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
	#picf2street {width: 16%; background-image: url("street1sq.jpg"); background-repeat: no-repeat; background-position: bottom; background-size: 99%;}
	#picf3street {width: 16%; background-image: url("street2sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf4street {width: 16%; background-image: url("street3sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}
	#picf5street {width: 16%; background-image: url("street4sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf6street {width: 16%; background-image: url("street5sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}

	#picf1bnw {width: 16%; background-image: url("bnwtxt_Kl.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
	#picf2bnw {width: 16%; background-image: url("bnw1sq.jpg"); background-repeat: no-repeat; background-position: bottom; background-size: 99%;}
	#picf3bnw {width: 16%; background-image: url("bnw2sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf4bnw {width: 16%; background-image: url("bnw3sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}
	#picf5bnw {width: 16%; background-image: url("bnw4sq.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf6bnw {width: 16%; background-image: url("bnw5sq.jpg"); background-repeat: no-repeat; background-position: top; background-size: 99%;}

	font-size: 6px;

	#x {max-height: 2vh;margin-left: 10%; margin-right: 10%;}
}


@media screen and (max-width: 800px){
	#bnnerimg {width: 85%;}
	#frob {height: 5vh;}
	#frun {height: 25vh;}

	#phlo {width: 20%;}
	#phlu {width: 20%;}
	#phro {width: 20%;}
	#phru {width: 20%;}

	#x {max-height: 2vh;margin-left: 15%; margin-right: 15%;}

	#picf1 {width: 40%; background-image: url("Portfolio_Kl.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
	#picf2 {width: 40%; background-image: url("Wildlife_Kl.jpg"); background-repeat: no-repeat; background-position: bottom left; background-size: 99%;}
	#picf3 {width: 40%; background-image: url("street_Kl.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf4 {width: 40%; background-image: url("Black+White_Kl.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 99%;}

	#picf1wildlife {width: 40%; background-image: url("wildlifetxt_Kl.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
	#picf2wildlife {width: 40%; background-image: url("Wildlife1sq_Kl.jpg"); background-repeat: no-repeat; background-position: bottom left; background-size: 99%;}
	#picf3wildlife {width: 40%; background-image: url("Wildlife2sq_Kl.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf4wildlife {width: 40%; background-image: url("Wildlife3sq_Kl.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 99%;}
	#picf5wildlife {width: 40%; background-image: url("Wildlife4sq_Kl.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf6wildlife {width: 40%; background-image: url("Wildlife5sq_Kl.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 99%;}

	#picf1street {width: 40%; background-image: url("streettxt_Kl.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
	#picf2street {width: 40%; background-image: url("street1sq_Kl.jpg"); background-repeat: no-repeat; background-position: bottom left; background-size: 99%;}
	#picf3street {width: 40%; background-image: url("street2sq_Kl.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf4street {width: 40%; background-image: url("street3sq_Kl.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 99%;}
	#picf5street {width: 40%; background-image: url("street4sq_Kl.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf6street {width: 40%; background-image: url("street5sq_Kl.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 99%;}

	#picf1bnw {width: 40%; background-image: url("bnwtxt_Kl.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 99%;}
	#picf2bnw {width: 40%; background-image: url("bnw1sq_Kl.jpg"); background-repeat: no-repeat; background-position: bottom left; background-size: 99%;}
	#picf3bnw {width: 40%; background-image: url("bnw2sq_Kl.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf4bnw {width: 40%; background-image: url("bnw3sq_Kl.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 99%;}
	#picf5bnw {width: 40%; background-image: url("bnw4sq_Kl.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 99%;}
	#picf6bnw {width: 40%; background-image: url("bnw5sq_Kl.jpg"); background-repeat: no-repeat; background-position: top left; background-size: 99%;}




}