html {
cursor: default;
min-height:101%;
font-size:100.01%;
position:relative;
text-align:center;
}

* {
font-size:100%;
margin:0;
padding:0;
}

body {
height:100%;
background-color:#F2F3E1;
color:#555555;
font-size:62.5%;
font-family:'Trebuchet MS','Arial','Verdana';
}

/*----------------------------------------------------------------------
/* Background */

div#bg {
  background:#E46A00; 
  height:229px; 
}

/*----------------------------------------------------------------------
/* Border */

div#border {
width:918px;
margin:-229px auto;
background-image:url('img/rahmen.jpg');
background-repeat:repeat-y;
}

/*----------------------------------------------------------------------
/* Header */

div#header {
background-image:url('img/header.jpg');
height:324px;
background-repeat:no-repeat;
}

div#spalte1 {
float:left;
}

a#header1 {
display:block;
margin:74px 0 0 34px;
background-image:url('img/index.jpg');
width:414px;
height:145px;
background-repeat:no-repeat;
}

a#header1:hover {
background-image:url('img/indexhover.jpg');
}
div#navi {
margin:18px 0 0 34px;
height:54px;
width:414px;
}

div#header2 {
float:left;
margin:75px 0 0 18px;
width:360px;
height:216px;
}

.index {
background-image:url('img/hr-index.jpg');
}

.leistungen {
background-image:url('img/hr-leistungen.jpg');
}

.referenzen {
background-image:url('img/hr-referenzen.jpg');
}

.uberuns {
background-image:url('img/hr-uberuns.jpg');
}

.kontakt {
background-image:url('img/hr-kontakt.jpg');
}

/*----------------------------------------------------------------------
/* Navigation */

#navi {
height:54px;
width:414px;
overflow:hidden;
}

#navi ul {
float:left;
display:inline;
list-style-type:none;
}

#navi ul li {
display:block;
background-image:url('img/navi.jpg');
float:left;
height:54px;
}

#navi ul li a {
display:block;
background-image:url('img/navi.jpg');
float:left;
height:54px;
}

#navi span {
display:none;
}

li#leistungen a {
width:113px;
background-position:0 0px;
}

li#leistungen a:hover {
width:113px;
background-position:0 108px;
}

li#leistungenactive {
width:113px;
background-position:0 54px;
}

li#referenzen a {
width:110px;
background-position:-113px 0px;
}

li#referenzen a:hover {
width:110px;
background-position:-113px 108px;
}

li#referenzenactive {
width:110px;
background-position:-113px 54px;
}

li#uberuns a {
width:94px;
background-position:-223px 0px;
}

li#uberuns a:hover {
width:94px;
background-position:-223px 108px;
}

li#uberunsactive {
width:94px;
background-position:-223px 54px;
}

li#kontakt a {
width:97px;
background-position:-317px 0px;
}

li#kontakt a:hover {
width:97px;
background-position:-317px 108px;
}

li#kontaktactive {
width:97px;
background-position:-317px 54px;
}

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

#content {
font-size:130%;
padding:10px;
margin-top:10px;
overflow:hidden;

}

#content #links {
width:378px;
float:left;
margin:0 10px 0 40px;
text-align:justify;
}

  #content #links #anfrage1 {
  display:block;
  height:115px;
  padding:0 125px 0 0;
  background-image:url('img/anfrage.jpg');
  background-position:right;
  background-repeat:no-repeat;
  text-decoration:none;
  color:#555555;
  margin:-20px 0 0 0;
  }

#content #trennstreifen {
width:17px;
height:241px;
float:left;
background-image:url('img/trenndingstl.gif');
background-repeat:no-repeat;
margin:80px 0 0 10px;
}

