html, body {	background: rgb(220,162,70);	color: rgb(82,82,82);}
html, body, a, h2, h3, h4, div, p, ul, li, input, table {		font-family: Verdana, Arial, Helvetica, sans-serif;		font-size: 11px;}
html {	height:100%;}
body {	min-height:101%;}

img {	             border: none;	text-decoration: none;	}
table, td, div { border:0;}

body {
	min-width: 960px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

div.dokument {
	width: 960px;
	height:101%;
	margin: 0 auto 0; 
	text-align: left;
	background: rgb(182,156,17);
	}

#kopf {
	width: 960px;
	height: 172px;
	margin:0;	padding:0;
	background:url(../images/hg-kopf.jpg) top no-repeat;
}

#kopf h1 {   width: 428px; 	height: 105px; 	margin:67px 0px 0px 0px; padding:0;	background: url(../images/logo.gif) no-repeat top;float: left;	border: none;	display:block;}
#kopf h1 a { width: 428px; 	 height: 105px; display: block;}


.infok{ width: 0.1em; height: 0.1em; display: block; overflow: hidden;}



/*-- Hofmann Werkzeugbau, Emmerthal  ----------------------------------------------- content*/

table.content {	width: 960px;	height: 350px;	vertical-align: top; margin: 0px;	padding: 0px; text-align:left; background-image:url(../images/hg-content.gif);}

td.c-nav {	width: 200px;	height: auto;	vertical-align: top;	margin:0; padding:36px 0px 20px 0px; background:url(../images/hg-content-nav.gif) top no-repeat;}
#content-nav {  	text-align:justify;}

td.c-mi {		width: 520px;	height: auto;	vertical-align: top;	margin:0; padding:21px 0px 20px 0px; background:url(../images/hg-content-mi.gif) top no-repeat;}
#content-mi {	   	text-align:left; line-height:17px;}

td.c-re {		width: 180px;	height: auto;	vertical-align: top;	margin:0; padding: 67px 0px 20px 0px; background:url(../images/hg-content-re.gif) top no-repeat;}
#content-re {	   	text-align:left; line-height:17px;} 

td.a-1 {	width: 20px;	height: auto;	vertical-align: top;margin:0; padding:0; background:url(../images/hg-content-a-1.gif) top no-repeat;}
img.a-1 { width: 20px;	height: 400px;}
td.a-2 {	width: 28px;	height: auto;	vertical-align: top;margin:0; padding:0; background:url(../images/hg-content-a-2.gif) top no-repeat;}
img.a-2 { width: 28px;	height: 400px;}
td.a-3 {	width: 12px;	height: auto;	vertical-align: top;margin:0; padding:0; background:url(../images/hg-content-a-3.gif) top no-repeat;}
img.a-3 { width: 12px;	height: 400px;}

#content-mi img { border: 1px solid rgb(224,193,69);}


/*-- Hofmann Werkzeugbau, Emmerthal  ----------------------------------------------- content ****GROSSANSICHT****        */
table.content-gross {	width: 960px;	height: 350px;	vertical-align: top; margin: 0px;	padding: 0px; text-align:left; background-image:url(../images/hg-content-gross.gif);}

td.c-nav {	width: 200px;	height: auto;	vertical-align: top;	margin:0; padding:36px 0px 20px 0px; background:url(../images/hg-content-nav.gif) top no-repeat;}
#content-nav {  	text-align:justify;}

td.c-mi-gross {		width: 660px;	height: auto;	vertical-align: top;	margin:0; padding:21px 0px 20px 0px; background:url(../images/hg-content-mi-gross.gif) top no-repeat;}
#content-mi-gross {	   	text-align:left; line-height:17px;}

td.c-re-gross {		width: 48px;	height: auto;	vertical-align: top;	margin:0; padding: 67px 0px 20px 0px; background:url(../images/hg-content-re-gross.gif) top no-repeat;}
#content-re-gross {	   text-align:left; line-height:17px;} 

td.a-1 {	width: 20px;	height: auto;	vertical-align: top;margin:0; padding:0; background:url(../images/hg-content-a-1.gif) top no-repeat;}
img.a-1 { width: 20px;	height: 400px;}

td.a-2-gross {	width: 20px;	height: auto;	vertical-align: top;margin:0; padding:0; background:url(../images/hg-content-a-2-gross.gif) top no-repeat;}
img.a-2-gross { width: 20px;	height: 400px;}

