body {
	margin: 0px;
	padding: 0px;
	background-color: #d9d8dd;
	background-image: url(../images/paper.png);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	font-family: Tahoma, Arial, Verdana, Sans-serif, sans-serif;
}
/*projekte*/
#box_projekte {
	position: absolute; 
	top: 40px; 
	left: 120px; 
	z-index: 3;
}
#box_projekte a {
	background-image: url(../images/projekte.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 160px;
	width: 150px;
}
#box_projekte a:hover {
	background-image: url(../images/projekte_h.png);
	background-repeat: no-repeat;
	display: block;
	height: 160px;
	width: 320px;
}
#box_projekte a span {
	display: none;
}
#box_projekte a:hover span {
	position: absolute;
	top: 0px;
	left: 160px;
	display: block;
	background-image: url(../images/projekte_text.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 150px;
}
.beschriftung_projekte {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding: 40px 35px 20px 8px;
}
/*Bild*/
.platzhalter_2 {
	position: absolute;
	top: 40px;
	left: 280px;
	display: block;
	background-image: url(../images/hi_grund.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 150px;
}
/* TemplateDemo */
#box_demo_1 {
	position: absolute; 
	top: 40px; 
	left: 440px; 
}
#box_demo_1 a {
	background-image: url(../images/demoshop.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 160px;
	width: 150px;
}
#box_demo_1 a:hover {
	background-image: url(../images/demoshop_h.png);
	background-repeat: no-repeat;
	display: block;
	height: 160px;
	width: 250px;
}
#box_demo_1 a span {
	display: none;
}
#box_demo_1 a:hover span {
	position: absolute;
	top: 0px;
	right: 260px;
	display: block;
	background-image: url(../images/demo.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 150px;
}
.beschriftung_demo {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding: 40px 35px 20px 8px;
}
/* Ende Templatedemo */
#bild {
	position: absolute;
	top: 200px;
	left: 120px;
	text-decoration: none; 
	background-image: url("../images/bild_higrund.jpg"); 
	background-repeat: no-repeat; 
	display: block; 
	width: 150px; 
	height: 160px;
}
#box_start {
	position: absolute; 
	top: 200px; 
	left: 280px; 
	z-index: 3;
}
#box_start a {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 160px;
	width: 150px;
}
#box_start a:hover {
	background-image: url(../images/logo_h.png);
	background-repeat: no-repeat;
	display: block;
	height: 320px;
	width: 150px;
}
#box_start a span {
	display: none;
}
#box_start a:hover span {
	position: absolute;
	top: 160px;
	left: 0px;
	display: block;
	background-image: url(../images/start_text.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 150px;
}
.beschriftung_start {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding: 30px 35px 20px 8px;
}
.platzhalter_1 {
	position: absolute;
	top: 360px;
	left: 280px;
	display: block;
	background-image: url(../images/hi_grund_1.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 150px;
}
/** self-commerce anfang **/
#box_self {
	position: absolute; 
	top: 200px; 
	left: 440px; 
}
#box_self a {
	background-image: url(../images/self.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 160px;
	width: 150px;
}
#box_self a:hover {
	background-image: url(../images/self_h.png);
	background-repeat: no-repeat;
	display: block;
	height: 320px;
	width: 150px;
}
#box_self a span {
	display: none;
}
#box_self a:hover span {
	position: absolute;
	top: 160px;
	left: 0px;
	display: block;
	background-image: url(../images/next_higrund.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 150px;
}
.beschriftung_self {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding: 8px 35px 20px 8px;
}
/*self-commerce ende*/
.text {
	position: absolute;
	top: 360px;
	left: 440px;
	display: block;
	background-image: url(../images/text.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 150px;
}
.beschriftung_start_text {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #ECEEF0;
	text-align: left;
	padding: 10px 35px 20px 10px;
}
/*kontakt*/
#box_kontakt {
	position: absolute; 
	top: 360px; 
	left: 120px; 
	z-index: 3;
}
#box_kontakt a {
	background-image: url(../images/kontakt.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 160px;
	width: 150px;
}
#box_kontakt a:hover {
	background-image: url(../images/kontakt_h.png);
	background-repeat: no-repeat;
	display: block;
	height: 160px;
	width: 320px;
}
#box_kontakt a span {
	display: none;
}
#box_kontakt a:hover span {
	position: absolute;
	top: 0px;
	left: 160px;
	display: block;
	background-image: url(../images/kontakt_text.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 150px;
}
.beschriftung_kontakt {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding: 25px 35px 20px 8px;
}
/***/
#text_tim {
	position: absolute;
	top: 40px;
	left: 650px;
	background-image: url(../images/text_tim.png);
	background-repeat: no-repeat;
	height: 500px;
	width: 350px;
}