html, body{margin:0;padding:0;}
a { color: navy;}

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:#cacaca;
}

.notfall_banner { background: #333; color: #fff; padding-top:22px; padding-left: 3px; height: 40px; 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 {
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, .boxed a.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);
	}

.boxed a.h2:hover {color: green;}
.boxed {padding: 10px;}
	
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%;

}
#visformcontainer {}

fieldset {border: 1px solid #ccc; background:#f7f7f7}

.visform input {

    display: block;
    max-width: 90%;
    height: 30px;
    padding: 3px 12px;
    font-size: 14px;

    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
/*
.visform #field11 {float: left;}
.field11 .visCSSlabel {margin-bottom:60px;}
*/
.field11  {display: flex;flex-wrap: wrap;}
.field11 .visCustomText {padding-top:7px;padding-left:20px; width: 50%;}
DIV.fc-tbxfield11 {min-width:90%; }

.field11 label.error {
    font-size: 10px;
    color: #fff;
    padding: 10px;
    background-color: gray;
    border-radius: 5px;
    display: inline-block !important;
    max-width: 60%;
    margin: 0 0 0 30%;
}
.field11 p.errorcontainer {margin: 10px;}

.visform .visBtnCon  { display: flex; justify-content: center;}
.visform .visBtnCon input {   background-color: #A17856;color: #fff;}

.visform select {

    display: block;
    max-width: 90%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.visform textarea {

    display: block;
  
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}	
.wrapper { max-width: 1270px; margin: auto;}
/* 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 section , .categories-list  {display: flex; flex-direction: column; justify-content: space-between; align-items:stretch;  flex-wrap: wrap;}

.blog section > *, .categories-list > *
{
	flex: 1;
	margin: 10px;
	 
}



article p { text-align: justify;}
.categories-list img, .blog img {max-width: 100%;}