html, body { background: rgb(0,51,102); 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;}
.none{ width: 0.1em; height: 0.1em; display: block; overflow: hidden;}
p { margin: 0px 0px 12px 0px;}
body {
min-width: 1004px;
height: 100%;
margin: 35px 0px 0px 0px;
padding: 0px;
text-align: center;
}
div.dokument {
width: 1004px;
margin: 0 auto 0;
text-align: left;
}
#kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf.jpg) top no-repeat;}
body#brandschutz-rauchschutztueren #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-schutztuer.jpg) top no-repeat;}
body#fenster-tueren #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-fenster.jpg) top no-repeat;}
body#balkon-vordach #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-balkone.jpg) top no-repeat;}
body#wintergarten-markiesen #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-wintergarten.jpg) top no-repeat;}
body#jalousien-rollaeden #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-jalousien.jpg) top no-repeat;}
body#gitter-gelaender #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-gelaender.jpg) top no-repeat;}
body#blechverarbeitung #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-blech.jpg) top no-repeat;}
body#fassaden #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-fassade.jpg) top no-repeat;}
body#trennwaende #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-trennwand.jpg) top no-repeat;}
body#einbruchschutz #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-einbruchschutz.jpg) top no-repeat;}
body#terrassenueberdachung #kopf { width: 1004px; height: 174px; margin:0; padding:0; background:url(../images/hg-kopf-terrasse.jpg) top no-repeat;}
#kopf img { float:left;margin: 10px 70px 0px 0px;}
#kopf ul { width:145px;margin: 5px 0px 0px 0px; padding:0;color:rgb(255,255,255); float:left;}
#kopf li { width:145px; line-height: 18px; text-align:right; list-style: none; float:right;}
#kopf ul li a { color:rgb(255,255,255); font-weight: normal; margin: 0px; padding: 0; background: none; text-decoration:none; display:block; }
#kopf ul li a:hover { color:rgb(255,255,255); font-weight: normal; text-decoration:none; display:block;}
#kopf2 { width: 1004px; height: 22px; margin:0; padding:0; background:url(../images/hg-kopf2.gif) top no-repeat;}
/*-- Gleue + Willeke Metallbau GmbH ----------------------------------------------- content*/
table.content { width: 1004px; 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; }
#content-nav { text-align:justify;}
td.c-mi { width: 400px; height: auto; vertical-align: top; margin:0; padding: 33px 0px 20px 0px;}
#content-mi { text-align: justify; line-height: 16px;}
td.c-re { width: 340px; height: auto; vertical-align: top; margin:0; padding:0px 0px 20px 0px;}
#content-re { text-align:justify; line-height:15px;}
td.a-1 { width: 36px; height: auto; vertical-align: top;margin:0; padding:0;}
img.a-1 { width: 36px; height: 400px;}
td.a-2 { width: 28px; height: auto; vertical-align: top;margin:0; padding:0;}
img.a-2 { width: 28px; height: 400px;}
body#home #content-re { background: url(../images/hg-c-re-willkommen.jpg) no-repeat top;}
body#ueberuns #content-re { background: url(../images/hg-c-re-ueberuns.jpg) no-repeat top;}
body#brandschutz-rauchschutztueren #content-re { background: url(../images/hg-c-re-brandschutz-rauchschutztueren.jpg) no-repeat top;}
body#fenster-tueren #content-re { background: url(../images/hg-c-re-fenster-tueren.jpg) no-repeat top;}
body#balkon-vordach #content-re { background: url(../images/hg-c-re-balkon-vordach.jpg) no-repeat top;}
body#wintergarten-markiesen #content-re { background: url(../images/hg-c-re-wintergarten-markiesen.jpg) no-repeat top;}
body#jalousien-rollaeden #content-re { background: url(../images/hg-c-re-jalousien-rollaeden.jpg) no-repeat top;}
body#gitter-gelaender #content-re { background: url(../images/hg-c-re-gitter-gelaender.jpg) no-repeat top;}
body#blechverarbeitung #content-re { background: url(../images/hg-c-re-blechverarbeitung.jpg) no-repeat top;}
body#fassaden #content-re { background: url(../images/hg-c-re-fassaden.jpg) no-repeat top;}
body#trennwaende #content-re { background: url(../images/hg-c-re-trennwaende.jpg) no-repeat top;}
body#terrassenueberdachung #content-re { background: url(../images/hg-c-re-terrassenueberdachung.jpg) no-repeat top;}
body#einbruchschutz #content-re { background: url(../images/hg-c-re-einbruchschutz.jpg) no-repeat top;}
body#referenzen #content-re { background: url(../images/hg-c-re-referenzen.jpg) no-repeat top;}
body#kontakt #content-re { background: url(../images/hg-c-re-kontakt.jpg) no-repeat top;}
body#impressum #content-re { background: url(../images/hg-c-re-kontakt.jpg) no-repeat top;}
body#datenschutz #content-re { background: url(../images/hg-c-re-kontakt.jpg) no-repeat top;}
body#sitemap #content-re { background: url(../images/hg-c-re-willkommen.jpg) no-repeat top;}
body#webdesign #content-re { background: url(../images/hg-c-re-willkommen.jpg) no-repeat top;}
div.hg-nav { width: 200px; margin:0; padding:0; display:table; background:none;}
/*-- Gleue + Willeke Metallbau GmbH -------------------------------------- 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 3px 0px;
background:none;
}
/* links */
#nav ul li a {
color:rgb(0,0,0);
font-weight:normal;
text-decoration:none;
margin:0px;
padding: 0px 0px 0px 30px;
display: block;
height:1em;
background: none;
background: url(../images/hg-menue.gif) no-repeat top;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}
#nav ul li a:hover {
color:rgb(0,0,0);
font-weight:bold;
text-decoration:none;
display: block;
}
/* you are here */
body#home li#homea a,
body#ueberuns li#ueberunsa a,
body#fassaden li#fassadena a,
body#fenster-tueren li#fenster-tuerena a,
body#wintergarten-markiesen li#wintergarten-markiesena a,
body#trennwaende li#trennwaendea a,
body#terrassenueberdachung li#terrassenueberdachunga a,
body#jalousien-rollaeden li#jalousien-rollaedena a,
body#gitter-gelaender li#gitter-gelaendera a,
body#brandschutz-rauchschutztueren li#brandschutz-rauchschutztuerena a,
body#einbruchschutz li#einbruchschutza a,
body#balkon-vordach li#balkon-vordacha a,
body#blechverarbeitung li#blechverarbeitunga a,
body#referenzen li#referenzena a,
body#kontakt li#kontakta a,
body#impressum li#impressuma a,
body#datenschutz li#datenschutza a,
body#Archives li#Archivesa a
{
color:rgb(0,0,0);
font-weight:bold;
background: url(../images/hg-menue-marked.gif) no-repeat top;
}
/*-- Gleue + Willeke Metallbau GmbH -------------------------------------- */
h1 {
clear:both;
height:16px;
margin: 0px 0px 15px 0px;
padding: 5px 5px 0px 0px;
color: rgb(15,115,228);
font-size: 12px;
font-weight: bolder;
text-align:left;
}
h2 {
margin: 0px 0px 25px 0px;
padding: 0px 5px 0px 0px;
color: rgb(82,82,82);
font-size: 11px;
font-weight: bold;
}
h3 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: rgb(82,82,82);
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;
}
/*-- txt hervorhebung
_________________________ Gleue + Willeke Metallbau GmbH */
.txt { color: rgb(134,179,0); font-weight:bold;}
.xs { /* wie h4*/
margin: 0px 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;
}
/*-- links
_________________________ Gleue + Willeke Metallbau GmbH */
a { outline:none;}
a:link { color: rgb(15,115,228); text-decoration:underline;}
a:visited { color: rgb(15,115,228); text-decoration:underline;}
a:hover { color: rgb(0,0,0); text-decoration:underline;}
a:active { color: rgb(15,115,228); text-decoration:underline;}
a.txt { color: rgb(97,113,43); font-weight: bold;}
a.txt:hover { color: rgb(64,64,64); font-weight: bold;}
#linkohne { border: none; text-decoration:none; background:none;}
/*-- hoch + info
_________________________ */
#hoch { position:relative; width: 400px; 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(15,115,228);}
#info { width: 100%; height: 15px; margin:0; padding:0; text-align: right; float:left; clear:both;}
#info a { color: rgb(15,115,228); font-size:10px; text-decoration:underline; }
#info a:hover { color: rgb(0,0,0);}
/*-- content mi + re
_________________________ Gleue + Willeke Metallbau GmbH */
ul.decimal { list-style-type: decimal; line-height:15px;}
#content-mi ul { list-style:none; /*width:400px; */display: block; }
#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:190px; display: block; }
#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;}
/*-- abstaende
_________________________ Gleue + Willeke Metallbau GmbH */
.a-leer { height:1px; width:400px;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;}
div.bi-fl { position:relative; float:left; clear:left; width:180px; margin:4px 10px 8px 0px; padding:0; text-align:center;}
div.bi-fr { position:relative; float:right; clear:right; width:180px; margin:0px 0px 10px 10px; padding:0; text-align:center;}
div.re200 { position:relative; float:right; clear:right; width: 200px; margin: 0px 0px 20px 0px; padding:0;}
div.li200 { position:relative; float:left; clear:left; width: 200px; margin: 0px 0px 20px 0px; padding:0;}
div.fl { position:relative; float:left; clear:left; width:190px; margin:0px 10px 0px 0px; padding:0; display:block;}
div.fr { position:relative; float:right; clear:right; width:190px; 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 */
span.li-200 { position:relative; float:left; clear:left; width: 120px; margin: 20px 0px 20px 0px; text-align: right;}
span.re-300 { position:relative; float:right; clear:right; width: 260px; margin: 20px 0px 20px 0px; text-align: left;}
/*-- sitemap
_________________________ piperweb.de */
#sitemap-u ul { width:400px; display: block; margin:0px 0px 0px 0px; 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: 0px solid rgb(204,204,204); display: block; background: none; }
#sitemap-u1 ul { width:350px; display: block; margin:10px 0px 0px 50px; padding:0; }
#sitemap-u1 li { list-style:none; line-height:18px; font-weight: bold; display: block; margin:0; padding:0px 0px 10px 20px; background: url(../images/listenpunkt.gif) no-repeat top left; }
#sitemap-u2 ul { width:200px; display: block; margin:0px 0px 0px 70px; padding:0; }
#sitemap-u2 li { list-style:none; line-height:18px; 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(112,112,112); 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(112,112,112); font-size: 9px; font-style: normal; text-decoration: none; font-weight:500; border: none; background:none; cursor: auto;}
body#webdesign a { color: rgb(82,82,82); text-decoration: none; background:none; border: none;}
body#webdesign a:hover { color: rgb(82,82,82); text-decoration: none; background:none; border: none;}
/*-- abschluss
_________________________ Gleue + Willeke Metallbau GmbH */
#abschluss { position:relative; width: 1004px; height:23px; text-align:center; background:rgb(15,115,228); float:left; color:rgb(255,255,255); margin: 0; padding:0;}
#abschluss a { font-weight:bold; font-size: 10px; color:rgb(255,255,255);}
#abschluss a:hover { font-weight:bold; font-size: 10px; color:rgb(207,228,252);}
#abschluss p { margin: 3px 0px 0px 0px; padding: 0px; font-size: 10px; line-height:16px;}
#abschluss span.bull { color:rgb(0,0,0); font-weight:bold; margin: 0; padding: 0px 5px 0px 5px;}
/*-- abschluss
_________________________ piperweb.de */
#piperweb { width: 1004px; height: 80px; margin: 0; padding:0; background:none;}
#piperweb span { width: auto; margin: 10px 0px 0px 0px; 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(15,115,228); font-size: 9px; word-spacing: 0.3em; font-family: "Trebuchet MS"; text-decoration: none; border:none; background:none; }
#piperweb span a:hover { color: rgb(15,115,228); text-decoration: none; border:none; background:none;}
#piperweb span a.piperweb { padding: 10px 37px 10px 10px; }
#piperweb span a.sitemap { padding: 10px 10px 10px 10px; }
#piperweb span.bull { padding: 2px 3px 10px 3px; color: rgb(15,115,228); font-size: 7px;}
#piperweb span.related { color: rgb(50,100,140); padding: 20px 37px 10px 0px; }
#piperweb span.related a { color: rgb(10,100,140);}
#piperweb span.related a:hover { color: rgb(10,100,140); text-decoration: none; border:none; background:none;}