/* Pehofer CSS Document */

body{ margin:0;  padding:0; background: #FFE url(../pix/hg-body.jpg) repeat-x; font-family: Arial, sans-serif; }

#page{ margin:0 auto; width:870px; height:100%; background-image:url(../pix/hg-page.png); background-repeat: repeat-y; }
* html #page{ background-image: none; background-color:#FFF; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }
img{ border:0; }
#downloads a img{ border:1px solid #999; }
a:focus{ outline:none; }
.clear{ clear:both; }
#top{ margin: 0 15px; height: 100px; background: #FD0 url(../pix/hg-top.gif) repeat-x; overflow:hidden; position:relative; }
#top h1{ margin:0; padding:0; position:absolute; top:0; left:0; width:485px; height:100px; overflow:hidden; }
#top h1 a{ text-decoration:none;  cursor:pointer;  }
#top h1 span{ position:absolute; left:0; top:0; margin:0; padding:0; width:485px; height:100px; background: url(../pix/pehofer-logo.gif) no-repeat; }
#top h2{ margin:20px 15px 15px 495px; /* font-size:16px; */ font-size:1.2em; padding:0; text-align:center; }
#top ul{ list-style-type:none; margin:0; padding:0; position:absolute; right:10px; bottom:15px; }
#top li{ display:inline;  /* font-size:14px; */ font-size:0.8em;  }
#top li a{ color:#333; padding: 3px 5px; text-decoration:none; }
#top li a:hover{ color:#000; font-style:italic;  }
#news #top li.news a, #ueber #top li.ueber a, #standorte #top li.standorte a, #kontakt #top li.kontakt a, #links #top li.links a, #downloads #top li.downloads a{ color:#000; font-style:italic; }
#balken{ margin:0 15px;  height:200px; }
#balken ul{  list-style-type:none; margin:0; padding:0; float:right; width:100%; }
#balken li{ float:left; background-repeat: no-repeat; } 
#balken li a{ display:block; margin:0; padding:0; position:relative; overflow:hidden; width:280px; height:200px; text-decoration:none; background-repeat: no-repeat; background-position: top right; }
#balken li a span{  display:none; }
#balken li.beton a{ background-image: url(../pix/transportbeton.jpg); }
#balken li.maschinen a{ background-image: url(../pix/maschinenverleih.jpg); }
#balken li.kies a{ background-image: url(../pix/kiesproduktion.jpg); }
#balken li.beton a:hover, #balken li.maschinen a:hover, #balken li.kies a:hover{ background-position: top left; }
#beton #balken li.beton a, #maschinen #balken li.maschinen a, #kies #balken li.kies a{ background-position: top left; }
#maschinen ul{ list-style-type:none; padding:0; } 
#content{ margin:0 15px; }
#content h1{ background-color:#FD0; font-size:1.2em; font-style:italic; padding:0.2em 10px; letter-spacing:1px; margin-top:0;  text-transform:uppercase; }
#content h2{ margin:0 10px; font-size:1.1em; font-style:italic; border-bottom:3px solid #FD0; letter-spacing:1px;  }
#content p, #content li{ padding:0 10px; font-size:0.9em; }
#content a{ color:#333; } 
#content a:visited{ color:#222; }
#content a:hover{ color:#000; text-decoration:none; font-style:italic; }
#content h2 a{ text-decoration:none; }
#content .textblock{ float:left; width:100%; margin-bottom:1em; }
#content .textblock img{ float:left; margin-right:0.8em; }
#content .fotos td, .reffoto{ border:2px solid #FD0; background-color:FFE; text-align:center; }
#content .clear{ clear:both; visibility:hidden; margin:0;  padding:0; }
#content em{  text-transform:uppercase; font-weight:bold; font-style:normal; }
#maincontent{ float:left;  width:560px; }
#subcontent{ margin-left:560px;  border-left:1px dashed #333; }
#bottom{ color:#AAA;  padding:0 25px; background: #FFE url(../pix/hg-bottom.png) no-repeat; min-height:35px; text-align:center; }
#bottom ul{ border-top: 1px solid #AAA; margin:0; padding:5px 0; list-style-type:none; width:100%; }
#bottom li{ font-size: 0.7em; display:inline; }
#bottom a{ color:#AAA; margin:0 10px; }
#bottom a:visited{ color:#999; }
#alexa{ position:absolute; left:-999em;  top:-999em; width:0; height:0; overflow:hidden; }