/* general */

* {
 padding:0;
 margin:0; 
 border: none;
 text-decoration: none;
 }

body {
 color: #333;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 18px;
 background: #666 url(../img/bg.gif) left top repeat-y;
 }

body#pageGallery {
 background: #666 url(../img/bgGallery.gif) left top repeat-y;
 }

h1 {
 font-size: 24px;
 line-height: 32px;
 }

ul {
 list-style-type: none;
 }

a {
 font-weight: normal;
 }

a img {
 display: block;
 text-decoration: none;
 }

em {
 font-style: normal;
 font-weight: bold;
 }



/* logo */

#logo {
 position: absolute;
 top: 0;
 left: 0;
 width: 240px;
 height: 80px;
 padding-top: 20px;
 background-color: #fff;
 }

#logo a, #logo a img {
 display: block;
 }



/* navigation */

#nav {
 position: absolute;
 top: 105px;
 left: 0;
 width: 210px;
 min-height: 400px;
 color: #fff;
 padding: 0 15px;
 }

#nav a:hover {
 background: url(../img/navActive.gif) right center no-repeat;
 }

#nav h3 a, #nav h4 a {
 display: block;
 color: #fff;
 font-size: 15px;
 padding: 10px 0;
 border-top: 1px solid #fff;
 }

#nav h3 a:hover {
 background: url(../img/navOpen.gif) 192px center no-repeat;
 }

#nav h4 a {
 border-top: none;
 }

#nav #accordion h3 a.active {
 background: url(../img/navOpen.gif) 192px center no-repeat;
 }

#nav h4 a.active, #nav div a.active {
 font-weight: bold;
 background: url(../img/navActive.gif) right center no-repeat;
 }

#accordion div {
 padding: 0 0 14px 20px;
 }

#nav #accordion div a {
 display: block;
 color: #fff;
 font-size: 13px;
 line-height: 16px;
 padding: 4px 24px 6px 0;
 }

#nav h4.gallery {
 display: none;
 height: 28px;
 padding-left: 35px;
 background: url(../img/gallery.gif) left center no-repeat;
 margin-top: 40px;
 }

#nav h4.gallery a {
 padding: 5px 0;
 }



/* content */

#content {
 position: absolute;
 left: 300px;
 top: 95px;
 width: 440px;
 }

#content p {
 font-size: 13px;
 padding-bottom: 10px; 
 }

#content p span {
 color: #666;
 }

#content a {
 color: #666;
 text-decoration: underline;
 }

#content ul {
 padding-bottom: 10px; 
 }

#content li {
 font-size: 13px;
 padding: 0 0 5px 25px;
 background: url(../img/listPoint.gif) left 3px no-repeat; 
 }

#content h1 {
 color: #fff;
 font-size: 0.001em; 
 line-height: 0.001em;
 width: 430px; 
 height: 55px;
 padding-bottom: 15px;
 background-position: left 2px;
 background-repeat: no-repeat;
 }

#content h1.short {
 height: 32px;
 }

div.separator {
 clear: both;
 height: 1px;
 font-size: 0.001em;
 line-height: 0.001em;
 background: #aaa;
 margin: 25px 0;
 }

#content h2 {
 color: #fff;
 font-size: 0.001em; 
 line-height: 0.001em; 
 width: 430px;
 height: 25px;
 padding-bottom: 10px;
 background-position: left 2px;
 background-repeat: no-repeat;
 margin-top: 15px;
 }



/* headlines */

h1.wir-arbeiten-mit {
 background-image: url(../h1/wir-arbeiten-mit.gif);
 }
h1.verlassen-sie-sich {
 background-image: url(../h1/verlassen-sie-sich.gif);
 }
h1.tradition-und-erfahrung {
 background-image: url(../h1/tradition-und-erfahrung.gif);
 }
h1.ihre-chance-in {
 background-image: url(../h1/ihre-chance-in.gif);
 }
h1.unsere-umfangreichen {
 background-image: url(../h1/unsere-umfangreichen.gif);
 }
h1.unsere-einstell-lehren {
 background-image: url(../h1/unsere-einstell-lehren.gif);
 }
h1.klug-konstruierte-vorrichtungen {
 background-image: url(../h1/klug-konstruierte-vorrichtungen.gif);
 }
h1.wir-koennen-auch {
 background-image: url(../h1/wir-koennen-auch.gif);
 }
h1.keine-ausfaelle-dank {
 background-image: url(../h1/keine-ausfaelle-dank.gif);
 }
