#myExtraContent3 {text-align: center;
padding-top: 20px;
padding-bottom: 20px;
font-size: 1.6em;
color: #417aa2;
font-weight: bold;
border-bottom: 1px solid #E0E0E0;}

.blog-entry-date {	padding-left: 30px; background: url(http://www.laengsfeld.de/calendar-month.png)no-repeat;}

#title h1 {margin-top:-90px;}

#logo {padding-left: 5%;}

#content {margin-left:50px; margin-right:50px;}

.blog-entry {	border-bottom: 1px dotted silver;}
.blog-entry-title {font-size:1.4em; margin-bottom:10px; line-height:1.25em;}

@media screen and (max-width:600px) {h2 {font-size:1.5em;}}

@media only screen and (max-width: 640px){
#title h1{margin-top: 0px;}
#logo {display: none !important;}}
.mean-bar{background:#CFD9EC !important;}
#header {background: #CFD9EC;}

h5 {color: #FFFFFF;	font-size: 14px;	font-weight: bold;	font-style: normal;
	border-left: 6px solid white;	line-height: 1.8;	padding-left: 10px;	padding-bottom: 10px; margin-bottom: -10px;
	background-color: #296DB6; }

#breadbg {padding-top:10px;}
h2, h3, h4 {  line-height:1.60em;}