body { margin:0px; padding:0px; background-color:#fff8e5; background-image: url("brickwall.jpg"); font-size:100%; }

.normaltext {  font-family:"Gentium Basic", Georgia;  
               color:#7f3721; 
               font-size:1.2em; 
               line-height:100%;
               }

.head { height:auto;  
        margin:auto; 
        max-width:900px;  
        background-image: url("band15.JPG");    
        background-repeat: no-repeat; 
        background-size:100%; }



.title {   text-align:center;     font-size:3em;         }



.intro {  margin:auto;  max-width:900px;  }

.contact { text-align:center; font-weight:bold; font-size:1.8em;  line-height:100%; }

.contactpart {  margin:0; padding:0; width:100%;   background-color:rgba(173, 81, 41, 0.1);  
                 
                text-align:center; font-weight:bold; font-size:0.8em;  line-height:100%;
}



.introtext { height:auto;  margin:auto;    max-width:900px;  text-align:left;  
         }

.minislide { clear:both; height:auto;  margin:auto; background-color:#7f3721;   max-width:900px;  text-align:center;               /* litle photos centering */
           
           padding-top:50px;  padding-bottom:50px; }

#spesar { margin:auto;  max-width:900px;   padding-top:10px; padding-bottom:10px; line-height:130%;  font-size:0.9em; font-style:italic; }

#spefro { margin:auto;  max-width:900px;   padding-top:10px; padding-bottom:10px; line-height:130%;  font-size:0.9em; font-style:italic; }

#formule { margin:auto;  max-width:900px;   padding-top:10px; padding-bottom:10px; line-height:130%;  font-size:0.9em; font-style:italic; }

.spename { font-weight:bold; font-style:normal; }

#map { margin:auto;  max-width:900px;  }


#equipe {  margin:auto;  max-width:900px; text-align:center; background-color:#7f3721; }


.foot { height:50px;  margin:auto; background-color:#7f3721;   max-width:900px; 
         color:#ead6ad;  font-size:1em;  text-align:center; 
         }

.mention {  margin 0; padding 0;
            margin:auto;  max-width:900px; padding:30px;
            color:#ead6ad; background-color:#7f3721; 
            text-align:center; }




p.shift {  padding-left:20px;  padding-top:10px; }
p.bigshift { padding:20px; padding-left:10%;    margin:0px; border:1px #7f3721 solid; }
p.center { text-align:center; padding:20px;     margin:0px; border:1px #7f3721 solid; } 


IMG.equipeimage {     width:30%;  margin:0px; padding:0px;  margin-top:4px;                   }


IMG.logocentered {
     margin 0; padding 0;
   padding-top:10px;
   padding-bottom:10px;
    width:80%;
    max-width:533px; 
    display: block;
    margin-left: auto;
    margin-right: auto }

IMG.padded {     padding:10px; 
             }

IMG.fbbutton { width:12%; height:12%;  }

IMG.mapbutton { width:12%; height:12%; border:1px solid black; margin-left:5px; }


span.bigletter {
    float: left;
    width: 0.7em;
    font-size: 400%;
    line-height: 60%;
}

/**********************************  slider   ***************************/

@keyframes slidy {
0% { left: 0%; }
8% { left: 0%; }
10% { left: -100%; }
18% { left: -100%; }
20% { left: -200%; }
28% { left: -200%; }
30% { left: -300%; }
38% { left: -300%; }
40% { left: -400%; }
48%  { left: -400%; }
50% { left: -500%; }
58% { left: -500%; }
60% { left: -600%; }
68% { left: -600%; }
70% { left: -700%; }
78% { left: -700%; }
80% { left: -800%; }
88% { left: -800%; }
90% { left: -900%; }
100% { left: -900%; }

}


div#slider { overflow: hidden;  }
div#slider figure img { width: 10%; float: left; }
div#slider figure { 
  position: relative;
  width: 1000%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 60s slidy infinite; 
}





/***********************************   CSS   button          *********************/

.semi-transparent-button {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 30px;
  height: 200px;
  max-width: 500px;
  background: #fff; /* fallback color for old browsers */
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  color: #7f3721;
  text-align: center;
  text-decoration: none;
  font-size: 50px;
  line-height:100%;
  letter-spacing: 1px;
  border:1px solid;
  transition: all 0.3s ease-out;
}

.semi-transparent-button:hover,
.semi-transparent-button:focus,
.semi-transparent-button:active {
  background: rgba(255, 255, 255, 0.8);
  color: #7f3721;
  transition: all 0.3s ease-in;
}