a { color: navy;}
html, body {margin: 0; padding: 0;}
html{width:100%;height:100%;}
body{
  background:#eaeaea;font-family: arial;
	display: flex;
  min-height: 100vh;
  flex-direction: column;
  }  

header{
	flex: none;
  width:100%;
	
   background: #4080BF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#264D73, #4080BF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#264D73, #4080BF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#264D73, #4080BF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#264D73, #4080BF); /* Standard syntax */
	border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
}

.notfall_banner { background: #333; color: #fff; padding-top:22px; padding-left: 3px; height: 47px; font-size: 1.1em; }
.notfall_banner >*{ width: 100%;margin: auto;padding-left: 10px;}

.logo 
{display: flex;
flex-direction: row;
width:100%; margin:auto;
padding-left: 10px;
height: 120px;

}

.logo .title, h1 {
font-size: 1.4em;
color: #06274a;
font-weight: bold;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.8), -1px  -1px 1px rgba(255,255,255,0.8);
	}

h1 {
font-size: 1.6em;
color: #06274a;
font-weight: bold;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.8), -1px  -1px 1px rgba(255,255,255,0.8);
}
	
h2 {
font-size: 1.5em;
color: #245b84;
font-weight: bold;
text-shadow:  1px  1px 1px rgba(0,0,0,0.4), -1px  -1px 1px rgba(255,255,255,0.4);

	}
	
h3 {
	
	color: #245b84;
font-weight: bold;
font-size: 1.4em;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.4), -1px  -1px 1px rgba(255,255,255,0.4);

}
	
h4 {
	
	color: #378ac8;
font-weight: normal;
font-size: 1.3em;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.4), -1px  -1px 1px rgba(255,255,255,0.4);

}
	
	.logo .desc {
font-size: 1em;
color: #06274a;
	}
	
.logo_alt{

  position:relative;
  top:7.5px;
  float:left;
  margin-left:5%;
}
.logo img{
  width:100%;

}


/* Content */
.container{
		flex: 1;

  width:100%;
  height:auto;
  padding:20px 0;
  margin:20px auto;
}

.container > .page-header,.container > h1 {padding-left: 10px;}
.code{
  width:600px;
  height:auto;
  margin:20px auto;
  padding:10px 20px;
  background:#222;
  border-left:10px solid #aaa;
  font-family: Consolas;
  font-size:16px;
  color:#fff;
}
.code span{
  color:#89A978;
}
.space{
  width:20px;
  height:1px;
  float:left;
}

.center {text-align: center;}
.container { color: #646464;}
.container p {margin-top: 10px; margin-bottom: 20px; line-height: 1.5em;}

ul.arrow, ul.checkbox, ul.check, ul.star {
    list-style: outside none none;
    margin: 10px 0;
    padding-left: 20px;
}
ul.arrow li, ul.checkbox li, ul.check li, ul.star li {
    font-weight: bold;
    line-height: 26px;
    margin: 5px 0;
    padding-left: 35px;
}	  
ul.arrow li {
    background: rgba(0, 0, 0, 0) url("../img/list_arrow_navy.png") no-repeat scroll 0 0;
	margin-bottom: 20px;
}
ul.checkbox li {
    background: rgba(0, 0, 0, 0) url("../img/list_checkbox.png") no-repeat scroll 0 0;
	margin-bottom: 20px;
}
.slider a {
	
	 font-weight: bold;
	  text-shadow:  1px  1px 1px rgba(0,0,99,0.8);
	 color:royalblue;
}



 
DIV.item,article {border: 1px solid #ddd; background:#fff; padding: 10px;margin-bottom: 20px; } 

DIV.item-page {border: 1px solid #ddd; background:#fff; padding: 10px; padding-bottom: 40px; margin-bottom: 10px; } 

.svg {}


.blog {display: flex; flex-direction: row; justify-content: space-between; align-items:stretch;  flex-wrap: wrap;}

.blog > *
{
	flex: 1;
	margin: 10px;
	
}
.blog > div {
 
 min-width: 980px;
}
.blog > article {

}
.blog > h2 {} 

.blog > div:first-child
{


}
@media only screen and (min-width: 62em) {

	  
}


@media only screen and (min-width: 1900px) {

	  
}