td.a-3 {	width: 12px;	height: auto;	vertical-align: top;margin:0; padding:0; background:url(../images/hg-content-a-3.gif) top no-repeat;}
img.a-3 { width: 12px;	height: 400px;}

#content-mi-gross img { border: 1px solid rgb(224,193,69);}



div.hg-nav {  width: 200px; 	margin:0; padding:0; 	display:table;   background: none;}
/*-- Hofmann Werkzeugbau, Emmerthal  -------------------------------------- menue 1*/

#nav {
position:relative;
width:200px;
margin:0px;
padding:0px;
text-align:left;
}

/* nav list */
#nav ul {
list-style:none;
width:200px;
margin:0px 0px 0px 0px;
padding:0px;
}
#nav li {
display: block;
line-height:18px;
width:200px;
margin:0px 0px 6px 0px;
background:none;
}

/*  links */
#nav ul li a {
color:rgb(51,51,51);
font-weight:normal;
text-decoration:none;
margin:0px;
padding: 0px 0px 0px 25px;
display: block;
height:1em;
background: url(../images/hg-menue.gif);
}
html>body #nav a:link, #nav a:visited {
height:auto;
}

#nav ul li a:hover {
color:rgb(51,51,51);
font-weight:bold;
text-decoration:none;
display: block;
background: url(../images/hg-menue.gif);
}

#nav ul.u {
list-style:none;
width:200px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
background:none;
}

#nav li.u {
line-height:16px;
width:200px;
margin:0;
padding:0px 0px 0px 0px;
background:none;
}

#nav ul.u li.u a {
color:rgb(51,51,51);
font-weight:normal;
text-decoration:none;
margin:0px;
padding: 0px 0px 0px 35px;
display: block;
background: none;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}
#nav ul.u li.u a:hover {
color:rgb(108,95,40);
font-weight:bold;
text-decoration:none;
display: block;
}

/* you are here */

body#home li#homea a, 
body#ueberuns li#ueberunsa a,
body#schermaschinen li#schermaschinena a,
body#schermaschinen-schafschermaschine li#schermaschinena a,
body#schermaschinen-rinderschermaschine li#schermaschinena a,
body#schermaschinen-pferdeschermaschine li#schermaschinena a,
body#ersatzscherkaemme li#ersatzscherkaemmea a,
body#ersatzscherkaemme-schafschermaschine li#ersatzscherkaemmea a,
body#ersatzscherkaemme-rinderschermaschine li#ersatzscherkaemmea a,
body#ersatzscherkaemme-pferdeschermaschine li#ersatzscherkaemmea a,

body#spezialscherkaemme li#spezialscherkaemmea a,
body#zubehoer li#zubehoera a,
body#kontakt li#kontakta a,  /* kontakt */
body#impressum li#kontakta a,
body#datenschutz li#kontakta a,
body#formular li#kontakta a,
body#Archives li#Archivesa a
{
color:rgb(255,226,123);
font-weight:bold;
background: url(../images/hg-menue-marked.gif);
}

body#schermaschinen-schafschermaschine li#schermaschinen-schafschermaschinea a,
body#schermaschinen-rinderschermaschine li#schermaschinen-rinderschermaschinea a,
body#schermaschinen-pferdeschermaschine li#schermaschinen-pferdeschermaschinea a,
body#ersatzscherkaemme-schafschermaschine li#ersatzscherkaemme-schafschermaschinea a,
body#ersatzscherkaemme-rinderschermaschine li#ersatzscherkaemme-rinderschermaschinea a,
body#ersatzscherkaemme-pferdeschermaschine li#ersatzscherkaemme-pferdeschermaschinea a,

body#impressum li#impressuma a, /* kontakt */
body#datenschutz li#datenschutza a,
body#formular li#formulara a,
body#Archives li#Archivesa a
{
color:rgb(108,95,40);
text-decoration:underline;
font-weight:bold;
background:none;
}




/*-- Hofmann Werkzeugbau, Emmerthal  --------------------------------------  */


h1 {
	clear:both; 
	height:16px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 2px;
	color: rgb(108,95,40);
	font-size: 13px;
	font-weight: bolder;
	text-align:left;
	background: none;
}

h2 {
	margin: 9px 0px 15px 0px;
	padding: 0px 5px 0px 2px;
	color: rgb(82,71,31);
	font-size: 11px;
	font-weight: bold;
	background: rgb(255,226,123);
	border-bottom: 1px solid rgb(220,162,70);
}

