* { 
  margin: 0;
  padding: 0;
  border: 0 none;
}


body { 
 text-align: center;
 background-color: #FFF;
 color: #4c4c4c;
 font: 11px/1.5em Verdana, Arial, sans-serif;
}

table {
 color: #4c4c4c;
 font: 11px/1.5em Verdana, Arial, sans-serif;
}



pre { font: 11px/1.5em Verdana, Arial, sans-serif; }

img { 
  display: block;
}

div { 
  overflow: hidden;
}

a { 
 text-decoration: underline;
 color: #039;
}

a:hover {
 color: #c10044;
}

#rahmen { 
  position: relative;
  text-align: left;
  margin: 2% auto 0;
  width: 800px; height: 600px;
  background: transparent url(images/rahmen.jpg) top left no-repeat;
}

#center { 
  position: relative; top: 11px; left: 10px;
  width: 781px; height: 588px;
  background: transparent url(images/hintergrund.jpg) bottom left no-repeat;
}

#kopf { position: absolute; top: 0; left: 0; width: 431px; height: 82px; }

#logo {
  margin-left: 431px;
}

#hintergrund_zusatz1 {
  position: absolute; top: 96px; left: 112px; z-index: 2;
  behavior: url(pngbehavior.htc);
  width: 205px; height: 39px;
}
#hintergrund_zusatz2 {
  position: absolute; top: 96px; left: 317px; z-index: 2;
  behavior: url(pngbehavior.htc);
  width: 433px; height: 15px;
}

#nav-oben {
  height: 11px; width: 781px;
  background-color: #fff;
  position: relative;
}

#nav-oben img { height: 10px; }
#nav-oben a {  font: bold 11px/1em Verdana, Arial, sans-serif; color: #039; text-transform: uppercase;}
#nav-oben a:hover { color: #c30; }
#nav-oben a.aktiv { color: #c30; }


#spacer-normal { height: 60px; }
#spacer-hoch { height: 4px; }

#nav-links {
  position: absolute; top: 153px; left: 0; z-index: 3;
  height: 435px; width: 112px;
  text-align: right;
  overflow: visible;
}

#main { position: relative; }

div.main.produkte { margin-left: 292px; }
div.main.philosophie { margin-left: 168px; }
div.main.fixed { overflow: show; }
div.main.scroll {
  overflow: auto;
  scrollbar-face-color: #039;
}

div.main.philosophie .produkte ol, div.main.produkte div ol,
div.main.philosophie .produkte ul, div.main.produkte div ul,
div.main.philosophie .produkte table, div.main.produkte div table { width: 265px; }

div.main ul { margin-left: 20px; }


div.main.hoch { height: 491px; }
div.main.normal { height: 435px; }

/* Navigationsleiste Oben */

#nav-home, #nav-produkte, #nav-kongresse, #nav-faq {
  position: absolute; top: 1px;
}

#nav-home, #nav-produkte, #nav-kongresse, #nav-faq { margin-top: 0; }

#nav-home { left: 163px; }
#nav-produkte { left: 287px; }
#nav-kongresse { left: 436px; }
#nav-faq { left: 704px; }

/* Navigationsleiste Links */

#nav-links img, #nav-links a {
  position: absolute; right: 0;
}

#nav-links a { font: 10px/1em Verdana, Arial, sans-serif; }
#nav-links a.aktiv { color: #930; }


#nav-links img.flagge { width: 41px; height: 24px; right: 12px; }
#fl-de { top: 42px; }
#fl-uk { top: 74px; }
#fl-fr { top: 106px; }

#nav-l1 { top: 0; }
#nav-l2 { top: 20px; }
#nav-l3 { top: 40px; }
#nav-l4 { top: 60px; }
#nav-l5 { top: 80px; }
#nav-l6 { top: 100px; }
#nav-l7 { top: 120px; }
#nav-l8 { top: 140px; }
#nav-l9 { top: 160px; }
#nav-l10 { top: 180px; }
#nav-kontakt { top: 232px; }
#nav-impressum { top: 252px; }
#nav-fragen { top: 272px; }
#nav-downloads { top: 292px; }
#nav-verweise { top: 312px; }
#nav-language { top: 332px; }

/* Sub Navigationsleiste */

#nav-sub {
  position: absolute; top: 97px; left: 283px; z-index: 2;
  height: 14px; width: 389px;
  background-color: #fff;
}

#nav-olfaktometrie, #nav-sticks, #nav-gustometrie, #nav-strips { position: absolute; top: 0; }
a#nav-olfaktometrie, a#nav-sticks, a#nav-gustometrie, a#nav-strips { position: absolute; top: 2px; }
#nav-sub a { font: 9px/1em Verdana, Arial, sans-serif; }
#nav-sub a.aktiv { color: #930; }

#nav-sub-schatten {
  position: absolute; top: 91px; left: 276px; z-index: 2;
  behavior: url(pngbehavior.htc);
  width: 409px; height: 34px;
}

/* Main */

div.main h1 {
  font: 16px Verdana, Arial, sans-serif;
  color: #039;
  margin: 15px 0 5px;
}
div.main h2, div.main h2 a {
  font: bold 12px Verdana, Arial, sans-serif;
  color: #039;
  margin: 15px 0 5px;
  text-decoration: none;
}
div.main h2 a:hover {
  color: #930;
}

