/* ----- CSS Firma DUPLICON, 2013 ----- */
body { margin:0; padding:0; font-size:104%; line-height:170%; font-family:sans-serif; text-align:left; color:#444; background-color:#eee; }
h1 { font-size:200%; margin:30px 0 10px 0; padding:0; font-weight:normal; }
h2 { font-size:160%; font-weight:normal; margin:40px 0 8px 0; padding:0; }
h3 { font-size:140%; margin:40px 20px 8px 0; padding:0; font-weight:normal; }
h4 { font-size:120%; margin:2px 0; padding:0; font-weight:bold; }
p  { margin:2px 20px 10px 2px; }
table   { margin:2px 0 13px 0; border:1px #ccc solid; }
ul      { margin:0 0 0 15px; padding:0 0 8px 20px; list-style-image:url(https://www.akademiestaffelei.de/img/arrow.png); }
li      { list-style-image:url(https://www.akademiestaffelei.de/img/arrow.png); }
td      { border-bottom:1px #ccc solid; }
a       { color:#01f; font-style:normal; text-decoration:none; }
a:hover { color:#00f; font-style:normal; text-decoration:underline; }
img     { max-width:100%; height:auto; border:0; }
iframe  { max-width:100%; max-height:auto; border:0; }

.page     { width:100%; max-width:1020px; margin:0 auto; padding:0; }
.logo     { width:100%; margin:15px 0 0 0; padding:0; border-bottom:#555 1px solid; display:inline; }

#content    { width:100%; max-width:990px; margin:0 0 0 15px; padding:0; background-color:#fff; border-left:#ccc 1px solid; border-right:#ccc 1px solid; padding:0 40px;  }
@media only screen and (max-width:1000px) {
	#content { width:96%; max-width:998px; margin:20px; float:none; }
}
#footer     { margin:30px auto; padding:30px 0; border-top:#ccc 1px dashed; }

.video      { width:100%; max-width:640px; height:auto; }
.clear      { clear:both; }
.clear_30   { clear:both; height:30px; }
.left       { float:left; }
.right      { float:right; text-align:right; }
.center     { clear:both; margin:0 auto; text-align:center; }
.clear_line { clear:both; margin:10px 0 0 0; border-bottom:#a9bd00 1px dashed; }
.ext_link   { list-style-type:none; list-style:url(images/arrow.png) outside; }
.img_text   { font-size:12px; font-style:italic; line-height:18px; }
.img_left   { float:left; margin:6px 35px 5px 0; text-align:center;  }
.img_right  { float:right; margin:6px 0 5px 35px; text-align:center;  }
.img_center { text-align:center; margin:0; padding:0; }
.noborder   { border:none; }
.vergleichstabelle { font-size:90%; line-height:130%; }

.produktliste       { border-bottom:#99f 1px solid; font-size:90%; line-height:120%; }
.produktliste h3    { padding:4px 0 6px 10px; margin:0; font-size:120%; color:#111; font-weight:bold; }

.datenschutzhinweis { background-color:#fd7; color:#333; padding:9px 20px; font-weight:bold; }
.datenschutzhinweis a, a:hover { color:#00f; }
.close-button       { float:right; margin:8px 10px; }

..amazon-button         { margin:12px auto 5px auto; text-align:left; }
.amazon-button a       { background-color:#fff; color:#03d; border:#f60 2px solid; border-radius:15px; font-size:120%; padding:5px 10px; font-weight:bold; }
.amazon-button a:hover { background-color:#f60; color:#fff; border:#07f 2px solid; }

.produkttabelle        { font-size:94%; line-height:140%; margin:0 0 20px 0; border:0; }
.produkttabelle td     { border-bottom:#aaa 1px solid; padding:3px; vertical-align:top; }
.produkttabelle h3     { font-size:120%; line-height:160%; color:#222; font-weight:bold; margin:0; padding:0; border:none; }
.produkttabelle td ul  { margin:0 0 0 10px; padding:0 0 8px 5px; }
.produkttabelle-header { background-color:#d9d9d9; color:#777; }

.search       { padding:0; margin:9px 25px 0 0; float:right; }
.searchfield  { margin:0; padding:2px; width:200px; height:26px; border:#000 1px solid; display:inline; }
.submitbutton { margin:1px 0 0 0; padding:0; width:40px; height:29px; background-image:url(https://www.aquarellmalerei.net/bilder/search-button.png); border:#fff 1px solid; cursor:pointer; float:right; }

.searchresult      { margin:0 0 25px 0; font-size:90%; line-height:120%; }
.searchresult h2   { margin:0; padding: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; }

@media only screen and (max-width:716px) {
	.amazon-button a       { background-color:#fc3; color:#00f; border:0; border-radius:0; padding:0; }
	.amazon-button a:hover { background-color:#c60; color:#fff; border:0; }
}
@media (max-width:500px) {
   h1 { font-size:130%; line-height:130%; }
   h2 { font-size:130%; line-height:130%; }
	#menu   { background-color:#fff; display:block; width:100%; padding:3px 0 0 0; }
	.page   { width:100%; margin:0; padding:0; }
	.search { display:none; }
   .logo { float:none; }
	.sidebar { display:none; }
	.img_left    { float:none; padding:0; margin:0; }
	.img_right   { float:none; padding:0; margin:0; }
	.left    { float:none; }
	.right   { float:none; }
}

.adslot_1 { display:block; width:320px; height:60px; margin:0 auto; }
@media (min-width: 500px) { .adslot_1 { width: 468px; max-width:468px; height: 60px; } }
@media (min-width: 800px) { .adslot_1 { width: 728px; max-width:728px; height: 90px; } }
@media (min-width:1000px) { .adslot_1 { width: 980px; max-width:980px; height: 90px; } }

/* Lightbox Styles */
#lightboxOverlay, #lightbox { z-index: 99999 !important; }
.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);}
}