h1.fertig-zum-einsatz {
 background-image: url(../h1/fertig-zum-einsatz.gif);
 }
h1.einzelteil-lohnfertigung {
 background-image: url(../h1/einzelteil-lohnfertigung.gif);
 }
h1.unser-cad-cam-service {
 background-image: url(../h1/unser-cad-cam-service.gif);
 }
h1.entwicklung-und-konstruktion {
 background-image: url(../h1/entwicklung-und-konstruktion.gif);
 }
h1.maschinenpark {
 background-image: url(../h1/maschinenpark.gif);
 }
h1.so-finden-sie-uns {
 background-image: url(../h1/so-finden-sie-uns.gif);
 }
h1.mit-ihrem-anliegen {
 background-image: url(../h1/mit-ihrem-anliegen.gif);
 }
h1.cad-cam-datenaustausch {
 background-image: url(../h1/cad-cam-datenaustausch.gif);
 }
h1.impressum {
 background-image: url(../h1/impressum.gif);
 }

h2.unsere-staerken {
 background-image: url(../h2/unsere-staerken.gif);
 }
h2.kompetente-entwicklung {
 background-image: url(../h2/kompetente-entwicklung.gif);
 }
h2.hochpraezise-fertigung {
 background-image: url(../h2/hochpraezise-fertigung.gif);
 }
h2.flexibler-kundenorientierter {
 background-image: url(../h2/flexibler-kundenorientierter.gif);
 }
h2.historie {
 background-image: url(../h2/historie.gif);
 }
h2.die-inhaberfamilie {
 background-image: url(../h2/die-inhaberfamilie.gif);
 }
h2.freie-stellen {
 background-image: url(../h2/freie-stellen.gif);
 }
h2.ausbildung {
 background-image: url(../h2/ausbildung.gif);
 }
h2.normale-bearbeitungen {
 background-image: url(../h2/normale-bearbeitungen.gif);
 }
h2.spezielle-bearbeitungen {
 background-image: url(../h2/spezielle-bearbeitungen.gif);
 }
h2.die-abmessungen {
 background-image: url(../h2/die-abmessungen.gif);
 }
h2.ihr-ansprechpartner {
 background-image: url(../h2/ihr-ansprechpartner.gif);
 }
h2.software-und-datenformate {
 background-image: url(../h2/software-und-datenformate.gif);
 }
h2.fraesen-bohren {
 background-image: url(../h2/fraesen-bohren.gif);
 }
h2.flach-profilschleifen {
 background-image: url(../h2/flach-profilschleifen.gif);
 }
h2.koordinatenschleifen {
 background-image: url(../h2/koordinatenschleifen.gif);
 }
h2.rundschleifen {
 background-image: url(../h2/rundschleifen.gif);
 }
h2.drehen {
 background-image: url(../h2/drehen.gif);
 }
h2.erodieren {
 background-image: url(../h2/erodieren.gif);
 }
h2.sonstiges {
 background-image: url(../h2/sonstiges.gif);
 }
h2.lageplan {
 background-image: url(../h2/lageplan.gif);
 }



/* business card */

#card {
 position: absolute;
 color: #fff;
 font-size: 12px;
 line-height: 15px;
 font-weight: lighter;
 left: 815px;
 top: 95px;
 width: 180px;
 }

#card p {
 padding-bottom: 10px; 
 }

#card p a {
 color: #fff;
 text-decoration: underline;
 }



/* gallery */

#gallery {
 position: absolute;
 color: #fff;
 font-size: 12px;
 line-height: 15px;
 font-weight: lighter;
 left: 815px;
 top: 240px;
 width: 180px;
 }

#gallery p {
 padding: 0 0 10px 0;
 }

#gallery p a {
 color: #fff;
 text-decoration: underline;
 }

#gallery h3 {
 color: #666;
 font-size: 0.001em; 
 line-height: 0.001em; 
 height: 19px;
 background-position: left 2px;
 background-repeat: no-repeat;
 }

h3.referenzbilder {
 background-image: url(../h3/referenzbilder.gif);
 }

div.imgFrame {
 width: 160px;
 height: 84px;
 padding: 4px 0 0 4px;
 background: url(../img/bgFoto.gif) left top no-repeat;
 margin: 3px 0 0 0;
 }

div.imgFrame img {
 display: block;
 width: 147px;
 height: 74px;
 border: 1px solid #fff;
 }

div.imgFrame a:hover img {
 border: 1px solid #999;
 }