/*
	CSS f. Biotherm Newsletter
	Version von Dez 09
*/

 /* Tags */

 * { margin: 0; padding: 0; border: 0; }
 body { background: #fff; }
 p { font: 11px/15px Arial, Helvetica, sans-serif; color: #333333; }
 h1 { margin: 0 auto 18px 0; }
 h3 { margin: 0 auto 20px 0; }
 label { font: 11px/15px Arial, Helvetica, sans-serif; color: #333333; margin: 10px auto 2px 0; display: block; }
 select { border: 1px solid #c3c3c3; background: #fff; padding: 2px; color: #333333; }
 ul { font: 12px/20px Arial, Helvetica, sans-serif; color: #333333; list-style: inside; list-style-image: url(/images/homme_nl/bullet_pfeil.gif); }


 /* Klassen und IDs */

 #content { width: 930px; height: 605px; background: #efefef url(/images/homme_nl/bg.jpg) no-repeat; margin: auto auto; position: relative; }
 #logo { position: absolute; top: 17px; left: 29px; }
 #navi { position: absolute; top: 79px; left: 17px; }

 #spalteLinks { position: absolute; top: 133px; left: 59px; width: 385px; }
 #spalteRechts { position: absolute; top: 133px; left: 481px; width: 385px; }

 #vorschau { position: absolute; top: 318px; left: 472px; }

 #schatten-layer { position: absolute; top: 41px; left: 116px; z-index: 500; display: none; }
 #datenschutz { position: absolute; top: 52px; left: 129px; background: #fff; width: 666px; height: 500px; z-index: 600; overflow: auto; display: none; }
 #impressum { position: absolute; top: 52px; left: 129px; background: #fff; width: 666px; height: 500px; z-index: 600; overflow: auto; display: none; }
 #bestimmungen { position: absolute; top: 52px; left: 129px; background: #fff; width: 666px; height: 500px; z-index: 600; overflow: auto; display: none; }
 
 #nl1 { position: absolute; top: 52px; left: 129px; background: #fff; width: 666px; height: 500px; z-index: 600; overflow: auto; display: none; }
 #nl2 { position: absolute; top: 52px; left: 129px; background: #fff; width: 666px; height: 500px; z-index: 600; overflow: auto; display: none; }
 #nl3 { position: absolute; top: 52px; left: 129px; background: #fff; width: 666px; height: 500px; z-index: 600; overflow: auto; display: none; }
 #nl4 { position: absolute; top: 52px; left: 129px; background: #fff; width: 666px; height: 500px; z-index: 600; overflow: auto; display: none; }

 #metanavigation { position: absolute; top: 577px; left: 690px; z-index: 5;   }

 .bspNewsletter { position: absolute; top: 45px; left: 28px; margin-bottom: 20px; }
 
 input.textfeld { width: 175px; border: 1px solid #c3c3c3; color: #333; background: #fff; height: 17px; padding: 2px 1px 0 2px; }
 .schliessen { position: absolute; top: 20px; left: 550px; }
 .relativier { position: relative; }
 .layerContent { position: absolute; top: 40px; left: 58px; width: 530px; }

 ul.layerUL { width: 310px; list-style-image: url(/images/homme_nl/bullet_dreieck.gif); margin: 20px auto 20px 0; margin-left: 1em; }
 ul.layerUL li a:link,
 ul.layerUL li a:visited,
 ul.layerUL li a:focus,
 ul.layerUL li a:hover { font-weight: bold; font: 12px/24px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; }
 a.back2menu { font-weight: bold; font: 12px/14px Arial, Helvetica, sans-serif; color: #333; text-decoration: none;}

 p.groesser { font-size: 12px;  line-height: 14px; }
 
 .fehler { color: #e0041d; }