div#body{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0px;
   text-align: center;
}
.body{
   width: 240px;
   height: 100%;
   background: url('background.jpg');
   top: 0px;
   text-align: center;
}
.php{
   position:absolute;
   width: 240px;
   height: 500px;
   text-align: center;
}
.iframe{
   position: relative;
   width: 240px;
   height: 1100px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}

div#container{
   margin-left: auto;
   margin-right: auto;
   width: 240px;
   height: 1300px;
   text-align: center;
}
.background{
   width: 225px;
   height: 290px;
   background-color:#356344;
   text-align:center;
   vertical-align: middle;
}
.background2{
   width: 215px;
   height: 280px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   background-color:#356344;
   text-align:center;
   vertical-align: middle;
}
.background3{
   width: 240px;
   height: 170px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   background-color:#356344;
   text-align:center;
   vertical-align: middle;
}

.text{
	padding-left: 15px;
	font-family: arial;
	font-size: 14px;
	color: #555555;
	background-color: #FFFFFF;
}

.white2{
	width: 240px;
	font-family:arial;
	font-size: 13px;
	color: #555555;
	background-color: #FFFFFF;
	text-align:center;
}

.fehler{
	width: 240px;
	font-family:verdana;
	font-size: 13px;
	color: red;
	background-color: #FFFFFF;
	text-align:center;
}

.marke1{
	font-family: arial;
	font-size: 14px;
	color: #555555;
	background-color: #FFFFFF;
}
.marke2{
	font-family: arial;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #356344;
}

.toptext{
   font-family: arial;
   font-size: 14px;
   color: #444444;
   background-color: #FFFFFF;
   text-align: center;
   vertical-align: top;
}
.topfotostext{
	font-family: verdana;
	font-size: 10px;
	color: #555555;
	text-align: center;
	vertical-align: middle;
}
.topfotoslinks{
	width: 70px;
	font-family: verdana;
	font-size: 10px;
	color: #555555;
	text-align: center;
	vertical-align: middle;
}
.topfotosrechts{
	width: 170px;
	font-family: verdana;
	font-size: 10px;
	color: #555555;
	text-align: center;
	vertical-align: middle;
	padding-left: 3px;
}
.b1{
	color: #555555;
	font-family:arial;
	font-size: 14px;
	width: 240px;
	height: 45px;
	display: block;
	text-align: center;
	vertical-align: middle;
}
.b1:link { background:url("computer-display1.jpg");text-decoration:none;}
.b1:active { background:url("computer-display1.jpg"); text-decoration:none;}
.b1:visited { background:url("computer-display1.jpg"); text-decoration:none;}
.b1:hover { background:url("computer-display2.jpg");text-decoration:none;}

.b2{
	color: #555555;
	font-family:arial;
	font-size: 14px;
	width: 240px;
	height: 45px;
	display: block;
	text-align: center;
	vertical-align: middle;
}
.b2:link { background:url("handy-display1.jpg");text-decoration:none;}
.b2:active { background:url("handy-display1.jpg"); text-decoration:none;}
.b2:visited { background:url("handy-display1.jpg"); text-decoration:none;}
.b2:hover { background:url("handy-display2.jpg");text-decoration:none;}

.b3{
	color: #555555;
	font-family:arial;
	height: 25px;
	display: block;
}
.b3:link { background:url("back-marke2.jpg");text-decoration:none;}
.b3:active { background:url("back-marke2.jpg"); text-decoration:none;}
.b3:visited { background:url("back-marke2.jpg"); text-decoration:none;}
.b3:hover { background:url("back-marke1.jpg");text-decoration:none;}

.b4{
	color: #555555;
	font-family:arial;
	height: 25px;
	display: block;
}
.b4:link { background:url("back-preis2.jpg");text-decoration:none;}
.b4:active { background:url("back-preis2.jpg"); text-decoration:none;}
.b4:visited { background:url("back-preis2.jpg"); text-decoration:none;}
.b4:hover { background:url("back-preis1.jpg");text-decoration:none;}