/*
Theme Name: Märkischer Bote Mobil
Theme URI: https://maerkischer-bote.de
Description: A premium magazine-style layout for Wordpress with multiple functionalities
Version: 1.2 (released 01.02.2022)
Author: Frank Heinrich
Author URI: https://maerkischer-bote.de

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

/***************************************
CSS Reset by Eric Meyer v1.0 | 20080212
****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, h8, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        outline: 0;
        font-size: 110%;
        vertical-align: baseline;
}
body {
        line-height: 1.3;
        max-width: 850px;
       	padding-left:15px !important;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
/******************************************
*   HTML Elements
******************************************/
body {
        background: #FFFFFF;
        color: #333;
        position: absolute;
        margin-right: auto;  
        margin-left: auto;
        }
body, select, input, textarea {
        font: 23px Arial, Verdana, Sans-Serif;
        }
p {     margin-left:13px;        }
hr {
        display: block;
        height:1px;
        background:#006666;
        border:0;
        margin:10px 1px 5px 1px;
        clear:left;
        }
small {
        font-size: 0.9em;
        padding:2px 6px;
        }
/******* Hyperlinks ********************/
/* standard link behaviour */
a:link, a:active, a:visited {
        color:#006666;
        text-decoration: none;
        }
a:hover        {
        color:#006666;
        text-decoration: underline;
        }
.blogtitle a { text-decoration: none; }
/* Title area links */
.title:link, .title:active, .title:visited {
        color: #006666;
        text-decoration: none;
        }
.title:hover {
        color: #006666;
        text-decoration: underline;
        }
/* HTML headline links */
h3 a:link, h3 a:active, h3 a:visited  {text-decoration:none;}
h3 a:hover {text-decoration:underline;}
h4 a:link, h4 a:active, h4 a:visited  {color:#006666; text-decoration:none;}
h4 a:hover {text-decoration:underline;}
/* Links in the sidebar */
.subnav li a:link, .subnav li a:visited { /* .subnav is the categories list */
        background: #EEEEEE;
        display:block;
        padding:4px 4px 4px 20px;
        border-bottom: 1px solid #999;
        }
.subnav li a:hover, .subnav li a:active {
        background: #EEEEEE;
        text-decoration:none!important;
        }
#sidelist a:link, #sidelist a:active, #sidelist a:visited {text-decoration:none;}
#sidelist a:hover {text-decoration:underline;}
#sidelist .children li a, #sidelist .children li a:visited {
        padding:2px 2px 2px 0px;
        border:0;
        background:#EEEEEE;
        color: #666;
        }
#sidelist .children li a:hover, #sidelist .children li a:active        {
        color:#000;
        text-decoration:none!important;
        }
/* Links in unordered lists */
.bullets li a { text-decoration:none!important;        }
.bullets li a:hover { text-decoration:underline!important;        }
/* How tags appear */
.tags a {text-decoration:none;}
.tags a:hover {text-decoration:underline;}
/* Links within comments metadata (date, Author etc.) */
.commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited  {text-decoration:none;}
.commentmetadata a:hover {text-decoration:underline;}
/* Links in the footer */
#footer a {text-decoration: none;}
#footer a:hover        {text-decoration: underline;}
/******************************************
*   Images
******************************************/
/*** default image behaviour ***/
img { padding:1px; }
/*** WordPress specific image classes ***/
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin: 4px 10px 1px 0;
}
.alignright {
float: right;
}
.wp-caption {
   text-align: center;
   background-color: #fff;
   margin-top:5px;
   margin-right: 15px;
   margin-bottom:0px;
}
.wp-caption img{
   padding:2px;
   border:0 solid #999;
}
.wp-caption img:hover{
   border:0 solid #333;
}
.wp-caption p.wp-caption-text {
   color:#666;
   font-size: 10px;
   line-height: 13px;
   padding: 7px 4px 2px 5px!important;
}
/******************************************
*   General Structure
******************************************/
#super-banner { /*super-banner(728x90)advertising*/
        max-width: 730px;
        left: 0em;
        top: 0em;
        position: absolute;
        text-align:right;
        background:#EEEEEE;
        }
@media screen and (min-width:750px) {/* Bildschirm größer 750 Pixel */
.skyscraper { /*the skyscraper (160x600*/
        position: absolute;
        top: 90px;
        background:#EEEEEE;
        }
#branding {/*where the logo sits*/
        position: relative;
        margin-top: 50px;
        left: 115px;
        width:450px;
        padding-bottom: 1px;
        background:url(images/backgrounds/bg_branding.png) no-repeat;
        }
#wetter {/*wetter*/
        top: 5px;
        height:40px;
        left: -90px;
        position: relative;
        margin-left: 0px;
        }
#epaper { /*epaper*/
        position: relative;
        padding-left: 565px;
        top: -90px;
        }