h2.ohne {
	margin: 9px 0px 15px 0px;
	padding: 0px 5px 0px 2px;
	color: rgb(82,71,31);
	font-size: 11px;
	font-weight: bold;
	background: none;
	border: 0;
}

h3 {
	margin: 9px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(82,71,31);
	font-size: 11px;
	font-weight: bold;
}
h4 {						
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(112,112,112);
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight:500;
}

h5 {
    clear:both;
	position:relative;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(92,92,92);
	font-size: 11px;
	font-weight: bold;
	border-bottom: dashed #cccccc 1px;
}
h6 {
    clear:both;
	position:relative;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(92,92,92);
	font-size: 11px;
	font-weight: bold;
	border-bottom: solid #dddddd 1px;
}

/*-- ----------------------------------------------------------   */

a:link {	color: rgb(108,95,40); text-decoration:underline;}
a:visited {	color: rgb(108,95,40); text-decoration:underline;}
a:hover {	color: rgb(51,51,51);   text-decoration:underline;}
a:active {	color: rgb(108,95,40); text-decoration:underline;}

/*-- Hofmann Werkzeugbau, Emmerthal  --------------------------------------txt link*/
a.txt {			color: rgb(108,95,40);	font-weight: bold; text-decoration:underline;}
a.txt:hover {	color: rgb(64,64,64);	font-weight: bold; text-decoration:underline;}

/*-- Hofmann Werkzeugbau, Emmerthal  -------------------------------txt hervorhebung*/
.txt {	color: rgb(193,135,36); font-weight:bold;}


/*--  info   */
#info {	width: 100%; height: 15px;	margin:0;	padding:0; 	text-align: right;	float:left;	clear:both;}
#info a {	color: rgb(51,51,51);	font-size:10px; text-decoration:underline; }
#info a:hover {	color: rgb(108,95,40);}

/*--  hoch   */
#hoch {		position:relative;	width: 520px; 	height: 15px;	margin:10px 0px 0px 0px;	padding:10px 0px 0px 0px; 	text-align: right;	float:left;	clear:both;}
#hoch a {	color: rgb(160,160,160);	font-size:9px; text-decoration:underline; }
#hoch a:hover {	color: rgb(108,95,40);}

/*-- Hofmann Werkzeugbau, Emmerthal  ---------------------------------#content  mi + re ----   inhalt */
ul.decimal {	list-style-type: decimal; line-height:15px;}

#content-mi ul { list-style:none;	width:500px; display: block; position:relative; float:left; margin:0px 0px 15px 0px; padding:0;}
#content-mi li { background: url(../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#content-mi ul.sprung { list-style:none; width:500px; display: block;  margin:0px 0px 15px 0px; padding-left:100px;}
#content-mi li.sprung { background: url(../images/listenpunkt-sprung.gif) top left no-repeat;	 line-height:20px; margin:5px 0px 0px 0px; padding:0px 0px 0px 20px; display: block;}


#content-mi ul.klein { list-style:none;	width:250px; display: block; position:relative; float:left; margin:0px 0px 15px 0px; padding:0;}
#content-mi li.klein {  width:230px; line-height:16px; margin:0px 0px 5px 0px; padding:0px 0px 0px 16px; display: block;	background: url(../images/listenpunkt.gif) top left no-repeat;}

#content-mi ul.klein-a { list-style:none;	width:240px; display: block; position:relative; float:left; margin:10px 0px 15px 7px; padding:0;}
#content-mi li.klein-a {  width:230px; line-height:16px; margin:0px 0px 5px 0px; padding:0px 0px 0px 18px; display: block;	background: url(../images/listenpunkt-re.gif) top left no-repeat;}


#content-mi ul.mini { list-style:none;	width:140px; display: block; position:relative; float:left; margin:0px 0px 15px 0px; padding:0;}
#content-mi li.mini {  width:120px; line-height:16px; margin:0px 0px 5px 0px; padding:0px 0px 0px 16px; display: block;	background: url(../images/listenpunkt.gif) top left no-repeat;}

#content-mi ul.mini-a { list-style:none;	width:140px; display: block; position:relative; float:left; margin:10px 0px 15px 7px; padding:0;}
#content-mi li.mini-a {  width:120px; line-height:16px; margin:0px 0px 5px 0px; padding:0px 0px 0px 18px; display: block;	background: url(../images/listenpunkt-re.gif) top left no-repeat;}


