/* body
-----------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	height:100%;
	min-width:768px;
	background:url(../images/layout/hg_body.gif) no-repeat center top;
}


/* Layout
-----------------------------------------------------------------*/

#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width: 950px;
	
}	
* html #container {width: 952px;}

#col1 {display:none;}	



#col2 {
	float: left;
	width: 797px;
	position: relative;
	margin: 0 0 0 0;
}	


/* Schriften
-----------------------------------------------------------------*/

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}

a {text-decoration: underline; color: #C43231;}

.red {color: #333333;}

#col3news p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
}

/* Überschriften H1
-----------------------------------------------------------------*/
h1 {
	position: relative;
	height: 23px;
	background-repeat: no-repeat;
	margin: 1px 0 35px 0;
	width:450px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	
}

h1 span {display:none;}

.h1referenzen  {
	position: relative;
	height: 20px;
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
	width:450px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #D80000;
	
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height:10px;
	margin: 15px 0 0 0;
	padding:0px 0 0 5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000000;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 15px 0 15px 0;
	padding:0px 0 0 5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000000;
	font-weight: normal;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D80000;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	border-bottom:1px #E9EAF0 solid;
}

/* Generelles
-------------------------------------------------------------*/
ul, li {margin:0; padding:0; list-style-type:none;}

.top {margin: 30px 0 0 0;}
.top span {display: none;}


/* Hauptnavigation
-----------------------------------------------------------------*/  
#navi {
	position: relative;
	height: 30px;
	width: 740px;
	margin: 25px 0 0 0;
}

#navi span {display:none;}

#navi ul,#navi li {
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type: none;
}  


li#naviStart a {
	background: url(../images/navigation/start.gif) no-repeat left top;
	width: 51px;
	height: 30px;
	float: left;
}

li#naviStart {
	background: url(../images/navigation/start.gif) no-repeat 0 -30px;
	width: 51px;
	height: 30px;
	float: left;
}

li#naviUnternehmen a {
	background: url(../images/navigation/unternehmen.gif) no-repeat left top;
	width: 90px;
	height: 30px;
	float: left;
}

li#naviUnternehmen {
	background: url(../images/navigation/unternehmen.gif) no-repeat 0 -30px;
	width: 90px;
	height: 30px;
	float: left;
}

li#naviLeistungen a {
	background: url(../images/navigation/leistungen.gif) no-repeat left top;
	width: 79px;
	height: 30px;
	float: left;
}

li#naviLeistungen {
	background: url(../images/navigation/leistungen.gif) no-repeat 0 -30px;
	width: 79px;
	height: 30px;
	float: left;
}

li#naviBaustoffe a {
	background: url(../images/navigation/baustoffe.gif) no-repeat left top;
	width: 73px;
	height: 30px;
	float: left;
}

li#naviBaustoffe {
	background: url(../images/navigation/baustoffe.gif) no-repeat 0 -30px;
	width: 73px;
	height: 30px;
	float: left;
}

li#naviReferenzen a {
	background: url(../images/navigation/referenzen.gif) no-repeat left top;
	width: 79px;
	height: 30px;
	float: left;
}

li#naviReferenzen {
	background: url(../images/navigation/referenzen.gif) no-repeat 0 -30px;
	width: 79px;
	height: 30px;
	float: left;
}

li#naviKontakt a {
	background: url(../images/navigation/kontakt.gif) no-repeat left top;
	width: 63px;
	height: 30px;
	float: left;
}

li#naviKontakt {
	background: url(../images/navigation/kontakt.gif) no-repeat 0 -30px;
	width: 67px;
	height: 30px;
	float: left;
}

li#naviImpressum a {
	background: url(../images/navigation/impressum.gif) no-repeat left top;
	width: 67px;
	height: 30px;
	float: left;
}

li#naviImpressum {
	background: url(../images/navigation/impressum.gif) no-repeat 0 -30px;
	width: 77px;
	height: 30px;
	float: left;
}

#Start li#naviStart a, #Unternehmen li#naviUnternehmen a, #Leistungen li#naviLeistungen a, #Baustoffe li#naviBaustoffe a, #Referenzen li#naviReferenzen a, #Kontakt li#naviKontakt a, #Impressum li#naviImpressum a {background:none;}
 
li#naviStart a:hover, li#naviUnternehmen a:hover, li#naviLeistungen a:hover, li#naviBaustoffe a:hover, li#naviReferenzen a:hover, li#naviKontakt a:hover, li#naviImpressum a:hover {background:none;}


/* Slogan
-------------------------------------------------------------*/
#slogan {display: none;}


/* subnav -- Unternavigation
-------------------------------------------------------------*/

#col1 #subnav {
	float:left;	
	position:absolute;
	top:300px;
	width:152px;
	left:0px;
}

#col1 #subnav  a {
	display: block;
	height:20px;
	width:152px;
}


#col1 #subnav span {display:none;}

#col1 #subnav ul,#subnav li {
	float: left;
	display: block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type: none;
} 

