body {
	padding: 0px; 
	margin: 0px;
}

#buehne{
	margin: 0 auto;
	margin-top: 35px;
	width: 867px;
	height: 526px;
	background-image: url(images/HG.jpg);
	background-repeat: no-repeat;
}

#navigation{
	position: relative;
	top: 50px;
	left: -14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#navigation li{
	list-style-type: none;
}
	
#navigation a {
     display: block;
	 color: #222222;
     width:142px;
	 margin: 1px;
     padding-top: 5px;
	 padding-bottom: 7px;
	 padding-left: 15px;
	 text-decoration: none;
     text-align:left;
     background-image: url(images/button.jpg);
	 background-repeat: no-repeat;
}

#navigation a:hover {
     display: block;
	 color: #222222;
     background-image: url(images/button-hover.jpg);
}
	
#navigation a:focus {
     display: block;
     background-image: url(images/button-down.jpg);
}

#navigation a.pdf {
     display: inline;
	 color: #222222;
	 text-decoration: underline;
	 margin: 0px;
     padding-top: 0px;
	 padding-bottom: 0px;
	 padding-left: 0px;
     background-image: none;
	 background-repeat: no-repeat;
}

#navigation a.pdf:hover {
     display: inline;
	 color: #294293;
	 text-decoration: underline;
	 margin: 0px;
     padding-top: 0px;
	 padding-bottom: 0px;
	 padding-left: 0px;
     background-image: none;
	 background-repeat: no-repeat;
}

/* drüberalleslöschen{@import url(licht-leuchten-lampen.css);}  */

#buehne{
	background-image: url(images/HG-BuehneTitel2.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}

#logo{
	float: left;
	padding-left: 12px;
}

#produkte{	
	position: relative;
	float: right;
	width: 520px;
	height: 351px;
	padding-top: 1px;
	padding-right: 12px;
	background-image: url(images/BilderTitel-HG.gif);
	background-repeat: no-repeat;
}

#navigation{
	position: absolute;
	top: 21px;
	left: 21px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul{
	margin-left: 0px;
}
/*  Autor, Entwickler 2002-2003 Kristof Lipfert Duesseldorf  */
*:not(hr)   ul{
   margin-left: -40px;
}

#bilder{
	position: absolute;
	top: 21px;
	left: 185px;
	width: 321px;
	height: 315px;
	background-image: url(images/BilderTitel2.jpg);
	background-repeat: no-repeat;
}


#einblicke-service{
	position: relative;
	float: right;
	width: 520px;
	height: 146px;
	margin-top: 13px;
	padding-right: 12px;
	background-image: url(images/Einblick-ServiceTitel-HG.png);
	background-repeat: no-repeat;
}

#einblicke{
	float: left;
	padding-top: 18px;
	padding-left: 22px;
}
*:not(hr)   #einblicke{
   padding-top: 0px;
}

#service{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	padding-top: 18px;
	padding-right:62px;
}
*:not(hr)   #service{
   padding-top: 0px;
}
	
#einblicke-service a {
     display: block;
	 color: #222222;
     width:142px;
	 margin: 1px;
     padding-top: 5px;
	 padding-bottom: 7px;
	 padding-left: 15px;
	 text-decoration: none;
     text-align:left;
     background-image: url(images/button.jpg);
	 background-repeat: no-repeat;
}

#einblicke-service a:hover {
     display: block;
	 color: #222222;
     background-image: url(images/button-hover.jpg);
}


H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #294293;
}

p{
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#bilder p.hidden{
	display: none;
}

#link-neu-prod a{
	margin-top:80px;
	text-indent: -9999px;
	width: 140px;
	height: 50px;
	display: block;
	z-index: 500;
}