#mwst {		position:relative;	width: 520px; 	height: 15px;	margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px; 	text-align: right;	float:left;	clear:both;}



/*--  liste content re OHNE verlinkung   */
#content-re ul { list-style:none;	width:180px; display: block; position:relative; float:left; margin:3px 0px 15px 0px; padding:0;}
#content-re li {  width:160px; line-height:18px; margin:6px 0px 0px 0px; padding:0px 0px 0px 16px; display: block;	background: url(../images/listenpunkt.gif) top left no-repeat;}
/*--  liste content re MIT  verlinkung   */
#content-re li.sprung {  width:160px; line-height:18px; margin:6px 0px 0px 0px; padding:0px 0px 0px 16px; display: block;	background: url(../images/listenpunkt-sprung.gif) top left no-repeat; 	}

 
/*--  zurück seite detailansicht   */
#content-re-gross ul { list-style:none;	width:44px; display: block; position:relative; float:left; margin:3px 0px 0px 4px; padding:0px 0px 0px 0px;}
#content-re-gross li {  width:36px; line-height:18px; margin:6px 0px 0px 0px; padding:0px 0px 0px 0px; display: block;	background: url(../images/listenpunkt-re-gross.gif) top left no-repeat;}


.a-leer  {	height:1px; width:520px;clear:both; margin:0;	padding:0;}     

.a10 { height:10px; width:100px;clear:both;}
.a20 { height:20px; width:100px;clear:both;}
.a30 {	height:30px; width:100px;clear:both;}
.a40 {	height:40px; width:100px;clear:both;}
.a50 {	height:50px; width:100px;clear:both;}
.a60 {	height:60px; width:100px;clear:both;}
.a70 {	height:70px; width:100px;clear:both;}
.a80 {	height:80px; width:100px;clear:both;}
.a90 {	height:90px; width:100px;clear:both;}
.a100 {	height:100px; width:100px;clear:both;}
.a120 {	height:120px; width:100px;clear:both;}

.ce {text-align:center;}
.li {	text-align:left;}
.re {	text-align:right;}

.cb { 	clear:both; margin:0px; padding:0px;}
.cl { 	clear:left; margin:0px; padding:0px;}
.cr { 	clear:right; margin:0px; padding:0px;}



/*--  floats */
div.bi-fl {	position:relative; float:left;    clear:left; 	width:250px; margin:0px 10px 8px 0px; padding:0; text-align:center;}
div.bi-fr {	position:relative; float:right; clear:right;	width:250px; margin:0px 0px 10px 10px; padding:0; text-align:center;}

div.fl {		position:relative; float:left; clear:left; 		width:250px; margin:0px 10px 0px 0px; padding:0; display:block;}
div.fr {	position:relative; float:right; clear:right; 	width:250px; margin:0px 0px 0px 10px; padding:0; display:block;}

.fl {	float:left; margin:0px 10px 0px 0px; padding:0;}
.fr {	float:right; margin:0px 0px 0px 10px; padding:0;}

/*--  kontakt   */
div.li-200 {			position:relative; float:left; clear:left;		width: 200px; 	margin: 20px 0px 20px 0px; 	text-align: right;}
div.re-300 {		position:relative; float:right; clear:right;	width: 300px; 	margin: 20px 0px 20px 0px; 	text-align: left;}


table#ersatz01 {	width: 520px;	height: auto;			border: 1px solid rgb(255,238,185); 	padding: 0; 	margin: 10px 0px 10px 0px;	text-align:center; font-size:10px;}
#01 img { border:0;}
#ersatz01 td.ueber01 {		width: 250px;	height: 30px;	background: rgb(255,238,185);	 border: 1px solid rgb(255,238,185); padding:0;	margin:0; font-weight:bold;}
#ersatz01 td.ueber02 {		width: 70px;	height: 30px;	background: rgb(255,238,185);	 border: 1px solid rgb(255,238,185); padding:0;	margin:0; font-weight:bold;}
#ersatz01 td.ueber03 {		width: 140px;	height: 30px;	background: rgb(255,238,185);	 border: 1px solid rgb(255,238,185); padding:0;	margin:0; font-weight:bold;}
#ersatz01 td.ueber04 {		width: 60px;	height: 30px;	background: rgb(255,238,185);	 border: 1px solid rgb(255,238,185); padding:0;	margin:0; font-weight:bold;}

