body {
font-family:"Avenir Next",Avenir,Helvetica,Sans-serif;
/*font-size:1em;*/
text-align:center;
}

.reparaturen {
width:100%;
text-align:right;
}

.text {
width:100%;
text-align:center;
}

.imagecont {
width:50%;
margin: 0 auto;
}


#texti {
text-align:left;
font-style:italic;
color:#313238;

}


/* The animation code */
@keyframes blinken {
  from {background: #881f1f;}
  to {background:#e1e7f0;}
}

/* The element to apply the animation to */
div#rep.btn {
  background:#e1e7f0;
  animation-name: blinken;
  animation-duration: 1s;
  animation-iteration-count: 10;
}


.btn {
-webkit-border-radius:100;
-moz-border-radius:100;
border-radius:100px;
-webkit-box-shadow:0 1px 3px #666;
-moz-box-shadow:0 1px 3px #666;
box-shadow:0 1px 3px #666;
background:#e1e7f0;
text-decoration:none;
padding:0;
}

.btn:hover {
/*background:#f58d88;*/
background:blue;
text-decoration:none;
}

.wrapper {
max-width:800px;
width:90%;
text-align:left;
margin:0 auto;
}

div #text-top {
float:left;
padding: 3% 0 3% 0;
}

#text-top a {
text-decoration:none;
color:#8b1d22;
}

#text-top a:hover {
text-decoration:underline;
}


img {
max-width:100%;
height:auto;
-webkit-border-radius:70px;
-webkit-border-top-left-radius:0;
-moz-border-radius:70px;
-moz-border-radius-topleft:0;
border-radius:70px;
border-top-left-radius:0;
margin:0;
padding:0;
}

div #logo-area img {
max-width:60%;
height:auto;
-webkit-border-radius:0;
-webkit-border-top-left-radius:0;
-moz-border-radius:0;
-moz-border-radius-topleft:0;
border-radius:0;
border-top-left-radius:0;
margin:0;
padding:0;
}

ul {
list-style:none;
}

a {
text-decoration:none;
}

/*
#ie10 img {
width:100%;
}
*/


#logo-area {
margin:0;
padding:0;
}

#text-top {
text-align:justify;
hyphens:auto;
margin:0;
padding:0;
}


#menu {
font-size:1.2em;
width:100%;
margin:0;
padding:0;
}

#menu li {
float:left;
margin:.5% .8% 0 0;
padding:0;
}

#menu li a {
color:#000;
}

#menu li a:link {
background-color:#e1e7f0;
}

#menu li a:hover {
background-color:#c0c5cc;
}

.home a {
-webkit-border-radius:100px;
-webkit-border-top-left-radius:0;
-moz-border-radius:100px;
-moz-border-radius-topleft:0;
border-radius:100px;
border-top-left-radius:0;
}

#contact a {
background-color:#f49185;
-webkit-border-radius:100px;
-webkit-border-top-right-radius:0;
-moz-border-radius:100px;
-moz-border-radius-topright:0;
border-radius:100px;
border-top-right-radius:0;
}

#active a {
background-color:#761019;
}

.gallerie {
width:30%;
float:left;
text-align:left;
padding:0 1.666666% 3% 1.6666666%;
}

.gallerie p {
color:#abb1b8;
margin:0;
}

#contgal {
width:100%;
float:left;
}


/*
@media only screen and (max-width:800px) {
body {
font-size:1.2em;
}

#menu {
width:100%;
font-size:1.5em;
}

#menu li {
float:none;
}

#contgal {
width:100%;
}

.gallerie {
width:46%;
float:left;
padding:0 2% 3%;
}
}
*/