@font-face
{
	font-family: 'Helvetica-Thin';
	src: url('../fonts/Helvetica-Thin.eot');
	src: url('../fonts/Helvetica-Thin.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Helvetica-Thin.otf') format('opentype'),
	     local("?");
}

@font-face
{
	font-family: 'Helvetica-Roman';
	src: url('../fonts/Helvetica-Roman.eot');
	src: url('../fonts/Helvetica-Roman.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Helvetica-Roman.otf') format('opentype'),
	     local("?");
}

@font-face
{
	font-family: 'Helvetica-Bold';
	src: url('../fonts/Helvetica-Bold.eot');
	src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Helvetica-Bold.otf') format('opentype'),
	     local("?");
}

body                         { background: #d6d6d6 url(../images/layout/bg.gif) repeat-x; margin: 0px; color: #000000; font-size: 12px; font-family: Helvetica, Arial, sans-serif }
h1                           { font-weight: normal; font-size: 24px; margin: 0px 0px 20px 0px; letter-spacing: -0.05em }
h2                           { font-weight: normal; font-size: 18px; margin: 0px 0px 10px 0px; letter-spacing: -0.05em }
h3                           { font-weight: bold; font-size: 14px; margin: 0px 0px 5px 0px }
ul                           { margin: 10px 0px 10px 12px; padding: 0px 0px 0px 12px; list-style-image: url(../images/layout/pfeil.gif) }
ol                           { margin: 10px 0px 10px 12px; padding: 0px 0px 0px 12px }
form                         { display: inline }
a                            { color: #bb0707; text-decoration: none }
a img                        { border: none }

.formular                    { color: #676767; background: #ffffff; border: solid 1px #ffffff; padding: 2px }
.formularerror               { color: #676767; background: #ffffff; border: solid 1px #ff0000; padding: 2px }
.formularbutton              { color: #ffffff; background: #bb0707; border: solid 1px #bb0707; padding: 2px 20px 2px 20px; text-align: center; margin: 0px 5px 0px 0px; cursor: pointer }

.start1                      { position: relative; width: 960px; background: #383435 url(../images/layout/background_start1.jpg) no-repeat right top; border: solid 10px #ffffff; margin: 20px auto 0px auto }
.start2                      { position: relative; width: 960px; background: #0f0f11 url(../images/layout/background_start2.jpg) no-repeat right top; border: solid 10px #ffffff; margin: 20px auto 0px auto }
.start3                      { position: relative; width: 960px; background: #c4c4c4 url(../images/layout/background_start3.jpg) no-repeat right top; border: solid 10px #ffffff; margin: 20px auto 0px auto }
.start4                      { position: relative; width: 960px; background: #ebebeb url(../images/layout/background_start4.jpg) no-repeat right top; border: solid 10px #ffffff; margin: 20px auto 0px auto }
.start5                      { position: relative; width: 960px; background: #d6d6d6 url(../images/layout/background_start5.jpg) no-repeat right top; border: solid 10px #ffffff; margin: 20px auto 0px auto }
.model1                      { position: relative; width: 960px; background: #0f0f11 url(../images/layout/background_model1.jpg) no-repeat right top; border: solid 10px #ffffff; margin: 20px auto 0px auto }
.model2                      { position: relative; width: 960px; background: #6e3d2e url(../images/layout/background_model2.jpg) no-repeat right top; border: solid 10px #ffffff; margin: 20px auto 0px auto }
.model3                      { position: relative; width: 960px; background: #005274 url(../images/layout/background_model3.jpg) no-repeat right top; border: solid 10px #ffffff; margin: 20px auto 0px auto }
.site                        { position: relative; width: 960px; background: #f2f2f2; border: solid 10px #ffffff; margin: 20px auto 0px auto }
.stoerer                     { display: block; position: absolute; top: -14px; left: -14px; width: 190px; height: 190px }
.stoerer_right               { display: block; position: absolute; top: -14px; right: -14px; width: 190px; height: 190px }
.left_column                 { float: left; width: 190px; margin: 0px 0px 20px 20px }
.teaser_image                { display: block; width: 180px; height: 145px; 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                 { display: block; width: 180px; height: 50px; padding: 5px; background: #ffffff url(../images/layout/pfeil.gif) no-repeat 180px 45px; margin: 5px 0px 0px 0px; font-size: 11px }
.teaser_text span            { display: block; margin: 0px 0px 3px 0px; color: #000000; font-size: 14px; text-transform: uppercase }
.center_column               { float: left; width: 210px; height: 670px; padding: 20px 30px 30px 30px; background: #ffffff; margin: 0px 0px 20px 20px }
.heinicke_logo               { display: block; width: 210px; height: 100px }
.center_column ul            { padding: 10px 0px 0px 0px; margin: 10px 0px 10px 0px; list-style-image: none; border-top: solid 1px #000000 }
.center_column ul li         { display: block; list-style-type: none }
.center_column ul li a       { display: block; padding: 3px 8px 3px 8px; color: #000000; text-transform: uppercase; letter-spacing: 0.2em }
.center_column ul li a.aktiv,
.center_column ul li a:hover { background: #000000; color: #ffffff }
.center_column ul li a.shop  { background: #bb0707; margin: 10px 0px 0px 0px; color: #ffffff }
.center_column ul li a.shop:hover  { background: #000000 }
.center_column ul li ul      { padding: 0px; margin: 0px; border: none }
.center_column ul li ul a    { padding: 1px 8px 1px 28px; font-size: 11px; letter-spacing: 0em }
.heinicke_daten              { width: 210px; text-align: center }
.heinicke_daten a            { display: block; width: 86px; height: 68px; margin: 0px auto 5px auto }
.startthema                  { display: block; float: right; padding: 10px; margin: 388px 20px 0px 0px; color: #ffffff; font-size: 24px; font-family: 'Helvetica-Thin',Helvetica, Arial, sans-serif; line-height: 24px; text-align: right; text-shadow: #333333 1px 1px 1px }
.startthema:hover            { background: url(../images/layout/black75.png) }
.startthema span             { display: block; font-size: 48px; line-height: 48px; letter-spacing: -0.05em }
.models                      { float: left; width: 205px; height: 420px; padding: 20px; background: url(../images/layout/white75.png); margin: 20px 0px 0px 20px; font-size: 14px }
.models span                 { display: block; font-size: 18px; font-family: 'Helvetica-Thin',Helvetica, Arial, sans-serif; line-height: 18px }
.models div                  { font-size: 36px; font-family: 'Helvetica-Thin',Helvetica, Arial, sans-serif; line-height: 36px; letter-spacing: -0.05em; margin: 0px 0px 10px 0px }
.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 }
.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; font-size: 11px }
.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%; line-height: 50% }
.right_column td             { padding: 0px 20px 5px 0px; color: #000000; font-size: 11px }
.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: 360px }
.slide a                     { display: block; float: left; width: 100px; height: 100px; overflow: hidden; background: #ffffff; border: solid 5px #ffffff; margin: 0px 5px 0px 5px }
.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              { display: block; float: left; padding: 10px 40px 10px 40px; background: #ffffff; margin: 25px 20px 0px 0px; cursor: pointer }
.herstellerlink_rechts       { display: block; 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 }
.klapplink                   { display: block; padding: 0px 0px 0px 15px; background: url(../images/layout/klapper.gif) 0px 6px no-repeat; color: #000000 }
.showlink                    { float: left; width: 115px; height: 200px; margin: 0px 10px 10px 0px }
.closelink                   { float: right; width: 66px; height: 22px; margin: 0px 0px 10px 0px; cursor: pointer }
#kirchberger_looks           { position: absolute; z-index: 1000; top: 0px; left: 0px; width: 400px; height: 742px; padding: 10px; background: #ffffff; visibility: hidden }
.m2beaute                    { padding: 20px 140px 20px 20px; background: #ffffff; margin: 20px 0px 0px 0px; background-repeat: no-repeat; background-position: right bottom; color: #676767; font-size: 11px }
.m2beaute h2                 { margin: 0px; font-size: 14px }
.m2beaute h3                 { font-weight: normal; font-size: 12px }
.fuss                        { height: 160px; padding: 5px 0px 5px 0px; background: #ffffff; 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 }
.fuss div                    { padding: 0px 0px 5px 0px; border-bottom: solid 1px #cccccc; margin: 0px 200px 0px 200px; color: #666666; font-size: 11px }
.copyright                   { width: 940px; height: 10px; padding: 20px; background: url(../images/layout/copyright.gif) repeat-x; margin: 2px auto 20px auto; color: #666666; font-size: 11px; text-align: center }
.copyright a                 { color: #666666 }

#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 }
#preview                     { width: 320px; height: 240px }

#homepage_demo                               { width: 410px; height: 800px; padding: 5px; background: #f2f2f2; position: relative }
#homepage_demo_content                       { width: 410px; height: 800px; overflow: hidden }
#homepage_demo_items                         { height: 800px }
#homepage_demo_items .item                   { width: 410px; height: 800px; float: left }
#homepage_demo_items .item_content           { padding: 10px; width: 220px; height: 65px; margin: 315px 0px 0px 10px; 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: 122px; width: 2px; height: 21px; background: url(../images/layout/handle.gif) no-repeat }
#homepage_demo ul li                         { display: block; width: 120px; height: 21px }
#homepage_demo ul a:link,
#homepage_demo ul a:active,
#homepage_demo ul a:visited                  { color: #000000; background: url(../images/layout/black25.png); display: block; width: 110px; height: 12px; padding: 3px 5px 5px 5px; margin: 0px 0px 1px 0px; font-size: 11px }
#homepage_demo ul a.sel,
#homepage_demo ul a:hover                    { color: #ffffff; background: url(../images/layout/black75.png) }