/* global */
body                         { background: #bfbfbf; margin: 20px 0px 20px 0px; color: #000000; font-size: 11px; font-family: Arial, Verdana, Courier, Monaco }
h1                           { font-weight: normal; font-size: 18px; margin: 0px 0px 20px 0px }
h2                           { font-weight: normal; font-size: 14px; margin: 0px 0px 10px 0px }
h3                           { font-weight: bold; font-size: 12px; margin: 0px 0px 5px 0px }
ul                           { margin-top: 10px; margin-bottom: 10px; margin-left: 12px; padding-left: 10px; list-style-image: url(../images/layout/pfeil.gif) }
ol                           { margin-top: 10px; margin-bottom: 10px; margin-left: 12px; padding-left: 10px }
form                         { display: inline }
a                            { color: #bb0707; text-decoration: none }
a:hover                      { color: #bb0707; text-decoration: none }

/* Formulare */
.formular                    { color: #676767; font-size: 11px; font-weight: normal; font-family: Arial, Verdana, Courier, Monaco; background: #ffffff; border: none }
.formularerror               { color: #676767; font-size: 11px; font-weight: normal; font-family: Arial, Verdana, Courier, Monaco; background: #ffffff; border: solid 1px #ff0000 }
.formularbutton              { color: #ffffff; font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; text-transform: uppercase; text-align: center; background: #bb0707; border: none; padding: 2px 20px 2px 20px; margin: 0px 5px 0px 0px; cursor: pointer }

/* allgemein */
.site                        { width: 940px; margin-left: auto; margin-right: auto; background: #ffffff }
.page                        { border-top: solid 10px #ffffff; border-left: solid 10px #ffffff; border-right: solid 10px #ffffff; background: #e5e5e5 }
.startpage                   { border-top: solid 10px #ffffff; border-left: solid 10px #ffffff; border-right: solid 10px #ffffff; height: 500px; background: #2d1b11 url(../images/layout/model_start.jpg) no-repeat right }
.startthema                  { display: block; float: left; width: 320px; height: 70px; margin: 410px 0px 0px 120px }
.left_column                 { float: left; width: 190px; margin: 0px 20px 20px 20px }
.teaser_image                { padding: 5px; background: #ffffff; margin: 20px 0px 0px 0px }
.teaserbox                   { display: block; width: 180px; height: 145px; position: relative; z-index: 0 }
.teaser                      { display: block; width: 180px; height: 145px }
.teaser_text                 { padding: 5px; background: #ffffff; margin: 5px 0px 0px 0px; font-size: 10px; font-weight: bold; cursor: pointer }
.teaser_text_content         { width: 180px; height: 50px }
.center_column               { float: left; width: 230px; background: #ffffff; margin: 0px 0px 20px 0px }
.center_column_content       { padding: 10px 10px 20px 10px; font-size: 10px; font-weight: bold }
.heinicke_logo               { height: 140px }
.navipunkt                   { padding: 3px 6px 4px 6px; text-transform: uppercase; cursor: pointer }
.navipunkt:hover             { padding: 3px 6px 4px 6px; background: #f2f2f2; text-transform: uppercase; cursor: pointer }
.navipunkt a                 { color: #000000 }
.navipunkt a:hover           { color: #000000 }
.navipunkt_aktiv             { padding: 3px 6px 4px 6px; background: #f2f2f2; text-transform: uppercase; cursor: pointer }
.navipunkt_aktiv a           { color: #000000 }
.navipunkt_aktiv a:hover     { color: #000000 }
.subnavipunkt                { padding: 1px 6px 2px 16px; background: #f2f2f2; cursor: pointer }
.subnavipunkt:hover          { padding: 1px 6px 2px 16px; background: #f2f2f2 url(../images/layout/pfeil.gif) 8px 5px no-repeat; cursor: pointer }
.subnavipunkt a              { color: #000000 }
.subnavipunkt a:hover        { color: #000000 }
.subnavipunkt_aktiv          { padding: 1px 6px 2px 16px; background: #f2f2f2 url(../images/layout/pfeil.gif) 8px 5px no-repeat; cursor: pointer }
.subnavipunkt_aktiv a        { color: #000000 }
.subnavipunkt_aktiv a:hover  { color: #000000 }
.heinicke_daten              { position: relative; z-index: 2; width: 210px; margin: 10px 0px 0px 0px; text-align: center }
.overnight_service           { position: absolute; top: 65px; left: -11px; width: 232px; height: 70px }
.overnight_service div       { display: none }
.overnight_service:hover div { display: block; position: absolute; top: -135px; left: 35px; width: 280px; height: 130px; padding: 20px; background: url(../images/layout/24h_text_bg.png) no-repeat; font-size: 11px; font-weight: normal; text-align: left }
.right_column                { position: relative; z-index: 1; float: left; width: 420px; margin: 20px }
.morphingthemebox            { width: 410px; height: 300px; position: relative; z-index: 0 }
.morphingtheme               { width: 410px; height: 300px }
.halbmorphingthemebox1       { float: left; width: 205px; height: 300px; position: relative; z-index: 0 }
.halbmorphingthemebox2       { float: left; width: 205px; height: 300px; position: relative; z-index: 0 }
.halbmorphingtheme           { width: 205px; height: 300px }
.halbmorphingtheme div       { margin: 5px; padding: 5px; background: url(../images/layout/white75.png); font-size: 14px; text-align: right }
.gutschein                   { position: relative; z-index: 0; width: 110px; height: 50px; padding: 27px 20px 68px 280px; background: url(../images/content/gutschein.jpg) no-repeat }
.gutscheinsumme              { width: 110px; height: 50px }
.faktorenbox1                { width: 410px; height: 300px; position: relative; z-index: 0; background: url(../images/content/5faktoren_bg.jpg) no-repeat }
.faktor1                     { width: 410px; height: 300px }
.faktorenbox2                { width: 410px; height: 122px; position: relative; z-index: 0 }
.faktor2                     { width: 410px; height: 122px }
.right_column_image          { padding: 5px; background: #f2f2f2 }
.right_column_sec_image      { float: left; padding: 20px 20px 10px 5px }
.right_column_third_image    { float: left; padding: 0px 20px 10px 0px }
.galerie_thumb               { margin: 0px 0px 5px 0px; width: 95px; height: 30px; overflow: hidden }
.galerie_thumb:hover         { height: 95px }
.right_column_text           { padding: 20px; background: #f2f2f2 }
.right_column_text1          { padding: 0px 20px 40px 20px; background: #f2f2f2 }
.right_column_text2_red      { position: absolute; z-index: 1; top: 180px; left: 120px; width: 280px; background: url(../images/layout/red75.png); color: #ffffff }
.right_column_text2_grey     { position: absolute; z-index: 1; top: 155px; left: 176px; width: 224px; background: url(../images/layout/black25.png); color: #ffffff }
.right_column_text2_grey1    { position: absolute; z-index: 1; top: 80px; left: 176px; width: 224px; height: 202px; background: url(../images/layout/black25.png); color: #ffffff }
.right_column_text2_white    { position: absolute; z-index: 1; top: 145px; left: 120px; width: 280px; background: url(../images/layout/white75.png); color: #000000 }
.right_column_text2_black    { position: absolute; z-index: 1; top: 130px; left: 120px; width: 280px; background: url(../images/layout/black75.png); color: #ffffff }
.right_column_text2_video    { position: absolute; z-index: 1; top: 200px; left: 120px; width: 280px; background: url(../images/layout/black75.png); color: #ffffff; cursor: pointer }
.right_column_text2_content  { padding: 30px 20px 20px 20px }
.right_column_text3          { padding: 20px 20px 100px 120px; background: #f2f2f2 }
.right_column_text4          { padding: 0px 20px 20px 20px; background: #f2f2f2 }
.right_column_text5          { padding: 20px 20px 0px 120px; background: #f2f2f2 }
.gross                       { font-size: 200% }
.right_column td             { padding: 0px 20px 5px 0px; color: #000000; font-size: 11px; font-family: Arial, Verdana, Courier, Monaco }
.bilderreihe                 { padding: 0px 0px 20px 0px }
.bilderreihe_thumb           { float: left; height: 64px; padding: 2px; background: #ffffff; margin: 0px 10px 0px 0px; cursor: pointer }
.bilderreihe_thumb_rechts    { float: left; height: 64px; padding: 2px; background: #ffffff; cursor: pointer }
#pageContainer               { position: relative; width: 420px; height: 90px; background: #f2f2f2 }
#slideshow                   { position: absolute; z-index: 1; top: -20px; left: 30px; width: 360px; height: 100px }
#leftControl                 { display: block; position: absolute; z-index: 2; top: 0px; left: -25px; width: 25px; height: 110px; background: url(../images/layout/scroll_left.gif) no-repeat center; cursor: pointer }
#rightControl                { display: block; position: absolute; z-index: 2; top: 0px; left: 360px; width: 25px; height: 110px; background: url(../images/layout/scroll_right.gif) no-repeat center; cursor: pointer }
.slide                       { float: left; width: 120px }
.slide a                     { display: block; width: 100px; height: 100px; overflow: hidden; background: #ffffff; border: solid 5px #ffffff; margin: auto }
.slide a span                { display: block; width: 200px; height: 200px; margin: -50px 0px 0px -50px }
.slide a span span           { display: table-cell; width: 200px; height: 200px; vertical-align: middle; text-align: center }
.saisonwahl                  { position: relative; float: right; width: 150px; padding: 7px; background: #000000 url(../images/layout/klapper_weiss.gif) 144px 12px no-repeat; color: #ffffff; font-weight: bold; cursor: pointer }
.saisonwahl div              { display: none }
.saisonwahl:hover            { background: #ffffff url(../images/layout/klapper.gif) 144px 12px no-repeat; color: #000000 }
.saisonwahl:hover div        { display: block; position: absolute; top: 20px; left: 0px; width: 154px; padding: 5px; background: #ffffff; font-weight: normal }
.saisonwahl div span         { display: block; padding: 2px }
.saisonwahl div span:hover   { background: #000000; color: #ffffff }
.herstellerlink              { float: left; padding: 10px 40px 10px 40px; background: #ffffff; margin: 25px 20px 0px 0px; cursor: pointer }
.herstellerlink_rechts       { float: left; padding: 10px 40px 10px 40px; background: #ffffff; margin: 25px 0px 0px 0px; cursor: pointer }
.right_column_teaser         { float: right; padding: 10px; background: #ffffff; margin: 0px 0px 20px 20px }
.right_column_teaser_content { width: 120px }
.fuss                        { height: 70px; padding: 5px 0px 5px 0px; text-align: center }
.fuss a                      { position: relative; display: inline-block; width: 100px; height: 70px; margin: 0px 10px 0px 10px }
.fuss a span                 { display: none }
.fuss a:hover span           { display: block; position: absolute; z-index: 100; top: -110px; left: 40px; width: 122px; height: 132px }

#videolayer                  { position: absolute; z-index: 2; top: 5px; left: 5px; width: 410px; background: url(../images/layout/black75.png); color: #ffffff; text-align: right; display: none }
#videolayer span             { cursor: pointer }

#homepage_demo                               { width: 410px; height: 600px; padding: 5px; background: #f2f2f2; position: relative }
#homepage_demo_content                       { width: 410px; height: 600px; overflow: hidden }
#homepage_demo_items                         { height: 600px }
#homepage_demo_items .item                   { width: 410px; height: 600px; float: left }
#homepage_demo_items .item_content           { padding: 10px; width: 220px; height: 50px; margin: 220px 0px 0px 160px; background: url(../images/layout/black75.png); color: #ffffff; font-size: 14px }
#homepage_demo_items .item_content div       { font-size: 24px }
#homepage_demo_items .item_text              { padding: 20px; margin: 20px 0px 0px 0px }
#homepage_demo_items .item_text a            { display: block; float: right; margin: 0px 0px 10px 10px }
#homepage_demo #homepage_menu                { position: absolute; z-index: 1; top: 15px; right: 15px }
#homepage_demo #homepage_menu_white,
#homepage_demo #homepage_menu_black,
#homepage_demo #homepage_list                { position: absolute; top: 0px; right: 0px; padding: 0px; margin: 0px }
#homepage_demo #homepage_handle              { position: absolute; z-index: 2; top: 0px; right: 102px; width: 2px; height: 25px; background: url(../images/layout/handle.gif) no-repeat }
#homepage_demo ul li                         { display: block; width: 100px; height: 25px }
#homepage_demo ul a:link,
#homepage_demo ul a:active,
#homepage_demo ul a:visited                  { display: block; width: 90px; height: 14px; padding: 5px; background: url(../images/layout/white75.png); margin: 0px 0px 1px 0px }
#homepage_demo ul a.sel,
#homepage_demo ul a:hover                    { color: #ffffff; background: url(../images/layout/red75.png) }