<style>
			body{
			}
			p{
				font-family: Verdana;}
			h1{
				font-family: Verdana;}
			h3{
				font-family: Verdana;}
			li{
				font-family: Verdana;}

			#bg{
				width:99.5%;
				height: 90%;
				margin-top: 300px;
				position: absolute;
				background-image: url("images/bg.png");
				opacity: 0.07;
			}

			#banner{
				width: 701px;
				height: 300px;
				position: absolute;
				left: 50%;
				background-image: url("images/banner.png");
				margin-left: -110px;
				margin-top: -7px;
				
			}
			#textbox1{
				width: 550px;
				height: 200px;
				position: absolute;
				left: 50%;
				margin-left: -420px;
				margin-top: 340px;

			}

			#logo{
				width:136px;
				height: 136px;
				position: absolute;
				left:50%;
				margin-left: -490px;
				margin-top: 45px;
				background-image: url("images/logo.gif");
			}
			#logotextbox{
				width: 450px;
				height: 220px;
				position: absolute;
				left: 50%;
				margin-left: -310px;
				margin-top: 30px;
			}

			#auswahl{
				width: 100%;
				height: 55px;
				position: absolute;
				margin-left: -8px;
				margin-top: 293px;
				background-color:black;
			}



			#abteileins{
				width: 112px;
				height: 107px;
				position: absolute;
				left: 50%;
				margin-left: -390px;
				margin-top: 420px;
				background-image: url("images/perszeichen.png");
}
			#texteins{
				width: 200px;
				height: 107px;
				position: absolute;
				left: 50%;
				margin-left: -434px;
				margin-top: 540px;
			
			}

			#abteilzwei{
				width: 112px;
				height: 107px;
				position: absolute;
				left: 50%;
				margin-left: -67px;
				margin-top: 420px;
				background-image: url("images/dokuzeichen.png");}

				#textzwei{
				width: 220px;
				height: 107px;
				position: absolute;
				left: 50%;
				margin-left: -117px;
				margin-top: 540px;
			
			
			}

			#abteildrei{
				width: 112px;
				height: 107px;
				position: absolute;
				left: 50%;
				margin-left: 260px;
				margin-top: 420px;
				background-image: url("images/mailzeichen.png");
			}

			#textdrei{
				width: 220px;
				height: 107px;
				position: absolute;
				left: 50%;
				margin-left: 204px;
				margin-top: 540px;}

			#menu {
  			font-size:17px;
  			width: 950px;
			height: 50px;
			position: absolute;
			left: 50%;
			margin-left: -458px;
			margin-top: 293px;  
			}

			#menu ul {
  			list-style-type:none;
  			list-style-image:none;
  			margin:0px;
  			padding:0px;
			}

			#menu li.topmenu {
  			float:left;
			}

			.topmenu a {
		    float:left;
		    width:110px;
      	    text-align:center;
  			text-decoration: none;
  			font-family: Verdana;
			background:black;
			color: white;
			padding-bottom: 18px;
			padding-top: 16px;
			padding-left: 35px;
			padding-right: 35px;
			font-size: 17px;
			margin-right: -3px;
			letter-spacing: 0.1em;
			-webkit-transition: all 0.4s;
			}

			.topmenu ul{
  			display:none;
			}

			.topmenu a{
  			text-decoration: none;
			font-family: Verdana;
			background:black;
			color: white;
			padding-bottom: 18px;
			padding-top: 16px;
			padding-left: 35px;
			padding-right: 35px;
			font-size: 17px;
			margin-right: -3px;
			letter-spacing: 0.1em;
			-webkit-transition: all 0.4s;
			}

			.submenu a{
 			text-decoration: none;
			font-family: Verdana;
			background:black;
			color: white;
			padding-bottom: 18px;
			padding-top: 14px;
			padding-left: 35px;
			padding-right: 35px;
			font-size: 13px;
			margin-right: -3px;
			letter-spacing: 0.1em;
			-webkit-transition: all 0.4s;
			}


			#menu a:hover, .topmenu.on a {
  			text-decoration: none;
			background: #424242;
			padding-bottom: 18px;
			padding-left: 35px;
			padding-right: 35px;
			color: white;
			margin-right: -3px;
			letter-spacing: 0.1em;
			}

			.topmenu:hover ul {
  			display:block;  
  			text-decoration: none;
			background: #424242;
			padding-top: 16px; 
			padding-bottom: 18px;
			padding-left: 35px;
			padding-right: 35px;
			font-size: 17px;
			color: white;
			margin-right: -3px;
			letter-spacing: 0.1em;
			}


			.submenu a:hover{
			text-decoration: none;
			font-family: Verdana;
			background: #424242;
			color: white;
			padding-bottom: 18px;
			padding-top: 14px;
			padding-left: 35px;
			padding-right: 35px;
			font-size: 13px;
			margin-right: -3px;
			letter-spacing: 0.1em
			-webkit-transition: all 0.6s;
			}


			#footer{
			width: 100%;
			height: 85px;
			position: absolute;
			margin-left: -8px;
			margin-top: 973px;
			background-color:black;	
			}

			#kartegoogle{
				width: 100%;
				height: 300px;
				background-color: black;
				position: absolute;
				margin-left: -1%;
				margin-top: 630px;
			}

			#kartedeutsch{
				width: 400px;
				height: 520px;
				position: absolute;
				margin-left: 71%;
				margin-top: 245px;
				background-image: url("images/deutschgross.GIF");


			}
			.wrapper{
   width: 74%;
   margin-left: 3%;
   position: absolute;
   margin-top: 380px;
}
.wrapmiddle{
   float: left;
   width: 100%;
}
.middle{
   margin-right:55%;
   margin-left:44.8%;
   background-color: black;
   height: 184px;
}
.left{
   float: left;
   width: 400px;
   margin-left: -100%;
   height: 200px;
   padding-left: 7px; 
}
.right{
   float: left;
   width: 467px;
   margin-left: -516px;
   height: 200px;
   padding-left: 7px;
}



</style>