#ersatz01 td.content01 {		width: 250px;	height: 22px;	background: rgb(255,248,225);	border: 1px solid rgb(255,238,185); padding: 10px 5px 10px 5px;	margin:0; text-align:left; vertical-align:top;}
#ersatz01 td.content02 {		width: 70px;	height: 22px;	background: rgb(255,248,225);	border: 1px solid rgb(255,238,185); padding: 15px 5px 0px 5px;	margin:0; text-align:left; vertical-align:top;}
#ersatz01 td.content03 {		width: 140px;	height: 22px;	background: rgb(255,248,225);	border: 1px solid rgb(255,238,185); padding: 15px 5px 0px 5px;	margin:0; text-align:left; vertical-align:top;}
#ersatz01 td.content04 {		width: 60px;	height: 22px;	background: rgb(255,248,225);	border: 1px solid rgb(255,238,185); padding: 15px 5px 0px 5px;	margin:0; text-align:right; vertical-align:top;}





/*-- schermaschinen  -------------------------------------- */

img.img-klein-fl {	float:left; margin:8px 0px 0px 5px; padding:0;}
img.img-klein-fr {	float:right; margin:8px 5px 0px 0px; padding:0;}

#hg-schermaschine {		position:relative; float:left;	width:520px;	height:auto; margin:0px 0px 30px 0px; padding:0px 0px 10px 0px; display:block;}

#hg-schermaschine h3 {	margin: 0px 0px 10px 0px;	padding: 0px 0px 0px 5px;	color: rgb(82,71,31);	font-size: 11px;	font-weight: bold;}
#hg-schermaschine span.h3 {	margin: 0;	padding: 0;	color: rgb(82,71,31);	font-size: 11px;	font-weight: normal;}



/*-- impressum  -------------------------------------- webdesign*/

body#webdesign a { color: rgb(82,82,82); text-decoration: none; font-weight: normal;}
a.webdesign:link { color: rgb(112,112,112);	    font-size: 9px; font-style: normal; text-decoration: none; font-weight:500;}
a.webdesign:visited { color: rgb(112,112,112);	font-size: 9px; font-style: normal; text-decoration: none; font-weight:500;}
a.webdesign:hover { color: rgb(112,112,112);	font-size: 9px; font-style: normal; text-decoration: none; font-weight:500;}
a.webdesign:active { color: rgb(112,112,112);	font-size: 9px; font-style: normal; text-decoration: none; font-weight:500;}








/*-- Hofmann Werkzeugbau, Emmerthal  -------------------------------------- abschluss */

#abschluss {	    position:relative;	width: 960px;	height:79px;	background:url(../images/hg-abschluss.jpg) no-repeat top;	float:left;	color:rgb(82,82,82); margin: 0; padding:0;}

#abschluss a {		    font-size: 10px;	color:rgb(51,51,51);}
#abschluss p {			margin: 20px 0px 0px 304px;	padding: 0px;	font-size: 11px; line-height:16px;}
#abschluss span.bull  { color:rgb(51,51,51); font-weight:bold;}



/*--  abschluss

_________________________  piperweb.de   */



#piperweb { 				width: 960px; height: 150px; margin: 0px 0px 0px 0px; padding:0;		background: rgb(182,156,17);}

#piperweb span {	width: auto; text-align: right;	position:relative; float:right; 	font-size: 9px;	word-spacing: 0.3em;	font-family: "Trebuchet MS"; }
#piperweb span a {	width: auto; color: rgb(108,95,40);	font-size: 9px;	word-spacing: 0.3em;	font-family: "Trebuchet MS";	text-decoration: none;	 border:none; background:none; }
#piperweb span a:hover {			color: rgb(108,95,40); 	text-decoration: none;	 border:none; background:none;}
#piperweb span a.piperweb {		padding: 10px 20px 10px 10px; }
#piperweb span a.sitemap {		padding: 10px 10px 10px 10px; }

#piperweb span.bull {	 			padding: 2px 3px 10px 3px;		color: rgb(108,95,40); 	font-size: 7px;}

#piperweb span.related {				color: rgb(108,95,40);	padding: 20px 20px 10px 0px; }
#piperweb span.related a {			color: rgb(108,95,40);}
#piperweb span.related a:hover {	color: rgb(108,95,40);	text-decoration: none;	 border:none; background: rgb(182,156,17);}