html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
abbr,acronym { border:0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select{ *font-size: 100%; }
legend { color:#000; }

body { background-color: #E6E7E8; color: #6F6E6D; font: 13px/19px arial, sans-serif;}
body.blog { background-color: #FFF; }
div { position: relative; }
a { color: #EA7324; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-weight: bold; margin-bottom: 15px; }
h2 { font-weight: bold; margin-bottom: 15px; }
p { margin-bottom: 15px; }
strong { font-weight: bold; }

.clear { margin: 0; padding: 0; border: 0; clear: both; }
hr { clear: both; height: 1px; border: 0; border-top: 1px #999 solid; margin: 30px 0; }
.help { font-size: 12px; margin-top: 15px; margin-bottom: 0; }
.grey { background-color: #DFE0E4; padding: 20px; }

#wrapper { background-color: #fff; width: 975px; margin: 0 auto; margin-bottom: 5px; padding-top: 20px }
#header { width: 930px; }
#label { position: absolute; right: -42px; top: 110px; padding-left: 1px; height: 140px; }
#label.stoehr { background-color: #000; }
#label.stoehrfaktor, .label-back.stoehrfaktor { background-color: #B9D305; }
#label.stoehrenfried, .label-back.stoehrenfried { background-color: #CDE6F4; }
#label img { border-left: 1px #fff dashed; margin-left: 10px; }
#logobar { height:30px; color: #000; margin-bottom: 30px; padding-top: 30px;  }
#logo { float: left; }
#navigation {float: left; z-index: 20; }
#sitelinks { float: right; margin-right: 45px; font-size: 12px; }
#sitelinks a { color: #000; float: left; display: block; padding: 9px 0 9px 15px; border: 0; text-transform: uppercase; font-size: 12px; line-height: 14px; }
#body { min-height: 300px; padding-bottom: 30px; }
#footer { background-color: #E6E7E8; width: 975px; margin: 0 auto; margin-bottom: 5px; font-size: 12px; }
#footer a { color: #000; }

/* startseite */
body.start { background-color: #fff; color: #000; }
#stwrapper { width: 975px; margin: 0 auto; margin-top: 50px; }
#stlogo { background-color: #2B2B2B; padding: 10px; z-index: 10;}
#stmessage { background-color: #E96430; padding: 10px; z-index: 10; }
.stinner { border: 1px dashed #fff; z-index: 30; }
.stinner .s { opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
body.start #footer { color: #929397; background-color: #fff; margin-top: 15px; font-size: 12px; }
body.start #footer a { color: #929397; }
#stlogo .stinner img { margin: 100px 70px 60px; }
#clickhere { position: absolute; z-index: 5; bottom: 75px; left: 75px; font-size: 30px; }
#clickhere a, #clickhere a:hover { color: #fff; text-decoration: none; }

#labelstoehr, #labelstoehrfaktor, #labelstoehrenfried { z-index: 20; position: absolute; right: -22px; width: 42px; height: 140px; }
#labelstoehr:hover, #labelstoehrfaktor:hover, #labelstoehrenfried:hover { padding-left: 10px; right: -32px;}
#labelstoehr { background-color: #000; top: 110px; }
#labelstoehrfaktor { background-color: #B9D305; top: 280px; }
#labelstoehrenfried { background-color: #CDE6F4; top: 450px; }

#stmessage .stinner { padding: 10px 10px; }
#stmessage .stinner, #stmessage .stinner a {color: #fff; }

h1.hint { color: #fff; font: 12px arial, sans-serif; margin: 0; }

/* navigation */
ul.navbar { margin-left: 20px; }
ul.navbar li { float: left; }
ul.navbar a { color: #000; display: block; background-color: #fff; padding: 8px 0px; border: 1px #000000 solid; text-transform: uppercase; width: 120px; text-align: center; margin-top:-1px; margin-left:-1px; font-size: 12px; line-height: 14px; }
ul.navbar a:hover { text-decoration: none; }
ul.navbar li:first-child a { border-left: 1px #000000 solid; }

ul.navbar li ul { position: absolute; top: 31px; left: -999em; height: auto; width: 140px; margin: 0; }
ul.navbar li ul ul { margin: -31px 0 0 121px; }
ul.navbar li:hover ul ul, ul.navbar li:hover ul ul ul, ul.navbar li.sfhover ul ul, ul.navbar li.sfhover ul ul ul { left: -999em; }
ul.navbar li:hover ul, ul.navbar li li:hover ul, ul.navbar li li li:hover ul, ul.navbar li.sfhover ul, ul.navbar li li.sfhover ul, ul.navbar li li li.sfhover ul { left: auto; }

ul.navbar .m1 .active, ul.navbar .m1 a:hover { color: #fff; background-color: #62696F; }
ul.navbar .m2 .active, ul.navbar .m2 a:hover { color: #fff; background-color: #b7d305; }
ul.navbar .m3 .active, ul.navbar .m3 a:hover { color: #fff; background-color: #E54C28; }
ul.navbar .m4 .active, ul.navbar .m4 a:hover { color: #fff; background-color: #fc7217; }
ul.navbar .m5 .active, ul.navbar .m5 a:hover { color: #fff; background-color: #3DB2E3; }

/* blog */
.blog #border { border: 1px #000 dashed; }
.blog #blogcontent { margin-top: 15px; background-color: #E6E7E8; }
.blog #content { background-color: #fff; border: 1px #6F6E6D solid; margin: 15px 40px 15px 0; padding: 30px; }
.blog #primary { float: right; width: 725px; }
.blog #secondary { float: left; width: 250px; padding-top: 15px; }
.blog #secondary .widget { font-size: 10px; line-height: 14px; width: 175px; margin-left: auto; margin-right: auto; }
.blog h1.entry-title { text-transform: uppercase; font-family: times new roman; font-size: 22px; font-weight: normal; }
.blog .post-date { background-color: #6F6E6D; color: #fff; width: 40px; text-align: center; float: left; }
.blog .post-month { font-size: 10px; border-bottom: 1px #fff solid; display: block; }
.blog .post-day { font-size: 14px; display: block; }
.blog .post-body, .blog .post-meta { float: right; width: 550px; margin-bottom: 15px; }
.blog .textimg { margin-bottom: 15px; }
.blog .nav-single { margin-bottom: 15px; }
.blog .nav-previous { float: left; display: block; }
.blog .nav-next { float: right; display: block; }
.blog .entry-meta { border-top: 1px #e6e7e9 solid; padding: 15px 0 0 0; }
.blog .nav-single { border-top: 1px #e6e7e9 solid; border-bottom: 1px #e6e7e9 solid; padding: 15px 0; margin-bottom: 15px;}
.blog #comments h3 { font-size: 16px; margin-bottom: 15px; }
.blog #comments .required {display: none; }
.blog #commentform label { display: block; }
.blog li.comment { border-bottom: 1px #e6e7e9 solid; padding: 0 0 15px 0; margin-bottom: 15px; }
.blog li.comment ul.children { margin-left: 30px; }
.blog li.comment ul.children li.comment { border-bottom: 0; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px #e6e7e9 solid;}
.blog .entry-content ul { list-style-type: disc; list-style-position: outside; margin-bottom: 10px; }
.blog .entry-content ul li { margin-left: 30px; margin-bottom: 5px; }
.blog .entry-content img { border: 1px #e6e7e9 solid; padding: 5px; }
.blog #footer { background-color: #fff; }
.blog .entry-content .gallery { margin: auto; }
.blog .entry-content .gallery .gallery-item a img { border: 1px #e6e7e9 solid; padding: 5px; }
.blog .entry-content .gallery .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%;} 
.blog .entry-content .gallery .gallery-caption { margin-left: 0; }

/* inhalt */
#body { margin-top: 30px;  }
#body.full-width-text { padding-left: 110px; padding-right: 95px; }
#body.full-width-text .five { width: 145px; margin-right: 25px; margin-right: 10px; }
#body.full-width-text .three { width: 240px; margin-right: 25px; }
#body.full-width-text .two { width: 372px; margin-right: 25px; }
#body.full-width-text .column, #cform fieldset { float: left; margin-bottom: 15px; }
#body.full-width-text .last, #cform .last { margin-right: 0; clear: right; }
#body.full-width-text h1, #body.kollektion h1 { font-weight: normal; font-size: 34px; color: #ddd; margin-bottom: 30px; text-transform: uppercase; }
#body.kollektion h1 { margin-left: 45px; }
#body.preview { padding: 0; }
.previewtext { width: 930px; text-align: right; font-size: 34px; color: #ddd; margin-bottom: 30px; text-transform: uppercase; }
#stoehrenfriedpreview { background-color: #E4EEE4; }
#sftv {padding: 20px; margin-top: -60px;}
#sfvideo { position:absolute; left: 55px; bottom: 40px; }
#stoehrenfried2 { position: absolute; z-index: 10; right: 250px; -ms-transform:rotate(-10deg); -webkit-transform:rotate3d(0,0,0,-10deg); -moz-transform:rotate(-10deg); -o-transform: rotate(-10deg); transform:rotate(-10deg); }
#stoehrenfried1 { position: absolute; z-index: 20; right: 50px; top: 120px; -ms-transform:rotate(15deg); -webkit-transform:rotate3d(0,0,0,15deg); -moz-transform:rotate(15deg); -o-transform: rotate(15deg); transform:rotate(15deg)}

#productmatrix { margin-left: 45px; margin-right: 75px; float: left; width: 257px; }
#productmatrix .prepic {margin: 0 8px 8px 0;}
#productmatrix .last { margin: 0 0 8px 0; }

#colorrange {margin-top: 25px; }

#productbody { float: left; width: 598px; }
.label-back { padding-left: 15px; }
.label-back.stoehr { background-color: #7b8086; }
#labelwrapper { position: absolute; right: -46px; top: 0; }
#consumer-label, #merchant-label { border: 1px #000000 dashed; width: 248px; }
#merchant-label { margin-top: 15px; }
.label-content { color: #000; background-color: #fff; padding: 5px; font-size: 12px; }

.registered { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top:-5px; }

.sfwiggle { position: absolute; }
.sfwiggle img { cursor: pointer; }
#sf-content { height: 450px; }
#sf-1 { z-index: 10; top:; left: 50px; -ms-transform:rotate(-10deg); -webkit-transform:rotate3d(0,0,0,-10deg); -moz-transform:rotate(-10deg); -o-transform: rotate(-10deg); transform:rotate(-10deg); }
#sf-2 { z-index: 20; top:; left: 250px; -ms-transform:rotate(5deg); -webkit-transform:rotate3d(0,0,0,5deg); -moz-transform:rotate(5deg); -o-transform: rotate(5deg); transform:rotate(5deg); }
#sf-3 { z-index: 30; top:; left: 450px; -ms-transform:rotate(-5deg); -webkit-transform:rotate3d(0,0,0,-5deg); -moz-transform:rotate(-5deg); -o-transform: rotate(-5deg); transform:rotate(-5deg);}
#sf-4 { z-index: 40; top:; left: 650px; -ms-transform:rotate(7deg); -webkit-transform:rotate3d(0,0,0,7deg); -moz-transform:rotate(7deg); -o-transform: rotate(7deg); transform:rotate(7deg);}

/* formulare */
#cform label, #lform label, #posform label, #sform label { display: block; }
#cform input, #lform input, #posform input, #sform input, #sform select { width: 230px; padding: 5px; border: 1px #999 solid; }
#cform textarea, #posform textarea { padding: 5px; width: 760px; border: 1px #999 solid; height: 100px; margin-top: 15px; }
#cform .submit, #lform .submit, #posform .submit, #sform .submit, #comments #submit { width: 230px; padding: 5px; color: #fff; margin-top: 15px; background-color: #EA7324; border: none; -webkit-transition: -webkit-box-shadow 0.3s linear; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EA7324), to(#EA975F)); background: -moz-linear-gradient(25% 75% 90deg,#EA975F, #EA7324); }
#cform .submit:hover, #lform .submit:hover, #posform .submit:hover, #sform .submit:hover, #comments #submit:hover { -webkit-box-shadow: 0px 0px 20px #555; -moz-box-shadow: 0px 0px 20px #aaa; box-shadow: 0px 0px 20px #555; cursor: pointer; }
#lform input { width: 320px; margin-bottom: 10px; }
#posform input { margin-bottom: 10px; }
#posform .item-name input { width: 50px; }
#posform textarea { width: 230px; margin:0; }
#sform .submit, #comments #submit { width: auto; }
#sform #customerLocationInput { margin-bottom: 30px; }

/* business area */
#logout { float:right; }
#logout a { text-align:center; display: block; width: 250px; padding: 5px; color: #fff; background-color: #3fb0e8; border: none; -webkit-transition: -webkit-box-shadow 0.3s linear; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3fb0e8), to(#2f8197)); background: -moz-linear-gradient(25% 75% 90deg,#3fb0e8, #2f8197); }
#logout a:hover { text-decoration: none; -webkit-box-shadow: 0px 0px 20px #555; -moz-box-shadow: 0px 0px 20px #aaa; box-shadow: 0px 0px 20px #555; }

/* meldungen */
.message { padding: 10px; border: 3px solid; margin-bottom: 30px; }
.error { border-color: #AA0000; }
.ok { border-color: #00AA00; }

/* pos */
.pos-item { margin-bottom: 30px; }
.item-pic, .item-name { float: left; }
.item-pic img { width: 200px; }
.item-name { padding-left: 30px; width: 540px; }
.item-name h2 {border-bottom: 1px #999 dashed; }

/* store locator */
table.umkreissuche { width: 100%; }
table.umkreissuche tr th { text-align: left; background-color: none; border-bottom: 1px #999 solid; }
table.umkreissuche tr td { background-color: #F7F7F7; padding-top: 15px; }
table.umkreissuche tr.dark td { background-color: #EEEEEE; }
table.umkreissuche td.firma, table.umkreissuche th.firma  { padding-left: 10px; }

/* download */
.item-name a { padding: 5px; color: #fff; margin-top: 15px; background-color: #EA7324; border: none; -webkit-transition: -webkit-box-shadow 0.3s linear; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EA7324), to(#EA975F)); background: -moz-linear-gradient(25% 75% 90deg,#EA975F, #EA7324); }
.item-name a:hover { text-decoration: none; -webkit-box-shadow: 0px 0px 20px #555; -moz-box-shadow: 0px 0px 20px #aaa; box-shadow: 0px 0px 20px #555; }

/* google maps */
#map-stoehr { width: 770px; height: 300px; }

/* footer */ 
#footer { text-transform: uppercase; }