/* CSS Document */
<style type="text/css">

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#Header {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:45px;
	z-index:1;
	background-color: #b6c0cc;
}
#inner {
	position:absolute;
	left:0;
	top:0;
	width:220px;
	height:60;
	float: left;
	background-color: #344356;
}
#nav {
	position:absolute;
	left:220px;
	top:0px;
	width:110px;
	height:45px;
	float: left;
	background-color: #344356;
}
#Layer1 {
	position:absolute;
	left:0px;
	top:0px;
	width:220px;
	height:45px;
	z-index:2;
	background-color: #344356;
}
#Layer2 {
	position:absolute;
	left:330px;
	top:0px;
	width:110px;
	height:45px;
	z-index:3;
	background-color: #344356;
	float: left;
}
#SERVICE {
	position:absolute;
	left:440px;
	top:0px;
	width:110px;
	height:45px;
	z-index:4;
	background-color: #5b6a7d;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
#services {
	position:absolute;
	left:0px;
	top:28px;
	width:110px;
	height:15px;
	z-index:10;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#services a:link {
      color:#ffffff;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
      #services a:hover {
        color:#E4E4E4;
        text-decoration:none;
        }
#referenzen {
	position:absolute;
	left:0px;
	top:28px;
	width:110px;
	height:15px;
	z-index:10;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
#referenzen a:link {
      color:#ffffff;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
      #referenzen a:hover {
        color:#E4E4E4;
        text-decoration:none;
        }
#Unternehmen {
	position:absolute;
	left:0px;
	top:28px;
	width:110px;
	height:15px;
	z-index:10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
}
#Unternehmen a:link {
      color:#ffffff;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
      #Unternehmen a:hover {
        color:#E4E4E4;
        text-decoration:none;
        }
#projekte {
	position:absolute;
	left:0px;
	top:28px;
	width:110px;
	height:15px;
	z-index:10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
#projekte a:link {
      color:#ffffff;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
      #projekte a:hover {
        color:#E4E4E4;
        text-decoration:none;
        }
#kontakt {
	position:absolute;
	left:0px;
	top:28px;
	width:110px;
	height:15px;
	z-index:10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
#kontakt a:link {
      color:#ffffff;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
      #kontakt a:hover {
        color:#E4E4E4;
        text-decoration:none;
        }
#Layer4 {
	position:absolute;
	left:550px;
	top:0px;
	width:110px;
	height:45px;
	z-index:2;
	background-color: #79889b;
	float: left;
}
#Metallbau {
	position:absolute;
	left:0px;
	top:25px;
	width:210px;
	height:26px;
	z-index:10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #344356;
	text-align: center;
}
#Layer5 {
	position:absolute;
	left:660px;
	top:0px;
	width:110px;
	height:45px;
	z-index:3;
	background-color: #92a1b4;
	float: left;
}
#Layer6 {
	position:absolute;
	left:0px;
	top:45px;
	width:100%;
	height:7px;
	z-index:2;
	background-color: #828fa2;
}
.Stil1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
}
#Layer7 {
	position:absolute;
	left:0px;
	top:52px;
	width:100%;
	height:240px;
	z-index:3;
	background-color: #828fa2;
}
.Stil4 {color: #FFFFFF; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.Stil5 {font-family: Arial, Helvetica, sans-serif}
#Layer8 {
	position:absolute;
	left:0px;
	top:0px;
	width:770px;
	height:240px;
	z-index:4;
	background-image: url(Bilder/metallbau.jpg);
}
#Layer9 {
	position:absolute;
	left:0px;
	top:292px;
	width:100%;
	height:55px;
	z-index:4;
	background-color: #b6c0cc;
}
#Layer10 {
	position:absolute;
	left:270px;
	top:297px;
	width:328px;
	height:55px;
	z-index:5;
	background-color: #5B6A7D;
}
#Metall {
	position:absolute;
	left:330px;
	top:0px;
	width:220px;
	height:55px;
	z-index:5;
	background-color: #92A1B4;
}
#Layer12 {
	position:absolute;
	left:-1px;
	top:478px;
	width:100%;
	height:10px;
	z-index:5;
	background-color: #999999;
}
#Layer13 {
	position:fixed;
	left:0px;
	width:100%;
	height:15px;
	z-index:5;
	bottom: 30px;
}
#Layer14 {
	position:absolute;
	left:0px;
	width:100%;
	height:20px;
	background-color: #92A1B4;
	bottom: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	z-index: 1;
	padding-top:7px;
}
#Layer14 a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
#Layer14 a:link {
      color:#FFFFFF;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
      #Layer14 a:hover {
        color:#344356;
        text-decoration:none;
		}

