@charset "utf-8";
/* CSS Document */
	@font-face{
		font-family:"Roboto Thin";
	src: url(Roboto/Roboto-Light.ttf);
	}
	
	p.customfont{
   font-family: "Roboto Thin";
	
	}
body {
    
	
font-family:"Roboto Thin";
	height: auto;
	background:#E4E4B9;
	
	}
	

	
	
	#picture {
		margin: 0 auto;
		width: 1700px;
		padding-top: 20px;
		height: 1133px;
		background: url(FRANCOHomepage/Hauptseite-komplett.jpg);
	}
	@media only screen and (max-width: 1500px){
		#picture {
		margin: 0 auto;	
		width: 1100px;
		height: 733px;
	    background: url(FRANCOHomepage/Hauptseite-komplett-klein.jpg);
    	
		
		
		}
		}
	#picture2 {
		margin: 0 auto;
		width: 1700px;
		height:900px;
		background: url(FRANCOHomepage/Gaestebuch.jpg);
		padding-bottom: 100px;
		
	}
	@media only screen and (max-width: 1500px){
		#picture2 {
			
		width: 1100px;
		height: 120%;
	    background: url(FRANCOHomepage/gaestebuch-klein.jpg);
		background-repeat: repeat-y;

		
		
		}
		}
	#picture3 {
		margin: 0 auto;
		width: 1700px;
		height: 1100px;
		background: url(FRANCOHomepage/Kontakt.jpg);
		
	}
	@media only screen and (max-width: 1500px){
		#picture3 {
			
		width: 1100px;
		height: 733px;
		
	    background: url(FRANCOHomepage/kontakt-klein.jpg);

		
		
		}
		}
		#picture-abschied{
		margin: 0 auto;
		width: 1700px;
		padding-top: 20px;
		height:  1133px;
		background: url(FRANCOHomepage/Abschiednehmen-komplett.jpg);
		background-repeat: no-repeat;
	}
		@media only screen and (max-width: 1500px){
		#picture-abschied {
		
		width: 1100px;
		height: 733px;
	    background: url(FRANCOHomepage/Abschiednehmen-komplett-klein.jpg);

		
		
		}
		}
			
	#pip{
		
		
	
    margin-left: 450px;
	margin-top: 200px;
	width: 190px;
	height: 270px;
	
	background: url(FRANCOHomepage/BILD.jpg)
	;
	
	box-shadow: 10px 10px 10px #363030;
	}
	@media only screen and (min-width: 1500px){
		#pip {
			
	
		margin-left: 750px;
	margin-top: 400px;
	width: 190px;
	height: 270px;
	
	background: url(FRANCOHomepage/BILD.jpg)
	;
	
	box-shadow: 10px 10px 10px #363030;
	}
		
		
		}
	
		#pip2{
	
		  	margin-top: 100px;
	         
	
	border-radius: 100px / 50px ;
    position: absolute;
    top: 105px;
	bottom: 0;
	left: 20px;
	width: 190px;
	height: 80px;
	background: url(FRANCOHomepage/LeererHintergrund2.jpg);
	
	box-shadow: 10px 10px 10px #363030;
	}
	@media only screen and (min-width: 1500px){
		#pip2 {
			
	
		margin-top: 280px;
	         
	
	border-radius: 100px / 50px ;
    position: absolute;
    top: 105px;
	bottom: 0;
	left: 20px;
	width: 190px;
	height: 80px;
	background: url(FRANCOHomepage/LeererHintergrund2.jpg);
	
	box-shadow: 10px 10px 10px #363030;
	}
		
		
		}

	
	#pip3{
	
		  
		margin-top: 200px;
	margin-left: 150px;
	border-radius: 100px / 50px ;
    position: absolute;
    top: 105px;
	bottom: 0;
	left: 20px;
	width: 190px;
	height: 80px;
	background: url(FRANCOHomepage/LeererHintergrund3.jpg);
	
	box-shadow: 10px 10px 10px #363030;
	}
	@media only screen and (min-width: 1500px){
		#pip3 {
			
	
		margin-top: 380px;
	margin-left: 150px;
	border-radius: 100px / 50px ;
    position: absolute;
    top: 105px;
	bottom: 0;
	left: 20px;
	width: 190px;
	height: 80px;
	background: url(FRANCOHomepage/LeererHintergrund3.jpg);
	
	box-shadow: 10px 10px 10px #363030;
	}
		
		
		}
	#pip4{
		
		  
	margin-top: 300px;
	margin-left: 150px;	
    border-radius: 100px / 50px ;
    position: absolute;
    top: 110px;
	bottom: 0;
	left: 20px;
	width: 190px;
	height: 80px;
	background: url(FRANCOHomepage/LeererHintergrund4.jpg);
	
	box-shadow: 10px 10px 10px #363030;
	}
	@media only screen and (min-width: 1500px){
		#pip4 {
			
	
		margin-top: 480px;
	margin-left: 150px;	
    border-radius: 100px / 50px ;
    position: absolute;
    top: 110px;
	bottom: 0;
	left: 20px;
	width: 190px;
	height: 80px;
	background: url(FRANCOHomepage/LeererHintergrund4.jpg);
	
	box-shadow: 10px 10px 10px #363030;
	}
		
		
		}
	
	
	#pip5{
		
		 border-radius: 100px / 50px ;
    
    top: 110px;
	bottom: 0;
	left: 0px;
	width: 190px;
	height: 40px;
	background: url(FRANCOHomepage/LeererHintergrund.jpg);
	
	box-shadow: 10px 10px 10px #363030;
	}
	#zuruek{
	
		
	
  margin-top: 500px;
  margin-left: 550px;
    border-radius: 100px / 50px ;
    position: absolute;
    top: 110px;
	bottom: 0;
	left: 0px;
	width: 190px;
	height: 80px;
	
	background: url(FRANCOHomepage/home-button.jpg);
	
	box-shadow: 10px 10px 10px #363030;
		
	}
	
	
	#zuruek-kontakt{
	
		
	
  margin-top: 520px;
  margin-left: 550px;
    border-radius: 100px / 50px ;
    position: absolute;
    top: 110px;
	bottom: 0;
	left: 0px;
	width: 190px;
	height: 80px;
	
	background: url(FRANCOHomepage/home-button.jpg);
	
	box-shadow: 10px 10px 10px #363030;
		
	}
	@media only screen and (min-width: 1500px){
		#zuruek-kontakt {
			
	
		 margin-top: 800px;
  margin-left: 850px;
    border-radius: 100px / 50px ;
    position: absolute;
    top: 110px;
	bottom: 0;
	left: 0px;
	width: 190px;
	height: 80px;
	
	background: url(FRANCOHomepage/home-button.jpg);
	
	box-shadow: 10px 10px 10px #363030;
	}
		
		
		}
	
	#zuruek-gaestebuch{
	
		
	
 
    border-radius: 100px / 50px ;
    position: fixed;
    top: 50%;
	bottom: 0;
	left: 15%;
	width: 190px;
	height: 80px;
	
	background: url(FRANCOHomepage/home-button.jpg);
	
	box-shadow: 10px 10px 10px #363030;
		
	}
	@media only screen and (min-width: 1500px){
		#zuruek-gaestebuch {
			
	
		
    border-radius: 100px / 50px ;
    position: fixed;
    top: 50%;
	bottom: 0;
	left: 	15%;
	width: 190px;
	height: 80px;
	
	background: url(FRANCOHomepage/home-button.jpg);
	
	box-shadow: 10px 10px 10px #363030;
		
	}
		
		
		}
	
	#zuruek-impressum{
	
		
	margin-top: -100px;
