/* Header image CSS */


  /* Alte Browser oder der Internet Explorer nehmen
  das erst Bild, was unten in <div class='egalHeader'
  aufgerufen wird. Moderne Browser beachten zum Glück
  die Media Queries.
  
  Das heißt: Ein Bild nur für den IE nehmen und 
  mit tinyHeader laden. */
  
  /* Default image - IE / old browser fix */
  /* Use a small image for old browsers. Make the media
    queries such small that modern browsers will never
    use the tinyHeader image :-) */
    .header-image-IE {   /* IMPORTANT!! IE hack - nicht loeschen! */
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 240px;
	    max-height: 300px;
	    /*background-image: url('../images/R7312216_Wasservoegel_992x640_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 35%;
	    display: block;	
	} 	
  	.header-image-400 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 300px;
	    max-height: 300px;
	    /*background-image: url('../images/Urlaub_france_2005_07.10.2005_15-08-24_720x540.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 60% 30%;
	    display: none;
	} 	
  	.header-image-550 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 420px;
	    max-height: 420px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 25%;
	    display: none;
	} 	
  	.header-image-750 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 450px;
	    max-height: 450px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	} 	 
  	.header-image-1000 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 550px;
	    max-height: 550px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 60%;
	    display: none;
	}	
  	.header-image-1200 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 740px;
	    max-height: 740px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	}	

	/* Fluid CSS */	
	/* Larger than mobile */
	@media screen and (max-width: 400px) {
	 .header-image-IE { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 240px;
	    max-height: 300px;
	    /*background-image: url('../images/R7312216_Wasservoegel_992x640_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 35%;
	    display: none;
	  }
	 .header-image-400{ 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 300px;
	    max-height: 300px;
	    /*background-image: url('../images/Urlaub_france_2005_07.10.2005_15-08-24_720x540.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 60% 30%;
	    display: block;
	  } 
  	.header-image-550 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 420px;
	    max-height: 420px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 25%;
	    display: none;
	}
  	.header-image-750 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 450px;
	    max-height: 450px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	} 	 
  	.header-image-1000 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 550px;
	    max-height: 550px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 60%;
	    display: none;
	}	
  	.header-image-1200 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 740px;
	    max-height: 740px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	}	
	}
	
	
	/* Fluid CSS */	
	/* Larger than mobile */
	@media screen and (min-width: 400px) and (max-width: 549px){
	 .header-image-IE { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 240px;
	    max-height: 300px;
	    /*background-image: url('../images/R7312216_Wasservoegel_992x640_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 35%;
	    display: none;
	  }
	 .header-image-400{ 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 300px;
	    max-height: 300px;
	    /*background-image: url('../images/Urlaub_france_2005_07.10.2005_15-08-24_720x540.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 60% 30%;
	    display: block;
	  } 
  	.header-image-550 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 420px;
	    max-height: 420px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 25%;
	    display: none;
	}
  	.header-image-750 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 450px;
	    max-height: 450px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	} 	 
  	.header-image-1000 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 550px;
	    max-height: 550px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 60%;
	    display: none;
	}	
  	.header-image-1200 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 740px;
	    max-height: 740px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	}	
	}
	
	/* Larger than phablet (also point when grid becomes active) */
	@media screen and (min-width: 550px) and (max-width: 749px){ 
	 .header-image-IE { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 240px;
	    max-height: 300px;
	    /*background-image: url('../images/R7312216_Wasservoegel_992x640_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 35%;
	    display: none;
	  } 
	  .header-image-400 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 300px;
	    max-height: 300px;
	    /*background-image: url('../images/Urlaub_france_2005_07.10.2005_15-08-24_720x540.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 60% 30%;
	    display: none;
		} 
  	.header-image-550 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 420px;
	    max-height: 420px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 25%;
	    display: block;
	}
  	.header-image-750 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 450px;
	    max-height: 450px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	} 	 
  	.header-image-1000 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 550px;
	    max-height: 550px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 60%;
	    display: none;
	}	
  	.header-image-1200 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 740px;
	    max-height: 740px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	}	
	}		
	
/* Larger than tablet */	
	@media screen and (min-width: 750px) and (max-width: 999px) { 
	 .header-image-IE { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 240px;
	    max-height: 300px;
	    /*background-image: url('../images/R7312216_Wasservoegel_992x640_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 35%;
	    display: none;
	  } 
	  .header-image-400 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 300px;
	    max-height: 300px;
	    /*background-image: url('../images/Urlaub_france_2005_07.10.2005_15-08-24_720x540.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 60% 30%;
	    display: none;
		} 
  	.header-image-550 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 420px;
	    max-height: 420px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 25%;
	    display: none;
	}
  	.header-image-750 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 450px;
	    max-height: 450px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: block;
	} 	  
  	.header-image-1000 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 550px;
	    max-height: 550px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 60%;
	    display: none;
	}	
  	.header-image-1200 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 740px;
	    max-height: 740px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	}	
	}	
   /* Larger than Desktop */
	@media screen and (min-width: 1000px)  and (max-width: 1199px){ 
	 .header-image-IE { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 240px;
	    max-height: 300px;
	    /*background-image: url('../images/R7312216_Wasservoegel_992x640_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 35%;
	    display: none;
	  } 
	  .header-image-400 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 300px;
	    max-height: 300px;
	    /*background-image: url('../images/Urlaub_france_2005_07.10.2005_15-08-24_720x540.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 60% 30%;
	    display: none;
		} 
  	.header-image-550 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 420px;
	    max-height: 420px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 25%;
	    display: none;
	}
  	.header-image-750 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 450px;
	    max-height: 450px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	} 	 
  	.header-image-1000 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 550px;
	    max-height: 550px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/;
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 60%;
	    display: block;
	}	
  	.header-image-1200 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 740px;
	    max-height: 740px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	}	
	}
	
   /* Larger than Desktop HD */
	@media screen and (min-width: 1200px) { 
	 .header-image-IE { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 240px;
	    max-height: 300px;
	    /*background-image: url('../images/R7312216_Wasservoegel_992x640_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 35%;
	    display: none;
	  } 
	  .header-image-400 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 300px;
	    max-height: 300px;
	    /*background-image: url('../images/Urlaub_france_2005_07.10.2005_15-08-24_720x540.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 60% 30%;
	    display: none;
		} 
  	.header-image-550 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 420px;
	    max-height: 420px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 80% 25%;
	    display: none;
	}
  	.header-image-750 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 450px;
	    max-height: 450px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: none;
	} 	 
  	.header-image-1000 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 550px;
	    max-height: 550px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 60%;
	    display: none;
	}	
  	.header-image-1200 { 
		 z-index: 20;
		 position: relative;
	    width: 100%;
	    max-width: 100%;
	    height: 740px;
	    max-height: 740px;
	    /*background-image: url('../images/R7312216_Wasservoegel_480x274_h2o_klein.jpeg');*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    /* background-attachment: fixed;  /* fix the image and scroll the others */
	    background-position: 40% 30%;
	    display: block;
	}	
	}	
   
/* Aufruf mit:
<!-- IMPORTANT!! Nicht loeschen. IE-Hack -->
<div class="header-image-IE"  
  style="background-image: url('images/index/R7312216_Wasservoegel_400x240_h2o_opt-2_klein.jpeg');"
  document.getElementById("mediumHeader").style.backgroundPosition = "center bottom";>
</div>
<!-- Ab hier werden moderne Browser bedient -->
<div class="header-image-400" 
  style="background-image: url('images/index/R7312216_Wasservoegel_400x240_h2o_opt-2_klein.jpeg');"
  document.getElementById("mediumHeader").style.backgroundPosition = "center bottom";>
</div>
<div class="header-image-550"   
  style="background-image: url('images/index/R7312216_Wasservoegel_550x330_h2o_opt-2_klein.jpeg');"
  document.getElementById("mediumHeader").style.backgroundPosition = "center bottom";>
</div>
<div class="header-image-750"   
  style="background-image: url('images/index/R7312216_Wasservoegel_750x450_h2o_opt-2_klein.jpeg');"
  document.getElementById("mediumHeader").style.backgroundPosition = "center bottom";>
</div>
<div class="header-image-1000"   
  style="background-image: url('images/index/R7312216_Wasservoegel_1000x600_h2o_opt_sehrklein.jpeg');"
  document.getElementById("mediumHeader").style.backgroundPosition = "center bottom";>
</div>
<div class="header-image-1200"   
  style="background-image: url('images/index/R7312216_Wasservoegel_1200x740_h2o_opt_sehrklein.jpeg');"
  document.getElementById("mediumHeader").style.backgroundPosition = "center bottom";>
</div>
  */