/* --------------
      CSS 
-------------- */
/* relative Positionierung aller Elemente */

@import url(http://fonts.googleapis.com/css?family=Lato:400,300);

body
{
   position: relative;
   background-image: url(site_bg.jpg);
   background-repeat: repeat-x;
   background-position: center;
   background-attachment:fixed;
   margin:0px;
   height: 100%;
   padding: 0px;
   font-size:100%
}

html {
    font-family: 'Lato', sans-serif;
    font-size: 1.0em;
    font-weight: 400;
    line-height: 1.4;
	    color: #222025;
}

/* Die Sidebar nimme 20% der Breite ein und wird am linken Rand ausgerichtet */
#center{
 margin: auto;
 margin-top: 5%;
   width: 40%;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
#center hr {    width: 96%;
    margin: auto;
    margin-top: 6px;
    border-top: 1px dotted #222025;
}


hr {
display: block;
height: 1px;
border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
border-top: 1px solid #333;
margin: 0.5em 0;
padding: 0;
	}

/* --------------
      CSS 
-------------- */
/* positioniert die Hauptbereiche auf kleinen Bildschirmen neu */
@media screen and (max-width: 620px){
#center{
      margin: auto !important;
	      font-size: 0.8em !important;
	  margin-top: 5% !important;
      width: 80% !important;
   }
}
/* --------------
      CSS 
-------------- */
#head{
   padding: 1em 2em; /* Abstand vom Rand */
   color: #fff; /* Textfarbe -> weiß */
   background: #009688; /* Hintergrundfarbe -> grünton */
   box-shadow: 0 5px 6px -3px rgba(0,0,0,.4);
}

#box{ 
width: 280px; 
margin: auto;
margin-bottom: 40px;
margin-top: 40px;
height: 520px; 
background-color: #ffffff;
box-shadow: 0 0 4px rgba(0,0,0,0.6);
text-align:center;
}
.bild {
    max-width: 98%;
	padding-top: 5%;
    height: auto;
}