@charset "utf-8";
/* 
----- CSS Firma DUPLICON, Martin Mißfeldt 2020 -----
*/
body { background-color:#bba; color:#354; margin:0; padding:0; font-size:87%; line-height:1.7em; font-family:Arial, Helvetica, sans-serif; text-align:center; }
h1   { font-size:130%; font-weight:normal; color:#bba; margin:0; padding:4px 0; background-color:#1b2025; border-bottom:1px dashed #665; }
h1 a { font-weight:normal; color:#bba; margin:0; padding:0; text-decoration:none; }
h1 a:hover { color:#7cf; text-decoration:underline; }
h2   { font-size:170%; font-weight:normal; color:#465; }
h2 a { font-weight:normal; color:#465; text-decoration:none; }
h3   { font-size:150%; font-weight:normal; margin:20px 0 4px 0; padding:6px 0 1px 0; color:#b51; font-family:Georgia, "Times New Roman", Times, serif; }
h3 a { font-weight:normal; color:#b51; text-decoration:none; }
h3 a:hover { font-weight:normal; color:#930; text-decoration:none; }
h4   { font-size:130%; font-weight:bold; margin:0; padding:19px 0 0px 0; }
h4 a { font-weight:bold; color:#354; text-decoration:none; }
h4 a:hover { font-weight:bold; color:#354; text-decoration:none; }
h5   { font-weight:bold; margin:0; }

p       { padding:6px 0 6px 0; margin:0; }
a       { text-decoration:none; color:#06c; font-weight:normal; }
a:hover { text-decoration:underline; color:#38f; }
ul, ol  { margin:0 21px; padding:0; text-align:left; }
li      { margin:0; padding:0; text-align:left; }
form    { margin:0 13px; padding:0; display:inline; }
/* 
----- Layout -----
*/
.page_layout{ width:100%; max-width:980px; margin:0 auto; background-color:#eed; }
.google_ads { width:100%; max-width:980px; padding:0; margin:0 0 0 77px; text-align:left; }

ul#menulist    { padding:5px 0; margin:0; background-color:#1b2025; font-size:15px; text-align: center; }
ul#menulist li { list-style:none; display:inline; margin:0; padding:0; }
ul#menulist a  { padding:0; margin:0 13px; font-weight:bold; color:#bba; border:0; }
ul#menulist a:hover { color:#7cf;  }

.submenulist    { padding:5px 0; margin:0; background-color:#1b2025; font-size:14px; text-align: center; border-bottom:1px dashed #665; }
.submenulist li { list-style:none; display:inline; margin:0; padding:0; }
.submenulist a  { padding:0; margin:0 13px; font-weight:bold; color:#bba; border:0; }
.submenulist a:hover { color:#7cf;  }

.menu_shadow { background:url(../images-pictures/menu_shadow.png); height:11px; }
.trennlinie  { background:url(../images-pictures/trennlinie.png); height:11px; }

.content    { width:100%; max-width:820px; margin:0 0 0 80px; text-align:justify; }
.content ol { margin:0 28px; padding:0; }
.content li { margin:0; padding:0; }
.content_small   { width:100%; max-width:560px; margin:0 40px 0 60px; text-align:justify; float:left; }
.content_article { width:100%; max-width:560px; margin:0 0 0 80px; float:left; text-align:left; }
.sidebar_article { width:250px; margin:0; float:right; text-align:left; }
.home_text { width:520px; float:left; padding:0 30px 0 0; margin:0 0 0 60px; text-align:justify; }
.home_row_left  { width:360px; margin:0 0 0 80px; text-align:left; float:left; }
.home_row_right { width:380px; margin:0 80px 0 0; text-align:left; float:right; }
.gal_row_left   { width:380px; margin:0 0 0 80px; text-align:left; float:left; }
.gal_row_right  { width:400px; margin:0 80px 0 0; text-align:left; float:right; }
.gal_h3 { border-bottom:1px solid #b51; }
.clear   { clear:both; }
.clearer { clear:both; font-size:0; height:1px; display:block; background-color:#eff; }
.clearer_2 { clear:both; font-size:0; height:12px; display:block; }
.clear25 { clear:both; font-size:0; height:25px; display:block; }
.img_box { width:200px; padding:10px 0; margin:0 0 15px 36px; border:0; line-height:1.3em; background-color:#fff; text-align:center; float:left; }
.img_box a { border:none; text-decoration:none; }
.img_box a:hover { text-decoration:underline; color:#38f; }
.img_box a img { border:none; }
.home_thumb { width:170px; padding:4px 0; margin:0 34px 25px 0px; border:0; font-size:90%; line-height:1.3em; background-color:#fff; text-align:center; float:left; }
.home_thumb a { border:none; text-decoration:none; }
.home_thumb a:hover { text-decoration:underline; color:#38f; }
.home_thumb a img { border:none; }
.home_thumb h3 { margin:0 0 4px 0; color:#a40; }
.home_thumb p {  padding:0 7px; }
.video_box { padding:10px; margin:0; border:0; line-height:1.3em; background-color:#fff; text-align:center; }
.blog_box { width:275px; float:right; margin:60px 0 20px 40px; text-align:center; }
.blog_box li { margin:0 0 3px 0; }
.luecke { padding:0 13px; margin:0; }
.img_thumb { padding:10px; margin:0; border:0; line-height:1.3em; background-color:#fff; text-align:center; }
.float_left { float:left; margin:6px 30px 15px 0; display:block; width:auto; border:0; }
.float_right { float:right; margin:3px 0 15px 30px; display:block; width:auto; border:0; } 
.alignleft { float:left; margin:3px 30px 15px 0; padding:10px 5px 3px 5px; }
.alignright { float:right; margin:3px 0 15px 30px; padding:10px 5px 3px 5px; } 
.center { text-align:center; }
.left   { float:left; }
.right  { float:right; }
.top_block { padding:0; margin:10px; text-align:left; }
.top_thumb { float:left; margin:4px 14px 0 4px; }
.social_block { width:78px; float:left; margin:3px 2px 5px -80px; text-align:right; }
.social_trnr { height:20px; }

#search { background-color:#fff; }
.search_word { padding:0; margin:0; border:0; } 
.top_search_button { padding:0; margin:0; color:#bba; background-color:#1b2025; font-weight:bold; border:0; } 
.img_no_border { border:0; }
.images { width:195px; text-align:center; font-size:90%; line-height:1.6em; }
.footer { clear:both; position:relative; padding:10px 0; margin:0; text-align:center; background-color:#1b2025; color:#ccc; }
.footer a { text-decoration:none; border:none; font-weight:normal; color:#7cf; }


.gallery { margin:10px 0; text-align:center; }
.gallery_row { height:180px; width:200px; display:block; float:left; margin:5px; padding:5px; background-color:#fff; font-size:90%; line-height:1.3em; }

.img_row { width:200px; padding:10px 0; margin:0 0 15px 36px; float:left; font-size:90%; line-height:1.3em; }
.img_row a { text-decoration:none; border:0; }
.img_row a img { border:#fff 10px solid; }
.img { border:0; margin:auto auto; }
.highlight { border-bottom:#d41 2px dotted; }
.data_row { height:auto; width:450px; display:block; float:left; text-align:center; }
.clearer_3 { clear:both; font-size:0; height:7px; display:block; }
.description { width:880px; margin:0 auto; padding:0; display:block; background-color:#ddc; text-align:justify; }
.header_adv { width:880px; height:19px; display:block; margin:4px 0 0 0; }
.comment_box { padding:9px; margin:0 150px; border-top:#cdcdcd 1px dotted; text-align:justify; }
.data_text { margin:10px 5px; padding:20px; border:#CCE689 0px dotted; text-align:left; }
.advert { width:900px; margin:0 auto; padding:10px 0 0 0; }
.no_border { border:0; text-decoration:none; }
.wertung_block { float:right; width:350px; display:block; margin:0; padding:0; border-left:#eee 0px solid; text-align:left; }
.text_block { width:490px; margin:0; padding:0; text-align:left; }
.img_big { margin:0; padding:0; border:#fff 10px solid; }
.video { margin-left:40px; width:425px; height:355px; float:right; margin:0 0 0 30px; border:0; }
.navigation { width:800px; float:left; }
.bookmark { float:right; border:0; margin:2px; padding:0; }
/* 
----- Image -----
*/
.img_liste { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px; text-align:center; }
.img_liste a { text-decoration:none; border:none; }
.img_data { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px; text-align:center; }
.btn_left { float:left; border:0; }
.btn_right { float:right; border:0; }
.detail_left { float:left; border-top:#eee 1px solid; border-left:#eee 0px solid; border-bottom:#eee 0px solid; border-right:#eee 1px solid; }
.alexa_block { float:left; margin:-20px 30px 0 0; padding:0; border:0; width:400px; height:269px; display:block; }
.star_blank { float:left; width:19px; height:17px; display:block; background-image:url(../images-pictures/star_blank.gif); text-indent: -7000px; }
.star_filled { float:left; width:19px; height:17px; display:block; background-image:url(../images-pictures/star_filled.gif); text-indent: -7000px; } 

.teaserBorder { background-color:#fff; border:1px dashed #bbb; font-weight:bold; padding:4px 0; margin:0; }
.bannerTextarea { width:648px; background:#fff; border-top:#555 1px solid; border-left:#555 1px solid; color:#00f; font-size:10px; font-family:"Courier New", Courier, monospace; line-height:15px; text-align:left; }
.bold_link { font-weight:bold; color:#00f; }
.bestellen { background-color:#00f; border:#fff solid 1px; color:fff; }
.sidbar_link { padding:4px 2px 4px 8px; margin:4px 8px 4px 0; border:1px solid #06c; background-color:#f1f1f1; }
.border_top    { border-top:   #888 solid 1px; }
.border_bottom { border-bottom:#888 solid 1px; }
.highlight { border-bottom:#FC0 2px solid; }

.produkt     { margin:20px 0;     padding:0; border-top:#ccc 1px solid; }
.produkt h3  { margin:0 0 0 10px; padding:5px; font-size:110%; line-height:140%; font-weight:bold; }
.produkt p   { margin:0 0 0 10px; padding:5px; line-height:140%; }
.produktbild { margin:0 20px 0 0; width:200px; float:left; text-align:center; }

.amazon-button         { text-align:right; margin:0 0 18px 0; font-weight:bold; }
.amazon-button a       { background-color:#fc3; color:#111; border:#da1 2px solid; border-radius:12px; padding:5px 8px; }
.amazon-button a:hover { background-color:#c60; color:#fff; border:#930 2px solid; }

.searchresult      { margin:0 0 25px 0; font-size:90%; line-height:120%; }
.searchresult h2   { margin:0; padding:0 0 2px 0; border:none; }
.searchresult h2 a { font-size:80%; line-height:120%; text-decoration:none; }
.searchresult h2 a:hover { text-decoration:underline; }
.searchresult p    { margin:0; padding:0; }
.searchresult .search_url { margin:0 0 3px 0; padding:0; color:#090; }
.search_thumb      { float:left; margin:0 10px 0 0; padding:0; }
.search_img        { padding:1; border:#bbb 1px solid; }

/* Lightbox Styles */
.slbOverlay, .slbWrapOuter, .slbWrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.slbOverlay { overflow: hidden; z-index: 2000; background-color: #000; opacity: 0.7; -webkit-animation: slbOverlay 0.5s; -moz-animation: slbOverlay 0.5s; animation: slbOverlay 0.5s; }
.slbWrapOuter { overflow-x: hidden; overflow-y: auto; z-index: 2010; }
.slbWrap { position: absolute; text-align: center; }
.slbWrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.slbContentOuter { position: relative; display: inline-block; vertical-align: middle; margin: 0px auto; padding: 0 1em; box-sizing: border-box; z-index: 2020; text-align: left; max-width: 100%; }
.slbContentEl .slbContentOuter { padding: 5em 1em; }
.slbContent { position: relative; }
.slbContentEl .slbContent { -webkit-animation: slbEnter 0.3s; -moz-animation: slbEnter 0.3s; animation: slbEnter 0.3s; background-color: #fff; box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4); }
.slbImageWrap { -webkit-animation: slbEnter 0.3s; -moz-animation: slbEnter 0.3s; animation: slbEnter 0.3s; position: relative; }
.slbImageWrap:after { content: ""; position: absolute; left: 0; right: 0; top: 5em; bottom: 5em; display: block; z-index: -1; box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6); background-color: #FFF; }
.slbDirectionNext .slbImageWrap { -webkit-animation: slbEnterNext 0.4s; -moz-animation: slbEnterNext 0.4s; animation: slbEnterNext 0.4s; }
.slbDirectionPrev .slbImageWrap { -webkit-animation: slbEnterPrev 0.4s; -moz-animation: slbEnterPrev 0.4s; animation: slbEnterPrev 0.4s; }

.slbImage { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 0; margin: 0 auto; }

.slbCaption { display: inline-block; max-width: 100%; text-overflow: ellipsis; position: absolute; left: 0; right: 0; padding: 0; color: #fff; text-align: center; background-color:#111; border-top:#777 1px solid; }

.slbCloseBtn, .slbArrow { margin: 0; padding: 0; border: 0; cursor: pointer; background: none; }
.slbCloseBtn::-moz-focus-inner, .slbArrow::-moz-focus-inner { padding: 0; border: 0; }
.slbCloseBtn:hover, .slbArrow:hover { opacity: 0.5; }
.slbCloseBtn:active, .slbArrow:active { opacity: 0.8; }
.slbCloseBtn { -webkit-animation: slbEnter 0.3s; -moz-animation: slbEnter 0.3s; animation: slbEnter 0.3s; font-size: 3em; 
	line-height: 140%; position: absolute; right: 10px; top: -50px; color: #fff; color: rgba(255, 255, 255, 0.7); text-align: center; }

.slbLoading .slbCloseBtn { display: none; }
.slbLoadingText { font-size: 1.4em; color: #fff; color: rgba(255, 255, 255, 0.9); }

.slbArrows { position: fixed; top: 50%; left: 0; right: 0; }
.slbLoading .slbArrows { display: none; }
.slbArrow { position: absolute; top: 50%; margin-top: -5em; width: 5em; height: 10em; opacity: 0.7; text-indent: -999em; overflow: hidden; }
.slbArrow:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -0.8em 0 0 -0.8em; border: 0.8em solid transparent; }
.slbArrow.next { right: 0; }
.slbArrow.next:before { border-left-color: #fff; }
.slbArrow.prev { left: 0; }
.slbArrow.prev:before { border-right-color: #fff; }

@-webkit-keyframes slbOverlay {
  from { opacity: 0; }
  to   { opacity: 0.7; }
}
@-moz-keyframes slbOverlay {
  from { opacity: 0; }
  to   { opacity: 0.7; }
}
@keyframes slbOverlay {
  from { opacity: 0; }
  to   { opacity: 0.7; }
}
@-webkit-keyframes slbEnter {
  from { opacity: 0; -webkit-transform: translate3d(0, -1em, 0); }
  to   { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@-moz-keyframes slbEnter {
  from { opacity: 0; -moz-transform: translate3d(0, -1em, 0); }
  to   { opacity: 1; -moz-transform: translate3d(0, 0, 0); }
}
@keyframes slbEnter {
  from { opacity: 0; -webkit-transform: translate3d(0, -1em, 0); -moz-transform: translate3d(0, -1em, 0); -ms-transform: translate3d(0, -1em, 0); -o-transform: translate3d(0, -1em, 0); transform: translate3d(0, -1em, 0); }
  to   { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slbEnterNext {
  from { opacity: 0; -webkit-transform: translate3d(4em, 0, 0); }
  to   { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@-moz-keyframes slbEnterNext {
  from { opacity: 0; -moz-transform: translate3d(4em, 0, 0); }
  to   { opacity: 1; -moz-transform: translate3d(0, 0, 0); }
}
@keyframes slbEnterNext {
  from { opacity: 0; -webkit-transform: translate3d(4em, 0, 0); -moz-transform: translate3d(4em, 0, 0); -ms-transform: translate3d(4em, 0, 0); -o-transform: translate3d(4em, 0, 0); transform: translate3d(4em, 0, 0); }
  to   { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slbEnterPrev {
  from { opacity: 0; -webkit-transform: translate3d(-4em, 0, 0); }
  to   { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@-moz-keyframes slbEnterPrev {
  from { opacity: 0; -moz-transform: translate3d(-4em, 0, 0); }
  to   { opacity: 1; -moz-transform: translate3d(0, 0, 0); }
}
@keyframes slbEnterPrev {
  from { opacity: 0; -webkit-transform: translate3d(-4em, 0, 0); -moz-transform: translate3d(-4em, 0, 0); -ms-transform: translate3d(-4em, 0, 0); -o-transform: translate3d(-4em, 0, 0); transform: translate3d(-4em, 0, 0);}
  to   {opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}