/*
Theme Name: WP media Twentyfive
Theme URI: http://wpmedia25-theme.media25berlin.de/
Author: Jens Hübner
Author URI: http://media25berlin.de/
Description: The WP media Twentyfive theme for WordPress is a responsive theme with an innovative layout-navigation system that combines responsiveness with fixed width. Features include category page templates with its own top-teasers, one post-image for one width, automatic adaption on sidebar and no-sidebar customization. Make it yours with custom menu for header and footer and a custom background. Of course this theme is GDPR-ready. For more information see http://wpmedia25-theme.media25berlin.de/category/faq/.
Version: 1.142
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, featured-images, sticky-post, translation-ready
Text Domain: wp-media-twentyfive

WP media Twentyfive WordPress Theme, Copyright (C) 2015, Jens Hübner
WP media Twentyfive is distributed under the terms of the GNU GPL v2 or later.
*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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%;
    font-family: 'Open Sans', 'Arimo', sans-serif;
	vertical-align: baseline;
}
body {
	line-height: 1;
/*	background-color: #7BA9DB;*/
}
p { line-height: 150%; }
ol,
ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.wp-post-image{
  float:left;
  margin-right: 6px;
}
a:link{
  text-decoration:none;
  color: #031652;
}
a:hover{
  text-decoration:underline;
}
/* -----  Post -----*/
.post p{
  padding: 0 0 0.6rem 0;
}
/* -----  Page -----*/
div.page p{
  margin: 0 0 1rem 0;
}
/* -----  Headline -----*/
h1 {
  padding-bottom: 8px;
  font-size: 1.3em;
  color: #031652;
}

h2, h3, h4, h5, h6 {
  padding-bottom: 8px;
  color: #031652;
}
h2 {
  font-size: 1.2em;
}
h3 {
  font-size: 1.1em;
}
h4 {
  font-size: 1.0em;
}
h5 {
  font-size: 0.9em;
}
h6 {
  font-size: 0.8em;
}

/* -----  Support WP content-width -----*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
/* -----  Header -----*/
.header {
  background: #031652;
  padding-top: 9px;
  border-bottom: 2px solid #4B5D96;
  overflow:hidden; /*important for inside-divs with float!*/
}

/* -----  Top-Widget -----*/
.m25-top{
  margin-left: 0px;
}
/* -----  Menu -----*/
.menu a{
   font-weight: bold; 
   color:white;
}
.menu a:hover{ 
   color: black;
   background: #4B5D96;
   text-decoration:none;
}
/* ----- Header-Menu -----*/
.header-menu{
   margin-left: -9px; /*compensate left padding*/
   margin-top: 12px;
}
/* - Ebene 1 - */
.header-menu ul li{
   display:inline-block;
   height: 22px;
}
.header-menu ul li a{
   padding: 5px 9px 3px 9px;
}
/* - Ebene 2 - */
.header-menu ul li ul{
   position:absolute;
   margin-top: 8px;
}
.header-menu ul li ul li{
   display:block;
   background: #4B5D96;
   padding: 5px 5px 8px 5px;
}
.header-menu ul li ul li a{ 
   padding: 4px 5px 11px 5px;
}
/* - Menu-Steuerung -*/
.current-menu-item a{
  background: #4B5D96;
}
.current_page_item a{
  background: #4B5D96;
}
/* ----- Footer-Menu -----*/
.footer-menu #menu-title{
   display: block;
}
#footer-menu-a {
   float: left;
}
#footer-menu-b {
   float: left;
}
#footer-menu-c {
   float: left;
}
.footer-menu #menu-title a:hover{
   background: #031652;   /*same as footer-background*/
   color: white;
}
.footer-menu .menu-item a{
   font-weight: normal; 
   color:white;
}
.footer-menu ul{
   padding: 6px 55px 5px 0px;
}
.footer-menu ul a{
   padding: 6px 8px 5px 8px;
   margin-left: -8px; /*compensate padding left*/
}
/* Ebene 1 */
.footer-menu ul li{
    display:block;
    padding: 5px 5px 5px 0px;
}
/* Menu-Steuerung */
.footer-menu .m25-hide-menu{
  display: none;
}
.footer-menu .current-menu-item {
  background: #031652;   /*same as footer-background*/
}

