/*------------ CSS RESET ---------------
--------------------------------------*/

* {
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
font-style : normal;
font-weight : normal;
margin : 0;
padding : 0;
text-decoration: none;
}

ul,
ol {
list-style: none;
}

/* Fett bleibt fett !! */
b, 
strong {
font-weight : bold;
}

/* keine Rahmen um Bilder und Bilderlinks */
img, 
a img {
border:none;
}       
/* -------------------SCHRIFT / GRÖSSE --------------------------------*/
h1 { 
    font-family:'Great Vibes',cursive,Helvetica,Arial,sans-serif;
    font-size:2.6em;
    font-weight: bold;
    color: #582411;
}

h2 { 
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: #582411;
}

h3 {
    font-family:'Great Vibes',cursive,Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #582411;
    font-size: 1.5em;
}

h4 {
    font-family:'Great Vibes',cursive,Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: #582411;
    font-size: 1.5em;
}

h5 {
    font-family:'Great Vibes',cursive,Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #582411;
    font-size: 2.6em;
    text-align: center;
}
    

/* Entfernt list-style aus Listen */
ol, ul { 
list-style : none;
}

/* Richtet Text in caption und th links aus */
caption,th { 
  text-align : left;
}

p  {
  font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  color: #582411;
  font-size: 1.1em;
  line-height: 1.3em;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: justify;
}



html {
  background: url(bilder/Hintergrund.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#Container {
    height:auto;
    width: 80%;
    margin: auto;

}

#Menu {
     
    height:auto;
    margin-top: 20px; 
    text-transform: normal;
    padding: 10px;
    font-size: 1.4em;
    font-weight: bold;
    opacity: 0.85;
    background-image: url(bilder/elefantenhaut.png); 
    border-left:1px solid #c35125; 
    border-right:1px solid #c35125; 
    border-bottom:1px solid #c35125; 
    -moz-box-shadow: 0px 0px 4px #df7c56; 
    -webkit-box-shadow: 0px 0px 4px #df7c56; 
    box-shadow: 0px 0px 14px #c35125, inset 0 0 20px #df7c56; /*border-left:1px solid #211302;  */
    -webkit-border-radius: 5px; /*für Safari, GoogleChrome Opera*/
    -moz-border-radius: 5px; /*für Firefox*/
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
   
    
}                

#Inhalt {
    height:auto;
    background-image: url(bilder/inhalt.png);
    background-position: center;
/*    opacity: 0.85; */  
    border:solid thin    #833619;
    -webkit-border-radius: 10px; /*für Safari, GoogleChrome Opera*/
    -moz-border-radius: 5px; /*für Firefox*/
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 20px ; /*Innenabstand, also alles nach Innen ist 20px entfernt*/
    margin: 25px /*Abstand von oben*/ auto /*Abstand von rechts u. links*/;
    box-shadow: 0px 0px 14px #c35125, inset 0 0 20px #df7c56; /*border-left:1px solid #211302;  */
}

#SeitenleisteLinks {
padding: 20px;
width: 45%;
float: left;
}

#SeitenleisteRechts {
padding:  20px;
width: 45%;
float: right;
}



#Menu li{ 
  font-size: 100%; 
  text-transform: normal;
  letter-spacing: 0,2em;
  display: inline;
  
    
    
}

a:link,
a:visited {
  font-family:'Great Vibes',cursive,Helvetica,Arial,sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #582411;
  text-decoration: none;
  text-shadow: 2px 2px 1px #c35125;
  padding: 5px 15px 5px 15px;
  background: none repeat scroll 0 0 transparent;
}

a:hover,
a:focus,
a:active {
/*  color: transparent;  **/
  color: hsla(16,68%,21%,0.5);
  text-decoration: none;
  font-weight: bold;
  font-size: 100%;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

#fusszeile,
.clearfloat {
  clear: both;
  text-align: center;
  margin-top: 10px;
}

#fusszeile p {
  font-size: 0.9em;
  text-align: center;
}

.middle {
  font-size: 0.7em;
}

/*--------------------ALLGEMEIN ------------------------*/

.zentiert {
text-align: center;
}

.bild_links {
    padding: 10px;
    width: 150px;
}

.bild_rechts {
    padding: 10px;
    width: 150px;
}