#Layer17 {
	position:absolute;
	left:54px;
	top:264px;
	width:200px;
	height:68px;
	z-index:8;
}
#mainlayer {
	position:absolute;
	left:0px;
	top:347px;
	width:770px;
	height:300px;
	z-index:9;
}
#Layer18 {
	position:absolute;
	left:93px;
	top:141px;
	width:144px;
	height:50px;
	z-index:10;
}
#Layer19 {
	position:absolute;
	left:330px;
	top:348px;
	width:220px;
	height:298px;
	z-index:10;
}
#textboylinks {
	position:absolute;
	left:330px;
	top:0px;
	width:210px;
	height:300px;
	z-index:10;
}
#Textboxrechts {
	position:absolute;
	left:550px;
	top:0px;
	width:210px;
	height:300px;
	z-index:11;
}
.Stil12 {font-size: 14px}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	padding: middle;
}
#Layer15 {
	position:absolute;
	left:330px;
	top:356px;
	width:210px;
	height:273px;
	z-index:6;
	float: left;
}
#Layer16 {
	position:absolute;
	left:550px;
	top:356px;
	width:210px;
	height:273px;
	z-index:7;
	float: left;
}
#Layer11 {
	position:absolute;
	left:0;
	width:440px;
	height:80px;
	z-index:11;
	background-color: #B6C0CC;
}
#Layer20 {
	position:absolute;
	left:0px;
	top:45px;
	width:100%;
	z-index:18;
	height:7px;
	background-color: #B6C0CC;
}
#Layer21 {
	position:absolute;
	left:220px;
	top:0;
	width:220px;
	height:80px;
	z-index:13;
	background-color: #92A1B4;
	background-image: url(Bilder/fassadenbau.jpg);
}
#Konstrukt {
	position:absolute;
	left:0px;
	top:331px;
	width:440px;
	height:30px;
	z-index:33;
	background-color: #92A1B3;
}
#kategorie {
	position:absolute;
	left:220px;
	top:0px;
	width:220px;
	height:30px;
	z-index:14;
	background-color: #B6C0CC;
}
#Layer22 {
	position:absolute;
	left:220px;
	width:220px;
	height:100%;
	background-color: #92A1B3;
	bottom: 10px;
	z-index: 0;
	top: 0px;
}
#Layer23 {
	position:absolute;
	top:132px;
	width:240px;
	height:500px;
	z-index:14;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #79889B;
	right: 10px;
}
#Layer3 {
	position:absolute;
	left:0px;
	top:80px;
	width:440px;
	height:251px;
	z-index:10;
	background-image: url(Bilder/innenausbau_1.jpg);
}
#Layer24 {
	position:absolute;
	left:0px;
	top:80px;
	width:440px;
	height:251px;
	z-index:10;
	background-image: url(Bilder/innenausbau.jpg);;
}
#Layer99 {
	position:absolute;
	left:0px;
	top:80px;
	width:440px;
	height:251px;
	z-index:10;
	background-image: url(Bilder/projekte.jpg);
}
#Layer98 {
	position:absolute;
	left:0px;
	top:80px;
	width:440px;
	height:251px;
	z-index:10;
	background-image: url(Bilder/kontakt.jpg);
}
#Layer26 {
	position:absolute;
	left:0px;
	top:80px;
	width:440px;
	height:251px;
	background-image: url(Bilder/innenausbau_2.jpg);
	;
	z-index: 10;
}
#Layer25 {
	position:absolute;
	top:80px;
	width:130px;
	height:378px;
	left: 770px;
	z-index: 26;
}
#Layer27 {
	position:absolute;
	top:52px;
	width:100%;
	height:515;
	z-index:15;
	right: 261px;
	left: 0;
}
#Layer28 {
	position:relative;
	left:451px;
	top:80px;
	width:421px;
	height:351px;
	z-index:16;
}
#Layer29 {
	position:absolute;
	left:465px;
	top:79px;
	width:275px;
	height:515px;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#newsflash {
	position:absolute;
	left:465px;
	top:79px;
	width:275px;
	height:auto;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#newsflash a:link {
      color:#840000;
        text-decoration:none;
        }
#newsflash a:hover {
        color:#840000;
        text-decoration:underline;
        }
#Layer30 {
	position:absolute;
	left:38px;
	top:430px;
	width:144px;
	height:49px;
	z-index:16;
}
#Layer31 {
	position:absolute;
	left:220px;
	width:220px;
	height:100%;
	background-color: #92A1B3;
	bottom: 20px;
	z-index: 0;
}
#Layer32 {
	position:absolute;
	left:0px;
	top:45px;
	width:275px;
	height:170px;
	z-index:16;
}
#Layer33 {
	position:absolute;
	left:0px;
	top:230px;
	width:275px;
	height:170px;
	z-index:16;
}
#Layer34 a:link {
      color:#999999;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
      #Layer34 a:hover {
        color:#344356;
        text-decoration:underline;
        }
