@charset "UTF-8";

body{
	background-color:#ECECEC;
	
	}
	
.back {
	margin-right:auto;
	margin-left:auto;
	margin-bottom: auto;
	background-color: #ECECEC;
	background-image: url(back.jpg);
	height: 600px;
	width: 900px;
	background-position: right bottom;
	position:relative;
	background-repeat: no-repeat;
}


a{text-decoration:none;
color: #FF0000;
} 
a:link{color: #000000;
text-decoration:underline;
}
a:visited{color: #000000;}
a:hover{color: #000000;
		text-decoration:underline;
}
a:active{ color:#FF0000}


/*HOME*/
#home {
	position:absolute;
	width:45px;
	height:12px;
	z-index:1;
	left: 680px;
	top: 467px;
	background-image: url(menu/Home/home.jpg);
}

#homesprech {
	position:absolute;
	width:68px;
	height:18px;
	z-index:1;
	left: 595px;
	top: 377px;
	background-image: url(menu/Home/sprech.jpg);
}

#homeblase {
	position:absolute;
	width:306px;
	height:233px;
	z-index:1;
	left: 291px;
	top: 241px;
	background-image: url(menu/Home/blase.jpg);
	background-repeat: no-repeat;
}

#texthome{
	position:absolute;
	width:182px;
	height:100px;
	z-index:1;
	left: 55px;
	top: 82px;
	font-family: DIN, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
}




/*PROFIL*/
#profil {
	position:absolute;
	width:54px;
	height:12px;
	z-index:1;
	left: 728px;
	top: 467px;
	background-image: url(menu/profil/profil.jpg);
}

#profilblase {
	position:absolute;
	width:569px;
	height:402px;
	z-index:1;
	left: 26px;
	top: 151px;
	background-image: url(menu/profil/Profilblase.jpg);
	background-repeat: no-repeat;
}

#textprofil1{
	position:absolute;
	width:205px;
	height:322px;
	z-index:1;
	left: 251px;
	top: 65px;
	font-family: DIN, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
	line-height: normal;
}

#textprofil2{
	position:absolute;
	width:157px;
	height:322px;
	z-index:1;
	left: 335px;
	top: 65px;
	font-family: DIN, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
}

#textprofil3{
	position:absolute;
	width:137px;
	height:322px;
	z-index:1;
	left: 34px;
	top: 65px;
	font-family: DIN, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
}

#textprofil4{
	position:absolute;
	width:157px;
	height:112px;
	z-index:1;
	left: 70px;
	top: 315px;
	font-family: DIN, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
}




/*PORTFOLIO*/
#portfolio {
	position:absolute;
	width:77px;
	height:12px;
	z-index:1;
	left: 680px;
	top: 481px;
	background-image: url(menu/portfolio/port.jpg);
}

#punktmenu {
	position:absolute;
	width:80px;
	height:61px;
	z-index:1;
	left: 563px;
	top: 504px;
	background-color: #ECECEC;
}

#punktmenu1 {
	position:absolute;
	width:80px;
	height:57px;
	z-index:1;
	left: 563px;
	top: 504px;
	background-color: #ECECEC;
}

#abreiten {
	position:absolute;
	width:550px;
	height:600px;
	z-index:1;
	
}

#textbeschreibung {
	position:absolute;
	width:320px;
	height:100px;
	z-index:1;
	left: 576px;
	top: 185px;
	border:none;
	font-family: DIN, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
	background-color: #ececec;
}

#pfeillinks {
	position:absolute;
	width:10px;
	height:20px;
	z-index:1;
	left: 576px;
	top: 145px;
	border:none;
	background-color: #ececec;
	background-image: url(menu/portfolio/pfeil_links.jpg);
}

#pfeilrechts {
	position:absolute;
	width:10px;
	height:20px;
	z-index:1;
	left: 596px;
	top: 145px;
	border:none;
	background-image: url(menu/portfolio/pfeil_rechts.jpg);
}

#textnummern {
	position:absolute;
	width:320px;
	height:30px;
	z-index:1;
	left: 576px;
	top: 170px;
	border:none;
	font-family: DIN, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal; 
	background-color: #ececec;
}

#illustration {
	position:absolute;
	width:89px;
	height:22px;
	z-index:1;
	left: 574px;
	top: 378px;
	background-image: url(menu/portfolio/unter_port/illustration/normal.jpg);
}

#print {
	position:absolute;
	width:70px;
	height:17px;
	z-index:1;
	left: 572px;
	top: 401px;
	background-image: url(menu/portfolio/unter_port/print/normal.jpg);
}

#foto {
	position:absolute;
	width:70px;
	height:18px;
	z-index:1;
	left: 571px;
	top: 419px;
	background-image: url(menu/portfolio/unter_port/illustration/normal.jpg);
}

#motion {
	position:absolute;
	width:71px;
	height:17px;
	z-index:1;
	left: 569px;
	top: 438px;
	background-image: url(menu/portfolio/unter_port/motion/normal.jpg);
	background-repeat: no-repeat;
}

#handmade {
	position:absolute;
	width:72px;
	height:29px;
	z-index:1;
	left: 567px;
	top: 456px;
	background-image: url(menu/portfolio/unter_port/handmade/normal.jpg);
	background-repeat: no-repeat;
}




/*LINKS*/
#links {
	position:absolute;
	width:44px;
	height:12px;
	z-index:1;
	left: 760px;
	top: 481px;
	background-image: url(menu/links/links.jpg);
}

#linksblase {
	position:absolute;
	width:316px;
	height:314px;
	z-index:1;
	left: 281px;
	top: 151px;
	background-image: url(menu/links/linksblase.jpg);
	background-repeat: no-repeat;
}

#textlinks{
	position:absolute;
	width:242px;
	height:322px;
	z-index:1;
	left: 45px;
	top: 66px;
	font-family: DIN, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
}




/*IMPRESSUM*/
#impressblase {
	position:absolute;
	width:330px;
	height:427px;
	z-index:1;
	left: 265px;
	top: 124px;
	background-image: url(menu/impressum/impressblase.jpg);
	background-repeat: no-repeat;
}

#impressum {
	position:absolute;
	width:76px;
	height:12px;
	z-index:1;
	left: 680px;
	top: 495px;
	background-image: url(menu/impressum/impr.jpg);
}

#textimpress{
	position:absolute;
	width:242px;
	height:322px;
	z-index:1;
	left: 37px;
	top: 72px;
	font-family: DIN, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
}