/* CSS Document */



/**
 * EHLHARDT
 *
 * Thomas Schuermann, www.tripleorange.de
 *
 */

/**
 *
 * FARBEN
 *
 * orange: #ff8f00
 * blau: #274ca3
*/


/* GRUNDLAYOUT                                                                */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

html {overflow-y: scroll;}

body {
      margin: 0;
      padding: 0 0 50px 0;
      min-height: 101%;
      height 101%;
      background: #dedede none;
      font: 100.01%/170% verdana, arial, sans-serif;
      color: #000000;
}

#breiteseitestart, #breiteseite {
      background: url(../img/body-bg-1.jpg) repeat-x 0px 82px;
}

#center {
      padding: 0;
      margin: 0 auto;
      width: 970px;

}

#kopf {
      margin: 0 0 0 0;
      padding: 0;
      height: 82px;
      width: 970px;
      /* width: 834px; */
      background: #ddd;
}


/* Logo Gilder-/Levin-Methode  http://levin.grundeis.net/files/20030809/alternatefir.html */
/* LOGO                                                                       */


#logo {
      /* width: 834px; */
      width: 324px;

      margin: 10px 0 0 0;
      padding: 0;
      height: 72px;
      background: transparent none;
      float: left;
}



#logo a {
      width: 324px;
}

#logo h1 {
      width: 324px;
      height: 72px;
      position: relative;
      padding: 0;
      margin: 0;
      color: #000;
      font-size: 75%;
}

#logo h1 span {
      background: url(../img/logo.png) no-repeat top left;
      width: 324px;
      height: 72px;
      position: absolute;
      padding: 0; margin: 0;
}



/* SERVICE MENU                                                                */
/*                                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#service {
      width: 640px;
      height: 25px;
      margin: 8px 0 0 0;
      float: left;
}

#service ul {
      /* margin: 0 0 0 175px; */
      margin: 0 0 0 0;
      padding: 0 -8px 0 0;
      line-height: 1em;
      text-align: right;
      float: right;
      height: 30px;
}

#service ul li {
      list-style-image:none;
      list-style-type:none;
      margin: 0 0  0 0;
      padding: 0 5px;
      font-size: 75%;
      letter-spacing: 0.03em;
      float: left;
      background: none 0px 5px no-repeat;
      font-family: arial, verdana, sans-serif;
      border-left: 2px solid #ddd;
}

#service ul li.active {
      background: none 0px 5px no-repeat;
      border-left: 2px solid #ff0000;
      border-bottom: 5px solid #ff0000;

}
#service ul li.active a {
      color: #ff0000;

}
#service ul li:hover {
      background: none 0px 5px no-repeat;
      border-left: 2px solid #ff0000;
}

#service ul li a, #service ul li a:link  {
      color: #333;
      text-decoration: none;
}
#service ul li a:hover {
      color: #ff0000;
}



/* HAUPTNAVIGATION                                                            */
/*                                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#navigation {
      /*  width: 859px; */
      width: 930px;
      height: 29px;
      padding: 0;
      margin: 0 0 190px 22px;

}

#navigation.servicepage {
      margin: 0 0 160px 22px;
}
     
#balken {
      height: 27px;
      /* width: 809px; */
      width: 948px;
      padding: 0 0 0 0;
}

#navigation ul {
      width: 100%;

      margin: 0 0 0 0;
      padding: 0;
}

#navigation ul li {
      height: 23px;
      list-style-image:none;
      list-style-type:none;
      margin: 0 1px 0 0;
      padding: 0 0 0 0;
      font: 75%/170% verdana, arial, sans-serif;
      letter-spacing: 0.03em;
      float: left;
      line-height: 18px;
}
#navigation ul li a, #navigation ul li a:link  {
      color: #fff;
      text-decoration: none;
      background: none;
      display: block;
      padding: 4px 15px 4px 15px;
      background: url(../img/navigation-bg.png) repeat-x top left;
}
#navigation ul li.active a { background: url(../img/navigation-bg-active.png) repeat-x top left; font-weight: 100; }
#navigation ul li.hellgrau a { background: #eee none; font-weight: 100; }

#navigation ul li.active a, #navigation ul li a:hover {
     color: #666;
}

#navigation ul li a:hover { background: url(../img/navigation-bg-active.png) repeat-x top left; }
#navigation ul li a:hover { color: #666; }




/* INHALTE                                                            */
/*                                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#inhalt-aussen {
      padding: 8px 0 0 0;
      margin: 0 auto 0 auto;
      /* width: 859px; */
      width: 970px;
      position: relative;
}
#inhalt-aussen-1 {
      padding: 8px 0 0 0;
      margin: 0 auto 0 auto;
      /* width: 859px; */
      width: 970px;
      position: relative;
}

