/* Copyright(C) 2011 Martin Missfeldt        https://www.martin-missfeldt.de |
// +--------------------------------------------------------------------------+*/
body       { margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; text-align:left; font-size:100%; line-height:160%; background:#456789 url('https://www.briefmarken-bilder.de/images/bg-main.png'); color:#111; text-align:left; }
h1         { font-size:120%; font-weight:normal; padding:5px 0 0 20px; margin:0 9px 0 9px; color:#bb6; background-color:#000;  }
h1 a       { color:#bb6; text-decoration:none; }
h1 a:hover { color:#dd9; text-decoration:underline; }
h2         { font-size:150%; line-height:130%; color:#a30; font-weight:normal; padding:0; margin:24px 0 2px 0; border-bottom:#a30 1px solid; }
h2 a       { color:#a30; background-color:#fff; text-decoration:none; }
h2 a:hover { color:#a30; background-color:#fff; text-decoration:none; }
h3         { font-size:130%; line-height:130%; color:#463; font-weight:normal; padding:0; margin:25px 0 0 0; border-bottom:#463 1px solid; }
h4         { font-size:120%; line-height:130%; font-weight:normal; padding:25px 0 0 0; margin:0; }

a          { color:#03f; text-decoration:none; }
a:hover    { color:#147; text-decoration:underline; }
a img      { border:0; }
p          { padding:0; margin:4px 0 6px 0; }
ol, ul     { margin:0 40px 5px 20px; padding:0; }
strong     { color:#554; font-weight:bold; }
table      { background:#f5f5f5; margin:0; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; text-align:center; font-size:90%; line-height:120%; }
td         { border-top:#ddd 1px solid; border-left:#ddd 1px solid; }
img        { max-width:100%; height:auto; }

#page { width:100%; max-width:1008px; margin:0 auto; padding:0; background:url('https://www.briefmarken-bilder.de/images/bg-page.png') repeat-y; background-position:center; }

/***********************
*   Content*
***********************/
#content      { width:65%; max-width:560px; padding:0; margin:10px 0 40px 50px; float:left; } 
.img_under    { width:120px; margin:3px 0; font-family:Arial, Helvetica, sans-serif; }
.img_page     { font-size:80%; line-height:120%; text-align:center; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; }
.img_liste    { font-size:80%; line-height:120%; width:156px; margin:10px 15px 20px 15px; padding:0; float:left; display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; }
.table_left   { width:110px; padding:4px 3px 4px 0; font-family:Arial, Helvetica, sans-serif; font-size:90%; text-align:right; color:#554; }
.table_left_2 { width:70px;  padding:4px 3px 4px 0; font-family:Arial, Helvetica, sans-serif; font-size:90%; text-align:right; color:#554; }
.table_right  { width:170px; padding:4px 0 4px 6px; text-align:left; background-color:#fff; }
.ad_in_article     { display:block; margin:30px 0; clear:both;  }
.ad_in_article_top { display:none; margin:0; }

/***********************
*   Sidebar*
***********************/
#sidebar       { width:30%; max-width:300px; padding:0; margin:10px 10px 0 0; float:right; }
#sidebar ul, #sidebar ul ol { padding:0 20px 10px 3px; margin:0; }
#sidebar p     { padding:0; margin:4px 20px 6px 0; }
#sidebar ul li { list-style-type:none; list-style-image:none; padding:0; margin:0; }

#bs            { font-size:90%; margin:0 0 20px 0; background:#f8f8f8; font-family:Arial, Helvetica, sans-serif; border:#444 1px solid; }
#bs table      { margin:0; border:0; }
#bs table td   { padding:0 3px 0 0; text-align:right; border:0; }
#bs h2         { padding:3px 10px; margin:0; background:#444; color:#eee; }
#bs p          { padding:3px 12px; line-height:140%; }
.suchfeld_smaller { width:57px; color:#03f; }
.suchfeld_small   { width:61px; color:#03f; }
.suchfeld_width   { width:100%; max-width:199px; color:#03f; }
.suchfeld_text    { width:100%; max-width:195px; color:#03f; }
#s { background:#c55a18; font-weight:bold; color:#fff; border:#95400b 1px solid; padding:3px; }
#sidebar .social { margin:0; padding:0; }
#sidebar .social .facebook_button { padding:0 0 0 10px; float:left; }

/***********************
*   Header*
***********************/
#header        { margin:0; padding:0; min-height:131px; background:url('https://www.briefmarken-bilder.de/images/bg-header-new.jpg') no-repeat; background-position:center; }
.header-bottom { clear:both; line-height:0; height:60px; }

.top-linkblock { max-width:468px; height:20px; position:relative; left:300px; top:130px; margin:0; padding:0; }

ul#navigation  { margin:0 9px;  padding:4px 0; background-color:#111; border-top:#884 1px solid; font-size:120%; }
ul#navigation li { display:inline; }
ul#navigation li a { padding:7px 15px; margin:0; color:#ffc; }
ul#navigation li a:hover { color:#111; background-color:#ffc;  }

.active { background:#eed; border:#eee 1px solid; display:block; padding:5px; }
.submit { background:#fff; border:#ccc 1px solid; display:block; padding:5px; }


@media (max-width:1000px) {
	#content    { width:98%; max-width:980px; float:none; margin:0; padding:0 10px; }
	#sidebar    { width:98%; max-width:980px; float:none; margin:0; padding:0 10px; }
	ul#navigation  { margin:0 0; padding:4px 9px; }
}
@media (max-width:800px) {
	#content    { width:98%; max-width:780px; float:none; margin:0; padding:0 10px; }
	#sidebar    { width:98%; max-width:780px; float:none; margin:0; padding:0 10px; }
	.video      { width:100%; max-width:640px; height:auto; max-height:360px; }
	ul#navigation  { margin:0 0;  padding:4px 9px; }
}

/***********************
*   Footer*
***********************/
#footer { background:url('https://www.briefmarken-bilder.de/images/bg-footer.jpg'); height:102px; padding:0; margin:0; font-size:89%; line-height:140%; }
#footer p { padding:8px 56px 0 56px; margin:0; color:#000; text-align:center; }

/***********************
*   Divers*
***********************/
.img_right   { float:right; padding:5px; margin:2px 0 8px 30px; font-size:86%; line-height:110%; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#888; }
.img_left    { float:left; padding:5px; margin:2px 30px 8px 0; font-size:86%; line-height:110%; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#888;  }
.img_center  { padding:0; margin:0; font-size:86%; line-height:110%; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#888; text-align:center;  }
.img_reihe   { float:left; padding:5px; margin:2px 10px 8px 5px; font-size:font-size:86%; line-height:110%; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#888;  }

.subtitle    { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#550; }
.thumbnail { width:176px; height:170px; display:block; float:left; text-align:center; font-size:74%; color:#888; line-height:108%; margin:4px; padding:0; }
.left   { float:left; }
.right  { float:right; }
.center      { text-align:center; }
.alignleft   { float:left; margin:6px 35px 5px 0; }
.alignright  { float:right; margin:6px 0 5px 35px; }
.aligncenter { text-align:center; margin:0; padding:0; }
.clear      { clear:both; font-size:0; }
.clear_30   { clear:both; font-size:0; height:30px; }
.trenner    { clear:both; font-size:0; border-top:#ccc 1px solid; }
.big_image  { text-align:center; }
.image_desc { width:100%; max-width:728px; margin:5px auto; padding:5px; }
.link_box   { width:100%; max-width:558px; margin:5px auto; padding:5px 1px; background-color:#f8f8f8; border:#ccc 1px solid; }
.link_box li { margin-left:20px; }
.width140   { width:140px; }
.button_left  { text-align:right; text-decoration:none; display:inline; margin:0; }
.button_left a        { border:#ddd 1px solid; background:#f5f5f5 url(images/arrow_left.png) no-repeat 1px 3px; padding:4px 9px 4px 24px; }
.button_left a:hover  { border:#bbb 1px solid; background:#fff url(images/arrow_left.png) no-repeat 1px 3px; padding:4px 9px 4px 24px; }
.button_right  { text-align:left; text-decoration:none; display:inline; margin:0; }
.button_right a       { border:#ddd 1px solid; background:#f5f5f5 url(images/arrow_right.png) no-repeat right; padding:4px 24px 4px 9px; }
.button_right a:hover { border:#bbb 1px solid; background:#fff url(images/arrow_right.png) no-repeat right; padding:4px 24px 4px 9px; }
.tabelle      { width:100%; max-width:560px; font:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; }
.sidebar_list { display:inline; }

.datenschutzhinweis { background-color:#FFC; color:#333; padding:9px 20px; font-weight:bold; border:#0FF 2px solid; margin:7px 16px; }
.datenschutzhinweis a, a:hover { color:#00f; }
.close-button       { float:right; margin:8px 10px; }

.amazon-button         { margin:3px auto 11px auto; text-align:right; }
.amazon-button a       { background-color:#90c500; color:#fff; border:#03f 1px solid; border-radius:12px; font-size:110%; padding:4px 8px; margin:0; font-weight:bold; }
.amazon-button a:hover { background-color:#ffbb33; color:#000; border:#000 1px solid; }

.produkttabelle        { font-size:86%; line-height:150%; margin:0 0 20px 0; border:none; text-align:left; border-top:#aaa 1px solid; }
.produkttabelle td     { padding:3px 9px 10px 0; margin:0; background-color:#fff; border-bottom:#aaa 1px solid; border-right:none; border-left:none; }
.produkttabelle h4     { font-size:100%; line-height:160%; color:#222; font-weight:bold; margin:5px 0 0 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; }

/* ----- CSS lightbox ----- */
#lightboxOverlay {  position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; display: none; }
#lightbox {  position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }
.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto;  -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.lb-outerContainer:after { content: ""; display: table; clear: both; }
.lb-container { padding: 10px; }
.lb-loader { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%;  width: 100%; z-index: 10; }
.lb-container > .nav {  left: 0; }
.lb-nav a {  outline: none; }
.lb-prev, .lb-next { width: 49%; height: 100%;  display: block; }
.lb-prev {  left: 0;  float: left; }
.lb-next { right: 0;  float: right; }
.lb-prev:hover { background: url(../../images/prev.png) left 48% no-repeat; }
.lb-next:hover { background: url(../../images/next.png) right 48% no-repeat; }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1;  width: 100%;  -moz-border-radius-bottomleft: 4px;  -webkit-border-bottom-left-radius: 4px;  -ms-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.lb-dataContainer:after { content: ""; display: table; clear: both; }
.lb-data { padding: 0 10px; color: #bbbbbb; }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }
.lb-data .lb-caption {  font-size: 13px; font-weight: bold; line-height: 1em; }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 11px;  }
.lb-data .lb-close { width: 35px;  float: right; padding-bottom: 0.7em;  outline: none; }
.lb-data .lb-close:hover { cursor: pointer; }

.ad-bg  { width:530px; height:100px; padding:19px 0px; clear:both; margin:10px auto; text-align:center; background:url(https://www.briefmarken-bilder.de/images/ad-bg.png) no-repeat; }

.adslot_2 { display:block; width:100%; max-width:468px; height:60px; margin:0 auto; }
.adsbygoogle { margin:0 auto; }

@media (max-width:500px) {
	body    { width:100%; max-width:100%; margin:0; padding:0; background:#fff; }
	#page   { width:100%; max-width:100%; margin:0; padding:0; background:#fff; }
	h1   { display:none; margin:0; padding:0; }
	#header { width:100%; margin:0; padding:0; min-height:64px; background:url('https://www.briefmarken-bilder.de/images/bg-header-mobile.jpg') center; }
	#navigation  { width:100%; margin:0; padding:0; }
	ul#navigation  { width:100%; margin:0; padding:0; }
	#content { margin:0; padding:0; }
	#footer  { margin:0; padding:0; background:#fff; }
	#sidebar { margin:0; padding:0; float:none; }
	.link_box   { max-width:558px; margin:0; padding:0; }
	.thumbnail { width:150px; height:170px; display:block; float:left; text-align:center; font-size:90%; color:#888; line-height:120%; margin:0; padding:0; }
	img  { max-width:90%; height:auto; margin:0; padding:0; }
	.img_gallery  { width:30%;  min-width:150px; height:160px; float:left; display:block; padding:0; margin:5px; text-align:center; padding:5px; font-size:84%; line-height:120%; }
	.image_desc { width:100%; margin:0; padding:0; }
	.img_left   { margin:6px 20px; }
	.img_right  { margin:6px 20px; } 
	.left   { float:none; }
	.right  { float:none; } 
	.ad-bg  { width:0; height:0; padding:0; clear:both; margin:0; background:none; }
	.adslot_2 { display:block; width:320px; height:60px; }
	p    { margin:0; padding:5px 20px; }
	h2   { margin:0; padding:5px 20px; }
	h3   { margin:0; padding:5px 20px; }
	h4   { margin:0; padding:5px 20px; }
}

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