@font-face
{  
  font-family: 'Helvetica-Light';
  src: url(../ttf/Helvetica-Light.eot); /* IE */
  src: local("?"), url(../ttf/Helvetica-Light.otf) format("opentype"); /* non-IE */
}

body                         { background: #f9f3e7; margin: 0px; color: #000000; font-size: 12px; font-family: Helvetica, Arial, sans-serif }
h1                           { font-size: 30px; font-weight: normal; margin: 0px 0px 10px 0px; font-family: 'Helvetica-Light', Helvetica, Arial, sans-serif }
h2                           { font-size: 24px; font-weight: normal; margin: 0px 0px 10px 0px; font-family: 'Helvetica-Light', Helvetica, Arial, sans-serif }
h3                           { font-size: 18px; font-weight: normal; margin: 0px 0px 10px 0px; font-family: 'Helvetica-Light', Helvetica, Arial, sans-serif }
ul                           { margin: 10px 0px 10px 12px; padding: 0px 0px 0px 10px; list-style-type: square }
ol                           { margin: 10px 0px 10px 12px; padding: 0px 0px 0px 10px }
img                          { border: 0px }
form                         { display: inline }
a                            { color: #7b0031; text-decoration: none }
a:hover                      { color: #7b0031; text-decoration: underline }

textarea,
select,
input[type=text]             { color: #8c8c8c; font-size: 11px; font-family: Helvetica, Arial, sans-serif; background: #ffffff; padding: 2px; border: solid 1px #d2d2d2 }
textarea.error,
select.error,
input[type=text].error       { color: #8c8c8c; font-size: 11px; font-family: Helvetica, Arial, sans-serif; background: #ffffff; padding: 2px; border: solid 1px #ff0000 }
input[type=submit]           { color: #ffffff; font-size: 12px; font-family: Helvetica, Arial, sans-serif; background: #7b0031; padding: 5px 20px 5px 20px; border: solid 1px #7b0031; text-align: center; cursor: pointer }

.start_site                  { position: absolute; top: 50%; left: 50%; width: 980px; height: 450px; background: url(../images/layout/start_bg.jpg) no-repeat; margin: -225px 0px 0px -490px }
.start_themecontainer        { position: relative; width: 880px; height: 300px; overflow: hidden; margin: 50px 50px 0px 50px }
#start_logo                  { position: absolute; top: 20px; left: 620px; width: 220px; height: 150px; overflow: hidden; visibility: hidden }
#start_theme1,
#start_theme2                { position: absolute; top: 0px; left: 0px; width: 880px; height: 300px; overflow: hidden; visibility: hidden }
.start_made_in_germany       { float: left; width: 148px; height: 51px; overflow: hidden; margin: 15px 0px 0px 50px }
.start_copyright             { float: left; margin: 25px 0px 0px 30px; color: #646464; font-size: 11px; line-height: 18px }
.start_button                { float: right; margin: 17px 50px 0px 0px }
.start_button a              { display: block; float: left; width: 116px; height: 39px; padding: 7px 0px 0px 0px; background: url(../images/layout/start_button.png) no-repeat; margin: 0px 0px 0px 17px; color: #ffffff; font-size: 24px; font-family: 'Helvetica-Light', Helvetica, Arial, sans-serif; text-align: center }
.start_button a:hover        { text-decoration: none }

.site                        { width: 980px; background: url(../images/layout/site_bg.jpg) repeat-y; margin: 0px auto 0px auto }
.main                        { padding: 0px 0px 30px 0px; background: url(../images/layout/head_bg.jpg) no-repeat }
.logo                        { display: block; float: right; width: 123px; height: 84px; overflow: hidden; margin: 28px 46px 18px 0px }
.topnavi                     { float: left; margin: 40px 0px 0px 50px; padding: 0px }
.topnavi li                  { display: block; float: left; margin: 0px 20px 0px 0px }
.language                    { float: left; margin: 40px 0px 0px 50px }
.language div                { position: relative; z-index: 23; float: right; width: 80px; padding: 2px 3px 2px 3px; background: #ffffff url(../images/layout/klapper.gif) no-repeat 71px 3px; border: solid 1px #d2d2d2; margin: -2px 0px 0px 3px; color: #8c8c8c; font-size: 11px; cursor: pointer }
.language div ul             { display: none }
.language div:hover ul       { display: block; position: absolute; top: 17px; left: -1px; margin: 0px; width: 80px; padding: 0px 3px 2px 3px; background: #ffffff; border-right: solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; border-left: solid 1px #d2d2d2 }
.language div ul li          { display: block; margin: 3px 0px 1px 0px }
.language div ul li a        { display: block; padding: 1px 3px 1px 3px; background: #f5f5f5; color: #8c8c8c; font-size: 12px }
.language div ul li a:hover  { background: #8c8c8c; color: #ffffff; text-decoration: none }
.suche                       { float: left; margin: 40px 0px 0px 50px }
.suche div                   { float: right; margin: -2px 0px 0px 3px }
.suche div input[type=text]  { border-right: none }
.suche div div               { width: 13px; height: 13px; overflow: hidden; padding: 3px 2px 2px 0px; background: #ffffff; border-top: solid 1px #d2d2d2; border-right: solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; margin: 0px }
.mainnavi                    { float: left; margin: 22px 0px 0px 35px; padding: 0px }
.mainnavi li                 { position: relative; z-index: 22; display: block; float: left }
.mainnavi li:hover           { background: #7b0031 url(../images/layout/navi_bg.gif) no-repeat top right }
.mainnavi li a               { display: block; padding: 7px 15px 9px 15px; font-size: 24px; font-family: 'Helvetica-Light', Helvetica, Arial, sans-serif }
.mainnavi li:hover a         { color: #ffffff; text-decoration: none }
.mainnavi li div             { display: none }
.mainnavi li:hover div       { display: block; position: absolute; top: 43px; left: 0px; width: 240px; padding: 10px 0px 0px 0px; background: url(../images/layout/subnavi_top.gif) no-repeat }
.mainnavi li ul              { margin: 0px; padding: 10px 15px 0px 15px; background: #7b0031 }
.mainnavi li ul li           { float: none; margin: 0px; background: url(../images/layout/dot.gif) top repeat-x; font-size: 8px }
.mainnavi li ul li:hover     { background: url(../images/layout/dot.gif) top repeat-x }
.mainnavi li ul li a         { padding: 5px 2px 5px 2px; color: #ffffff; font-size: 12px; font-family: Helvetica, Arial, sans-serif }
.mainnavi li ul li:hover a   { background: #f9f3e7 url(../images/layout/dot_inv.gif) top repeat-x; color: #7b0031 }
.mainnavi li span            { display: block; width: 240px; height: 10px; background: url(../images/layout/subnavi_bottom.gif) no-repeat }
.themecontainer              { position: relative; z-index: 21; width: 880px; height: 300px; overflow: hidden; margin: 0px 50px 0px 50px }
.trennung                    { width: 880px;  height:1px; margin: 40px 50px 0px 50px; background: url(../images/layout/dotts_trennung.png)no-repeat }
#teaser                      { display: block; position: absolute; top: 15px; left: 525px; width: 320px; height: 22px; overflow: hidden; padding: 238px 10px 10px 10px; visibility: hidden; color: #ffffff; font-size: 18px; font-family: 'Helvetica-Light', Helvetica, Arial, sans-serif }
#teaser:hover                { text-decoration: none }
#theme1,
#theme2                      { position: absolute; top: 0px; left: 0px; width: 880px; height: 300px; overflow: hidden; visibility: hidden }
#pageContainer               { position: absolute; top: 220px; left: 460px; width: 410px; height: 70px; background: url(../images/layout/slideshow_bg.png) no-repeat; visibility: hidden }
#pageContainer #slideshow    { position: absolute; z-index: 10; top: 10px; left: 25px; width: 360px; height: 50px }
#pageContainer #leftControl  { display: block; position: absolute; z-index: 10; top: 16px; left: -20px; width: 18px; height: 18px; background: url(../images/layout/pfeil_links.png) no-repeat; cursor: pointer }
#pageContainer #rightControl { display: block; position: absolute; z-index: 10; top: 16px; left: 362px; width: 18px; height: 18px; background: url(../images/layout/pfeil_rechts.png) no-repeat; cursor: pointer }
#pageContainer .slide        { height: 50px; text-align: center; cursor: pointer }
#pageContainer2              { position: relative; width: 810px; height: 120px; background: url(../images/layout/slideshow2_bg.png) no-repeat }
#pageContainer2 #slideshow   { position: absolute; z-index: 10; top: 0px; left: 30px; width: 750px; height: 100px }
#pageContainer2 #leftControl { display: block; position: absolute; z-index: 10; top: 41px; left: -20px; width: 18px; height: 18px; background: url(../images/layout/pfeil_links.png) no-repeat; cursor: pointer }
#pageContainer2 #rightControl { display: block; position: absolute; z-index: 10; top: 41px; left: 752px; width: 18px; height: 18px; background: url(../images/layout/pfeil_rechts.png) no-repeat; cursor: pointer }
#pageContainer2 .slide       { height: 100px; width: 150px; text-align: center }
.bildbeschreibung            { display: none; position: absolute; top: 258px; left: 20px; padding: 5px; background: #7b0031; color: #ffffff; font-size: 11px }
.produktkatalog              { display: block; float: left; width: 420px; height: 440px; overflow: hidden; background: url(../images/layout/pfeil.png) no-repeat 400px 360px; margin: 40px 0px 0px 50px }
.produktkatalog:hover        { text-decoration: none }
.produktkatalog span         { display: block; margin: 10px 0px 10px 0px; font-size: 24px; font-family: 'Helvetica-Light', Helvetica, Arial, sans-serif }
.teaser                      { display: block; float: left; width: 190px; height: 200px; overflow: hidden; background: url(../images/layout/pfeil.png) no-repeat 170px 120px; margin: 40px 0px 0px 40px }
.teaser:hover                { text-decoration: none }
.teaser span                 { display: block; margin: 10px 0px 10px 0px; font-size: 24px; font-family: 'Helvetica-Light', Helvetica, Arial, sans-serif }
.content                     { width: 880px; padding: 40px 50px 0px 50px }
.half_content_left           { float: left; width: 420px; padding: 40px 20px 0px 50px }
.half_content_left table,
.half_content_right table    { border-bottom: solid 1px #d2d2d2 }
.half_content_left td,
.half_content_right td       { padding: 0px 10px 10px 0px; vertical-align: top }
.half_content_right          { float: left; width: 420px; padding: 40px 50px 0px 20px }
.zertifikat                  { float: left; padding: 0px 20px 20px 0px }
.zertifikat div              { display: table-cell; width: 150px; height: 150px; text-align: center; vertical-align: middle; border: solid 1px #d2d2d2 }
.lageplan                    { float: right; margin: 0px 0px 0px 40px }
.products_top                { height: 15px; background: url(../images/layout/products_top.png) no-repeat }
.products                    { padding: 0px 15px 0px 15px; background: #fad3a7; text-align: center }
.products h1                 { color: #7b0031; background: #faead4; padding: 5px 10px 5px 10px; margin: 0px; text-align: left }
.products h2                 { color: #7b0031; background: #faead4; padding: 5px 10px 5px 10px; margin: 0px; text-align: left }
.blaettern                   { display: block; float: right; width: 25px; height: 24px; padding: 1px 0px 0px 0px; background: url(../images/layout/blaettern_bg.png) no-repeat; margin: 10px 10px 0px 0px; font-size: 18px; text-align: center }
.blaettern:hover,
.blaettern:active            { background: url(../images/layout/blaettern_over_bg.png) no-repeat; color: #ffffff; text-decoration: none }
.blaettern_aktiv             { float: right; width: 25px; height: 24px; padding: 1px 0px 0px 0px; background: url(../images/layout/blaettern_over_bg.png) no-repeat; margin: 10px 10px 0px 0px; color: #ffffff; font-size: 18px; text-align: center }
.products_teaser             { padding: 20px; background: #fbdebd; margin: 20px 0px 0px 0px; font-size: 14px; text-align: left }
.products_teaser td          { padding: 3px 10px 3px 10px; background: #ffffff; font-size: 12px; vertical-align: top }
.products_teaserbild         { float: left; width: 340px; height: 230px; padding: 2px; background: #ffffff; margin: 0px 20px 0px 0px }
.single_bigproduct           { position: relative; float: left; height: 470px; margin: 13px; text-align: center }
.single_product              { position: relative; float: left; height: 300px; margin: 13px; text-align: center }
.single_bigproduct span      { display: table-cell; height: 450px; vertical-align: middle }
.single_product span         { display: table-cell; height: 280px; vertical-align: middle }
.single_bigproduct p         { position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; padding: 450px 0px 0px 0px; margin: 0px }
.single_product p            { position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; padding: 280px 0px 0px 0px; margin: 0px }
.single_bigproduct div,
.single_product div          { display: none }
.single_bigproduct:hover div,
.single_product:hover div    { display: block; position: absolute; top: 50%; left: 50%; width: 260px; height: 136px; padding: 40px 20px 20px 20px; background: url(../images/layout/desc_bg.png) no-repeat; text-align: left }
.single_bigproduct div td,
.single_product div td       { padding: 3px 5px 3px 0px; vertical-align: top; font-size: 11px }
.single_bigproduct div td img,
.single_product div td img   { margin: 0px 0px -1px 5px }
.products_bottom             { height: 15px; background: url(../images/layout/products_bottom.png) no-repeat }
.footer                      { height: 320px; padding: 30px 10px 50px 50px; background: url(../images/layout/foot_bg.jpg) no-repeat }
.footer ul                   { float: left; width: 190px; height: 260px; margin: 0px 40px 0px 0px; padding: 0px }
.footer ul li                { display: block; margin: 0px 0px 3px 0px; font-size: 11px }
.footer ul.standards         { width: 920px !important; height: auto; margin: 0px 0px 20px 0px }
.footer ul.standards li      { float: left; margin: 0px 20px 0px 0px; font-size: 12px }