/* -- Unternehmen -- */
li#subnavKomplettbau a {background: url(../images/subnavigation/komplettbau.gif) no-repeat left top;}
li#subnavKomplettbau a:hover {background: url(../images/subnavigation/komplettbau.gif) no-repeat 0 -20px;}

li#subnavGruppe a {background: url(../images/subnavigation/gruppe.gif) no-repeat left top;}
li#subnavGruppe a:hover {background: url(../images/subnavigation/gruppe.gif) no-repeat 0 -20px;}

/* -- Leistungen -- */
li#subnavKompetenzen a {background: url(../images/subnavigation/kompetenzen.gif) no-repeat left top;}
li#subnavKompetenzen a:hover {background: url(../images/subnavigation/kompetenzen.gif) no-repeat 0 -20px;}

li#subnavStahlbetonholz a {background:  url(../images/subnavigation/stahlbetonholz.gif) no-repeat left top;}
li#subnavStahlbetonholz a:hover {background:  url(../images/subnavigation/stahlbetonholz.gif) no-repeat 0 -20px;}

/* -- Baustoffe -- */
li#subnavStahl a {background: url(../images/subnavigation/stahl.gif) no-repeat left top;}
li#subnavStahl a:hover {background: url(../images/subnavigation/stahl.gif) no-repeat 0 -20px;}

li#subnavMassiv a {background: url(../images/subnavigation/massiv.gif) no-repeat left top;}
li#subnavMassiv a:hover {background: url(../images/subnavigation/massiv.gif) no-repeat 0 -20px;}

li#subnavHolz a {background: url(../images/subnavigation/holz.gif) no-repeat left top;}
li#subnavHolz a:hover {background: url(../images/subnavigation/holz.gif) no-repeat 0 -20px;}

/* -- Referenzen -- */
li#subnav_r1 a {background: url(../images/subnavigation/referenzen.gif) no-repeat left top;}
li#subnav_r1 a:hover {background: url(../images/subnavigation/referenzen.gif) no-repeat 0 -20px;}

li#subnav_r2 a {background: url(../images/subnavigation/albgold.gif) no-repeat left top;}
li#subnav_r2 a:hover {background: url(../images/subnavigation/albgold.gif) no-repeat 0 -20px;}

li#subnav_r3 a {background: url(../images/subnavigation/konzept.gif) no-repeat left top;}
li#subnav_r3 a:hover {background: url(../images/subnavigation/konzept.gif) no-repeat 0 -20px;}

li#subnav_r4 a {background: url(../images/subnavigation/rebi.gif) no-repeat left top;}
li#subnav_r4 a:hover {background: url(../images/subnavigation/rebi.gif) no-repeat 0 -20px;}

li#subnav_r5 a {background: url(../images/subnavigation/huettenwerke.gif) no-repeat left top;}
li#subnav_r5 a:hover {background: url(../images/subnavigation/huettenwerke.gif) no-repeat 0 -20px;}

li#subnav_r6 a {background: url(../images/subnavigation/schloss.gif) no-repeat left top;}
li#subnav_r6 a:hover {background: url(../images/subnavigation/schloss.gif) no-repeat 0 -20px;}

li#subnav_r7 a {background: url(../images/subnavigation/silcher.gif) no-repeat left top;}
li#subnav_r7 a:hover {background: url(../images/subnavigation/silcher.gif) no-repeat 0 -20px;}


/* ---- subnavigation selcted ---- */
#subnav li.selectedKomplettbau a {background:url(../images/subnavigation/komplettbau.gif) no-repeat 0 -40px;}
#subnav li.selectedGruppe a {background:url(../images/subnavigation/gruppe.gif) no-repeat 0 -40px;}
#subnav li.selectedKompetenzen a {background:url(../images/subnavigation/kompetenzen.gif) no-repeat 0 -40px;}
#subnav li.selectedStahlbetonholz a {background:url(../images/subnavigation/stahlbetonholz.gif) no-repeat 0 -40px;}
#subnav li.selectedStahl a {background:url(../images/subnavigation/stahl.gif) no-repeat 0 -40px;}
#subnav li.selectedMassiv a {background:url(..col1/images/subnavigation/massiv.gif) no-repeat 0 -40px;}
#subnav li.selectedHolz a {background:url(../images/subnavigation/holz.gif) no-repeat 0 -40px;}
#subnav li.selected_r1 a {background:url(../images/subnavigation/referenzen.gif) no-repeat 0 -40px;}
#subnav li.selected_r2 a {background:url(../images/subnavigation/albgold.gif) no-repeat 0 -40px;}
#subnav li.selected_r3 a {background:url(../images/subnavigation/konzept.gif) no-repeat 0 -40px;}
#subnav li.selected_r4 a {background:url(../images/subnavigation/rebi.gif) no-repeat 0 -40px;}
#subnav li.selected_r5 a {background:url(../images/subnavigation/huettenwerke.gif) no-repeat 0 -40px;}
#subnav li.selected_r6 a {background:url(../images/subnavigation/schloss.gif) no-repeat 0 -40px;}
#subnav li.selected_r7 a {background:url(../images/subnavigation/silcher.gif) no-repeat 0 -40px;}

