html, body {	background: rgb(254,237,226);	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;	}

p { 		margin: 0px 0px 12px 0px;}

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

div.dokument {
	width: 960px;
	margin: 30 auto 0; 
	text-align: left;
	}

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

#kopf ul {
	float:left;
	margin: 0px 0px 0px 0px;
	padding:15px 0px 0px 40px;
	line-height:20px;
	font-size:15px;
	font-weight:bold;
	color: rgb(100,100,100);
	list-style-image: url(../images/liste-kopf.gif);
}

#kopf span.logo {
	float:right;
	margin: 13px 28px 0px 0px;
	padding:0;
	}

/*-- ALGRO Bauelemente  -------------------------------------- content*/

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

td.c-nav {	width: 200px;	height: auto;	border: 0px;	vertical-align: top;	margin:0; padding:53px 0px 0px 0px;}
#content-nav {  	text-align:justify; line-height:16px;}

td.c-mi {		width: 520px;	height: auto;	border: 0px;	vertical-align: top;	margin:0; padding:53px 0px 20px 0px;}
#content-mi {	   	text-align:left; line-height:16px;}

td.c-re {		width: 164px;	height: auto;	border: 0px;	vertical-align: top;	margin:0; padding:290px 0px 20px 0px; background: url(../images/hg-content-re.jpg) no-repeat top;}
#content-re {	   	text-align:left;} 

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

img.menue { margin: 80px 0px 0px 3px;}


div.hg-nav {  width: 200px; 	margin:0; padding:0; }
/*-- ALGRO Bauelemente  -------------------------------------- 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;
padding:0px;
}
#nav li {
display: block;
line-height:18px;
width:200px;
margin:5px 0px 5px 0px;
 }

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

#nav ul li a:hover {
color:rgb(0,0,0);
font-weight:bold;
display: block;
}

/* u */

#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(82,82,82);
font-weight:normal;
text-decoration:none;
margin:0px;
padding: 0px 0px 0px 60px;
display: block;
background: url(../images/hg-menue-u.gif);
}
html>body #nav a:link, #nav a:visited {
height:auto;
}
#nav ul.u li.u a:hover {
color:rgb(82,82,82);
font-weight:bold;
text-decoration:none;
display: block;
}


/* you are here */


body#home li#homea a, 
body#ueberuns li#ueberunsa a,
body#haustueren li#haustuerena a,
body#holztueren li#haustuerena a,
body#kunststofftueren li#haustuerena a,
body#aluminiumtueren li#haustuerena a,
body#zimmertueren li#zimmertuerena a,
body#dekortueren li#zimmertuerena a,
body#echtholztueren li#zimmertuerena a,
body#funktionstueren li#funktionstuerena a,
body#fenster li#fenstera a,
body#kunststofffenster li#fenstera a,
body#holzfenster li#fenstera a,
body#insektenschutz li#insektenschutza a,
body#kontakt li#kontakta a,
body#impressum li#impressuma a,
body#datenschutz li#impressuma a
 {
color:rgb(0,0,0);
font-weight:bold;
background-image:url(../images/hg-menue-marked.gif);
}
body#holztueren li#holztuerena a,
body#kunststofftueren li#kunststofftuerena a,
body#aluminiumtueren li#aluminiumtuerena a,
body#dekortueren li#dekortuerena a,
body#echtholztueren li#echtholztuerena a,
body#kunststofffenster li#kunststofffenstera a,
body#holzfenster li#holzfenstera a,
body#datenschutz li#datenschutza a
 {
color:rgb(255,102,6);
font-weight:bold;
}



/*-- ALGRO Bauelemente  --------------------------------------  */
h1 {
	clear:both; 
	margin: 6px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(92,92,92);
	font-size: 14px;
	font-weight: bolder;
	border-bottom:2px solid #cccccc;
}
h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	color: rgb(255,102,6);
	font-size: 11px;
	font-weight: bold;
}
h2.h2 {
	/*width:245px;*/
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 5px;
	color: rgb(255,255,255);
	font-size: 11px;
	font-weight: bold;
	background: rgb(255,102,6);
}

h2.orange {
	width:515px;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 5px;
	color: rgb(255,255,255);
	font-size: 11px;
	font-weight: bold;
	background: rgb(255,102,6);
}



h3 {
	margin: 0px 0px 0px 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(102,102,102);
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight:500;
}