#content #rechts {
margin:50px 0 0 40px;
width:315px;
float:left;
color:#EEEEEE;
}

  #ap01 {
  width:279px;
  background-image:url('img/box_01.gif');
  background-repeat:no-repeat;
  background-color:#777777;
  }
  
  #ap02 {
  width:279px;
  background-image:url('img/box_02.gif');
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
  #ap03 {
  padding:10px 10px 30px 10px;
  text-align:center;
  }
  
  .ap01 {
  width:279px;
  background-image:url('img/box_01.gif');
  background-repeat:no-repeat;
  background-color:#777777;
  }
  
  .ap02 {
  width:279px;
  background-image:url('img/box_02.gif');
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
  .ap03 {
  padding:10px 10px 30px 10px;
  text-align:center;
  }
  
  img {
  border:0px;
  }
  
  #ap03 .left{
  width:86px;
  float:left;
  font-weight:bold;
  padding:5px 0 0 0;
  text-align:left;
  }
  
  #ap03 .right{
  padding: 5px  0  0 96px;
  text-align:left;
  width:160px;
  }
  
  #ap03 span {
  text-align:left;
  }
  
  #ap03 .status0 {
  width:161px;
  height:10px;
  padding:0;
  margin:5px 0 0 0;
  background-image:url('img/status_0.gif');
  background-position:bottom;
  }
  
  #ap03 .status1 {
  width:120px;
  height:10px;
  padding:0;
  margin:0;
  background-image:url('img/status_1.gif');
  background-position:bottom left;
  }
  
  .alignleft {
  text-align:left;
  }
  
  #ap03 li {
  list-style-type:none;  
  padding:3px;
  }
  
hr {
clear:left;
height:1px;
display:block;
margin:0 0 4px 0;
padding-top:4px;
border-bottom:1px #999 solid;
border-top:transparent;
border-left:transparent;
border-right:transparent;
}
/*----------------------------------------------------------------------
/* Footer */

div#footer {
background-image:url('img/footer.jpg');
height:60px;
width:859px;
background-repeat:no-repeat;
background-position:bottom left;
padding:20px;
text-align:center;
font-size:130%;
}

/*----------------------------------------------------------------------
/* Überschriften */

h1 {
font-size:250%;
font-family:'Trebuchet MS','Verdana';
color:#FF9900;
font-weight:bold;
padding:0 0 10px 0;  margin:0px;
border-bottom: 1px dotted #AAAAAA;
}

h2 {
font-size:140%;
font-family:'Trebuchet MS','Verdana';
color:#FF9900;
font-weight:bold;
padding:0px;
margin:0px;
} 
  
h3 {
font-size:160%;
font-family:'Trebuchet MS','Verdana';
color:#EEEEEE;
font-weight:bold;
padding:0px;
margin:0px;
}

h4 {
font-size:20px;
font-family:'Trebuchet MS','Verdana';
color:#EEEEEE;
font-weight:bold;
padding:3px;
margin:0px;
}

/*----------------------------------------------------------------------
/* Links */

a {
color:#FF5D01;
}

a:hover {
color:#555;
} 
  
#links a {
color:#FF5D01;
background-image:url('img/pfeil.png');
padding-right:12px;
background-repeat:no-repeat;
background-position:right bottom;
}

#content #links a:hover {
color:#555;
background-image:url('img/pfeil_hover.png');
padding-right:12px;
background-repeat:no-repeat;
background-position:right bottom;
}  

a.einflussfaktor {
color:#FFF;
padding: 0 0 0 16px;
background-image:url('img/list.gif');
background-position:left;
background-repeat:no-repeat;
border-bottom:1px #FFF dotted;
text-decoration:none;
}

a.einflussfaktor:hover {
color:#FF6F00;
padding: 0 0 0 16px;
}

/*--------------------------------------------------------------------------------------------------------------------------------
/* Einzelne Seiten */
/*----------------------------------------------------------------------
/* Index */

#index {}

/*----------------------------------------------------------------------
/* Leistungen */
#leistungen {}

div.stor {
background-color:#FF6A00;
width:100px;
padding-left:10px;
float:left;
}

  div.stor span {
  font-size:30px;
  color:#EEEEEE;
  }