div.main h3 {
  font: bold 11px Verdana, Arial, sans-serif;
  margin: 10px 0 5px;
}

div.main img.head1 { margin-bottom: 20px; }
div.main.normal div.head1 { height: 0; }
div.main.hoch div.head1 { height: 56px; }
div.main h1.head1 {
  margin: 0 0 20px;
  font: 14px Verdana, Arial, sans-serif;
  color: #999;
}
div.main h2.head1 { 
  font: bold 11px Verdana, Arial, sans-serif;
  color: #4c4c4c;
  margin: 0 0 20px; font-weight: bold;
}
div.main h1.head1.orange { color: #039; }
div.main h1.head1.rot { color: #c30; }



div.main img.embed { margin: 15px 0; }

div.main p.head1 { padding-right: 270px; margin-bottom: 20px; font-weight: bold; overflow: visible;}
div.main p.head1.produkte { padding-right: 170px; }

div.main p.bildunterschrift { font: 9px/1.5em Verdana, Arial, sans-serif; }

div.main p { padding-right: 88px; margin: 3px 0 5px; clear: left; }
.philosophie.main p { padding-right: 170px; }

div div.main .philosophie { margin-left: 0; }
div div.main .produkte { margin-left: 122px; }
div div.main .service { margin-left: 271px; }
div div.main .kongresse { margin-left: 383px; }


/* Rows (Tabellen Ersatz )*/

div.row {
 padding: 1px 0 0; margin: 0;
 clear: both;
}

div.row.rechts { text-align: right; width: 200px; }

div.row span { display: block; }

div.row span.links {
 float: left;
 width: 150px;
}

div.row span.rechts { margin-left: 155px; padding-right: 170px; }
div.row div.rechts { padding-right: 170px; }


div.form.row { padding: 1px 0 0; }
div.form.row span.links, div.form.row span.rechts { padding: 0; margin: 0; }

div.form.row span.links { width: 164px; }
div.form.row span.rechts { float: left; }

/* welcher Browser macht hier Probleme? - multiclassing, non form feedback rows*/
div.main div.form.feedback.row { width: 318px; }
div.main div.row { width: auto; }

div.form.row input, div.form.row textarea { background-color: #eee; }
div.form.row.feedback input, div.form.row.feedback textarea { background-color: #fff; }

div.form.row input.submit { border: 1px black solid; background-color: #eee; }

div.form.row span input.text { width: 154px; height: 18px; }
div.form.row input.text { width: 318px; height: 18px; }
div.form.row textarea { width: 318px; height: 80px; }



/* Produkte */

a.pr img.link { position: absolute; z-index: 3; }

#pr-1 img {
  top: 405px; left: 194px;
  width: 114px; height: 130px;
}
#pr-2 img {
  top: 405px; left: 340px;
  width: 140px; height: 130px;
}
#pr-3 img {
  top: 378px; left: 510px;
  width: 96px; height: 157px;
}
#pr-4 img {
  top: 405px; left: 620px;
  width: 100px; height: 130px;
}


img.produkt-medium { height: 300px; margin: 50px 0 -10px; }
img.produkt-medium2 { height: 200px; margin: 30px 0 0; }
img.produkt-medium3 { height: 240px; margin: 30px 0 0; }

/* Produkte Sub Navigationsleiste */

#nav-olfaktometrie { left: 5px; }
#nav-sticks { left: 108px; }
#nav-gustometrie { left: 218px; }
#nav-strips { left: 314px; }


/* Produkte Ueberblick */

div.main ul.ueberblick { 
 list-style: none;
 margin: 0;
}

ul.ueberblick li { 
 clear: left;
 padding-top: 15px;
}

ul.ueberblick span {
 display: block;
 margin-left: 147px;
 padding-right: 88px;
}

ul.ueberblick span.head {
 font-size: 11px; font-weight: bold;
 padding-bottom: 10px;
}

ul.ueberblick img {
 float: left;
}

ul.ueberblick a { color: #4c4c4c; }

div.list-spacer { height: 40px; }

/* FAQs */

a.faq-link:hover { color: #c10044; }

div.faq { overflow: visible; }
img.faq { float: left; margin: 3px 0 0 -15px; }
div.faq div.q, div.faq div.a { padding-right: 160px; overflow: visible; }
div.faq div.q { margin-bottom: 15px; }
div.faq div.a { margin-bottom: 40px; }
div.faq div.a p, div.faq div.q p { padding: 0; margin: 10px 0; }



/* Kontakt */

#kontakt-table td { padding: 20px 0 0; vertical-align: top; }
#kontakt-table-jp td { padding: 6px 0 0; vertical-align: top; }


/* Downloads */

div.main h2.downloads { margin: 8px 0 0; color: #4c4c4c; }
div.downloads {
  text-align: right;
  font-size: 11px;
  letter-spacing: 0;
  width: 240px;
  border-top: 1px #4c4c4c solid;
}

/* Kongresse & Neuigkeiten */

#kongresse-neuigkeiten-liste { width: 300px; }

div.news { margin: 5px 0; }
div.news em.datum { font-style: normal; }
div.news h3 { margin: 5px 0 0 20px; font-weight: normal; }
div.news p { margin-left: 20px; }