margin-left: 600px;
    border-radius: 100px / 50px ;
    position: fixed;
    top: 110px;
	bottom: 0;
	left: 0px;
	width: 190px;
	height: 80px;
	
	background: url(FRANCOHomepage/home-button.jpg);
	
	box-shadow: 10px 10px 10px #363030;
		
	}
	#zuruek-abschied{
	
		
	
  margin-top: 550px;
  margin-left: 650px;
    border-radius: 100px / 50px ;
    position: absolute;
    top: 110px;
	bottom: 0;
	left: 0px;
	width: 190px;
	height: 80px;
	
	background: url(FRANCOHomepage/home-button.jpg);
	
	box-shadow: 10px 10px 10px #363030;
		
	}
	@media only screen and (min-width: 1500px){
		#zuruek-gaestebuch {
			
	
		 margin-top: 800px;
  margin-left: 900px;
    border-radius: 100px / 50px ;
    position: absolute;
    top: 0px;
	bottom: 0;
	left: -20px;
	width: 190px;
	height: 80px;
	
	background: url(FRANCOHomepage/home-button.jpg);
	
	box-shadow: 10px 10px 10px #363030;
		
	}
		
		
		}
	
	#zuruek-abschied{
		 margin-top: 550px;
  margin-left: 650px;
    border-radius: 100px / 50px ;
    position: absolute;
    top: 110px;
	bottom: 0;
	left: 0px;
	width: 190px;
	height: 80px;
	
	background: url(FRANCOHomepage/home-button.jpg);
	
	box-shadow: 10px 10px 10px #363030;
		
		
	}
	@media only screen and (min-width: 1500px){
		#zuruek-abschied {
			
	
		  margin-top: 900px;
  margin-left: 850px;
    border-radius: 100px / 50px ;
    position: absolute;
    top: 110px;
	bottom: 0;
	left: 100px;
	width: 190px;
	height: 80px;
	
	background: url(FRANCOHomepage/home-button.jpg);
	
	box-shadow: 10px 10px 10px #363030;
		
	}
		
		
		}
	
	
	
	#Schreibbox2{
		width: 30%;
		
		height: 85%;
		padding-top: 1%;
		padding-left: 30px;
		padding-right: 30px;
		margin-left: 600px;
		background:#E4E4B9; 
		text-align: center;
		
		}
		@media only screen and (max-width: 1500px){
		#Schreibbox2 {
			
	
		 width: 45%;
		
		height: 85%;
		padding-top: 1%;
		padding-left: 30px;
		padding-right: 30px;
		margin-left: 300px;
		background:#E4E4B9; 
		box-shadow: 10px 10px 5px #838080;
		text-align: center;
	}
		
		
		}