#hintergrund {
  position: absolute;
  top:0px;
  left:50%;
  width:1200px;
  height:800px;
  margin-left:-600px;
  background-image:url(grafik/back52.jpg);
  background-repeat:no-repeat;
  z-index:1;

}

#main {
  position: absolute;
  top:0px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 600px;
}

#oben {
  z-index:2;
  position:absolute;
  height:120px;
  width: 1000px;
  top:100px;
}

#inhalt {
   z-index:3;
   height:500px;
   width: 940px;
   top:150px;
   position:absolute;
   text-align:justify;
   border-style:solid;
   border-width:0px;
   border-color:#990033;
   background-image:url(grafik/back51.jpg);
   background-repeat:no-repeat;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   color: #003366;
   padding: 20px;
   z-index: 3;
}
.ueberschrift{
   font-weight: bold;
   font-weight: bold;
   font-size: 1.5em;
   text-align: center;
}

a:link, a:visited {
  font-weight:normal;
  color: #003366;
  text-decoration:none;
}
a:hover {
  font-weight:bold;
  color: #003366;
  text-decoration:none;
}
#kontakt {
  position: absolute;
  top: 630px;
  left: 850px;
  height: 60px;
  width: 150px;
  z-index:4;
  background-image:url(grafik/back51.jpg);
  border-style: solid;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-10deg); /* CSS-Tranformation für die Internet Explorer */
  -moz-transform: rotate(-10deg); /* CSS-Transformation für Mozilla Firefox */
  -webkit-transform: rotate(-10deg); /* CSS-Transformation für Google Chrome und Safari */
  -o-transform: rotate(-10deg); /* CSS-Transformation für ältere Opera-Versionen */
  transform: rotate(-10deg) /* Eigentliche CSS3-Transformation, bislang nur für neuere Opera-Versionen */
}

#unten {
   z-index:5;
   position:absolute;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   top: 100%;
}
	.ct{
		width: 100%;
		border-spacing: 10px;
	}
	.ct_image{
		width: 40%;
		height: 100%;
	}
	.ct_text{
		width: 60%;
	}
	.contact {
		display: table;
		width: 100%;
		padding: 5px;
	}
	.contactrow {
		display: table-row;
		
	}
	.contactcell_1 {
		display: table-cell;
		width: 20%;
		padding: 2px 25px;
		vertical-align: top;
	}
	.contactcell_2 {
		display: table-cell;
		width: 30%;
	}
	.contactcell_3 {
		display: table-cell;
		width: 80%;
	}
	.contactcell_4 {
		display: table-cell;
		width: 50%;
	}
input[type=text],
input[type=tel],
input[type=email] {
  width: 100%;
  height: 30px;
  padding: 5px 10px;
  background-color: rgb(215, 215, 215);
  line-height: 20px;
  font-size: 12px;
  color: rgb(136, 136, 136);
  border-radius: 2px 2px 2px 2px;
  border: 1px solid rgb(114, 114, 114);
  box-shadow: 0 1px 0 rgba(24, 24, 24, 0.1);
  box-sizing: border-box;
  margin-right: 15px
}
input[type=text]:hover,
input[type=tel]:hover,
input[type=email]:hover,
label:hover ~ input[type=text],
label:hover ~ input[type=tel],
label:hover ~ input[type=email] {
  background: rgb(242, 242, 242);
  !important;
}
input[type=submit]{
}
.button{
  display: inline-block;
  padding: .75rem 1.25rem;
  border-radius: 10rem;
  color: #fff;
  font-size: 1rem;
  letter-spacing: .15rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #0d213d;
  }
  button:hover {
    color: #fff;
	background-color: #265fb3;

  }
}
}
input[type=submit]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -10px 10px rgba(255, 255, 255, 0.1);
}