.left {
        }
.right {
        padding-left: 720px;
        padding-top: 5px;
        padding-bottom: 5px;
        }
#header_rss {/*Datum, Uhrzeit, RSS, Impressum*/
        width:400px;
        left: 0em;
        top: 0em;
        padding-top: 10px;
        height:5px;
        font-size: 0.5em;
        }
.rss_right {
        position: relative;
        width:200px;
        left: 540px;
        top: -50px;
        font-size: 0.5em;
        }
#s{ /*Suchfeld mobil*/
		max-width:175px;
		position:absolute;
		left:80px;
}#header_icons { /*Facebook-Logo*/
        border: 0;
        position: relative;
        left: 400px;
        top: -70px;
        }
#header_icons ul li{
		position:absolute;
		top:50px;
        }	
.rss_left {
        text-align: left;
        }
.rss_right1 {
        float:right;
        }
.rss li{
        padding-left:20px;
        background:url(images/rss.gif) no-repeat;
        }
#sidebar1 {/*you guessed it: it´s the sidebar container*/
        max-width: 300px;
        float:right;
        }
#sidebar {/*you guessed it: it´s the sidebar container*/
        max-width: 300px;
        float:right;
        }
#leftcol {/*the left homepage column carrying the "Featured Article" section*/
        max-width:300px;
        border-right:1px solid #006666;
        padding-right:18px;
        }
#leftcol, #rightcol {
        margin-top:10px;
        float:left
        }
#rightcol {/*Hauptteil (if the right column is the sidebar)*/
        max-width:720px;
        padding-left:1px;
        margin-top: -2px;
        text-align:left; 	/* text-align:ehemals justify*/
}
/******************************************
*   Sidebar
******************************************/
.subnav li {/*.subnav is mainly the categories list*/
        list-style:none;
        }
#sidelist li {
        list-style:none;
        }
.bullets li {
        margin:0 0 5px 15px;
        list-style:square;
        }
#sidelist .bullets li {
        list-style:square;
        margin-bottom:5px;
        margin-left:22px;
        }
#sidelist .children {
        background:#EEEEEE;
        }
#sidelist .children li {
        background: #EEEEEE;
        list-style: none;
        margin-left:15px;
        padding-left:15px;
        border-bottom:1px solid #fff;
        }
#sidelist .feed li{
        margin-bottom:5px;
        padding-left:20px;
        background:url(../images/rss.gif) no-repeat;
        }
/******************************************
*   Headlines
******************************************/
.blogtitle, .blogtitle a {
        color: #006666;
        font-size: 1.3em;
        font-family: Georgia, "Times New Roman", Times, serif;
        padding: 10px 0px 10px 0px;
        }
h1 {	font-size: 0.8em;
        font-weight: bold;
        margin: 0px 10px 0px 0px;
        padding-top: 5px;
        }        
h2 {
        color: #006666;
        font: 1.2em Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        padding-top:10px;
        padding-bottom:5px;
        margin: 15px 0 5px 0;
        }
h3 {
        color: #000000;
        font: 1.2em Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        text-transform: uppercase;
        padding:5px;
        margin: 10px 0 10px 0;
        background-color: #EEEEEE;
        }
h4 {
        color: #006666;
        font: 1.1em Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        padding-bottom:5px;
        border-bottom:1px solid #006666;
        margin: 13px 0 10px 0;
        }
h5 {
        display: block;
        padding-top: 10px;
        height:1px;
        border:0;
        clear:left;
        }
h6 {
        color: #006666;
        font-size: 1.1em;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        margin: 10px 10px 0px 0px;
        padding: 10px 0px 0px 10px;
        }        
#sidebar h4, #sidebar h4 {
        font: 1.0em Georgia, "Times New Roman", Times, serif;
        letter-spacing:0.3em;
        text-transform:uppercase;
        margin-bottom:2px;
        font-weight:bold;
        color:#006666;
        }
#sidebar h1, #sidebar h1 {
        color: #006666;
        font-size: 1.1em;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        margin: 0px 5px 0px 0px;
        padding: 10px 0px 0px 10px;
        }
h3#respond {
        font-size:1.1em;
        border-top:1px solid #006666;
        margin-top:10px;
        padding-top:10px
        }
h3#comments {
        margin-top:10px
        }
h3 a:link, h3 a:visited {
        color: #006666;
        }
h4 {
        font-size:1.1em;
        margin-bottom:2px;
        }
/* Text "Anzeige" */
h8 {
        font: 0.8em Arial, Helvetica, sans-serif;
        margin-bottom:2px;
        font-weight:bold;
        color:#B5B5B5;
        }
/* kleingedrucktes */
h9{
        font: 0.8em Arial, Helvetica, sans-serif;
        }
