/* Grundeinstellungen */

body {margin: 0; font-family: Arial, Helvetica, sans-serif; overflow-x: hidden; overflow-y: scroll;}

img {
    max-width: 100%;
    height: auto;
}


/* Gerüst */

#kopf {  background:#FFFFFF; height: 10%; width: 100%}


#bildraster {  
 position: fixed;
    width: 100%;
    height: 80%;
    top: 10%;
	bottom: 10%;
    left: 0px;
    z-index: 0; 
     background: transparent url(../pic/raster.png)repeat top left;;
     overflow: hidden;}	 

#bild {  height: 80%; width: 100%; z-index: -5;

     background-image: url(../pic/weg.png);
     background-size: cover;
     height: 80%; width: 100%;
     overflow: hidden;}
	 
#feld {  height: 80%; width: 100%; z-index: -5;

     background:#3399ff;
     height: 80%; width: 100%;
     overflow: hidden;}	 

	 
	 
#fuss {  background:#FFFFFF; height: 10%; width: 100%; ; text-align: center}

/* Schrift */

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:200%; color: #ffffff; ; font-weight: 100; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px}

#head { width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 400%; color: #ffffff; }

#bildtext { text-shadow: 2px 2px 2px #000;position: fixed;  z-index: 5; left:20%; 
   
    top: 40%; }
	
.fusstext { position: relative;
    top: 40%; ; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #CCCCCC; word-spacing: 50px}	
	
.fusstext a{  color: #CCCCCC; ; text-decoration: none}	
	
.fusstext a:hover {  color: #CCCCCC; ; text-decoration: underline}	
	
.titel { font-family: Arial, Helvetica, sans-serif; font-size: 200%; color: #ffffff;}

.text { font-family: Arial, Helvetica, sans-serif; font-size: 110%; color: #ffffff;text-shadow: 1px 1px 1px #000;}	
	
	
/* Fuer 980px oder weniger */
@media screen and (max-width: 980px) {

body {  overflow: scroll}

h1 {font-size: 100%;}

img {
    max-width: 98%;
    height: auto;
}
#bildraster {  
visibility: hidden;
    width: 0%;
    height: 0%;
    }	 

#bild { visibility: hidden; }
	 
#feld {  height: auto; width: 98%; z-index: -5;

     background:#3399ff;
     height: auto; width: 98%;
     }	 

	 
	 
#fuss {; position: relative; background:#FFFFFF; height: 10%; width: 98%; ; text-align: center  }

/* Schrift */

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:200%; color: #000000; ; font-weight: 100; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px}

#head {; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:200%; color: #000000;  }

#bildtext {text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; color: #000000; text-shadow: 0px 0px 0px #000;position: relative;  z-index: 5; left:0; 
   
    top: 0;  }
	
.fusstext { position: relative;
    top: 5%; ; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #CCCCCC; word-spacing: 50px}	
	
.fusstext a{  color: #CCCCCC; ; text-decoration: none}	
	
.fusstext a:hover {  color: #CCCCCC; ; text-decoration: underline}	
	
.titel { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000;}

.text { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000;text-shadow: 1px 1px 1px #000;}