/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body { background: #ffe1c8 url(../images/main-bg.jpg) center 39px repeat-x; font-family: "Open Sans", sans-serif; color: #282828; font-size: 14px; line-height: 1.4em; }

h1 { font-size: 34px; font-style: italic; padding: 15px 0 20px 0; line-height: 1em; text-shadow: 0px 2px 2px #fff; }
h2 { font-size: 21px; font-style: italic; padding: 15px 0 15px 0; text-shadow: 0px 2px 2px #fff; }
h3 { font-size: 18px; font-style: italic; padding: 10px 0 10px 0; text-shadow: 0px 2px 2px #fff; }
h4 { font-size: 14px; font-style: italic; padding: 5px 0 5px 0; text-shadow: 0px 2px 2px #fff; }

a { color: #007727; text-decoration: none; }
a:hover { color: #282828; }

.shadow { -webkit-box-shadow: 0px 0px 7px 0px #282828; -moz-box-shadow: 0px 0px 7px 0px #282828; box-shadow: 0px 0px 7px 0px #282828; }
.shadow-small { -webkit-box-shadow: 0px 0px 4px 0px #282828; -moz-box-shadow: 0px 0px 4px 0px #282828; box-shadow: 0px 0px 4px 0px #282828; }
.inner-shadow { -webkit-box-shadow: inset 0px 0px 7px 0px #282828; -moz-box-shadow: inset 0px 0px 7px 0px #282828; box-shadow: inset 0px 0px 7px 0px #282828; }
.gradient { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTFjOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmUxYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(255,225,200,0) 0%, rgba(255,225,200,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,225,200,0)), color-stop(100%,rgba(255,225,200,1))); background: -webkit-linear-gradient(top,  rgba(255,225,200,0) 0%,rgba(255,225,200,1) 100%); background: -o-linear-gradient(top,  rgba(255,225,200,0) 0%,rgba(255,225,200,1) 100%); background: -ms-linear-gradient(top,  rgba(255,225,200,0) 0%,rgba(255,225,200,1) 100%); background: linear-gradient(to bottom,  rgba(255,225,200,0) 0%,rgba(255,225,200,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffe1c8', endColorstr='#ffe1c8',GradientType=0 ); }
.green-text { color: #007727; font-weight: bold; }
.clear { clear: both; }
.print { display: none; }
.flowplayer { border: 1px solid #fff; margin: 4px; -webkit-box-shadow: 0px 0px 4px 0px #282828; -moz-box-shadow: 0px 0px 4px 0px #282828; box-shadow: 0px 0px 4px 0px #282828; }

b { font-weight: bold; }

div.topbar-wrap { background: #282828; height: 39px; }
div.topbar-wrap div.topbar  { margin: 0 auto; width: 980px; }
div.topbar-wrap div.topbar div.links { float: left; margin-top:10px; }
div.topbar-wrap div.topbar div.links a { color: #fff; font-size: 12px; margin: 0 20px 0 0; }
div.topbar-wrap div.topbar div.links a:hover { color: #ffe1c8; }
div.topbar-wrap div.topbar div.links i { margin: 3px 0 0 0; }
div.topbar-wrap div.topbar form { float: right; }
div.topbar-wrap div.topbar form input.searchbox { font-family: "Open Sans", sans-serif; font-size: 12px; color: #cecece; background: #282828 url(../images/searchbox-bg.gif) left bottom no-repeat; border: 0; width:200px; padding: 5px 5px 3px 5px; margin: 6px 2px 0 0; }
div.topbar-wrap div.topbar form input.searchbox:focus { outline: none; color: #fff; background: #282828 url(../images/searchbox-bg.gif) right bottom no-repeat; }
div.topbar-wrap div.topbar form input.searchbox-submit { cursor: pointer; background: #282828 url(../images/searchbox-submit-bg.gif) center center no-repeat; width: 16px; height: 18px; border: 0; margin: 0; padding: 0; }

div.header-wrap { margin: 0 auto; width: 980px; height: 448px; position: relative; }
div.header-wrap img.logo { position: absolute; left: 0; top: 28px; }
div.header-wrap div.box-cover-shadow { width: 471px; height: 7px; position: absolute; bottom: -7px; left: 0; background: #ffe1c8; }
div.header-wrap div.box-full-cover-shadow { width: 980px; height: 7px; position: absolute; bottom: -7px; left: 0; background: #ffe1c8; }
div.header-wrap div.box-left { position: absolute; left: 0; bottom: 0; width: 471px; height: 270px; }
div.header-wrap div.box-right { position: absolute; right: 0; bottom: 0; width: 471px; height: 270px; }
div.header-wrap div.box-full { position: absolute; left: 0; bottom: 0; width: 980px; height: 270px; background: url(../images/slideshow-bg.jpg) left top no-repeat; }
div.header-wrap span.teaser-text { width: 220px; position: absolute; right: 10px; top:115px; }
div.header-wrap div.box-headline { text-shadow: 0px 1px 1px #fff; background: url(../images/white-50.png); padding:10px; }
div.header-wrap div.box-headline h2 { padding: 0; }
div.header-wrap div.box-headline a { color: #282828; }
div.header-wrap div.box-headline a:hover { color: #007727; }
div.header-wrap div.box-full span#prev { width: 16px; height: 16px; position: absolute; right: 10px; top: 20px; cursor: pointer; z-index: 30; }
div.header-wrap div.box-full span#next { width: 16px; height: 16px; position: absolute; right: 10px; top: 3px; cursor: pointer; z-index: 30; }
div.header-wrap div.box-full div#slideshow { position: absolute; left: 0; top: 0; }
div.header-wrap div.box-full div#slideshow div.slide { width: 980px; height: 270px; position: relative; display: none; }
div.header-wrap div.box-full div#slideshow div.slide img { position: absolute; left: 0; top: 0; z-index: 10; }
div.header-wrap div.box-full div#slideshow div.slide div.box-headline { width: 960px; position: absolute; left: 0; top: 0; z-index: 20; }
div.header-wrap div.box-full a.route { -webkit-box-shadow: 0px 1px 2px 1px #435640; -moz-box-shadow: 0px 1px 2px 1px #435640; box-shadow: 0px 1px 2px 1px #435640; color: #000; position: absolute; top: 5px; background: #fff; right: 96px; padding: 1px 5px 1px 5px; border: 1px solid #717b87; font-size: 13px; font-weight: bold; font-family: arial; }
div.header-wrap a.teaser-button { display: block; padding: 10px; width: 100px; background: #282828; color: #fff; position: absolute; right: 10px; bottom: 10px; text-align: center; }
div.header-wrap a.teaser-button:hover { background: #007727; color: #fff; }

div.header-wrap ul.main-navigation { width: 474px; height: 139px; position: absolute; top: 0; right: -2px; background: url(../images/navigation-bg.gif) right top repeat-y; z-index: 50; }
div.header-wrap ul.main-navigation li { width: 157px; float: left; background: url(../images/navigation-bg.gif) left top repeat-y; height: 100%; }
div.header-wrap ul.main-navigation li.first { width:158px; }
div.header-wrap ul.main-navigation li:hover { background-color: #ffe1c8; }
div.header-wrap ul.main-navigation li table { width: 100%; height: 100%; }
div.header-wrap ul.main-navigation li table tr td { width: 100%; height: 100%; text-align: center; vertical-align: middle; text-shadow: 0px 1px 1px #fff; }
div.header-wrap ul.main-navigation li table tr td a { font-size: 21px; font-style: italic; color: #282828; }
div.header-wrap ul.main-navigation li table tr td a:hover { color: #007727; }
div.header-wrap ul.main-navigation li table tr td div.cover-shadow { display: none; width: 100%; height: 10px; background: #ffe1c8; position: absolute; bottom: 0; left: 1px; width: 157px; z-index: 30; }
div.header-wrap ul.main-navigation li table tr td div.cover-shadow.second { left: 159px; width: 156px; }
div.header-wrap ul.main-navigation li table tr td div.cover-shadow.third { left: 316px; width: 156px; }
div.header-wrap ul.main-navigation li:hover table tr td div.cover-shadow { display: block; }
div.header-wrap ul.main-navigation li table tr td div.products-navigation-eichendielen { display: none; position: absolute; width: 206px; height: 224px; background: #fff url(../images/products-eichendielen.jpg) left top no-repeat; left: 20px; bottom: -243px; z-index: 30; }
div.header-wrap ul.main-navigation li table tr td div.products-navigation-kaminholz { display: none; position: absolute; width: 206px; height: 60px; background: #fff url(../images/products-kaminholz.jpg) left top no-repeat; right: 20px; bottom: -79px; z-index: 30; }
div.header-wrap ul.main-navigation li table tr td div.products-navigation-alternativen { display: none; position: absolute; width: 206px; height: 60px; background: #fff url(../images/products_alternativen_bg.gif) left top no-repeat; right: 20px; bottom: -161px; z-index: 30; }
div.header-wrap ul.main-navigation li table tr td div.products-navigation-zubehoer { display: none; position: absolute; width: 206px; height: 60px; background: #fff url(../images/products_zubehoer_bg.gif) left -20px no-repeat; right: 20px; bottom: -243px; z-index: 30; }
div.header-wrap ul.main-navigation li table tr td div.products-navigation-headline { position: relative; background: url(../images/white-50.png); text-align: left; padding-left: 5px; }
div.header-wrap ul.main-navigation li table tr td div.products-navigation-headline a { font-size: 18px !important; }
div.header-wrap ul.main-navigation li table tr td div a.product { text-shadow: none; color: #fff; font-size: 12px; display: block; width:80px; padding:1px; text-align:center; position: absolute; right: 0; bottom: 0; background: #282828; }
div.header-wrap ul.main-navigation li table tr td div a.product:hover { background: #007727; color: #fff; }
div.header-wrap ul.main-navigation li ul { display: none; background-color: #ffe1c8; background-image: none; position: absolute; left: 1px; top: 139px; width: 471px; }
div.header-wrap ul.main-navigation li ul li { background-image: none; float: none; width: 426px; }
div.header-wrap ul.main-navigation li ul li.contact { margin: 20px 0 20px 0; text-align: center; width: 451px; }
div.header-wrap ul.main-navigation li ul li.products-space-top { margin-top: 263px; }
div.header-wrap ul.main-navigation li ul li a { color: #282828; display: block; width:100%; height: 100%; padding: 10px 10px 10px 35px; background: url(../images/sub-navigation-link-bg.png) 20px 14px no-repeat; }
div.header-wrap ul.main-navigation li ul li a:hover { background-color: #007727; color: #fff; }

div.content-wrap { margin: 0 auto; width: 980px; padding:20px 0 20px 0; min-height: 320px; }
div.content-wrap p { padding: 0 0 10px 0; }
div.content-wrap div.marginal { float: left; width: 250px; margin: 19px 0 0 0; }
div.content-wrap div.marginal div.box { background: url(../images/background-wood.jpg) left top repeat-y; margin: 0 0 39px 0; }
div.content-wrap div.marginal div.box ul.sub-navigation li a { background: url(../images/sub-navigation-link-bg.png) 20px 14px no-repeat; padding: 10px 10px 10px 35px; display: block; width: 205px; height: 100%; color: #282828; }
div.content-wrap div.marginal div.box ul.sub-navigation li a:hover { color: #fff; background-color: #007727; }
div.content-wrap div.marginal div.box ul.sub-navigation li.active a { color: #fff; background-color: #007727; }
div.content-wrap div.marginal div.box div.headline { padding: 0 0 0 10px; background: url(../images/white-50.png); text-shadow: 0px 1px 1px #fff; }
div.content-wrap div.content { float: right; width: 691px; }
div.content-wrap div.content div.csc-textpic img { border: 1px solid #fff; margin: 4px; -webkit-box-shadow: 0px 0px 4px 0px #282828; -moz-box-shadow: 0px 0px 4px 0px #282828; box-shadow: 0px 0px 4px 0px #282828; }
div.content-wrap div.content div.csc-textpic-imagerow img { border: 1px solid #fff; margin:4 px; -webkit-box-shadow: 0px 0px 4px 0px #282828; -moz-box-shadow: 0px 0px 4px 0px #282828; box-shadow: 0px 0px 4px 0px #282828; }
div.content-wrap div.marginal div.csc-textpic img { border: 1px solid #fff; margin: 4px; -webkit-box-shadow: 0px 0px 4px 0px #282828; -moz-box-shadow: 0px 0px 4px 0px #282828; box-shadow: 0px 0px 4px 0px #282828; }
div.content-wrap div.marginal div.csc-textpic-imagerow img { border: 1px solid #fff; margin:4 px; -webkit-box-shadow: 0px 0px 4px 0px #282828; -moz-box-shadow: 0px 0px 4px 0px #282828; box-shadow: 0px 0px 4px 0px #282828; }
div.content-wrap div.content ul { margin: 0 0 15px 0; }
div.content-wrap div.content ul li { background: url(../images/sub-navigation-link-bg.png) 15px 4px no-repeat; padding: 0 0 0 35px; }
div.content-wrap div.content.full-width { width:980px; }

div.content-wrap div.content div.tx-indexedsearch-res div.inner-shadow { background: url(../images/background-wood.jpg) left top repeat-y; margin: 0 0 15px 0; }
div.content-wrap div.content div.tx-indexedsearch-res div.inner-shadow h2 { background: url(../images/white-50.png); padding: 15px; }
div.content-wrap div.content div.tx-indexedsearch-res div.inner-shadow p { padding: 15px; }
div.content-wrap div.content div.tx-indexedsearch-browsebox { text-align: center; margin: 39px 0 0 0; }
div.content-wrap div.content div.tx-indexedsearch-browsebox ul li { background: none; padding: 0 0 0 10px; }
div.content-wrap div.content div.tx-indexedsearch-browsebox ul li a { background: #007727; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; }
div.content-wrap div.content div.tx-indexedsearch-browsebox ul li a:hover { color: #007727; }

div.content-wrap div.content fieldset.powermail_fieldset { position: relative; padding: 55px 15px 15px 15px; background: url(../images/background-wood.jpg) left top repeat-y; margin: 0 0 15px 0; -webkit-box-shadow: inset 0px 0px 7px 0px #282828; -moz-box-shadow: inset 0px 0px 7px 0px #282828; box-shadow: inset 0px 0px 7px 0px #282828; }
div.content-wrap div.content fieldset.powermail_fieldset legend { position: absolute; left: 0; top: 0; width: 950px; background: url(../images/white-50.png); padding: 10px 15px 10px 15px; font-size: 18px; font-style: italic; text-shadow: 0px 2px 2px #fff; }
div.content-wrap div.content fieldset.powermail_fieldset label { width: 150px; float: left; display: block; padding: 6px 0 0 0; }
div.content-wrap div.content fieldset.powermail_fieldset input { width: 300px; margin: 5px 0 5px 0; }
div.content-wrap div.content fieldset.powermail_fieldset select { width: 279px; }
div.content-wrap div.content fieldset.powermail_fieldset textarea { width: 598px; }
div.content-wrap div.content fieldset.powermail_fieldset img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 5px 0 0 0; display: block; border: 1px solid #fff; -webkit-box-shadow: 0px 0px 4px 0px #282828; -moz-box-shadow: 0px 0px 4px 0px #282828; box-shadow: 0px 0px 4px 0px #282828; }
div.content-wrap div.content fieldset.powermail_fieldset div.formErrorContent { padding: 5px 5px 5px 25px; background: #fff url(../images/form_alert.png) 5px 9px no-repeat; border: 1px solid #282828; color: #282828; font-weight: bold; font-size: 12px; }
div.content-wrap div.content div.button span { padding: 5px 10px 5px 0; }

div.content-wrap div.content table.hpb-table { width:100%; background: url(../images/background-wood.jpg) left top repeat-y; -webkit-box-shadow: inset 0px 0px 7px 0px #282828; -moz-box-shadow: inset 0px 0px 7px 0px #282828; box-shadow: inset 0px 0px 7px 0px #282828; }
div.content-wrap div.content table.hpb-table tr th { text-align: left; font-weight: bold; background: url(../images/white-50.png); padding: 10px; }
div.content-wrap div.content table.hpb-table tr td { padding: 10px; width: 50%; }
div.content-wrap div.content table.hpb-table tr td.td-last { background: url(../images/navigation-bg.gif) left top repeat-y; }

div.footer-wrap { background: #ffe1c8 url(../images/footer-bg.jpg) center top repeat-x; height: 88px; }
div.footer-wrap div.footer  { margin: 0 auto; width: 980px; padding: 10px 0 0 0; position: relative; }
div.footer-wrap div.footer a { color: #282828; font-weight: bold; font-size: 12px; margin-right: 20px; text-shadow: 0px 1px 1px #fff; }
div.footer-wrap div.footer a:hover { color: #007727; }
div.footer-wrap div.footer span { padding: 0; font-size: 12px; font-weight: bold; position: absolute; left: 0; top:26px; width:980px; text-shadow: 0px 1px 1px #fff; }

div.footer-bar { background: #282828; height: 39px; }
div.footer-bar div.footerbar { margin: 0 auto; width: 980px; padding: 10px 0 0 0; position: relative; }
div.footer-bar div.footerbar a { color: #fff; font-size: 12px; }
div.footer-bar div.footerbar a:hover { color: #ffe1c8; }
div.footer-bar div.footerbar span.to-top { float: right; margin-right: 0; color: #fff; font-size: 12px; cursor: pointer; }
div.footer-bar div.footerbar span.to-top:hover { color: #ffe1c8; }