#inhalt-aussen.servicepage { background: transparent none; }
#breiteseite.tiefbau { background:  url(../img/body-bg-1.jpg) repeat-x 0px 82px; }
#breiteseite.strassenbau { background:  url(../img/body-bg-2.jpg) repeat-x 0px 82px; }
#breiteseite.kanalbau { background:  url(../img/body-bg-3.jpg) repeat-x 0px 82px; }
#breiteseite.tankstellen { background:  url(../img/body-bg-5.jpg) repeat-x 0px 82px; }
#breiteseite.grundstueck { background:  url(../img/body-bg-4.jpg) repeat-x 0px 82px; }


#inhalt {
      padding: 10px 0 0 22px;
      margin: 34 25px 0px 22px;
      width: 948px;
      background: #fff;

}


#tags {
     position: absolute;
     width: 460px;
     height: 150px;
     top: 37px;
     left: 65px;
     z-index: 50;
}



/* Breadcrumb                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#breadcrumb {
     border: 1px dotted #000;
     border-bottom: none;
     margin: 0 0 0 22px;
     padding: 0;
     width: 676px;
     background: url(../img/navigation-bg-active.png) repeat top left;
     height: 29px;
}

#breadcrumb p {
     margin: 4px 0 0 14px;
     padding: 0 0 14px  0;
     color: #666;
}

/* BOXEN                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#boxen {
      height: 230px;
      width: auto;
      padding: 0 0 0 0;
      z-index: 50;
}

.box {
      width: 224px;
      height: 243px;
      margin: -37px 10px 0 0;
      float: left;
      z-index: 60;
      position: relative;
     background: url(../img/weiss-transparent.png) repeat top left;
}

.box-innen {
      padding: 0px;
}

.box h3 {
     border: 1px dotted #000;
     border-bottom: none;
     padding: 6px 0 6px 10px;
     margin:  0 0 0 0;
     font: 100 14px/1em verdana, arial, helvetica, 'sans-serif';
     color: #000;


}

.box h3  a { color: #000; text-decoration: none; }
.box h3  a:hover { color: #FF0000; text-decoration: underline; }

.box-rand {
     height: 217px;
     margin: 8px 0 0 0;
     border: 1px dotted #000;
     border-top: none;
     padding: 0 8px 0px 8px;
}

.box ul { padding: 0 0 0 0; margin: 10px 0 0 0; }
.box li {
     padding: 0 0 0 12px;
     margin: 0 0 0 0;
     list-style-image:none;
     list-style-type:none;
     background: url(../img/li-bg.png) no-repeat 0px 10px;
     font: 100 12px/1.7em arial, helvetica, 'sans-serif';
}
.box p {
     padding: 0 0 0 0;
     margin: 9px 0 0 0;
     font: 100 12px/1.7em arial, helvetica, 'sans-serif';
}
.box p.weiter {
     padding: 0 0 0 0;
     margin: 6px 0 0 0;
     font: 700 12px/1em arial, helvetica, 'sans-serif';
     text-align: right;
}

.box p.weiter a {
     color: #666;
     text-decoration: none;
     background: url(../img/pfeil.png) no-repeat right 1px;
     display: block;
     padding: 2px 40px 2px 0;
     }
.box p a:hover {
     background: url(../img/pfeil-hover.png) no-repeat right 1px;

     }


/* INHALT                                                         */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#inhaltsspalten {
     width: 926px;
     margin: 0 0 0 0;
     border-right: 1px dotted #ff0000;
     }


#linkespalte {
     width: 676px;
     border-left: 1px dotted #ff0000;
     border-right: 1px dotted #ff0000;
     padding: 0 0 75px 0;
     margin: 0 0 0 0;
     
     float: left;
     }
#linkespalte.startseite {
     width: 690px;
     padding: 0 0 200px 0;
}
#linkespalte.referenzenspalte {
     width: 920px;
     float: none;
     border-right: none;
     }


#linkespalte img { padding: 0 0 5px 14px; margin: 0 0 0 0; }
#linkespalte p.fotolegende { margin:  0 0 0 0; padding: 5px 0 22px 14px; font: 100 11px/0.8em arial, helvetica, 'sans-serif'; color: #666; }

#linkespalte  ul { padding: 0 44px 0 14px; margin: 10px 0 0 14px; }
#linkespalte  li {
     padding: 0 0 12px 12px;
     margin: 0 0 0 0;
     list-style-image:none;
     list-style-type:none;
     background: url(../img/li-bg.png) no-repeat 0px 10px;
     font: 100 13px/1.4em arial, helvetica, 'sans-serif';
     }

#rechtespalte {
     width: 224px;
     padding: 22px 0 0 0;
     margin: 0 0 0 9px;
     float: left;
     }

.bildergalerie {
     padding: 0 0 0 14px;
}

#linkespalte p.galeriehilfe {
     clear: left;
     padding: 0px 0 0 24px;
     margin: 5px 0 12px 0px;
     background: url(../img/lupe.png) no-repeat 0px 0px;
 
}
#linkespalte .bildergalerie img { padding: 0 10px 10px 0; margin: 0 0 0 0; border:  none; float: left;}
#linkespalte table  p, #linkespalte table ul li {  font: 100 12px/1.2em arial, helvetica, 'sans-serif'; margin-bottom: 5px; }

