/*

   CSS für http://franzfunke.de
   Webdesign & Internetconsulting
   Christian Fischer
   www.c-fischer.com - office@c-fischer.com

*/

/* ............................................................................. Reset'em all */
* {
  margin: 0;
  padding: 0;
}


/* ............................................................................. Basics */
body {
  background-color: #474747;
  color: #231F20;
  font-family: arial, helvetica, swiss, sans-serif;
  font-size: 11px;
}

hr {
  margin: 0 0 -1px 0;
  width: 1px;
  height: 1px;
  border: none;
  clear: both;
  visibility: hidden;
}
img {
  border: none;
}

#preloader img {
  width: 1px;
  height: 1px;
}


/* ............................................................................. Aufbau */
#wrapper {
  position: absolute;
  top: 48%;
  left: 50%;
  margin-top: -274px;
  margin-left: -50%;
  width: 100%;
  height: 548px;
  background-image: url(../images/back-body.gif);
  background-repeat: repeat-x;
}
#page {
  margin: 0 auto;
  width: 900px;
  height: 548px;
  border-left: 15px solid #474747;
  border-right: 15px solid #474747;
  background-color: #E6E6E6;
  background-image: url(../images/back-page.gif);
}
#head {
  margin: 0 0 11px 0;
  height: 121px;
  background-image: url(../images/back-head.gif);
  background-repeat: no-repeat;
}
	#head p {
           margin: 7px 31px 4px 0;
           padding: 0 20px 0 0;
           height: 15px;
           text-align: right;
           background-image: url(../images/gesco-kl.gif);
           background-repeat: no-repeat;
           background-position: right;
         }
         #head p a {
           color: #959595;
           text-decoration: none;
         }
         #head p a:hover {
           color: #231F20;
         }
         #head h1 {
           position: relative;
           width: 900px;
           height: 95px;
           overflow: hidden;
           font-size: 1px;
           z-index: 0;
         }
         #head h1 a {
           color: #e6e6e6;
         }
         #head h1 span {
           position: absolute;
           top: 0;
           left: 0;
           width: 900px;
           height: 95px;
           z-index: 2;
           cursor: pointer;
         }
         /* image replacement findet unten
            separat für jede headline statt */

#navi {
  width: 181px;
  float: left;
}
	#navi ul {
           list-style-type: none;
         }
         #navi ul li {
           margin: 0 0 3px 0;
           padding: 2px 14px 2px 0;
           background-color: #787878;
           border-top: 1px solid #787878;
           border-bottom: 1px solid #787878;
           text-align: right;
         }
         #navi ul li:hover, #navi ul li.active {
           background-color: #e6e6e6;
           border-top: 1px solid #afafaf;
           border-bottom: 1px solid #afafaf;
         }
         #navi ul li a {
           text-decoration: none;
           font-weight: bold;
           font-size: 12px;
           color: #fff;
         }
         #navi ul li:hover a, #navi ul li.active a {
           color: #FF0016;
           display: block;
         }

         #slideshow {
           margin: 6px 0 0 20px;
         }


#content {
  margin: 23px 0 3px 222px;
  padding: 0 0 20px 0;
  height: 358px;
  width: 649px;
  overflow: auto;
}
#agb {
  padding: 0 14px 0 0;
  width: 167px;
  text-align: right;
  float: left;
}
	#agb a {
	  color: #e6e6e6;
           text-decoration: none;
	}
#adresse {
  margin: 0 0 0 211px;
  color: #959595;
}
	#adresse a {
           color: #959595;
           text-decoration: none;
         }
         #adresse a:hover {
           color: #231F20;
         }


#subnavi {
  margin: 0px 0 16px 0 !important;
  color: #696969;
}
	#subnavi .subactive {
           color: #FF0016;
         }
         #subnavi a {
	  color: #696969;
           text-decoration: none;
         }

#preloader {
  position: absolute;
  top: -1000px;
  left: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}


/* ............................................................................. Inhalt */
#content {
  line-height: 16px;
}
#content h1 {
  margin: 20px 0 16px 0;
  text-transform: lowercase;
  color: #696969;
  font-size: 28px;
  font-weight: bold;
}

#content h2 {
  margin: 0 0 16px 0;
  text-transform: lowercase;
  color: #FF0016;
  font-size: 18px;
  font-weight: bold;
}

#content p {
  margin: 0 0 9px 0;
}
	#content p.narrow {
           width: 240px;
         }

#pix {
  float: right;
}
	#pix.single {
           margin: 26px 64px 0 25px;
           width: 274px;
         }
         #pix.double {
           margin: 0 64px 0 25px;
         }



#aps th {
  padding: 4px 4px 0 0;
  text-align: left;
  font-weight: bold;
}
#aps td {
  padding: 0 60px 0 0;
}
#aps td.mail {
  padding-left: 18px;
  background-image: url(../images/ic-email.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
}
#aps td.phone {
  padding-left: 15px;
  background-image: url(../images/ic-phone.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
}
#aps a {
  text-decoration: none;
  color: #231F20;
}

#imp {
  margin: 24px 0 0 0;
}
#imp th {
  padding: 6px 4px 0 0;
  text-align: left;
  font-weight: bold;
}
#imp td {
  padding: 0 20px 0 0;
}
#imp a {
  text-decoration: none;
  color: #231F20;
}

#leftcol {
  margin: 0 40px 0 0;
  width: 320px;
  float: left;
}
	#leftcol h1 {
           margin-top: 0 !important;
         }
#rightcol {
  margin: 0 0 0 360px;
  width: 280px;
  line-height: 13px;
}
	#rightcol p {
           margin-bottom: 4px;
         }

.hl {
  font-size: 12px;
}
.red {
  color: #FF0016;
}



a.inline {
  text-decoration: none;
  color: #231F20;
}




/* ............................................................................. image replacement headlines */
#logoindex span {
  background-image: url(../images/logoindex.jpg);
}
#logoprodukte span {
  background-image: url(../images/logoprodukte.jpg);
}
#logoquali span {
  background-image: url(../images/logoquali.jpg);
}
#logologistik span {
  background-image: url(../images/logologistik.jpg);
}
#logoumwelt span {
  background-image: url(../images/logoumwelt.jpg);
}
#logoansprechp span {
  background-image: url(../images/logoansprechp.jpg);
}
#logovertretungen span {
  background-image: url(../images/logovertretungen.jpg);
}
#logokontakt span {
  background-image: url(../images/logokontakt.jpg);
}