::selection
{color:#043080;
background-color:#fff;}

*
{margin:0;
padding:0;
text-align:left;}

body
{/*width:100%;*/
background:url(http://mkorsakov.de/bilder/bg_img.png) 0 103px repeat-x #043080;
color:#fff;
margin:10px 0;
text-align:center;}

#wrap
{/*width:100%;*/
margin:0 auto;
background:url(http://mkorsakov.de/bilder/typo_bg.png) 65.5% 0 repeat-y;
display:flex;
flex-flow:row wrap;}

#header
{width:100%;
height:275px;}

#header h1
{font:25px/30px "trebuchet ms", verdana, arial, helvetica, sans-serif;
width:100%;
height:100%;
color:#fff;
background:url(http://mkorsakov.de/bilder/header_all.png) 0 0 no-repeat transparent;
text-align:left;}

#header h1 a
{color:#fff;
background-color:transparent;
text-decoration:none;
width:100%;
height:100%;
display:block;
text-indent:-1000px;}

* html #header h1 a
{width:100%;}

#content
{width:60%;
/*float:left;*/
margin-right:12.5%;
background-color:transparent;
color:#fff;
order:2;}

* html #content
{margin-right:100px;}

#content p
{
font:125%/175% "trebuchet ms", verdana, arial, helvetica, sans-serif;
color:#fff;
padding:0 10px;
/*text-indent:10px;*/
}

#navigation
{width:25%;
/*float:left;*/
order:3;}

#navigation form p input
{width:100%;
height:1.5em;
line–height:1;
font-size:1em;}

.section_list
{margin:0 0 20px 0;
list-style-type:none;}

.section_list li a
{font-size:150%;
line-height:170%;
color:#2d6ee6;
background-color:transparent;}

#navigation p a img
{border:none;}

#footer p
{text-align:center;
font:125%/200% "trebuchet ms", verdana, arial, helvetica, sans-serif;
padding-top:5px;
color:#fff;
background-color:transparent;}

#content blockquote
{border-left:2px solid #fff;
margin-left:25px;
padding-left:5px;
color:#fff;
background-color:transparent;}

#content p img
{border:1px solid #fff;
border-radius:5px;
-moz-border-radius:5px;
padding:3px;
margin:10px 0;
max-width:100%;
height:auto;}

#content ol, #content ul #content ul#archive
{list-style-type:none;
margin:0;
padding:0 10px;}

#content ul#archive, #content ul 
{list-style-type:none;
margin:5px 10px;
padding:0 10px;}

#content ol li, #content ul li
{font:125%/175% "trebuchet ms", verdana, helvetica, sans-serif;
color:#fff;
background-color:transparent;}

#content ol li:before, #content ul li:before
{content:"\2605  ";}

#content ul.pagination li:before, #content .pagenav li:before
{content:"";}

#content ol.comments li
{margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #fff;}

#content ol.comments li p
{font-size:100%;}

#content ol li a, #content ul li a
{color:#fff;
background-color:transparent;
text-decoration:underline;}

#content p a, #footer p a, #content blockquote a
{text-decoration:underline;
color:#fff;
background-color:transparent;}

#content h3 a:hover, #content p a:hover,  #content blockquote a:hover, #content ul a:hover, #content ol a:hover 
{color:#2d6ee6;
background-color:transparent;}

#content h3:hover:after
{content:" \2692";}

#content .entryfooter a:hover, #footer p a:hover
{color:#043080;
background-color:transparent;}

#content .pagination, #content .pagenav
{width:100%;
padding:1em 0;
text-align:center;
margin:3em 0;
list-style-type:none;}

#content .pagination li, .pagenav li
{display:inline;}

#content .pagination li a,
#content .pagination li.current strong,
.pagenav li a
{margin:0 5px;
padding:5px;}

#content .pagination li.current strong
{background-color:#fff;
color:#2d6ee6;
border-radius:3px;}

#footer
{width:100%;
height:55px;
color:#fff;
background:url(http://mkorsakov.de/bilder/bg_img.png) 0 0 repeat-x transparent;
/*clear:both;*/
order:4;}

del
{text-decoration:line-through;}

/* beitragsformatierungen */

#content h3
{font:200%/175% georgia, "times new roman", times, serif;
color:#fff;
background-color:transparent;
margin-top:10px;
padding:0 10px;}

#content h3 a
{color:#fff;
background-color:transparent;}

#content h4
{font:125%/175% georgia, "times new roman", times, serif;
color:#fff;
background-color:transparent;
margin:5px 0;
padding:0 10px;}

#content .entryfooter
{color:#fff;
background-color:#2d6ee6;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
margin:10px 0;
text-align:right;}

/* Kommentarfeld */

fieldset
{margin:20px 10px 5px 10px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;}

legend
{font:85% "trebuchet ms", verdana, arial, helvetica, sans-serif;
color:#fff;
background-color:transparent;
border:1px dashed #fff;
padding:5px;}

p label
{width:100px;
float:left;
clear:both;}

p input, p textarea
{border:1px solid #fff;
background-color:#043080;
width:40em;
height:1.5em;
margin:5px 0;
color:#fff;}

p .button
{width:10em;
text-align:center;
margin-right:5px;}

p textarea
{height:12em;}

/* archive */

dl.archive
{font:100%/160% trebuchet ms, verdana, helvetica, sans-serif;
padding:0 10px;
color:#fff;}

dl.archive dd a
{color:#fff;
text-decoration:underline;}

dl.archive dt
{font-size:125%;}

dl.archive dd
{padding-left:15px;}

@media screen and (max-width:48em) {
  #header h1 {
    background-size:contain;
  }
  #content, #navigation {
    width:100%;
    margin:0 1%;
  }
  #content {
    order:3;
  }
  #navigation {
    order:2;
  }
.section_list {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
  }
.section_list li {
    width:33%;
    text-align:center;
  }
  img {
    max-width:100%;
    height:auto;
  }
}