/* ----- Content -----*/
.content-area-main{
  margin: 12px 0 0 0px;
  float: left;
}
.no_sidebars{
  width: 100%;
}
.sidebars{
  width: 75%;	
}
.content-post{
  background: #ffffff;  
  margin-top:12px;
  padding:5px;   
  -moz-box-shadow: 0 0 5px #C2C2C6; /* Firefox */
  -webkit-box-shadow: 0 0 5px #C2C2C6; /* Chrome, Safari */
  -khtml-box-shadow: 0 0 5px #C2C2C6; /* Konqueror */
  box-shadow: 0 0 5px #C2C2C6; /* CSS 3.0 */
  
}
/* ----- POSTS -----*/
.m25-post-meta{
  margin-top:10px;
}
.m25-tags{
  min-height: 16px;  /*in case of there is no tag ==> height of date*/
}
.m25-comments{
  margin-top:10px;
  margin-bottom:10px;
}
.m25-category{
  font-size: 0.7em;
}
.m25-single-date{
  float: right;
}
.m25-editlink{
  float:right;
  font-weight: bold;
}
.content-post ul {
  list-style: inside;
}
.content-post li {
   padding: 0.5em 0 0.5em 0.5em;
}
.sticky{
   margin: 0px;
}
.post ul{
   list-style-type:disc;
   margin: 0;
   padding: 0 0 0 1em;
}
.post ol{
  list-style-type:decimal;
  margin: 0;
  padding: 0 0 0 1em;
}
.bypostauthor {
   color: #031652;
}
/* ----- Bilder in Posts -----*/
.wp-caption{
  text-align: center;
}
.wp-caption-text {
  font-size: smaller;
  font-weight: bold;
}
/* ----- WordPress Core ----- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* ----- images -----*/
.gallery-caption {
  text-align: center;	
}
img{
  max-width: 100%;
}
/* ----- Comments -----*/
.m25-comment-area{
  background:#ffffff; 
  margin-top:12px;
  padding:5px;       
}
.commentlist ul{
    padding-left: 1em;
}
/* ----- Text meant only for screen-readers -----*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ----- Archive -----*/
.m25-archive{
  color: #031652;
  font-weight: bold;
  background: #BEFA5C; 
  padding: 10px 10px 10px 5px; //*o r u l*/
}
/* ----- Suche -----*/
.content-searchresult{
  color: #031652;
  font-weight: bold;
  background: #FBBE07; 
  padding: 10px 10px 10px 5px; //*o r u l*/
}
section.m25-search { 
   display: table; 
   padding: 0;
   float: right;
}
.m25-search div { 
   display: table-cell; 
   width: 100%; 
}
.m25-search input#s {
  width:100%;
   padding: 0 0em 0.6em 0em;
}
.m25-search input#searchsubmit { 
  width: 100%; 
  padding: 0 2em 0.6em 0;
  margin: 0 0em 0 0.3em;
}
/* ----- Pagination -----*/
.m25-link-pages{
    clear: both;
    min-height: 35px;
}
.m25-pagination-pre{
    float:left;
    background:#4B5D96;
    margin-top: 5px;
    padding: 5px;
    color: white;  
}
.m25-pagination-next{
    float:right;
    background:#4B5D96;
    margin-top: 5px;
    padding: 5px;
    color: white;  
}
.m25-pagination-page{
    text-align:center;
    background:#4B5D96;
    margin-top: 5px;
    padding: 5px;
    color: white;  
}
/* ----- Screen-Selector -----*/
.screen-selector {
  line-height: 45px;
  margin-top: 10px;
  clear: both;
}
.screen-selector ul{
  list-style: none;
}
.screen-selector li{
  display: inline;
  font-weight: bold;
}
.screen-selector a {
  background:#4B5D96;
  color:#777777;
  margin-right: 6px;
  padding: 5px 10px;
  text-decoration:none;
}
.screen-selector a.active {
  background:#031652;
  color:white;
}
.screen-selector a:hover {
	background:#031652;
}
/* ----- Sidebar -----*/
.sidebar{
  background:#ffffff; 
  margin: 24px 0 0 10px;
  padding: 0 0.5em 0.5em 0.5em;
  float: right;
  width: 22%;
}
.sidebar li{
    display: block;
    line-height: 150%;
}
.sidebar h2{
  padding: 0.5em 0 0 0;
  color: #031652;
}
.sidebar ul, ol{
  margin: 0;
  padding: 0;
}
/* ----- Footer -----*/
.footer{  
  color: white;
  background: #031652;
  padding-bottom: 35px;
  border-top: 2px solid #4B5D96;
  min-height: 100px;
}
.footer li{
  clear:both;
  display: block; /*entfernt Punkt*/   
}
.footer h2{
  padding: 10px 0 10px 0;
}
/* ----- Widgets -----*/
.textwidget a{
  color: white;
}
.textwidget a:link{
  text-decoration: underline;
}
.textwidget{
  font-size: 0.8em;  
}
.widget h2{
  font-size: 0.9em;  
}
/* ----- other CSS-Stuff -----*/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
/*-- tables --*/
table, th, td {
   border: 0.2em solid #4B5D96;
}
table{
   border-collapse: collapse;  
   table-layout:fixed;
   width: 100%;
   max-width: 100%;
   margin: 0 0.5em 0.5em 0;
}
th, td {
    padding: 0.5em;
}
th{
  background-color:#4B5D96;
  color: white;
}
/*-- select boxes --*/
select { 
   max-width: 100%;
}
/*-- definition lists --*/
dt {
   font-weight: bold;
   padding: 0.5em 0 0.05em 0;
}
dd {
    padding: 0 0em 0.5em 0.5em;
}
/*-- pre --*/
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}