/*

    Theme Name: Bogencircus
    Date: August 2015
    Version: 1.0
    Author: Echsenauge
    
*/ 


@import url(http://fonts.googleapis.com/css?family=Homemade+Apple|Julee);

body { 

  background-image: url(images/wood_7.png);
  background-attachment: fixed;
  background-repeat: repeat;
  background-position: center center;
  color: #00305;
  font-size: 110%;
  font-family: 'Julee';
  line-height: 1.3;
  text-align: left;
  
}

strong {
  color: #5D2B06;
}
	
h2 {
  font-family: 'Homemade Apple', cursive;
  font-size: 190%;
  color: #5D2B06;
  text-align: center;
}

h3 {

  color: #5D2B06;
  font-family: 'Homemade Apple';
  font-size: 130%;
  font-weight: normal;
}

h4 {
  color: #5D2B06;
  font-family: 'Homemade Apple';
  font-size: 150%;
  font-weight: normal;
  text-align: center;
  padding-top: 8px;
}

a {
  font-weight: bold;
  color: #5D2B06;
  text-decoration: none;
  
}
  
.a:link, a:visited {
  color: #5D2B06;

}

.a:hover, a:active {
  
  background-color: #5D2B06;
  color: #FFF;
}

.Einleitung {
  text-align: center;
  font-family: 'Julee';
  font-size: 20px;	
}

.allgemein {
  text-align: left;
  font-family: 'Julee';
  font-size: 17px;	
}

.body {

  margin: 0 auto;
  width: 90%;
  clear: both;
}

/*Buttons auf Startseite*/

.Button-01-oben {
  margin-left: 60%;
  margin-top: 40px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  moz-border-radius: 50%;
  webkit-border-radius: 50%;
  background-image: url(images/bogencircus_Button-01-oben_400x400.jpg);
  background-position: center top;
  background-size: cover;
  box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.25);
  moz-box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.25);
  webkit-box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.25);  
}

.Button-01-oben p {
  
  color: rgba(255,255,255,0.8);
  text-align: center;
  padding-top: 40px;
  font-family: 'Julee';
  font-size: 30px;


  
}

.Button-02-mitte {
  margin-left: 0%;
  margin-top: -40px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  moz-border-radius: 50%;
  webkit-border-radius: 50%;
  background-image: url(images/bogencircus_Button-02-mitte_400x400.jpg);
  box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.25);
  moz-box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.25);
  webkit-box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.25);
  background-position: center center; 
  background-size: cover; 
}


.Button-03-unten {
  margin-left: -55%;
  margin-top: -50px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  moz-border-radius: 50%;
  webkit-border-radius: 50%;
  background-image: url(images/bogencircus_Button-03-unten_400x400.jpg);
  box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.25);
  moz-box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.25);
  webkit-box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.25);  
  background-position: center center;
  background-size: cover;
}

.Button-03-unten p {
  
  color: rgb(255,255,255);
  text-align: center;
  padding-top: 30px;
  font-family: 'Julee';
  font-size: 30px;


  
}

#Kontakt {
  
  margin-top: 40px;


  
}


.mainContent {

  border-radius: 5px;
  moz-border-radius: 5px;
  webkit-border-radius: 5px;
  line-height: 25px;
  
  }
  
  
.content {

  width: 90%; 
  float: left;
   
}


/* Part für Home-Bereich */

.Home {

  background-image: url(images/paper.jpg);
  background-repeat: repeat;
  border-radius: 10px;
  moz-border-radius: 10px;
  webkit-border-radius: 10px;
  padding: 2% 5%;
  margin-top: 2%;
  width: 100%;
  height: 100%;
}

/*Part-Ende*/

/* Part für Kontakt-Bereich */

.Kontaktwrapper {
  background-image: url(images/paper.jpg);
  background-repeat: repeat;
  border-radius: 10px;
  moz-border-radius: 10px;
  webkit-border-radius: 10px;
  padding: 1% 5%;
  margin-top: 2%;
  width: 100%;
  height: 95px;
	
}

.Kontakt {
  float: left;
  margin-right: 4%;
  margin-left: 2%;
  width: 24%;
  text-align: left;
}

/*Part-Ende*/

/* Part für Impressum-Bereich */

.Impressum {

  background-image: url(images/bogencircus_papier_hintergrund.jpg);
  background-repeat: repeat;
  border-radius: 10px;
  moz-border-radius: 10px;
  webkit-border-radius: 10px;
  padding: 2% 5%;
  margin-left: auto;
  margin-top: 2%;
  width: 100%;
  height: 100%;
}

/*Part-Ende*/




/* Anker */

.top {

  width: 5%;
  text-align: center;
  float: right;
  color: #3F2B16;
  background-color: rgba(255,255,255,0.81);
  border-radius: 5px;
  moz-border-radius: 5px;
  webkit-border-radius: 5px;
  margin: 2% 0;
  padding: 1% 1%;
}

/* Footer */

.mainFooter {

  width: 90%;
  height: 40px;
  float: left;
  border-radius: 5px;
  moz-border-radius: 5px;
  webkit-border-radius: 5px;
  background-image: url(images/bogencircus_holz-background-footer.jpg);
  background-position: center center;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 1%;
  margin-bottom: 1%;
}

.mainFooter p {

  width: 92%; 
  margin-top: 0.8%;
  margin-left: 20px;
  color: #fff;
  
  
}

.mainFooter p a {
  font-weight: bold !important;
  color: #fff;
  text-decoration: none;
  
}


/* Mobile view */

@media only screen and (min-width: 150px) and (max-width: 600px)

{


  h2 {
  line-height: 1.2em;
  }
  
  .body {
    width: 90%;
    font-size: 95%; 
  }
  
  
  .content {
  
    width: 100%; 
    float: left;
    margin-top: 2%; 
  }
    
  .top {

  width: 10%;
  
}
   
 
   /* Footer */

  .mainFooter {

  margin: 3% 0;
  
  }

  .mainFooter p {
 
  margin: 3% auto;
    
  }
  





}