/* Text "Pr-Anzeige" */
h10 {
        font: 1.4em Arial, Helvetica, sans-serif;
        margin:20px;
        color:#B5B5B5;
        }
/******************************************
*   Content
******************************************/
#content {
        float:left;
        max-width:730px;
        }
#contentveran {
        float:left;
        }
#contentwetter {
        float:left;
        }
#content hr {
		border: none;
		border-top: 1px dashed #ADACAC;
		margin: 15px 0px 15px 0px;
		color: #FFFFFF;
		background-color: #FFFFFF;
		height: 1px;
    }
.description {
        font-size: 1.3em;
        font-weight: bold;
        color:#FF0000;
        }
/* Featured Articles formatting "leftcol" */
.feature {
        padding:15px;
        border: 1px solid #ccc;
        margin: 6px 0 0 0;
        }
.feature p, #rightcol p { margin:0;        }
#leftcol img, #rightcol img {
        padding:1px;
        }
#leftcol .feature {        margin-bottom: 15px; }
/* Formating of the Leadstory stuff in the tabbed section */
#leadpic {
        float:left;
        margin: 0 18px 8px 0;
        padding:1px;
        border: 1px solid #999;
        }
.title, a.title  {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size:1.4em;
        font-weight:bold;
        color: #006666;
        letter-spacing:normal;
        }
#lead p {
        margin-bottom:10px;
        }
.read-on a { /* This can be used to format the "[...]" link in the lead story */
        color:#006666!important;
        text-decoration:none;
        }
.read-on a:hover {
        text-decoration:underline;
        }
/* Formating of "rightcol" which is the column in the homepage middle ;-) */
#rightcol img {
        float:left;
        margin:3px 10px 4px 0;
        }
#leftcol img {
        margin-bottom: 4px;
        display:block
        }
#rightcol .clearfloat {
        border-bottom:0px solid #999;
        padding:12px 0;
        }
/* Post Formatting */
.entry {
        padding-bottom:28px;
        text-align:left;
        }
/* text-align:ehemals justify*/
.post blockquote {
        color:#666;
        background:#EEEEEE;
        padding:6px 14px;
        margin:18px 35px;
        border-right:1px solid #DDD;
        border-bottom:1px solid #DDD;
        }
.post ul li {
        list-style:square;
        margin-bottom:5px;
        margin-left:42px;
        }
.post ol li {
        margin-bottom:5px;
        margin-left:48px;
        }
#tags {
        padding:3px;
        border-bottom:1px solid #DDD;
        border-top:1px solid #DDD;
        }
.postmetadata {
        font-size:0.9em;
        margin:0 0 10px 0;
        padding:5px 10px;
        background:#EEEEEE;
        border-top:1px solid #E6E3D3;
        border-bottom:1px solid #E6E3D3;
        }
/* Form Elements */
select {
        background:#f2f2f2;
        border:1px solid #9c9c9c;
        width:100%
        }
#searchform {         
		padding:5px 5px 0 0;
		position:absolute;
		right:210px;
		bottom:-50px;
         }
.button {
        padding: 1px;
        background:#444444;
        color:#ffffff;
        border:none;
        }
.button:hover {
        background:#666;
        color:#FFF;
        text-decoration:none
        }
  
#commentform input {
        width: 170px;
        margin: 1px 5px 1px 15px;
        }
#commentform textarea {
        width: 100%;
        margin-top:5px;
        }
/* Comments*/
.commentlist {
        padding-left:30px;
        }
.commentlist li {
        margin: 15px 0 3px;
        padding: 8px 15px 10px 15px;
        background:#EEEEEE;
        border:1px solid #E6E3D3;
        }
.commentlist blockquote {
        color:#666;
        background:#fff;
        padding:6px 14px;
        margin:18px 35px;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
        }
#commentform small {
        background:#FFF;
        font-weight:bold;
        padding:0;
        }
.commentmetadata {
        display: block;
        }
.commentlist small {
        background:#fff;
        border:1px solid #E6E3D3;
        }
/* Float Properties*/
.clearfloat:after {
        display:block;
        visibility:hidden;
        clear:both;
        height:0;
        content:".";
        }
.clearfloat {
        display:inline-block;
        }
.clearfloat {
        display:block;
        margin-bottom:30px;
        }
/******************************************
*   Banner
******************************************/
#f-banner {
        margin: 0 auto;
        width: 705px;
        text-align:center;
        }
#m-rectangle {
        margin: 0 auto;
        width: 705px;
        text-align:center;
        }
#sidebar-banner {
        margin: 0 auto;
        width: 300px;
        text-align:center;
        }
/******************************************
*   Footer
******************************************/
#footer {
        margin: 0 auto;
        width: 720px;
        font-size:0.9em;
        text-align:center;
        padding-top:15px;
        color:#333;
        }
#footer a {
        color:#333;
        }