h5 {
    clear:both;
	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;
	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-leer  {	height:10px; width:520px;clear:both; }

a:link {		color: rgb(52,52,52);		text-decoration: underline;}
a:visited {	color: rgb(52,52,52);		text-decoration: underline;}
a:hover {	color: rgb(255,102,6);		text-decoration: underline;}
a:active {	color: rgb(52,52,52);		text-decoration: underline;}

/*-- ALGRO Bauelemente  --------------------------------------txt link*/
a.txt {				color: rgb(52,52,52);		font-weight: bold;	text-decoration: underline;}
a.txt:hover {	color: rgb(255,102,6);		font-weight: bold;	text-decoration: underline;}


/*-- ALGRO Bauelemente  ---------------------------------#content  mi + re ----   inhalt */
ul.image {		list-style-image: url(../images/listenpunkt.gif); line-height:15px;}
ul {					list-style-type: decimal; line-height:15px;}

#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;}



.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;}






.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;}



img.gallery {	border:1px solid rgb(102,102,102);}


/*--  hoch   */
#hoch {	position:relative;	width: 510px; 	height: 10px;	margin:0px 0px 10px 0px;	padding: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(255,102,6);}

/*--  floats */
div.bi-fl {	position:relative; float:left;    clear:left; 	width:250px; margin:0px 0px 8px 0px; padding:0; text-align:center;}
div.bi-fr {	position:relative; float:right; clear:right;	 width:250px; margin:0px 0px 10px 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-200 {		position:relative; float:left; clear:left; 		width:200px; margin:0px 0px 0px 0px; padding:0; display:block;}
div.fr-300 {	position:relative; float:right; clear:right; 	width:300px; 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;}


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;}



/*--  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;}



/*--------------------------------listen--------------------------------*/

ul.decimal {	list-style-type: decimal; line-height:15px;}

#content-mi ul { list-style:none;	width:440px; 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:200px; 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;}

#fr ul { list-style:none;	width:200px; 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 {	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;}


/* -------   sitemap  ------------- */

#sitemap-u ul { 		list-style:none;	width:400px; display: block;  margin:20px 0px 0px 90px; padding:0; }
#sitemap-u li { 		list-style:none;	line-height:20px; font-size: 12px; font-weight: bold;	background:none; display: block;  margin:10px 0px 0px 0px; padding:0; }
#sitemap-u1 ul { 	list-style:none;	width:350px; display: block; margin:10px 0px 0px 140px; padding:0; }
#sitemap-u1 li { 	list-style:none;	line-height:20px; font-size: 11px;  font-weight: normal;	background:none; display: block; margin:0; padding:0; }
#sitemap-u2 ul { 	list-style:none;	width:300px; display: block; margin:0px 0px 0px 190px; padding:0; }
#sitemap-u2 li { 	list-style:none;	line-height:20px; font-size: 11px;  font-weight: normal;	background:none; display: block; margin:0; padding:0; }
#sitemap-u3 ul { 	list-style:none;	width:300px; display: block; margin:0px 0px 10px 210px; padding:0; }
#sitemap-u3 li { 	list-style:none;	line-height:20px; font-size: 11px;  font-weight: normal;	background:none; display: block; margin:0; padding:0; }
body#sitemap #sitemap-u a {		font-size:12px;}
body#sitemap #sitemap-u3 a {	text-decoration:none;}

/*-- 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;}


/*-- ALGRO Bauelemente  -------------------------------------- abschluss */

#abschluss {	    position:relative;	width: 960px;	height:122;	background:url(../images/hg-abschluss.gif); 	margin: 0px; padding:0px; line-height:16px;}

#abschluss a {				margin:0px;	padding: 0px;	font-size: 10px;}
#abschluss p.adresse {	float:left; margin: 56px 50px 0px 150px; 	padding: 0px;	font-size: 10px; }
#abschluss p {				float:left; margin: 56px 20px 0px 0px; 	padding: 0px;	font-size: 10px; }
#abschluss span.logo {	float:left; 	  margin: 56px 0px 0px 70px;	padding: 0px;}
#abschluss span.bull  { color:rgb(255,102,6);}


/*--  abschluss

_________________________  piperweb.de   */



#piperweb { 				width: 960px; height: 104px; margin: 0px 0px 0px 0px; padding:0;		background:none;}

#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(100,100,100);	font-size: 9px;	word-spacing: 0.3em;	font-family: "Trebuchet MS";	text-decoration: none;	 border:none; background:none; }
#piperweb span a:hover {			color: rgb(100,100,100); 	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(140,140,140); 	font-size: 7px;}

#piperweb span.related {				color: rgb(180,180,180);	padding: 20px 20px 10px 0px; }
#piperweb span.related a {			color: rgb(180,180,180);}
#piperweb span.related a:hover {	color: rgb(180,180,180);	text-decoration: none;	 border:none; background:none;}