#linkespalte table ul li {  background: url(../img/li-bg.png) no-repeat 0px 6px;}

.entwaetaab { margin: 22px 0 0 0; }
.entwaetaab h5 { color: #666; font-weight: 700; padding: 0 0 11px 0; }
.entwaetaab tr.grau { background: #f3f3f3; margin: 22px 0 0 0;}


/* ALLGEMEINE DEFINITIONEN - links - absaetze - ueberschriften - listen                                                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */



/* :link :visited :focus :hover :active - richtige Reihenfolge beachten! */

a, a:link {
  color: #0066CC;
  text-decoration: underline;
}
a:visited {
  color: #5976B9;
}
a:focus {
  color: #ff0000;
  text-decoration: none;
}
a:hover {
  color: #ff0000;
  text-decoration: none;
}
a:active {
  color: #ff8f00;
}


p, address {
     font: 100 13px/1.4em arial, helvetica, 'sans-serif';
      color: #000000;
      padding: 0 0 0 0;
      font-style: normal;
      letter-spacing: 0.025em;
      margin: 11px 0 0 0;
     padding: 0 44px 0 14px;
}

p.hinweis {
      color:#666666;
      font-family:arial;
      font-size: 65%;
      line-height:1.1em;
      margin: 0.3em 0 0 0;
      padding: 0;
}

#rechtespalte address, #rechtespalte p {
      margin: 14px 10px 0 17px;
     padding: 0 0 14px 14px;
}


#zertifikate img {
      margin: 0 18px 0 0;
}

/* alle weiteren headlines */
h2 {
      margin: 18px 0 0 0;
      padding: 0 0 0 14px;
      color: #ff0000;
      font-style: normal;
      font-weight: 100;
      font:100 150%/26px arial, helvetica, sans-serif;
      text-align: left;
      line-height: ;
}
h2.startseite {
      margin: 8px 0 0 0;
}
h3 {
      margin: 10px 0 0 0;
      padding: 0 0 0 0;
      color: #555;
      font-weight: 100;
      font-size: 110%;
      clear: left;
      text-align: left;
}


h4 {
      font: 700 14px/1em arial, helvetica, sans-serif;
      color: #000;
      margin: 25px 0 0 0;
      padding: 0 0 10px 72px;
      background: url(../img/kontakt-bg.png) no-repeat top left;

}
h4.kontakt { color: #000; background: url(../img/kontakt-bg.png) no-repeat top left;       margin: 0 0 0 0;}
h4.kunden { color: #ff0000; background: url(../img/kunden-bg.png) no-repeat top left; }

h5 {
      font: 100 14px/1.4em verdana, arial, helvetica, sans-serif;
      color: #ff0000;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
}

h6 {
     font: 700 16px/1.4em arial, helvetica, sans-serif;
     color: #666;
     border-bottom: 1px dotted #000;
      margin: 22px 0 22px 0;
      padding: 8px 0 2px 14px;
}

#linkespalte h5 {
      margin: 22px 0 0 14px;
      padding: 0 0 0 0;
}
#linkespalte address h5 {
      margin: 22px 0 0 0;
}
#linkespalte .entwaetaab h5 { color: #666; font-weight: 700; padding: 0 0 11px 0; margin: 0 0 0 14px; }
#linkespalte .entwaetaab ul li { margin:0 0 8px 0; padding: 0 0 0 12px;}



hr {
     display: none;
     clear: all;

}

img { border: none;}

/* Fuss                                                                       */

.clearing {
      width: 948px;
      clear: left;
      background: #ffffff;
      height: 1px;
      font: 100 1px/1px arial;
      
}

/* Fuss                                                                       */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#fussoben {
      width: 970px;
      padding: 5px 0 0 0;
      margin: 0 auto 0 auto;
      text-align: left;
      clear: left;
      height: 29px;
      background: #ffffff;
}

#fussunten {
      width: 970px;
      padding: 0 0 0 0;
      margin: 0 auto 0 auto;
      text-align: left;

      height: 50px;
      background: #ffffff;
}

#roterbalken {
     height: 15px;
     width: 926px;
     margin: 0 auto;
     background: #ff0000;
}

#fussoben a.toplink {
     margin: 0 2px 0 30px;
     font: 100 12px/0.8em arial, helvetica, sans-serif;
     display: block;
     color: #000;
     text-decoration: none;

}
.copy {
     margin: 0 0 0 15px;
     padding: 15px 22px 0 0;
     color: #333;
     font: 100 12px/0.8em arial, helvetica, sans-serif;
     text-align: right;
}


p.photocase a {
     color: #000;
     text-decoration: none;
     
}
p.photocase a:hover {
     color: #000;
     text-decoration: underline;

}


/* ACCESSIBILITY   - - - - - - - - - - - -  */



.clearfix:after {
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }




/* ACCESSIBILITY                                                              */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


.accessibility {
      display: none;
}


.print {
	display: none;
}