@charset "UTF-8";
body{
 text-align:center
}
#seite{
	margin:0 auto;
	text-align:left;
	width:955px;
	height: 600px;
}
#seite_menu{
	margin:0 auto;
	text-align:left;
	width:955px;
}
#seite_detail{
	margin:0 auto;
	text-align:left;
	width:955px;
}
#seite_pics{
	margin:0 auto;
	text-align:left;
	width:955px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: ff8618;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #ADADAD;
}
#header {
	background-color: #c3c3c3;
	height: 96px;
	width: 955px;
	left: 0px;
	top: 0px;
	position: relative;
	z-index: auto;
	background-image: url(../images/i-face/header.gif);
}
#reklame {
	height: 36px;
	width: 165px;
	position: absolute;
	left: 0px;
	top: 27px;
	background-image: url(../images/i-face/hpl-reklame-r.gif);
}
#werksatz {
	height: 36px;
	width: 165px;
	position: absolute;
	left: 0px;
	top: 63px;
	background-image: url(../images/i-face/hpl-werksatz-r.gif);
}
#tontraeger {
	height: 36px;
	width: 165px;
	position: absolute;
	left: 0px;
	top: 99px;
	background-image: url(../images/i-face/hpl-tontraeger-r.gif);
}
#typedesign {
	height: 36px;
	width: 165px;
	position: absolute;
	left: 0px;
	top: 135px;
	background-image: url(../images/i-face/hpl-typedes-r.gif);
}
#Illustration {
	height: 36px;
	width: 165px;
	position: absolute;
	left: 0px;
	top: 171px;
	background-image: url(../images/i-face/hpl-illu-r.gif);
}
#video {
	height: 36px;
	width: 165px;
	position: absolute;
	left: 0px;
	top: 207px;
	background-image: url(../images/i-face/hpl-video-r.gif);
}
#vita {
	height: 36px;
	width: 165px;
	left: 0px;
	top: 279px;
	position: absolute;
	background-image: url(../images/i-face/hpl-vita-r.gif);
}
#kontakt {
	height: 36px;
	width: 165px;
	position: absolute;
	left: 0px;
	top: 315px;
	background-image: url(../images/i-face/hpl-kontakt-r.gif);
}
#impressum {
	height: 36px;
	width: 165px;
	position: absolute;
	left: 0px;
	top: 351px;
	background-image: url(../images/i-face/hpl-impressum-r.gif);
}
#home {
	height: 36px;
	width: 165px;
	position: absolute;
	left: 0px;
	top: 387px;
	background-image: url(../images/i-face/hpl-home-r.gif);
}
#menu {
	height: 480px;
	width: 165px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #E2E2E2;
	clear: left;
}
#detail {
	height: 411px;
	width: 226px;
	position: relative;
	left: 165px;
	top: -960px;
	background-color: #F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 27px 42px 42px;
	text-align: left;
}
#pic-1-1 {
	height: 160px;
	width: 160px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#pic-1-2 {
	height: 160px;
	width: 160px;
	position: relative;
	left: 160px;
	top: 0px;
}
#pic-1-3 {
	height: 160px;
	width: 160px;
	position: absolute;
	left: 320px;
	top: 0px;
}
#pic-2-1 {
	height: 160px;
	width: 160px;
	position: absolute;
	left: 0px;
	top: 160px;
}
#pic-2-2 {
	height: 160px;
	width: 160px;
	position: absolute;
	left: 160px;
	top: 160px;
}
#pic-2-3 {
	height: 160px;
	width: 160px;
	left: 320px;
	top: 160px;
	position: absolute;
}
#pic-3-1 {
	height: 160px;
	width: 160px;
	position: absolute;
	left: 0px;
	top: 320px;
}
#pic-3-2 {
	height: 160px;
	width: 160px;
	position: absolute;
	left: 160px;
	top: 320px;
}
#pic-3-3 {
	height: 160px;
	width: 160px;
	position: absolute;
	left: 320px;
	top: 320px;
}
#bottom-1 {
	background-color: #e69926;
	height: 22px;
	width: 165px;
	position: relative;
	left: 0px;
	top: -960px;
}
#bottom-2 {
	background-color: #ffad35;
	height: 22px;
	width: 310px;
	position: relative;
	left: 165px;
	top: -982px;
}
#pics {
	background-color: #adadad;
	height: 480px;
	width: 480px;
	position: relative;
	left: 475px;
	top: -480px;
}
#bottom-3 {
	background-color: #ff8618;
	height: 22px;
	width: 480px;
	left: 475px;
	top: -1004px;
	position: relative;
}
#adresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000000;
	position: relative;
	left: 544px;
	top: 12px;
	width: 356px;
	text-align: center;
}
a:link {
	color: #FF9714;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
.hinweis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9714;
	line-height: 12px;
}