html, body { background: url(../images/bg.jpg) 50% 0 no-repeat rgb(255,255,255); color: rgb(19,19,19);}
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;}
p { margin: 0px 0px 12px 0px;}
body {
min-width: 1004px;
margin: 0px 0px 0px 0px;
padding: 0;
text-align: center;
}
div.dokument {
width: 1004px;
margin: 0 auto 0;
background: rgb(255,255,255);
text-align: left;
}
div.bg-abschluss {
width: 100%;
margin: 0 auto 0;
background:url(../images/bg-abschluss.jpg) bottom no-repeat;
text-align: center;
}
#kopf {
width: 1004px;
height: 121px;
margin:0; padding:0;
background:url(../images/hg-kopf.jpg) top no-repeat;
}
#kopf img { margin: 0px 0px 0px 90px; padding:0;}
#kopf a { text-decoration: none; border: none; background:none; padding:0;}
#kopf-0 {
width: 1004px;
height:101px;
margin:0; padding:0;
background:url(../images/hg-kopf-0.jpg) top left no-repeat;
}
#kopf-0 div { color:rgb(255,255,255); margin: 10px 0px 0px 90px; display:table; background:none;}
#kopf-2 {
width: 1004px;
height:75px;
margin:0; padding:0;
background:url(../images/hg-fm.jpg) top left no-repeat;
}
#firstmenue { width:1004px; height: 75px; margin: 0px; padding:0px; }
#firstmenue ul { margin: 0px; padding: 0px; background:none; list-style:none;}
#firstmenue li { margin: 0px; padding: 0px 0px 0px 0px; text-align:center; list-style: none; float:left; }
#firstmenue ul li a { margin: 0px; padding: 26px 0px 37px 0px; color:rgb(19,19,19); font-weight: normal; text-decoration:none; display:block; font-size:10px; border-bottom:none; }
#firstmenue ul li a:hover { color:rgb(13,36,103); font-weight: bold; text-decoration:none; display:block; font-size:10px; }
#firstmenue ul li.fm-eins a { width:46px; background: none; cursor:default;}
#firstmenue ul li.fm-zwei a { width:154px; background: none; }
#firstmenue ul li.fm-zwei a:hover { background: url(../images/hg-fm-2-marked.jpg) top left no-repeat;}
#firstmenue ul li.fm-drei a { width:141px; background: none; margin: 0px 16px 0px 0px;}
#firstmenue ul li.fm-drei a:hover { background: url(../images/hg-fm-3-marked.jpg) top left no-repeat;}
#firstmenue ul li.fm-vier a { width:173px; background: none; margin: 0px 16px 0px 0px;}
#firstmenue ul li.fm-vier a:hover { background: url(../images/hg-fm-4-marked.jpg) top left no-repeat;}
#firstmenue ul li.fm-fuenf a { width:133px; background: none; margin: 0px 16px 0px 0px;}
#firstmenue ul li.fm-fuenf a:hover { background: url(../images/hg-fm-5-marked.jpg) top left no-repeat;}
#firstmenue ul li.fm-sechs a { width:112px; background: none; margin: 0px 16px 0px 0px;}
#firstmenue ul li.fm-sechs a:hover { background: url(../images/hg-fm-6-marked.jpg) top left no-repeat;}
#firstmenue ul li.fm-sieben a { width:133px; background: none;}
#firstmenue ul li.fm-sieben a:hover { background: url(../images/hg-fm-7-marked.jpg) top left no-repeat;}
#firstmenue ul li.fm-acht a { width:48px; background:none; cursor:default;}
body#home li#homea a
{ color:rgb(13,36,103); font-weight:bold; background: url(../images/hg-fm-2-marked.jpg) top left no-repeat;}
body#wir-alarmanlagen-hannover-toebel-hameln li#wir-alarmanlagen-hannover-toebel-hamelna a
{ color:rgb(13,36,103); font-weight:bold; background: url(../images/hg-fm-3-marked.jpg) top left no-repeat;}
body#leistungen-alarmanlagen-hannover-toebel-hameln li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-aktuelle-angebote-toebel-hameln li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-schluesseldienst-toebel-hameln li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-sicherheitstechnik-hameln-springe-bad-pyrmont li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-tresore-hameln-springe-bad-pyrmont li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-design-tuer-alarmanlagen-hannover li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-reparatur-wartung-montage-toebel-hameln li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-sicherheitstechnik-mechanische-hannover li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-sicherheitstechnik-elektronische-hannover li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-sicherheitstechnik-fluchtwegsicherung-hannover li#leistungen-alarmanlagen-hannover-toebel-hamelna a
{ color:rgb(13,36,103); font-weight:bold; background: url(../images/hg-fm-4-marked.jpg) top left no-repeat;}
body#referenzen-alarmanlagen-hannover-toebel-hameln li#referenzen-alarmanlagen-hannover-toebel-hamelna a
{ color:rgb(13,36,103); font-weight:bold; background: url(../images/hg-fm-5-marked.jpg) top left no-repeat;}
body#kontakt li#kontakta a
{ color:rgb(13,36,103); font-weight:bold; background: url(../images/hg-fm-6-marked.jpg) top left no-repeat;}
body#impressum li#impressuma a,
body#datenschutz li#impressuma a
{ color:rgb(13,36,103); font-weight:bold; background: url(../images/hg-fm-7-marked.jpg) top left no-repeat;}
/*-- content
_________________________ Töbel Sicherungstechnik, Hameln */
table.content { width: 1004px; height: 350px; vertical-align: top; margin: 0px; padding: 0px; text-align:left; background:url(../images/hg-content.gif) repeat-y;}
td.c-nav { width: 200px; height: auto; vertical-align: top; margin:0; padding:40px 0px 20px 0px; background:url(../images/hg-c-nav.gif) no-repeat top left;}
#content-nav { text-align:left;}
td.c-mi { width: 520px; height: auto; vertical-align: top; margin:0; padding:0px 0px 20px 0px; background:url(../images/hg-c-mi.gif) no-repeat top left;}
#content-mi { text-align:left; line-height:16px;}
td.c-re { width: 180px; height: auto; vertical-align: top; margin:0; padding:45px 0px 20px 0px; background:url(../images/hg-c-re.gif) no-repeat top left;}
#content-re { text-align:left; line-height:16px;}
td.a-0 { width: 29px; height: auto; vertical-align: top; margin:0; padding:0; background:url(../images/hg-a-0.gif) no-repeat top left;}
img.a-0 { width: 29px; height: 400px;}
td.a-1 { width: 22px; height: auto; vertical-align: top; margin:0; padding:0; background:url(../images/hg-a-1.gif) no-repeat top left;}
img.a-1 { width: 22px; height: 400px;}
td.a-2 { width: 23px; height: auto; vertical-align: top; margin:0; padding:0; background:url(../images/hg-a-2.gif) no-repeat top left;}
img.a-2 { width: 23px; height: 400px;}
td.a-3 { width: 30px; height: auto; vertical-align: top; margin:0; padding:0; background:url(../images/hg-a-3.gif) no-repeat top left;}
img.a-3 { width: 30px; height: 400px;}
div.hg-nav { width: 200px; margin:0; padding:0; background:none;}
/*-- menue 1
_________________________ Töbel Sicherungstechnik, Hameln */
#nav { width:200px; margin:0px 0px 50px 0px; padding:0px; text-align:left; position:relative;}
/* nav list */
#nav ul { width:200px; margin:0px 0px 0px 0px; padding:0px; background:none; list-style:none;}
#nav ul li { width:200px; margin:0px 0px 0px 0px; padding:0px; background:none; display: inline; }
#nav ul li a {
margin: 0px 0px 3px 0px;
padding: 1px 0px 7px 30px;
color:rgb(19,19,19);
font-weight:normal;
text-decoration:none;
display: block;
border: none;
background: url(../images/hg-menue.gif) top left no-repeat;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}
#nav ul li a:hover {
color:rgb(13,36,103);;
font-weight:bold;
text-decoration:none;
display: block;
border: none;
background: url(../images/hg-menue-marked.gif) top left no-repeat;
}
/* u */
#nav ul.u { width:200px; margin:0px 0px 0px 0px; padding:0px 0px 9px 0px; background:none; list-style:none;}
#nav ul.u li { width:200px; margin:0px; padding:0px 0px 0px 0px; background:none; display: inline;}
#nav ul.u li a {
margin: 0px 0px 0px 0px;
padding: 4px 0px 6px 45px;
color:rgb(19,19,19);
font-weight:normal;
text-decoration:none;
display: block;
border: none;
background: url(../images/hg-menue-u.gif) top left no-repeat;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}
#nav ul.u li a:hover {
color:rgb(13,36,103);
font-weight:bold;
text-decoration:none;
border: none;
display: block;
background: url(../images/hg-menue-u-marked.gif) top left no-repeat;
}
/* you are here
_________________________ Töbel Sicherungstechnik, Hameln */
body#wir-alarmanlagen-hannover-toebel-hameln li#wir-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-alarmanlagen-hannover-toebel-hameln li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#referenzen-alarmanlagen-hannover-toebel-hameln li#referenzen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-aktuelle-angebote-toebel-hameln li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-schluesseldienst-toebel-hameln li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-sicherheitstechnik-hameln-springe-bad-pyrmont li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-tresore-hameln-springe-bad-pyrmont li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-design-tuer-alarmanlagen-hannover li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-reparatur-wartung-montage-toebel-hameln li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-sicherheitstechnik-mechanische-hannover li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-sicherheitstechnik-elektronische-hannover li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#leistungen-sicherheitstechnik-fluchtwegsicherung-hannover li#leistungen-alarmanlagen-hannover-toebel-hamelna a,
body#datenschutz li#datenschutza a,
{
color:rgb(13,36,103);
font-weight:bold;
text-decoration:none;
display: block;
border: none;
background: url(../images/hg-menue-marked.gif) top left no-repeat;
}
body#leistungen-aktuelle-angebote-toebel-hameln li#leistungen-aktuelle-angebote-toebel-hamelna a,
body#leistungen-schluesseldienst-toebel-hameln li#leistungen-schluesseldienst-toebel-hamelna a,
body#leistungen-sicherheitstechnik-hameln-springe-bad-pyrmont li#leistungen-sicherheitstechnik-hameln-springe-bad-pyrmonta a,
body#leistungen-tresore-hameln-springe-bad-pyrmont li#leistungen-tresore-hameln-springe-bad-pyrmonta a,
body#leistungen-design-tuer-alarmanlagen-hannover li#leistungen-design-tuer-alarmanlagen-hannovera a,
body#leistungen-reparatur-wartung-montage-toebel-hameln li#leistungen-reparatur-wartung-montage-toebel-hamelna a,
body#leistungen-sicherheitstechnik-mechanische-hannover li#leistungen-sicherheitstechnik-hameln-springe-bad-pyrmonta a,
body#leistungen-sicherheitstechnik-elektronische-hannover li#leistungen-sicherheitstechnik-hameln-springe-bad-pyrmonta a,
body#leistungen-sicherheitstechnik-fluchtwegsicherung-hannover li#leistungen-sicherheitstechnik-hameln-springe-bad-pyrmonta a
{
color:rgb(13,36,103);
font-weight:bold;
text-decoration:none;
border: none;
display: block;
background:none;
}
body#leistungen-sicherheitstechnik-mechanische-hannover li#leistungen-sicherheitstechnik-mechanische-hannovera a,
body#leistungen-sicherheitstechnik-elektronische-hannover li#leistungen-sicherheitstechnik-elektronische-hannovera a,
body#leistungen-sicherheitstechnik-fluchtwegsicherung-hannover li#leistungen-sicherheitstechnik-fluchtwegsicherung-hannovera a
{
color:rgb(13,36,103);
font-weight:bold;
text-decoration:none;
border: none;
display: block;
background:none;
}
/*-- ueberschriften
_________________________ Töbel Sicherungstechnik, Hameln */
h1 {
clear:both;
margin: 0px 0px 15px 0px;
padding: 5px 0px 3px 0px;
color:rgb(13,36,103);
font-size: 12px;
font-weight: bold;
text-align:left;
background:none;
}
h2 {
margin: 0px 0px 3px 0px;
padding: 5px 0px 3px 0px;
color:rgb(13,36,103);
font-size: 12px;
font-weight: bold;
text-align:left;
background:none;
}
h3 {
margin: 0px 0px 8px 0px;
padding: 5px 0px 3px 0px;
color:rgb(13,36,103);
font-size: 12px;
font-weight: bold;
text-align:left;
background:none;
}
h4 {
margin: 5px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color:rgb(179,184,201);
font-size: 9px;
font-style: normal;
text-decoration: none;
font-weight:500;
}
h4.center { text-align:center;}
h5 {
clear:both;
position:relative;
margin: 0px 0px 3px 0px;
padding: 5px 0px 3px 0px;
color:rgb(13,36,103);
font-size: 12px;
font-weight:bold;
border-bottom: 1px solid rgb(179,184,201);
}
h6 {
clear:both;
position:relative;
margin: 0px 0px 3px 0px;
padding: 5px 0px 3px 0px;
color:rgb(13,36,103);
font-size: 12px;
font-weight: normal;
border-bottom: 1px solid rgb(179,184,201);
}
/*-- txt hervorhebung
_________________________ */
.txt { font-weight:bold; color: rgb(91,116,200);}
.xs { /* wie h4*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: rgb(19,19,19);
font-size: 9px;
font-style: normal;
text-decoration: none;
font-weight:500;
}
/*-- links
_________________________ Töbel Sicherungstechnik, Hameln */
a { outline:none;}
a:link { color: rgb(91,116,200); text-decoration:none; padding:0px 2px 0px 2px; border-bottom:1px solid rgb(91,116,200);}
a:visited { color: rgb(91,116,200); text-decoration:none; padding:0px 2px 0px 2px; border-bottom:1px solid rgb(91,116,200);}
a:hover { color: rgb(66,0,255); text-decoration:none; padding:0px 2px 0px 2px; border-bottom:1px solid rgb(91,116,200);}
a:active { color: rgb(91,116,200); text-decoration:none; padding:0px 2px 0px 2px; border-bottom:1px solid rgb(91,116,200);}
a.txt { font-weight: bold;}
a.txt:hover { font-weight: bold;}
#linkohne { border: none; text-decoration:none; background:none;}
/*-- hoch + info
_________________________ */
#hoch { width: 100%; line-height: 18px; margin: 20px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(../images/listenpunkt-hoch.gif) no-repeat right; text-align: right; position:relative; float:left; clear:both;}
#hoch a { color: rgb(160,160,160); font-size:10px; margin: 0px 13px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none;}
#hoch a:hover { color: rgb(91,116,200); background: none;}
/*-- */
#info { width: 100%; line-height: 18px; margin: 20px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(../images/listenpunkt-info.gif) no-repeat right; text-align: right; position:relative; float:left; clear:both;}
#info a { color: rgb(160,160,160); font-size:10px; margin: 0px 13px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none; }
#info a:hover { color: rgb(91,116,200); background: none;}
#info-2 { width: 100%; line-height: 18px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(../images/listenpunkt-info.gif) no-repeat right; text-align: right; position:relative; float:left; clear:both;}
#info-2 a { color: rgb(160,160,160); font-size:10px; margin: 0px 13px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none; }
#info-2 a:hover { color: rgb(91,116,200); background: none;}
/*-- weiter, zurueck, zur uebersicht
_________________________ */
#weiter { width: 125px; line-height: 20px; margin: 25px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(../images/listenpunkt-weiter.gif) no-repeat right; text-align: right; position:relative; float:right;}
#weiter a { color: rgb(160,160,160); font-size:10px; margin: 0px 13px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none;}
#weiter a:hover { color: rgb(91,116,200); background: none;}
/*-- */
#zurueck { width: 125px; line-height: 20px; margin: 25px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(../images/listenpunkt-zurueck.gif) no-repeat left; text-align: left; position:relative; float:left;}
#zurueck a { color: rgb(160,160,160); font-size:10px; margin: 0px 0px 0px 13px; padding:0px 0px 0px 0px; text-decoration:none;}
#zurueck a:hover { color: rgb(91,116,200); background: none;}
/*-- */
#uebersicht { width: 250px; line-height: 20px; margin:25px 0px 0px 0px; padding:0; text-align: center; float:left;}
#uebersicht a { color: rgb(160,160,160); font-size:10px; margin: 0px 0px 0px 13px; padding:0px 0px 0px 0px; text-decoration:none;}
#uebersicht a:hover { color: rgb(91,116,200); background: none;}
/*-- images
_________________________ HTML > CSS; [© by piperweb.de] */
img.menue { margin: 10px 0px 0px 0px;}
#content-mi img { border: 1px solid rgb(179,184,201); padding:1px 1px 1px 1px;}
#content-mi img.border0 { border: none;}
#content-re img { border: 1px solid rgb(179,184,201); padding:1px 1px 1px 1px;}
#content-re img.border0 { border: none;}
img.center { display: block; margin-left: auto; margin-right: auto; }
/*-- content mi + re
_________________________ Töbel Sicherungstechnik, Hameln */
#content-mi ul { list-style:none; width:445px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 65px; }
#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.klein { list-style:none; width:210px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; }
#content-mi li.klein { 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.klein-300 { list-style:none; width:280px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; }
#content-mi li.klein-300 { 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 .mitte ul.klein { list-style:none; width:500px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; }
#content-mi .mitte li.klein { background: url(../images/listenpunkt.gif) top left no-repeat; line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}
#fl ul { list-style:none; width:235px; display: block; margin:0px 0px 0px 0px; padding:0; }
#fl 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;}
#fr ul { list-style:none; width:235px; display: block; margin:0px 0px 0px 0px; padding:0; }
#fr 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-re ul.sprung { list-style:none; width:160px; display: block; margin:0px 0px 0px 20px; padding:0; }
#content-re li.sprung { background: url(../images/listenpunkt-sprung.gif) top left no-repeat; line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}
#content-re ul { list-style:none; width:160px; display: block; margin:0px 0px 0px 20px; padding:0; }
#content-re 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 ol.dezi { width:445px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 40px; list-style-type: decimal; background:none;}
#content-mi li.dezi { list-style-type: decimal; line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 10px; display: list-item; background:none;}
#fl ol.dezi, #fr ol.dezi { width:215px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 30px; list-style-type: decimal; background:none; }
#fl li.dezi,#fr li.dezi { list-style-type: decimal; line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 5px; display: list-item; background:none;}
.abi { height:14px; width:100%;clear:both; margin:10px 0px 30px 0px; padding:0px 0px 0px 0px; background:url(../images/hg-abi.gif) top right no-repeat;}
.a5 { height:5px; width:100px;clear:both;}
.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;}
.a200 { height:200px; width:100px;clear:both;}
.a300 { height:300px; width:100px;clear:both;}
.a400 { height:400px; width:100px;clear:both;}
.a500 { height:500px; width:100px;clear:both;}
.a1000 { height:1000px; width:100px;clear:both;}
.angebote { height:121px;}
.angebote a {background:url(../images/bi-willkommen-toebel-sicherheitstechnik-hameln-003.jpg) top left no-repeat; display:block; text-decoration:none; margin:0px; padding:0px; width:177px; height:121px; border: none; text-decoration:none;}
.angebote a:hover {background:url(../images/angebot-button-hover.jpg) top left no-repeat;
display:block; text-decoration:none; margin:0px; padding:0px; width:177px; height:121px; border: none; text-decoration:none;}
/*-- floats
_________________________ Töbel Sicherungstechnik, Hameln */
#hg { position:relative; float:left; width: 520px; margin: 0px 0px 30px 0px;}
#hg-450 { position:relative; float:right; width: 450px; margin: 0px 0px 30px 0px;}
#hg-350 { position:relative; float:right; width: 350px; margin: 0px 0px 30px 0px;}
div.bi-fl { position:relative; float:left; clear:left; width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div.bi-fr { position:relative; float:right; clear:right; width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div#bi-fl { position:relative; float:left; clear:left; width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div#bi-fr { position:relative; float:right; clear:right; width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div.fl { position:relative; float:left; clear:left; width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
div.fr { position:relative; float:right; clear:right; width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
div#fl { position:relative; float:left; clear:left; width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
div#fr { position:relative; float:right; clear:right; width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
.fl { float:left; margin:0px 20px 20px 10px; padding:0;}
.fr { float:right; margin:0px 10px 20px 20px; padding:0;}
.mitte { width: 520px; }
div#bi-fl-150 { position:relative; float:left; clear:left; width:150px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div#bi-fr-150 { position:relative; float:right; clear:right; width:150px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div#fr-350 { position:relative; float:right; clear:right; width:350px; margin:0px 0px 0px 0px; padding:0; display:block;}
div#fl-350 { position:relative; float:left; clear:left; width:350px; margin:0px 0px 0px 0px; padding:0; display:block;}
/*-- kontakt
_________________________ piperweb.de */
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;}
div.li-200-2 { position:relative; float:left; clear:left; width: 200px; margin: 20px 0px 0px 0px; text-align: right;}
div.re-300-2 { position:relative; float:right; clear:right; width: 300px; margin: 20px 0px 0px 0px; text-align: left;}
div#li-200 { position:relative; float:left; clear:left; width: 200px; margin: 0px 0px 20px 0px; text-align: right;}
div#re-300 { position:relative; float:right; clear:right; width: 300px; margin: 0px 0px 20px 0px; text-align: left;}
div#li-300 { position:relative; float:left; clear:left; width: 300px; margin: 0px 0px 20px 0px; text-align: right;}
div#re-200 { position:relative; float:right; clear:right; width: 200px; margin: 0px 0px 20px 0px; text-align: left;}
/*-- chronik
_________________________ Metalltechnik Weege GmbH, Lemgo */
#hg div.datum { float:left; width:150px; margin:0; padding:5px 10px 0px 0px; text-align:right; border: 0px; font-weight:bold;}
#hg div.ereignis { float:left; width:325px; margin:0; padding:5px 10px 5px 10px; text-align:left; border-left: 1px solid rgb(207,211,217);}
div.preis { text-align:right; font-size:17px; font-weight:bold; color: rgb(11,50,125); padding:0px; margin:0px; line-height:18px;}
/*-- referenz modul
_________________________ Metalltechnik Weege GmbH, Lemgo */
div.li-140 { position:relative; float:left; clear:left; width: 140px; margin: 0px 0px 20px 0px; text-align: right;}
div.re-360 { position:relative; float:right; clear:right; width: 360px; margin: 0px 0px 20px 0px; text-align: left;}
/*-- sitemap
_________________________ piperweb.de */
#sitemap-u ul { width:500px; display: block; margin:0px 0px 0px 10px; padding:0; }
#sitemap-u li { list-style:none; line-height:20px; font-size: 12px; font-weight: bold; margin:0px 0px 0px 0px; padding:0; border-bottom: 1px solid rgb(204,204,204); display: block; background: none; }
#sitemap-u1 ul { width:450px; display: block; margin:7px 0px 0px 60px; padding:0; }
#sitemap-u1 li { list-style:none; line-height:20px; font-weight: bold; display: block; margin:0; padding:0px 0px 0px 20px; background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }
#sitemap-u2 ul { width:400px; display: block; margin:0px 0px 0px 110px; padding:0; }
#sitemap-u2 li { list-style:none; line-height:20px; font-weight: normal; display: block; margin:0; padding:0px 0px 0px 20px; background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }
#sitemap-u3 ul { width:350px; display: block; margin:0px 0px 7px 160px; padding:0; }
#sitemap-u3 li { list-style:none; line-height:20px; font-weight: normal; display: block; margin:0; padding:0px 0px 0px 20px; background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }
/*-- impressum, webdesign
_________________________ piperweb.de */
body#impressum a.webdesign { color: rgb(179,184,201); font-size: 9px; font-style: normal; text-decoration: none; font-weight:500; border: none; background:none; cursor: auto;}
body#impressum a.webdesign:hover { color: rgb(179,184,201); font-size: 9px; font-style: normal; text-decoration: none; font-weight:500; border: none; background:none; cursor: auto;}
body#webdesign a { color: rgb(19,19,19); text-decoration: none; background:none; border: none;}
body#webdesign a:hover { color: rgb(19,19,19); text-decoration: none; background:none; border: none;}
body#webdesign #abschluss a { color: rgb(255,255,255); text-decoration: none; background:none; border: none;}
body#webdesign #abschluss a:hover { color: rgb(255,255,255); text-decoration: none; background:none; border: none;}
/*-- abschluss
_________________________ Töbel Sicherungstechnik, Hameln */
#abschluss { height:97px; background:url(../images/hg-abschluss.jpg) top left no-repeat ; color:rgb(255,255,255); text-align:center; width: 1004px; margin: 0; padding:0;}
#abschluss a { font-size: 11px; color:rgb(255,255,255); font-weight:normal; text-decoration: none; border:none;}
#abschluss p { font-size: 11px; line-height:58px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#abschluss span.bull { font-size: 14px; color:rgb(255,255,255); margin: 0; padding: 0px 17px 0px 17px;}
/*-- abschluss
_________________________ piperweb.de */
#piperweb { width: 1004px; height: 43px; margin: 0px 0px 0px 0px; padding:0px; background:url(../images/hg-abschluss-2.jpg) top left no-repeat ;}
#piperweb span { width: auto; text-align: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; float:right; font-size: 9px; word-spacing: 0.3em; font-family: "Trebuchet MS"; }
#piperweb span a { width: auto; color:rgb(105,133,190); font-size: 9px; word-spacing: 0.3em; font-family: "Trebuchet MS"; text-decoration: none; border:none; background:none; }
#piperweb span a:hover { color:rgb(105,133,190); 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(105,133,190); font-size: 7px;}
#piperweb span.related { color:rgb(105,133,190); padding: 0px 20px 10px 0px; }
#piperweb span.related a { color:rgb(105,133,190);}
#piperweb span.related a:hover { color:rgb(105,133,190); text-decoration: none; border:none; background:none;}
/*-- empfehlung
_________________________ piperweb.de */
body#empfehlung a.h1 { color: rgb(19,19,19); text-decoration: none;}
body#empfehlung a.h1:hover { color: rgb(19,19,19); text-decoration: none; background: none; }
body#empfehlung a.h4 { color: rgb(19,19,19); text-decoration: none; font-size: 9px;}
body#empfehlung a.h4:hover { color: rgb(19,19,19); text-decoration: none; background: none;}
body#empfehlung h4 { margin: 0px 0px 12px 0px;}
body#empfehlung #content-mi img { float: right; clear:both; margin:0px 10px 10px 10px;}
body#empfehlung #content-mi p { width:280px; margin:0px 0px 10px 0px;}
body#empfehlung #content-mi ul { list-style:none; width:190px; display: block; float:right; clear:both; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
body#empfehlung #content-mi li { background: url(../images/listenpunkt.gif) top left no-repeat; line-height:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}
body#empfehlung #content-mi ul li a { color: rgb(112,112,112); text-decoration: none; background: none; }
body#empfehlung #content-mi ul li a:hover { color: rgb(54,51,60); text-decoration: none; background: none; }