div.stgr {
background-color:#777777;
width:250px;
height:26px;
margin-left:3px;
float:left;
padding:10px 6px 2px 6px;
text-align:left;
}

div.stgr1 {
color:#DDDDDD;
background-color:#777777;
width:250px;
height:33px;
margin-left:3px;
float:left;
padding:3px 6px 2px 6px;
text-align:left;
}

  div.stgr span {
  color:#DDDDDD;
  }
  
div.clear {
width:0px;
clear:left;
}

div.sti {
width:112px;
float:left;
}

div.stt {
width:260px;
float:left;
text-align:left;
}

div.ni {
float:left;
width:130px;
}

/*----------------------------------------------------------------------
/* Referenzen */

#referenzen {}



#referenzen #links {
text-align:left;
}

#referenzen h2 {
color:#999;
}

div.referenzenlinks {
width:100px;
float:left;
}

div.referenzenrechts {
width:260px;
float:left;
text-align:left;
}

img.continentale {
margin:10px 0 0 -40px;
}

img.drhoedl {
margin:80px 0 0 -40px;
}

img.happybody {
margin:30px 0 0 -40px;
}

img.spektrum {
margin:70px 0 0 -40px;
}

img.prosis {
margin:100px 0 0 -40px;
}

span.red {
color:#FF0000;
font-weight:bold;
}

/*----------------------------------------------------------------------
/* Über uns */

#uberuns #links {
text-align:left;
}

#phil {
background-color:#777;
background-image:url('img/box_03.gif');
background-repeat:no-repeat;
background-position:top left;
width:147px;
height:216px;
float:left;
padding:8px;
text-align:left;
}

  #phil span {
  font-size:20px;
  }

  #phil li {
  padding: 3px 3px 3px 15px;
  background-image:url('img/list.gif');
  background-repeat:no-repeat;
  background-position:left;
  list-style-type:none;
  }
  
#philfoto {
float:left;
padding-right:3px;
}

#mats {
background-color:#777;
background-image:url('img/box_03.gif');
background-repeat:no-repeat;
background-position:top left;
width:147px;
height:189px;
float:left;
padding:8px;
text-align:left;
}

  #mats span {
  font-size:20px;
  }

  #mats li {
  padding: 3px 3px 3px 15px;
  background-image:url('img/list.gif');
  background-repeat:no-repeat;
  background-position:left;
  list-style-type:none;
  }
  
#matsfoto {
float:left;
padding-left:3px;
}

#uberunsunten {
color:#555;
text-align:left;
}

/*----------------------------------------------------------------------
/* Kontakt */

#kontakt {}

  #kontakt input {
  width:210px;
  }
  
  #kontakt .plz {
  width:40px;
  }
  
  #kontakt .ort {
  width:159px;
  padding-left:4px;
  margin-left:3px;
  }
  
  #kontakt .button {
  width:130px;
  margin-left:90px;
  }
  
#philadresse, #matsadresse {
float:left;
width:100px;
text-align:left;
}

#matsadresse {
padding-left:50px;
}

#ap04 {
background-color:#777;
background-image:url('img/box_04.gif');
background-repeat:no-repeat;
background-position:top;
width:306px;
margin-left:-25px;
text-align:left;
padding:10px;
}

#anfrage {
width:290px;
height:100px;
padding:5px;
font-size:14px;
}

.kontaktlinks {
float:left;
width:80px;
padding:4px;
}

.kontaktrechts {
float:left;
}

.kontaktselect {
width:60px;
}

.kontaktleer {
display:none;
}

/*----------------------------------------------------------------------
/* AGB */

#agb {
width:730px;
padding-left:50px;
text-align:left;
}

#agb h2 {
color:#999;
}

/*----------------------------------------------------------------------
/* Impressum */

#impressum {
width:730px;
padding-left:50px;
text-align:left;
}

/*----------------------------------------------------------------------
/* Nähere Informationen */

#ni {
width:730px;
padding-left:50px;
text-align:left;
}

#ni img {
border:0px;
}

#ni ul {
padding-left:20px;
}