/* ----- CSS Firma DUPLICON, 2013 ----- */
/* nunito-italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Regular'), local('Nunito-Regular'),
       url('../fonts/nunito-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v9-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}
body { margin:0; padding:0; font-size:108%; line-height:170%; text-align:left; color:#111; background:#fff url(bilder/bg.png) repeat-x; font-family: 'Nunito', sans-serif; }
h1 { font-size:220%; margin:0 20px 20px 0px; padding:0; color:#03f; line-height:120%;  }
h2 { font-size:175%; margin:50px 0 18px 0; padding:9px 0 7px 8px; background-color:#defafa; border-bottom:#39f 1px solid; }
h3 { font-size:150%; margin:40px 0 8px 0; padding:0 0 5px 0; border-bottom:#39f 1px solid; }
h4 { font-size:130%; margin:2px 0; padding:0; }
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; }
a       { color:#03f; text-decoration:none; font-weight:bold; }
a:hover { color:#00f; text-decoration:underline; }
img     { max-width:100%; height:auto; border:0; }
iframe  { max-width:100%; max-height:auto; border:0; }
strong, b { font-weight:500; }

.page     { width:100%; max-width:1060px; margin:0 auto; }
.logo     { width:100%; max-width:700px; margin:0; padding:0; float:left; display:inline; }
.headline { margin:15px 0 0 0; padding:0; float:right; }

/* hide the checkbox and the label */
input#responsive-nav,
label.responsive-nav-label { display: none; float:right; }

.menu { width:100%; height:44px; background:#fff; margin:0 0 20px 0; font-size:120%; border-bottom:#aaa 1px solid; }
nav {  width:100%; float:right; background:#fff; margin:0; }
nav ul { margin:0; padding:0; color:#03f; }
nav li { margin:0 1px; padding:0; }
nav a { display:block; text-decoration:none; color:#333; }
nav ul li { position:relative; float:left; list-style:none; }
nav ul li:hover { background:#000; }
nav ul li a { padding:0; color:#03f; padding:7px 13px; font-weight:bold; }
nav ul li a:hover { color:#fff; text-decoration:none; }
nav ul > li.submenu > a:after { position:relative; float:right; content:''; margin-left:0; margin-top:5px; }
nav ul ul li.submenu > a:after { margin-left:auto; margin-right:0; }
nav ul ul { position:absolute; top:-9999px; left:-9999px; background:#333;}
nav ul ul li { float:none; width:200px; border-bottom:1px solid #555; }
nav ul ul li a { padding:10px 20px; }
nav ul ul li:last-child { border-bottom:none; }
nav ul li:hover > ul { top:100%; left:0; }
nav ul ul li:hover > ul { top:0; left:200px; }

/* Declarations for the responsive menu */
@media (max-width: 880px) {
	label.responsive-nav-label { position:relative; display:block; padding:7px 12px; background:#bff; cursor:pointer; color:#04e; border-radius:10px;margin-right:10px;  }
	label.responsive-nav-label span { margin-right:10px; }
	nav { position:absolute; top:-9999px; padding:10px; }
	input#responsive-nav[type=checkbox]:checked ~ nav { position:relative; top:0; padding: 0 0 10px 0; }
	nav a:after {  display:none; }
	nav li { float:none !important; width:100% !important; border-bottom:none !important; }
	nav li a { margin-bottom:1px !important; padding:6px 20px !important; background:#bff; }
	nav ul li:hover { background:none; }
	nav ul li a { padding:0; margin:2px 15px; color:#03f; font-weight:bold; }
	nav ul li a:hover { background:#000; }
	nav ul ul { position:relative !important; width:100%; left:0 !important; top:0 !important; background:none !important; box-shadow:none; }
	nav ul ul li { padding-left:20px; }
}

#content    { width:72%; max-width:740px; margin:50px 0 0 0; padding:0; float:left; }
#sidebar    { width:26%; max-width:280px; margin:50px 0 0 0; padding:0; float:right; border-left:#39f 1px solid; font-size:90%; line-height:150%;  }
#sidebar h2 { margin:0 0 8px 0; font-size:120%; }
#sidebar ul { margin:0 0 16px 10px; padding:0; list-style-type:none; }

#footer     { margin:30px auto 50px auto; border-top:#ccc 1px dashed; }

.line       { clear:both; font-size:0; height:11px; display:block; background:url(images/line.png) repeat-x; }
.video      { width:100%; max-width:640px; height:auto; }
.clear      { clear:both; }
.clear_30   { clear:both; height:30px; }
.left       { float:left; }
.right      { float: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:120%; text-align:center; }
.img_left   { float:left;  margin:12px 35px 24px 0; text-align:center; font-size:86%; line-height:120%; font-style:italic; color:#555; }
.img_right  { float:right; margin:12px 0 24px 35px; text-align:center; font-size:86%; line-height:120%; font-style:italic; color:#555; }
.img_center { float:none; margin:12px auto 24px auto; text-align:center; font-size:86%; line-height:120%; font-style:italic; color:#555; }
.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; }
.ad_in_article { display:block; margin:40px 0; clear:both; text-align:left;  }

.farbtest-box  { background-color:#111; height:70px; border:#aaa 1px solid; padding:20px 0 10px 12px; margin:20px 0; }
.farbtest-feld { cursor:move; border:#000 1px solid; }

.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 (max-width:1000px) {
   h1 { font-size:170%; line-height:170%; }
	#content { width:96%; max-width:998px; margin:20px; float:none; }
	#sidebar { width:96%; max-width:998px; margin:20px; float:none; font-size:100%; line-height:170%; }
	.img_left   { float:none; margin:10px; text-align:center; }
	.img_right  { float:none; margin:10px; text-align:center; }
}
@media (max-width:720px) {
   h1 { font-size:150%; line-height:150%; }
	.augen { display:none; }
	.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%; }
.content-box   { display:table-cell; background:#defafa url(bilder/content-box-bg.png) repeat-x; border:#39f 1px solid; font-size:90%; line-height:150%; border-radius:18px; padding:0 20px 0 0; }
.content-box p { padding:5px 20px 0 20px; font-weight:bold; }
.tabelle   { border:#00f 1px solid; }
.tab_head  { padding:2px 10px;  background-color:#e9e9e9; font-style:italic; }
.tab_cell  { padding:2px 10px; border-bottom:#ccc 1px solid; }

.search       { padding:0; margin:5px 0 0 15px; }
.search form  { padding:0; margin:0; }
.search form input { padding:0; margin:0; }
.searchfield  { padding:0; margin:0; width:170px; height:27px; border:#000 1px solid; float:left; }
.submitbutton { padding:0; margin:6px 0 0 0; width:40px; height:29px; background-image:url(https://www.lichtmikroskop.net/bilder/search-button.png); border:#111 1px solid; cursor:pointer; }

.datenschutzhinweis { bottom: 0; left:0; width:100%; position: fixed; overflow: hidden; z-index: 9999; border-top:#666 2px solid; margin:0; padding:15px; background-color:#eee; text-align:center; }
.datenschutzhinweis a, a:hover { color:#00F; line-height:150%; }
.close-button       { padding:2px 0 0 5px; margin:3px 0 0 0; width:17px; height:17px; }

.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; }
@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; }
   .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; } }

/* -----  lightbox */
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../bilder/close.png) url(../bilder/loading.gif) url(../bilder/prev.png) url(../bilder/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../bilder/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../bilder/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../bilder/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../bilder/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}