* {
	margin:0;
	padding:0;
}

body {
	background-image:url(../images/background1.jpg);
	background-repeat:no-repeat;
	font-family:Arial;
	text-align:left;
	font-size:16px;
}



#top {
	box-shadow:5px 0px 25px grey;
	overflow:hidden;
	position:relative;
	background-color:#FFF;
}

header {
	text-align:center;
	height:20%;
}

header img{
	height:auto;
	max-width:16%;
	padding-top:1%;
	background-repeat:no-repeat;
}

hr {
	border:none;
	background-color:#070061;
    height:1px;
	margin:4px;
}

nav {
	background-color:#FFF;
	width:98%;
}

nav ul {
	text-align:center;
	list-style-type:none;
}

nav ul li {
	display:inline;
	list-style:none;
}

nav ul li a {
	text-align:center;
	text-decoration:none;
	margin:2%;
	color:#000;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

nav ul li a:hover {
	color:#000;
	text-shadow: 2px 2px 8px #000;
}

#wrapper {
	width:75%;
	margin:0 auto;
	background-image:url(../images/dust_scratches.png);
	border-width:1px;
	border-style:solid;
	border-color:grey;
	padding:2%;
	box-shadow:10px 0px 50px grey;
}

#kontakt {
	float:left;
}

article p {
	padding:10px;
}

article address {
	padding:10px;
}

article table {
	margin:0 auto;
}

article iframe {
	max-width:100%;
}

h3 {
	margin-bottom:20px;
	text-align:center;
	color:#070061;
}

#team {
	float:left;
	margin:5em;
	font-size:18px;
}

#teambild img {
	max-width:95%;
	height:auto;
	float:left;
	padding:10px;
	padding-bottom:10px;
}

#slideshow {
	
}


img.vorschau {
	border:5px outset;
	padding:4px;
	margin:5px;
	opacity: 1;
	display: inline-block;
	transition: .5s ease;
	backface-visibility: hidden;
	
}

img.vorschau:hover {
	box-shadow: 2px 2px 8px #000;
}

a {
	text-decoration:none;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	color:#000000;
}

a:hover {
	color:#182B60;
	text-shadow: 2px 2px 8px #000;
}

img.galerie:hover {
	box-shadow: 2px 2px 8px #000;

}

img.galerie  {
	margin:5px;
	ma x-width:100%;
	he ight:auto;
}

.container {
    position: relative;
    width: 22%;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
    transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.container:hover .vorschau {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.vorschautext {
  background-color: #182B60;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}

footer {
	margin-top:50px;
	text-align:center;
	font-size:14px;
	clear:both;
	padding-top:30px;
}

footer img {
	height:19px;
	padding-left:2px;
}

footer a {
	text-decoration:none;
	color:#000;
	border-left:1px solid #000;
	padding:2px;
}

iframe {
	max-width:100%;
}

@media only screen and (max-width:1100px) {
	
body {
		background-repeat:repeat-y;
	}
	
article tr, td {
		display:block;
		padding:0;
}
}

@media only screen and (max-width:768px) {
	
hr {
	display:none;
}

header img {
	display:none;
}
#wrapper {
	width:80%;
}
}

@media only screen and (max-width: 480px) {
	

body {
	font-size:13px;
}

#wrapper {
	width:85%;
}

footer {
	font-size:10px;
}		
}