/*
Theme Name:Twenty Twelve
Theme URI:http://wordpress.org/extend/themes/twentytwelve
Author:the WordPress team
Author URI:http://wordpress.org/
Description:The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version:1.1
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Tags:light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain:twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:    14;
$line-height:24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
    padding:5px 0;
    padding:0.357142857rem 0; (5 / $rembase)  

* Set a font-size and then set a line-height based on the font-size
    font-size:16px
    font-size:1.142857143rem; (16 / $rembase)
    line-height:1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
    margin:24px 0;
    margin:1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

a:link, a:visited {text-decoration:none}
a:hover,a:active   {text-decoration:underline}
a.seitentitel:link, a.seitentitel:visited {font-weight:normal; color:#a8987e; font-family:'Times New Roman'; font-size:27px}
body .site {background-image:url('images/seitengrund.png'); background-repeat:repeat-x; background-position:top left}

/* CSS fuer Untermenue .main-navigation li ul li a und a:hover */

/*fuer Suche */
#s {width:148px; height:19px; border-top:1px solid #dbdfe6; border-right:1px solid #e3e9ef; border-bottom:1px solid #e3e9ef; border-left:1px solid #dbdfe6; border-radius:3px;}
#searchsubmit {background-image: linear-gradient(#fdf9ed, #f1e4b6);
font-size: 12px;
color: #908552;
height: 33px;
border:1px solid #fff;
border-radius:6px;
}
#searchsubmit:hover {background-image: linear-gradient(#f3f3f3, #f7d18f);
font-size: 12px;
color: #000;
height: 33px;
border:1px solid #fff;
border-radius:6px;
}
/* In Registrierung machmit_div1 und fuer Fehlermeldungen machmit_div3 | In Beobachtungen  machmit_div1 */
.machmit_div1 {text-align:left; background-color:#f8f6ea; padding:10px; margin-bottom:38px; border:1px solid #e2e2e2; border-radius:3px}
.machmit_div3 {text-align:left; background-color:#800000; color:#fff; padding:10px; margin-bottom:38px; border:1px solid #e2e2e2; border-radius:3px}
/* In Anmeldung machmit_div2 */
.machmit_div2 {margin:auto; min-width:222px; max-width:280px; background-color:#f8f6ea; padding:10px; border:1px solid #e2e2e2; border-radius:3px}
/* In Beobachtungen machmit_div2 */
.machmit_div4 {text-align:left; background-color:#f7eecf; color:#444; padding:10px; margin-bottom:38px; border:1px solid #e2e2e2; border-radius:3px}
/* Fuer Formulare von Mach Mit */
#machmit_div1 select ,
#machmit_div1 form input[type="text"]  {*-moz-box-sizing:border-box; box-sizing:border-box; color:#444; font-size:14px; font-size:1rem; line-height:1.0; padding:7px; padding:0.5rem; border:1px solid #ccc; border-radius:3px;}
.machmit_input0 {display:none}                                 /* In Anmeldung fuer Honigtopf */
.machmit_input1 {min-width:200px; max-width:266px; width:95%}  /* In Anmeldung, Registrierung, Beobachtungen */
.machmit_reset  {margin-right:8px}                             /* In Anmeldung und Registrierung */

/* fuer Archiv-Beitraege */
#secondary select {color:#767676; background-color:#f9f9f9; height:24px; border-top:1px solid #dbdfe6; border-right:1px solid #e3e9ef; border-bottom:1px solid #e3e9ef; border-left:1px solid #dbdfe6; border-radius:3px;}
/* Head mit Grafiken */
.headerd1a {
  max-width:956px; min-height:86px; margin-bottom:6px; 
  background-image:url('http://www.altmaerkische-natur.de/wp-content/themes/twentytwelve/images/elster-und-rehe.jpg');
  background-repeat:no-repeat; border-top-right-radius:6px; border-bottom-right-radius:6px;
}
.headerd2a {float:left; margin-right:19px}
.headerd2b {float:left}

.bereinigung {clear:both; margin:0px; padding:0px; height:0px; line-height:0px}

/* Fuer Bilder im Text */
.imageleft {float:left; margin:7px 20px 5px 0px; max-width:50%}
.imagetext {text-align:left; font-style:italic; font-size:12px; font-size:0.857142857rem; line-height:1; color:#757575; margin:0px !important}

.linie100    {color:#ffffff; background-color:#ffffff; border:0px; height:1px}
.linie100g   {clear:both; width:100%; margin-left:0px; margin-right:0px; color:#e2e2e2; background-color:#e2e2e2; border:0px; height:1px}
.linie100t  {clear:both; width:100%; margin-left:0px; margin:0px; color:#ededed; background-color:#ededed; border:0px; height:1px}
.listenstart {list-style-image:url('http://www.coder-welten.com/wp-content/themes/twentytwelve/images/listenstart.png'); margin-top:1px; margin-bottom:1px}
.listenpunkt {list-style-image:url('http://www.coder-welten.com/wp-content/themes/twentytwelve/images/listenpunkt.png'); margin-top:0px; margin-bottom:18px !important}
.listenfarbe {color:#d0ab5a; margin-top:0px; margin-bottom:18px !important}
.listenfeld  {padding-left:14px; margin-top:-10px}

/* Fuer CodeSchnipsel und Code-Listings */

.graupre   {color:#6C7264}
.kommpre   {color:#8e7246}
.braunpre  {color:#800000}
.blaupre   {color:#004090}
.orangepre {color:#c04800}

table.uhrentab {width: 100%; border:none !important}
td.uhrentatd {border:none !important}
span.fuerfunc  {color:#111333}

/* Fuer HM-Feedleser und Untertitel - top right bottom left */

img.feedbild {float:left; margin:7px 15px 4px 0px; border-style:none}
hr.fllinie   {clear:both; margin-left:0px; margin-right:0px}
div.formle, p.uhren {text-align:center}
div.feedle   {text-align:justify}
a.feedll:link, a.feedll:visited  {text-decoration:none; color:#A88314}
a.feedll:hover,a.feedll:active   {text-decoration:none; color:#004080}
.ftitele {color:#684610; font-weight:normal; font-family:'Times New Roman'}
.ftunten {margin-bottom:12px !important}
.flklein {font-size:10px; color:#808080}
.flunten {text-align:left; font-size:12px; color:#808080}
.flcopy  {text-align:left; font-size:12px; color:#808080}
.meinesubmit1 {float:left; padding:0px; margin:0px; height:36px; line-height:36px}
.meinesubmit2 {float:left; padding:0px; margin:0px; height:36px; line-height:36px; margin-bottom:10px;} /*  margin-bottom:20px; text-align:center */
.meinesubmit3 {width:90% !important}

/* Ende der neuen Formatierungen */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
}
body {line-height:1}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before,
blockquote:after,
q:before,
q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0}
caption, th, td {font-weight:normal; text-align:left}
h1, h2, h3, h4, h5, h6 {clear:both}
html {overflow-y:scroll; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
a:focus {outline:thin dotted}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block}
audio, canvas, video {display:inline-block}
audio:not([controls]) {display:none}
del {color:#333}
ins {background:#fff9c0;text-decoration:none}
hr {background-color:#ccc; border:0; height:1px; margin:24px; margin-bottom:1.714285714rem}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}
small {font-size:smaller}
img {border:0; -ms-interpolation-mode:bicubic}

/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after {clear:both}
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before,
.format-status .entry-header:after {display:table; content:""}

/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
    font-size:11px; font-size:0.785714286rem; line-height:2.181818182; font-weight:bold; text-transform:uppercase; color:#636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta, article.format-link footer.entry-meta,
article.format-status footer.entry-meta {font-size:11px; font-size:0.785714286rem; line-height:2.181818182}

/* Form fields, general styles first */
button, input, textarea {border:1px solid #ccc; border-radius:3px; font-family:inherit; padding:6px; padding:0.428571429rem}
button, input {line-height:normal}
textarea {font-size:100%; overflow:auto; vertical-align:top}

/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] {
    border:0; border-radius:0; padding:0;
}

/* Buttons */
.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], li.bypostauthor cite span {
    padding:6px 10px; padding:0.428571429rem 0.714285714rem; font-size:11px; font-size:0.785714286rem; line-height:1.428571429;
    font-weight:normal; color:#7c7c7c;
    background-color:#e6e6e6;
    background-repeat:repeat-x;
    background-image:-moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image:-ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image:-webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image:-o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image:linear-gradient(top, #f4f4f4, #e6e6e6);
    border:1px solid #d2d2d2; border-radius:3px; box-shadow:0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button, input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer}
button[disabled], input[disabled] {cursor:default}
.menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
    color:#5e5e5e;
    background-color:#ebebeb;
    background-repeat:repeat-x;
    background-image:-moz-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image:-ms-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image:-webkit-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image:-o-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image:linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active, .menu-toggle.toggled-on, button:active,
input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
    color:#757575;
    background-color:#e1e1e1;
    background-repeat:repeat-x;
    background-image:-moz-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image:-ms-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image:-webkit-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image:-o-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image:linear-gradient(top, #ebebeb, #e1e1e1);
    box-shadow:inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
    border:1px solid #d2d2d2; border-radius:3px; box-shadow:0 1px 2px rgba(64, 64, 64, 0.1); /* Neu 2015 alt: border:none; */
}
li.bypostauthor cite span {
    color:#fff;
    background-color:#21759b;
    background-image:none;
    border:1px solid #1f6f93;
    border-radius:2px;
    box-shadow:none;
    padding:0;
}

/* Responsive images */
/* Fluid images for posts, comments, and widgets */
.entry-content img, .comment-content img, .widget img {max-width:100%}
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {height:auto}
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
img.size-full, img.size-large, img.header-image, img.wp-post-image {max-width:100%; height:auto}
/* Make sure videos and embeds fit their containers */
embed, iframe, object, video {max-width:100%}
.entry-content .twitter-tweet-rendered {max-width:100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {float:left}
.alignright {float:right}
.aligncenter {display:block; margin-left:auto; margin-right:auto}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border-radius:3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {max-width:100%; padding:4px;}  /* Keep wide captions from overflowing their container. */
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
    font-style:italic; font-size:12px; font-size:0.857142857rem; line-height:2; color:#757575;  /*line-height:2;*/
}
img.wp-smiley, .rsswidget img {border:0; border-radius:0; box-shadow:none; margin-bottom:0; margin-top:0; padding:0}
.entry-content dl.gallery-item {margin:0}
.gallery-item a, .gallery-caption {width:90%}
.gallery-item a {display:block}
.gallery-caption a {display:inline}
.gallery-columns-1 .gallery-item a {max-width:100%; width:auto}
.gallery .gallery-icon img {height:auto; max-width:90%; padding:5%}
.gallery-columns-1 .gallery-icon img {padding:3%}

/* Navigation */
.site-content nav {clear:both; line-height:2; overflow:hidden}
#nav-above {padding:24px 0; padding:1.714285714rem 0}
#nav-above {display:none}
.paged #nav-above {display:block}
.nav-previous, .previous-image {float:left; width:50%}
.nav-next, .next-image {float:right; text-align:right; width:50%}
.nav-single + .comments-area, #comment-nav-above {margin:48px 0; margin:3.428571429rem 0}

/* Author profiles */
.author .archive-header {margin-bottom:24px; margin-bottom:1.714285714rem}
.author-info {border-top:1px solid #ededed; margin:24px 0; margin:1.714285714rem 0; padding-top:24px; padding-top:1.714285714rem; overflow:hidden}
.author-description p {color:#757575; font-size:13px; font-size:0.928571429rem; line-height:1.846153846}
.author.archive .author-info {border-top:0; margin:0 0 48px; margin:0 0 3.428571429rem}
.author.archive .author-avatar {margin-top:0}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {font-size:87.5%}
body {font-size:14px; font-size:1rem; font-family:Helvetica, Arial, sans-serif; text-rendering:optimizeLegibility; color:#444}  /* neu 'Open Sans' */
body.custom-font-enabled {font-family:"Open Sans", Helvetica, Arial, sans-serif} /* alt "Open Sans", Helvetica, Arial, sans-serif */
a {outline:none; color:#a88314}  /*alt #21759b neu #a88314*/
a:hover {color:#0f3647}

/* Assistive text */
.assistive-text, .site .screen-reader-text {position:absolute !important; clip:rect(1px, 1px, 1px, 1px)}
.main-navigation .assistive-text:hover, .main-navigation .assistive-text:active, .main-navigation .assistive-text:focus {
    background:#fff; border:2px solid #333; border-radius:3px; clip:auto !important; color:#000; display:block;
    font-size:12px; padding:12px; position:absolute; top:5px; left:5px; z-index:100000} /* Above WP toolbar */

/* Page structure */
.site {padding:0 24px; padding:0 1.714285714rem; background-color:#fff}
.site-content {margin:24px 0 0; margin:1.714285714rem 0 0}
.widget-area {margin:24px 0 0; margin:1.714285714rem 0 0}

/* Header */
.site-header {padding:24px 0; padding:1.714285714rem 0}
.site-header h1, .site-header h2, .site-header p{text-align:center}
.site-header h1 a, .site-header h2 a, .site-header p a {color:#515151; display:inline-block; text-decoration:none}  /* fuer p statt h1 .site-header p a */
.site-header h1 a:hover, .site-header h2 a:hover, .site-header p a:hover {color:#21759b}                            /* fuer p statt h1 .site-header p a:hover */
.site-header h1 {font-size:24px; font-size:1.714285714rem; line-height:1.285714286; margin-bottom:14px; margin-bottom:1rem}
.site-header h2 {font-weight:normal; font-style:italic; font-size:13px; font-size:0.928571429rem; line-height:1.846153846; color:#757575}  /* neu font-style:italic; */
.header-image {margin-top:24px; margin-top:1.714285714rem}

/* Navigation Menu */
.main-navigation {margin-top:8px; margin-top:0.5714rem; text-align:left}   /* alt center; neu | alt margin-top:24px; margin-top:1.714285714rem; */
.main-navigation li {margin-top:24px; margin-top:1.714285714rem; font-size:12px; font-size:0.857142857rem; line-height:1.42857143}
.main-navigation a {color:#5e5e5e}
.main-navigation a:hover {color:#21759b}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {display:none}
.main-navigation ul.nav-menu.toggled-on, .menu-toggle {display:inline-block}

/* Banner */
section[role="banner"] {margin-bottom:48px; margin-bottom:3.428571429rem}

/* Aus Sidebar erste .widget-area .widget Klasse entfernt: -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; */
.widget-area .widget {margin-bottom:48px; margin-bottom:3.428571429rem; word-wrap:break-word}
.widget-area .widget h3 {margin-bottom:14px; margin-bottom:1.0rem}     /* alt 24 und 1.714285714rem */
.widget-area .widget p, .widget-area .widget li,.widget-area .widget .textwidget {
    font-size:13px; font-size:0.928571429rem; line-height:1.846153846}
.widget-area .widget p {margin-bottom:24px; margin-bottom:1.714285714rem}
.widget-area .textwidget ul {list-style:disc outside; margin:0 0 24px; margin:0 0 1.714285714rem}
.widget-area .textwidget li {margin-left:36px; margin-left:2.571428571rem}
.widget-area .widget a {color:#757575}
.widget-area .widget a:hover {color:#21759b}
.widget-area #s {width:53.66666666666%}  /* define a width to avoid dropping a wider submit button */

/* Footer */
footer[role="contentinfo"] {
    border-top:1px solid #ededed; clear:both; font-size:12px; font-size:0.857142857rem; line-height:2;
    max-width:960px; max-width:68.571428571rem; margin-top:24px; margin-top:1.714285714rem; margin-left:auto;
    margin-right:auto; padding:24px 0; padding:1.714285714rem 0;
}
footer[role="contentinfo"] a {color:#686868}
footer[role="contentinfo"] a:hover {color:#21759b}

/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {clear:both}
.entry-header {margin-bottom:24px; margin-bottom:1.714285714rem}
.entry-header img.wp-post-image {margin-bottom:24px; margin-bottom:1.714285714rem}
/* alt neu color:#684610; font-family: 'Times New Roman'} */
.entry-header .entry-title {font-size:20px; font-size:1.428571429rem; line-height:1.2; font-weight:normal; color:#a88314; font-family: 'Times New Roman'}
.entry-header .entry-title a {text-decoration:none}
.entry-header .entry-format {margin-top:24px; margin-top:1.714285714rem; font-weight:normal}
.entry-header .comments-link {margin-top:24px; margin-top:1.714285714rem; font-size:13px; font-size:0.928571429rem;
    line-height:1.846153846; color:#757575;
}
.comments-link a, .entry-meta a {color:#8A644E; text-decoration:none}    /* alt #757575 */
.comments-link a:hover, .entry-meta a:hover {color:#21759b; text-decoration:underline}  /* alt #21759b neu underline*/
article.sticky .featured-post {border-top:4px double #ededed;
    border-bottom:4px double #ededed; color:#757575; font-size:13px; font-size:0.928571429rem; line-height:3.692307692;
    margin-bottom:24px; margin-bottom:1.714285714rem; text-align:center;
}
.entry-content, .entry-summary, .mu_register {line-height:1.714285714}
.entry-content h1, .comment-content h1,
.entry-content h2, .comment-content h2,
.entry-content h3, .comment-content h3,
.entry-content h4, .comment-content h4,
.entry-content h5, .comment-content h5,
.entry-content h6, .comment-content h6 {margin:24px 0; margin:1.714285714rem 0; line-height:1.714285714}
.entry-content h1, .comment-content h1 {font-size:21px; font-size:1.5rem; line-height:1.5}
.entry-content h2, .comment-content h2, .mu_register h2 {font-size:19px; line-height:1.6}  /* alt: 18px 1.285714286rem */
.entry-content h3, .comment-content h3 {font-size:16px; font-size:1.142857143rem; line-height:1.846153846}
.entry-content h4, .comment-content h4 {font-size:14px; font-size:1rem; line-height:1.846153846}
.entry-content h5, .comment-content h5 {font-size:13px; font-size:0.928571429rem; line-height:1.846153846}
.entry-content h6, .comment-content h6 {font-size:12px; font-size:0.857142857rem; line-height:1.846153846}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    margin:0 0 24px; margin:0 0 1.714285714rem; line-height:1.714285714;
}
.entry-content ol,   .comment-content ol,
.entry-content ul,   .comment-content ul, .mu_register ul {margin:0 0 24px; margin:0 0 1.714285714rem; line-height:1.714285714}
.entry-content ul ul, .comment-content ul ul,
.entry-content ol ol, .comment-content ol ol,
.entry-content ul ol, .comment-content ul ol,
.entry-content ol ul, .comment-content ol ul {margin-bottom:0}
.entry-content ul,   .comment-content ul, .mu_register ul {list-style:disc outside}
.entry-content ol,   .comment-content ol {list-style:decimal outside}
.entry-content li,   .comment-content li, .mu_register li {margin:0 0 0 36px; margin:0 0 0 2.571428571rem}
.entry-content blockquote, .comment-content blockquote {
    margin-bottom:24px; margin-bottom:1.714285714rem; padding:24px; padding:1.714285714rem; font-style:italic;
}
.entry-content blockquote p:last-child, .comment-content blockquote p:last-child {margin-bottom:0}
.entry-content code, .comment-content code {
    font-family:Consolas, Monaco, Lucida Console, monospace;
    font-size:12px; font-size:0.857142857rem; line-height:2;
}
.entry-content pre, .comment-content pre {
    background-color:#f8f7ea;         /* neu */
    border:1px solid #e2e2e2;         /* alt ededed */
    color:#000;                       /* alt 666    */
    font-family:Consolas, Monaco, Lucida Console, monospace;
    font-size:12px; font-size:0.857142857rem;
    line-height:1.2;                  /* alt 1.714285714 */
    margin:24px 0; margin:1.714285714rem 0;
    overflow:auto; padding:24px; padding:1.714285714rem; word-wrap:normal; /*neu word-wrap:normal */
}
.entry-content pre code, .comment-content pre code {display:block}
.entry-content abbr, .comment-content abbr,
.entry-content dfn, .comment-content dfn,
.entry-content acronym, .comment-content acronym {border-bottom:1px dotted #666; cursor:help}
.entry-content address, .comment-content address {display:block; line-height:1.714285714; margin:0 0 24px; margin:0 0 1.714285714rem}
img.alignleft {margin:12px 24px 12px 0; margin:0.857142857rem 1.714285714rem 0.857142857rem 0}
img.alignright {margin:12px 0 12px 24px; margin:0.857142857rem 0 0.857142857rem 1.714285714rem}
img.aligncenter {margin-top:12px; margin-top:0.857142857rem; margin-bottom:12px; margin-bottom:0.857142857rem}
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {
    margin-bottom:24px; margin-bottom:1.714285714rem;
}
.entry-content dl,  .comment-content dl {margin:0 24px; margin:0 1.714285714rem}
.entry-content dt,  .comment-content dt {font-weight:bold; line-height:1.714285714}
.entry-content dd, .comment-content dd {line-height:1.714285714; margin-bottom:24px; margin-bottom:1.714285714rem}
.entry-content table, .comment-content table {border-bottom:1px solid #ededed; color:#757575; font-size:12px;
    font-size:0.857142857rem; line-height:2; margin:0 0 24px; margin:0 0 1.714285714rem; width:100%;
}
.entry-content table caption, .comment-content table caption {
    font-size:16px; font-size:1.142857143rem; margin:24px 0; margin:1.714285714rem 0;
}
.entry-content td, .comment-content td {border-top:1px solid #ededed; padding:6px 10px 6px 0}
.site-content article {border-bottom:4px double #ededed; margin-bottom:48px; margin-bottom:3.4285rem;  /* alt 72px; 5.142857143rem */
    padding-bottom:24px; padding-bottom:1.714285714rem; word-wrap:break-word}
/* Entfernt? -webkit-hyphens:auto;  -moz-hyphens:auto; hyphens:auto; */

.page-links {clear:both; line-height:1.714285714}
footer.entry-meta {margin-top:24px; margin-top:1.714285714rem; font-size:13px; font-size:0.928571429rem;
    line-height:1.846153846; color:#757575;
}
.single-author .entry-meta .by-author {display:none}
.mu_register h2 {color:#757575; font-weight:normal}

/* =Archives
-------------------------------------------------------------- */

.archive-header, .page-header {margin-bottom:48px; margin-bottom:3.428571429rem;
    padding-bottom:22px; padding-bottom:1.571428571rem; border-bottom:1px solid #ededed;
}
.archive-meta {color:#757575; font-size:12px; font-size:0.857142857rem;
    line-height:2; margin-top:22px; margin-top:1.571428571rem;
}

/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {overflow:hidden}
.image-attachment div.attachment {text-align:center}
.image-attachment div.attachment p {text-align:center}
.image-attachment div.attachment img {display:block; height:auto; margin:0 auto; max-width:100%}
.image-attachment .entry-caption {margin-top:8px; margin-top:0.571428571rem}

/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {margin-bottom:24px; margin-bottom:1.714285714rem}
article.format-aside h1 a {text-decoration:none; color:#4d525a}
article.format-aside h1 a:hover {color:#2e3542}
article.format-aside .aside {padding:24px 24px 0; padding:1.714285714rem; background:#d2e0f9; border-left:22px solid #a8bfe8}
article.format-aside p {font-size:13px; font-size:0.928571429rem; line-height:1.846153846; color:#4a5466}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {margin-bottom:0}

/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {font-size:13px; font-size:0.928571429rem; line-height:1.846153846; font-weight:normal}
article.format-image footer h2 {font-size:11px; font-size:0.785714286rem; line-height:2.181818182}
article.format-image footer a h2 {font-weight:normal}

/* Link posts */
article.format-link header {padding:0 10px; padding:0 0.714285714rem; float:right; font-size:11px;
    font-size:0.785714286rem; line-height:2.181818182; font-weight:bold; font-style:italic;
    text-transform:uppercase; color:#848484; background-color:#ebebeb; border-radius:3px;
}
article.format-link .entry-content {max-width:80%; float:left}
article.format-link .entry-content a {font-size:22px; font-size:1.571428571rem; line-height:1.090909091; text-decoration:none}

/* Quote posts */
article.format-quote .entry-content p {margin:0; padding-bottom:24px; padding-bottom:1.714285714rem}
article.format-quote .entry-content blockquote {display:block; padding:24px 24px 0; padding:1.714285714rem 1.714285714rem 0;
    font-size:15px; font-size:1.071428571rem; line-height:1.6; font-style:normal; color:#6a6a6a; background:#efefef;
}

/* Status posts */
.format-status .entry-header {margin-bottom:24px; margin-bottom:1.714285714rem}
.format-status .entry-header header {display:inline-block}
.format-status .entry-header h1 {font-size:15px; font-size:1.071428571rem; font-weight:normal; line-height:1.6; margin:0}
.format-status .entry-header h2 {font-size:12px; font-size:0.857142857rem; font-weight:normal; line-height:2; margin:0}
.format-status .entry-header header a {color:#757575}
.format-status .entry-header header a:hover {color:#21759b}
.format-status .entry-header img {float:left; margin-right:21px; margin-right:1.5rem}

/* =Comments
-------------------------------------------------------------- */

.comments-title {margin-bottom:7px; margin-bottom:0.5rem; font-size:16px;  /* margin-bottom:48px; margin-bottom:3.428571429rem; */
    font-size:1.142857143rem; line-height:1.5; font-weight:normal;
}
.comments-area article {margin:24px 0; margin:1.714285714rem 0}
.comments-area article header {margin:0 0 14px; margin:0 0 1.0rem; overflow:hidden; position:relative} /* margin:0 0 48px; margin:0 0 3.428571429rem; */
.comments-area article header img {float:left; padding:0; line-height:0}
.comments-area article header cite, .comments-area article header time {display:block; margin-left:8px; margin-left:0.5714rem}  /* alt margin-left:85px; margin-left:6.071428571rem */
.comments-area article header cite {font-style:normal; font-size:15px; font-size:1.071428571rem; line-height:1.42857143}
.comments-area article header time {line-height:1.714285714; text-decoration:none; font-size:12px; font-size:0.857142857rem; color:#5e5e5e}
.comments-area article header a {text-decoration:none; color:#5e5e5e}
.comments-area article header a:hover {color:#21759b}
.comments-area article header cite a {color:#444}
.comments-area article header cite a:hover {text-decoration:underline}
.comments-area article header h4 {position:absolute; top:0; right:0; padding:6px 12px; padding:0.428571429rem 0.857142857rem;
    font-size:12px; font-size:0.857142857rem; font-weight:normal; color:#fff; background-color:#0088d0;
    background-repeat:repeat-x; background-image:-moz-linear-gradient(top, #009cee, #0088d0);
    background-image:-ms-linear-gradient(top, #009cee, #0088d0);
    background-image:-webkit-linear-gradient(top, #009cee, #0088d0);
    background-image:-o-linear-gradient(top, #009cee, #0088d0);
    background-image:linear-gradient(top, #009cee, #0088d0);
    border-radius:3px; border:1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {position:absolute; margin-left:5px; margin-left:0.357142857rem;
    padding:2px 5px; padding:0.142857143rem 0.357142857rem; font-size:10px; font-size:0.714285714rem;
}
a.comment-reply-link, a.comment-edit-link {color:#686868; font-size:13px; font-size:0.928571429rem; line-height:1.846153846}
a.comment-reply-link:hover, a.comment-edit-link:hover {color:#21759b}
.commentlist .pingback {line-height:1.714285714; margin-bottom:24px; margin-bottom:1.714285714rem}

/* Comment form */
#respond {margin-top:48px; margin-top:3.428571429rem}
#respond h3#reply-title {font-size:16px; font-size:1.142857143rem; line-height:1.5}
#respond h3#reply-title #cancel-comment-reply-link {
    margin-left:10px; margin-left:0.714285714rem; font-weight:normal;
    font-size:12px; font-size:0.857142857rem;
}
#respond form {margin:24px 0; margin:1.714285714rem 0}
#respond form p {margin:11px 0; margin:0.785714286rem 0}
#respond form p.logged-in-as {margin-bottom:24px; margin-bottom:1.714285714rem}
#respond form label {display:block; line-height:1.714285714}
#respond form input[type="text"] {-moz-box-sizing:border-box; box-sizing:border-box;
    font-size:12px; font-size:0.857142857rem; line-height:1.0;
    padding:7px; padding:0.5rem; width:100%}
#respond form textarea {-moz-box-sizing:border-box; box-sizing:border-box;
    font-size:12px; font-size:0.857142857rem; line-height:1.714285714;
    padding:10px; padding:0.714285714rem; width:100%}
#respond form p.form-allowed-tags {
    margin:0; font-size:12px; font-size:0.857142857rem; line-height:2; color:#5e5e5e}
.required {color:red}

/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {margin-bottom:14px; margin-bottom:1rem}
.template-front-page .site-content article {border:0; margin-bottom:0}
.template-front-page .widget-area {
    clear:both; float:none; width:auto; padding-top:24px; padding-top:1.714285714rem; border-top:1px solid #ededed;
}
.template-front-page .widget-area .widget li {
    margin:8px 0 0; margin:0.571428571rem 0 0; font-size:13px; font-size:0.928571429rem;
    line-height:1.714285714; list-style-type:square; list-style-position:inside;
}
.template-front-page .widget-area .widget li a {color:#757575}
.template-front-page .widget-area .widget li a:hover {color:#21759b}
.template-front-page .widget-area .widget_text img {
    float:left; margin:8px 24px 8px 0; margin:0.571428571rem 1.714285714rem 0.571428571rem 0;
}

/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {margin-left:12px; margin-left:0.857142857rem}
.widget_rss li {margin:12px 0; margin:0.857142857rem 0}
.widget_recent_entries .post-date,
.widget_rss .rss-date {color:#aaa; font-size:11px; font-size:0.785714286rem; margin-left:12px; margin-left:0.857142857rem}
#wp-calendar {margin:0; width:100%; font-size:13px; font-size:0.928571429rem; line-height:1.846153846; color:#686868}
#wp-calendar th, #wp-calendar td, #wp-calendar caption {text-align:left}
#wp-calendar #next {padding-right:24px; padding-right:1.714285714rem; text-align:right}
.widget_search label {display:block; font-size:13px; font-size:0.928571429rem; line-height:1.846153846}
.widget_twitter li {list-style-type:none}
.widget_twitter .timesince {display:block; text-align:right}

/* =Plugins
----------------------------------------------- */

img#wpstats {display:block; margin:0 auto 24px; margin:0 auto 1.714285714rem}

/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 480 pixels. */
@media screen and (min-width:480px) {
    .entry-content {text-align:justify} /* Aus Zeile 98 hier verschoben - 480 ist neu */
}
/* Minimum width of 600 pixels. */
@media screen and (min-width:600px) {
    .author-avatar {float:left; margin-top:8px; margin-top:0.571428571rem}
    .author-description {float:right; width:80%}
    .site {margin:0 auto; max-width:960px; max-width:68.571428571rem; overflow:hidden}
    .site-content {float:left; width:65.104166667%}
    body.template-front-page .site-content, body.single-attachment .site-content, body.full-width .site-content {width:100%}
    .widget-area {float:right; width:26.041666667%}
    .site-header h1,
    .site-header h2 , .site-header p {text-align:left}                                                                      /* fuer p statt h1  .site-header p */
    .site-header h1, .site-header p {font-size:26px; font-size:1.857142857rem; line-height:1.846153846; margin-bottom:0}    /* fuer p statt h1  .site-header p */
    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
        border:4px double #fff;        /* alt border-bottom:1px solid #ededed; und border-top:1px solid #ededed; */
        border-radius:4px;             /* neu */
        padding-left:3%;               /* neu */
        display:inline-block !important;
        text-align:left;
        width:96%;                     /* alt  100%  und neu line-height:36px; height:36px; */
        line-height:36px; height:36px;
        background-image:url('images/mittelleiste.png');
    }
    .main-navigation ul {margin:0; text-indent:0}
    .main-navigation li a, .main-navigation li {display:inline-block; text-decoration:none}
    .main-navigation li a {border-bottom:0; color:#6a6a6a; line-height:2.6;   /* alt neu die 3.692307692 Listenhoehe fuer Hauptmenue von hier? */
        text-transform:uppercase; white-space:nowrap}
    .main-navigation li a:hover {color:#000}
    .main-navigation li {margin:0 40px 0 0; margin:0 2.857142857rem 0 0; position:relative}
    .main-navigation li ul {display:none; margin:0; padding:0; position:absolute; top:100%; z-index:1}
    .main-navigation li ul ul {top:0; left:100%}
    .main-navigation ul li:hover > ul {border-left:0; display:block}
    .main-navigation li ul li a {background:#F9EDCB; border:1px solid #fff; display:block;  /* background:#efefef; fafedd */
        font-size:11px; font-size:0.785714286rem; line-height:2.181818182; padding:8px 10px;
        padding:0.571428571rem 0.714285714rem; width:180px; width:12.85714286rem; white-space:normal;
        text-transform:none;
    }
    .main-navigation li ul li a:hover { background:#F5E0BA; color:#444} /* e3e3e3 */
    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {color:#636363; font-weight:bold}
    .menu-toggle {display:none}
    .entry-header .entry-title {font-size:22px; font-size:1.571428571rem; color:#a88314; font-family:'Times New Roman'}  /* alt neu color:#684610 und font-family*/
    #respond form input[type="text"] {width:46.333333333%}
    #respond form textarea.blog-textarea {width:79.666666667%}
    .template-front-page .site-content, .template-front-page article {overflow:hidden}
    .template-front-page.has-post-thumbnail article {float:left; width:47.916666667%}
    .entry-page-image {float:right; margin-bottom:0; width:47.916666667%}
    .template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets {
        float:left; width:51.875%; margin-bottom:24px; margin-bottom:1.714285714rem;
    }
    .template-front-page .widget-area .widget:nth-child(odd) {clear:right}
    .template-front-page .widget-area .widget:nth-child(even),
    .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
        float:right; width:39.0625%; margin:0 0 24px; margin:0 0 1.714285714rem;
    }
    .template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) {float:none; width:auto}
    .commentlist .children {margin-left:48px; margin-left:3.428571429rem}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width:960px) {
    body {
        background-color:#f1edda; /* alt #e6e6e6 neu #f1edda und background-image:url */
        background-image:url('images/bodygrund.jpg'); background-repeat:repeat-x; background-position:top left;
        background-attachment:scroll;
    }
    body .site {padding:0 40px; padding:0 2.857142857rem; margin-top:48px; margin-top:3.428571429rem; margin-bottom:48px;
        margin-bottom:3.428571429rem; box-shadow:0 2px 6px rgba(100, 100, 100, 0.3);
    }
    body.custom-background-empty {background-color:#fff}
    body.custom-background-empty .site, body.custom-background-white .site {
        padding:0; margin-top:0; margin-bottom:0; box-shadow:none;
    }
}

/* =Print
----------------------------------------------- */

@media print {
    body {background:none !important; color:#000; font-size:10pt}
    footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after {content:" [" attr(href) "] "}   /* Show URLs */
    a {text-decoration:none}
    .entry-content img, .comment-content img, .author-avatar img, img.wp-post-image {border-radius:0; box-shadow:none}
    .site {clear:both !important; display:block !important; float:none !important; max-width:100%; position:relative !important}
    .site-header {margin-bottom:72px; margin-bottom:5.142857143rem; text-align:left}
    .site-header h1 {font-size:21pt; line-height:1; text-align:left}
    .site-header h2 {color:#000; font-size:10pt; text-align:left}
    .site-header h1 a, .site-header h2 a {color:#000}
    .author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link,
    .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image,.main-navigation {display:none}
    .wrapper {border-top:none; box-shadow:none}
    .site-content {margin:0; width:auto}
    .singular .entry-header .entry-meta {position:static}
    .singular .site-content, .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular .comments-title {margin:0; width:100%}
    .entry-header .entry-title, .entry-title, .singular .entry-title {font-size:21pt}
    footer.entry-meta, footer.entry-meta a {color:#444; font-size:10pt}
    .author-description {float:none; width:auto}

    /* Comments */
    .commentlist > li.comment {background:none; position:relative; width:auto}
    .commentlist .avatar {height:39px; left:2.2em; top:2.2em; width:39px}
    .comments-area article header cite, .comments-area article header time {margin-left:50px; margin-left:3.57142857rem}
}