body{
    background-image: url(chuttersnap.jpg);
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    background-position: left,top;
    background-size: cover;  
    background-color: #660000;
    color: #fff;
    font-family: "Open Sans",Verdana,Arial,sans-serif;
}


#mantel{
	max-width: 1400px;
	height: 100px;
	margin: 0px auto;
}



#kopf{background-color: transparent; width: 97%; margin: 0 auto; padding: 0px; float: left; list-style: none; opacity: 0.9; border-radius: 20px;}

#logo{background-color: transparent; width: 100px; height: 130px; margin: 10px; padding: 0px; float: left; list-style: none;}
#but1{background-color: transparent; width: 50px; height: 130px; margin: 0px; padding: 10px; float: right; list-style: none;}



#koerper{background-color: transparent; width: 100%; margin: 0 auto; padding: 0px; float: left; list-style: none; opacity: 0.9; border-radius: 20px;}
#koerper_unterseite{background-color: #660000; width: 96%; margin: 0 auto; margin-bottom: 10px; padding: 10px; float: left; list-style: none; opacity: 0.9; border-radius: 20px;}


#bereich1{background-image: url("tennis.png"); width: 250px; height: 380px; margin: 10px; padding: 0px; float: left; list-style: none;}
#bereich1:hover{background-color:#99a8ab;}
#bereich2{background-image: url("fussball.png"); width: 250px; height: 380px; margin: 10px; padding: 0px; float: left; list-style: none;}
#bereich2:hover{background-color:#99a8ab;}
#bereich3{background-image: url("judo.png"); width: 250px; height: 380px; margin: 10px; padding: 0px; float: left; list-style: none;}
#bereich3:hover{background-color:#99a8ab;}

#bereich4{background-image: url("schwimmen.png"); width: 250px; height: 380px; margin: 10px; padding: 0px; float: left; list-style: none;}
#bereich4:hover{background-color:#99a8ab;}
#bereich5{background-image: url("turnen.png"); width: 250px; height: 380px; margin: 10px; padding: 0px; float: left; list-style: none;}
#bereich5:hover{background-color:#99a8ab;}
#bereich6{background-image: url("badminton.png"); width: 250px; height: 380px; margin: 10px; padding: 0px; float: left; list-style: none;}
#bereich6:hover{background-color:#99a8ab;}

#bereich7{background-image: url("kanu.png"); width: 250px; height: 380px; margin: 10px; padding: 0px; float: left; list-style: none;}
#bereich7:hover{background-color:#99a8ab;}
#bereich8{background-image: url("tischtennis.png"); width: 250px; height: 380px; margin: 10px; padding: 0px; float: left; list-style: none;}
#bereich8:hover{background-color:#99a8ab;}
#bereich9{background-image: url("gymnastik.png"); width: 250px; height: 380px; margin: 10px; padding: 0px; float: left; list-style: none;}
#bereich9:hover{background-color:#99a8ab;}

#bereich10{background-image: url("tanzen.png"); width: 250px; height: 380px; margin: 10px; padding: 0px; float: left; list-style: none;}
#bereich10:hover{background-color:#99a8ab;}

#fuss{background-color: #660000; width: 97%; margin: 0 auto; padding: 0px; float: left; list-style: none; opacity: 0.9; border-radius: 20px;}

#fuss1{background-color: transparent; width: 250px; height: 130px; margin: 10px; padding: 0px; float: left; list-style: none;}
#fuss2{background-color: transparent; width: 250px; height: 130px; margin: 10px; padding: 0px; float: left; list-style: none;}
#fuss3{background-color: transparent; width: 250px; height: 130px; margin: 10px; padding: 0px; float: left; list-style: none;}


h1, h2, h3, h4{
	color: #409cb9;
}


a {
  	 color: #fff;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a.hover {
    text-decoration: none;
}

a.speziell:hover {
    background-color: #409cb9;
    border-radius: 2px;
    font-weight: bold;
    padding: 2px;
}

a.pdf {
    background-color: #409cb9;
    border-radius: 2px;
  	 color: #fff;
    text-decoration: none;
}

a.pdf:hover {
    background-color: #409cb9;
    border-radius: 2px;
    font-weight: bold;
    padding: 2px;
}

@media only screen and (max-width:599px) {
	body {
		width: 320px; 
	}

    #fuss{background-color: #660000; width: 97%; margin: 0 auto; padding: 0px; float: left; list-style: none; opacity: 0.9; border-radius: 20px;}

}

@media only screen and (min-width:600px) (max-width:920px){
	body { width: 90%;
	}
}