/* Bilderleiste
-----------------------------------------------------------------*/ 
#imagerowstart {
	position:relative;
	width:797px;
	float: left;
	height:142px;
	margin: 6px 0 0 0;
	overflow: hidden;
	background-image: url(../images/imagerow/hg_newsflash.jpg);
	background-repeat: no-repeat;
}

#imagerow {
	position:relative;
	width:797px;
	float: left;
	height:142px;
	margin: 6px 0 0 0;
	overflow: hidden;
}

* html #imagerowstart {margin: 0px 0 0 0;}

* html #imagerow  {margin: 0px 0 0 0;}

.image1 {float:left;}
.image2 {float:left;}
.image3 {float:left;}
.teaser {
	float: right;
	width: 168px;

}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	
}
* html #imagerowstart p {padding-top:10px;}


/* Content
-----------------------------------------------------------------*/   

#content, #contentsitemap{
	float: left;
	width: 750px;
	position: relative;
	margin: 0 0 0 0;

}	

#contentreferenzen{
	float: left;
	width: 500px;
	position: relative;
	margin: 0 0 0 0;

}	

#content hr {
  color:#CCCCCC;
  background-color:#CCCCCC;
  border:none;
  height:1px;
  padding: 0 0 0 0px;
}


.image {float:left; margin: 0px 10px 10px 0;} 
.imageright {float:right; margin: 0px 0 10px 10px;} 


/* Referenzen Aktuell
-----------------------------------------------------------------*/
.title {
	position:relative;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 0 5px 0;
}
.title a {text-decoration: none; color: #666666;}
.title a:hover {text-decoration: none; color: #999999;}

.arrow {float:right;}
* html .arrow {float:right; margin: 4px 0 0 0;}

.newsimg {float:left; padding-right:10px;}

.title a {text-decoration: none;}
	
#colimages{
	float: left;
	width: 0px;
	position: relative;
	margin: 30px 0 0 34px;
}	
* html #colimages{margin: 0px 0 0 31px;}

.colimage {display:none;}
* html .colimage {margin: 25px 0 10px 2px;}
	
.backue{
	position: absolute;
	width: 110px;
	margin: 25px 0 0 340px;
}	


/* Referenzen Fest
-----------------------------------------------------------------*/
#refer p{display: inline;}

#col3{
	float: left;
	width: 200px;
	height: auto;
	position: relative;
	margin: 50px 0 0 0px;

}

#col3 hr {
	color:#CFCFCF;
	background-color:#CFCFCF;
	border:none;
	height:1px;
	padding: 0 0 0 0px;
	background-position: left;
}

* html #col3 hr {
  color:#CFCFCF;
  background-color:#CFCFCF;
  border:none;
  height:1px;
  padding: 0 0 0 0px;
}
* html #col3 p {
  display: inline;
}

#col3uimage{
	float: left;
	width: 265px;
	height: auto;
	position: relative;
	margin: 0 0 0 20px;

}

* html #col3uimage{
	float: left;
	width: 275px;
	height: auto;
	position: relative;
	margin: 0 0 0 0;

}
.gab {margin-left:12px;}

.imagereferenzen {float:right;margin:0 0 0 0px;}

.detail{
	margin: 0 0 0 0;	
}
/* Sitemap
-----------------------------------------------------------------*/
#contentsitemap p  {
	position: relative;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 2px 0 0 0;}		

#contentsitemap a  {
	color: #D80000;
	text-decoration: none;
}	 

#contentsitemap a:hover  {
	color: #C43231;
	text-decoration: underline;
}	

#contentsitemap .site  {float:left;}

#contentsitemap hr {
	color:#CCCCCC;
	background-color:#CCCCCC;
	width: 390px;
	border:none;
	height:1px;
	padding: 0;
	text-align: left;
	background-position: left;
	clear: left;
}

/* Interviews - COL3
-----------------------------------------------------------------*/
#col3news{
	float: left;
	width: 750px;
	position: relative;
	margin: 0 0 0 0;
	text-align: justify;
}	

#col3news .achtung{display:none;}	
#col3news .achtung2{display:none;}	




/* Startseite - COL3
-----------------------------------------------------------------*/
#colimage3{
	float: right;
	position: relative;
	margin: 0 1px 0 0;
}	

/* Baustoffe - HOlZ
-----------------------------------------------------------------*/
#colimagesholz{
	float: left;
	width: 275px;
	position: relative;
	margin: 15px 0 0 34px;
}	
* html #colimagesholz {float:left;margin: 10px 0 0 21px;}

h3 .holz{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D80000;
	margin: 15px 0 15px 0;
	padding:0px 0 0 5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D80000;
	font-weight: normal;
}

#content #holz1 {
	float:left;
position:absolute;
	width:450px;
	visibility: hidden;
}
#content #holz2 {
	float:left;
position:absolute;
	width:450px;
	visibility: hidden;
}

.holzimage {display:none;} 





/* col3 Baustoffe - BETON
-----------------------------------------------------------------*/
.col3beton{
	float: right;
	position: relative;
	margin: 0 1px 0 0;
}

.rahmen {display: none;}



/* Footer
-----------------------------------------------------------------*/

#footer {display: none;}