* { 
  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: none;
 color: #f60;
}

a:hover {
 color: #930;
}

#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;
}

#tabaktechnik {
  position: absolute; top: 52px; left: 543px;
}

#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: 307px; }
div.main.philosophie { margin-left: 160px; }
div.main.fixed { overflow: show; }
div.main.scroll {
  overflow: auto;
  scrollbar-face-color: #f60;
}

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-philosophie, #nav-produkte, #nav-service, #nav-messen {
  position: absolute; top: 1px;
}

a#nav-home, a#nav-philosophie, a#nav-produkte, a#nav-service, a#nav-messen { margin-top: -1px; }

#nav-home { left: 70px; }
#nav-philosophie { left: 160px; }
#nav-produkte { left: 307px; }
#nav-service { left: 431px; }
#nav-messen { left: 543px; }

/* 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: 34px; height: 19px; right: 7px;}
#fl-de { top: -14px; }
#fl-uk { top: 15px; }
#fl-fr { top: 44px; }
#fl-jp { top: 73px; }
#fl-ru { top: 102px; }
#fl-cn { top: 131px; }
#fl-es { top: 160px; }
#fl-pt { top: 189px; }

#nav-l1 { top: 0; }
#nav-l2 { top: 18px; }
#nav-l3 { top: 36px; }
#nav-l4 { top: 54px; }
#nav-l5 { top: 72px; }
#nav-l6 { top: 90px; }
#nav-l7 { top: 108px; }
#nav-l8 { top: 126px; }
#nav-l9 { top: 144px; }
#nav-l10 { top: 162px; }
#nav-l11 { top: 180px; }
#nav-l12 { top: 198px; }

#nav-kontakt { top: 232px; }
#nav-impressum { top: 252px; }
#nav-creative-corner { top: 272px; }
#nav-downloads { top: 292px; }
#nav-language { top: 312px; }

/* Sub Navigationsleiste */

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

#nav-ueberblick, #nav-forschung, #nav-qualitaet, #nav-produktion, #nav-faq { position: absolute; top: 0; }
a#nav-ueberblick, a#nav-forschung, a#nav-qualitaet, a#nav-produktion, a#nav-faq { 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: 300px; z-index: 2;
  behavior: url(pngbehavior.htc);
  width: 409px; height: 34px;
}

/* Main */

div.main h1 {
  font: 16px Verdana, Arial, sans-serif;
  color: #f60;
  margin: 15px 0 5px;
}
div.main h2 {
  font: bold 12px Verdana, Arial, sans-serif;
  color: #f60;
  margin: 15px 0 5px;
}
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: #f60; }
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 { 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: 147px; }
div div.main .service { margin-left: 271px; }
div div.main .messen { 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 */

img.produkt-medium { height: 300px; margin: 50px 0 -10px; }

table.produkt { margin: 10px 0 10px 25px; }
table.produkt td { padding: 0 15px; }

/* Produkte Sub Navigationsleiste */

#nav-ueberblick { left: 5px; }
#nav-forschung { left: 78px; }
#nav-qualitaet { left: 227px; }
#nav-produktion { left: 289px; }
/*#nav-faq { left: 367px; }*/
#nav-faq { left: 364px; }


/* 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 {
  position: absolute; left: 156px; z-index: 1;
  font: bold 9px/1.1em Verdana, Arial, sans-serif; color: #f60;
  letter-spacing: 0;
}

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

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; }


/* Burghart Weltweit */

#weltweit-karte, #weltweit-punkte {
  position: absolute; right: -4px; top: 48px;
}

img.punkt { position: absolute; padding: 3px;}

div.weltweit-adresse {
  position: absolute; top: 160px; left: 0; /* 40px */
  visibility: hidden;
  letter-spacing: 0;
}

div#weltweit-0 { top: 40px; }

/* Downloads */

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

/* Messen & Neuigkeiten */

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

div.pic-wrap { float: left; width: 180px; height: 180px; }
div.pic { height: 160px; width: 160px; }

div.pic div { padding: 15px; }

div.ls { background-image: url(images/messen_neuigkeiten/frame-ls.gif); }
div.pt { background-image: url(images/messen_neuigkeiten/frame-pt.gif); }

div.ls img{ margin: 16px 0; }
div.pt img{ margin: 0 16px; }
div.pic img { border: 1px solid; border-color: #444 #aaa #aaa #444; }


/* Creative Corner */

p.cc-entry { overflow: hidden; }