/* ----- 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:#def; }
h1 { font-size:200%; margin:20px 30px 8px 30px; padding:0; font-weight:normal; }
h2 { font-size:160%; font-weight:normal; margin:40px 30px 8px 30px; padding:0; }
h3 { font-size:140%; margin:40px 30px 8px 30px; padding:0; font-weight:normal; }
h4 { font-size:120%; margin:2px 30px; padding:0; font-weight:bold; }
p  { margin:2px 20px 10px 30px; }
table   { margin:2px 0 13px 30px; border:1px #ccc solid; }
ul      { margin:0 0 0 45px; padding:0 0 8px 20px; }
a       { color:#00f; 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  { }

.page     { width:100%; max-width:998px; margin:0 auto; }
.logo     { width:100%; margin:0; padding:8px 0 2px 0; display:block; background-color:#fff; border:#9bd 1px solid }
.logo img { margin:0 0 0 28px; }

#menu           { margin:0; padding:10px 0 8px 0; }
ul#menu         {  }
ul#menu li      { list-style-type:none; display:inline; margin:0; padding:4px 16px 0 16px; }
ul#menu a       { padding:0; margin:0; font-weight:bold; }
ul#menu a:hover { color:#00f; }
ul#menu li a.current { float:left; margin:0; }

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

.video      { max-width:100%; border:0; margin:20px auto; text-align:center; }
.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:90%; font-style:italic; line-height:18px; }
.img_left   { float:left; margin:6px 35px 15px 30px; text-align:center;  }
.img_right  { float:right; margin:6px 30px 15px 35px; text-align:center;  }
.img_center { text-align:center; margin:15px 0 25px 0; padding:0; }
.noborder   { border:none; }
.button-prev-next { margin:30px; padding:12px; background-color:#03F; border:1px solid #00c; color:#fff; }
.button-prev-next:hover { margin:30px; padding:12px; background-color:#009; border:1px solid #004; color:#fff; }
.social-tab { border:0; text-align:center; }

.datenschutzhinweis { background-color:#900; color:#fbb; padding:9px 20px; font-weight:bold; margin:9px 0; }
.datenschutzhinweis a       { color:#fff; text-decoration:underline; }
.datenschutzhinweis a:hover { color:#fff; text-decoration:underline; }
.close-button       { float:right; margin:8px 10px; }

.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; }
.teaser             { background-color:#ffb; }
.amazon-button         { text-align:right; margin:0 0 18px 0; font-weight:bold; font-size:110%; }
.amazon-button a       { background-color:#9f0; color:#00f; border:#6c0 1px solid; border-radius:10px; padding:3px 5px; }
.amazon-button a:hover { background-color:#5a0; color:#fff; border:#5a0 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; }
}
.hinweistext        { font-size:90%; line-height:130%; }

.search       { padding:0; margin:9px 25px 0 30px; display:block; }
.searchfield  { margin:0; padding:2px; width:200px; height:26px; border:#000 1px solid; float:left; }
.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;  }

.searchresult      { margin:0 0 25px 30px; 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 (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; }
@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; margin:10px 0 10px 17px; } }