#Layer34 {
	position:absolute;
	left:0px;
	top:0px;
	width:136px;
	height:170px;
	z-index:16;
}
#Layer35 a:link {
      color:#999999;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
      #Layer35 a:hover {
        color:#344356;
        text-decoration:underline;
        }
#Layer35 {
	position:absolute;
	left:135px;
	top:0px;
	width:139px;
	height:170px;
	z-index:16;
}
.Stil18 {
	color: #333333;
	font-weight: bold;
}
#Layer36 {
	position:absolute;
	left:0px;
	top:0px;
	width:275px;
	height:43px;
	z-index:16;
}
#Layer37 {
	position:absolute;
	left:0px;
	top:220px;
	width:275px;
	height:164px;
	z-index:27;
}
#Layer38 {
	position:absolute;
	left:0px;
	top:0px;
	width:275px;
	height:200px;
	z-index:28;
}
#Layer39 {
	position:absolute;
	left:0px;
	top:200px;
	width:275px;
	height:20px;
	z-index:27;
}
#Layer40 {
	position:absolute;
	left:0px;
	top:0px;
	width:275px;
	height:20px;
	z-index:16;
}
#Layer41 {
	position:absolute;
	left:0px;
	top:20px;
	width:275px;
	height:102px;
	z-index:17;
}
#Layer42 {
	position:absolute;
	left:0px;
	top:122px;
	width:275px;
	height:102px;
	z-index:18;
}
#Layer43 {
	position:absolute;
	left:0px;
	top:224px;
	width:275px;
	height:102px;
	z-index:19;
}
#Layer44 {
	position:absolute;
	left:0px;
	top:326px;
	width:275px;
	height:105px;
	z-index:20;
}
#Layer45 {
	position:absolute;
	left:0px;
	top:2px;
	width:135px;
	height:98px;
	z-index:16;
}
#Layer46 {
	position:absolute;
	left:139px;
	top:2px;
	width:135px;
	height:98px;
	z-index:17;
}
#Layer47 a:link {
      color:#999999;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
      #Layer47 a:hover {
        color:#344356;
        text-decoration:none;
		}
#Layer47 {
	position:absolute;
	left:0px;
	top:69px;
	width:135px;
	height:20px;
	z-index:16;
}
#Layer48 {
	position:absolute;
	left:0px;
	top:80px;
	width:440px;
	height:251px;
	z-index:16;
	background-image: url(Bilder/firma.jpg);
}
#Layer53 {
	position:absolute;
	left:0px;
	top:402px;
	width:136px;
	height:170px;
	z-index:16;
}
#Layer49 a:link {
      color:#999999;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
      #Layer49 a:hover {
        color:#344356;
        text-decoration:underline;
        }
#Layer49 {
	position:absolute;
	left:135px;
	top:402px;
	width:139px;
	height:170px;
	z-index:16;
}

#Layer66 {
	position:absolute;
	left:0px;
	top:43px;
	width:275px;
	height:355px;
	z-index:16;
}
#Layer66 a:link {
      color:#999999;
        text-decoration:none;
        /* Kommentar: Hier stehen Dir alle Formatierungen offen. Siehe selfhtml > css*/
        }
#Layer66 a:hover {
        color:#344356;
        text-decoration:underline;
        }

.Stil20 {
	font-size: 16px;
	font-weight: bold;
}
.Stil22 {font-size: 16px}
.Stil19 {font-size: 18px}
.Stil17 {
	font-size: 16px;
	color: #344356;
}
.Stil23 {
	color: #344356;
	font-size: 15px;
}
.Stil13 {
	font-size: 16px;
	font-weight: bold;
	color: #344356;
}
.Stil14 {font-size: 12px}
.Stil15 {color: #666666}
.Stil16 {
	color: #FFFFFF;
	font-size: 18px;
}

.Stil7 {
	font-size: 12px;
	position: fixed;
}
.Stil8 {color: #CCCCCC}
.Stil10 {font-size: 10px}
.Stil24 {color: #344356}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
}
#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
	width:275px;
	text-align:justify;
	}
h3 {
	font: 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	margin-bottom:4px;
	font-weight:bold;
	color:#840000;
	
}
	h3 a:link, h3 a:visited {
	color: #666;;
	}
	
.title, a.title  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-weight:bold;
	color: #840000;
	letter-spacing:normal;
	}

/****** Images ****************************/

img, a:link img, a:visited img{border:border:1px solid #999; padding:1px;}
img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:1px solid #999; padding:1px;}
img.left{ float:left; margin:0 12px 5px 0; }
img.center{ display:block; margin:0 auto 5px auto; }
img.right{ float:right; margin:0 0 5px 12px; }


/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	
	}
	
.clearfloat {
	display:inline-block;
	
	}	

#rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	}
#rightcol .clearfloat {
	padding:0 0 12px 0;
	}	



.clearfloat {
	display:block;
	
	}

</style></head>