html {
 height: 100%;
 margin: 0px;
 padding: 0px;
}

body{
 margin: 0px;
 padding: 0px;
 height: 100%;
}

/* all */
::-webkit-input-placeholder { color:gray; }
::-moz-placeholder { color:gray; } /* firefox 19+ */
:-ms-input-placeholder { color:gray; } /* ie */
input:-moz-placeholder { color:gray; }

.block-3-inlays {
 width: 100%;
 float:left;
 text-align:center;
}

@media (min-width: 100px) and 
  (max-width: 600px)  {
.block-3-inlays {
 width: 100%;
 display:block;
}
}

.image-4 {
 width: 25%;

 float:left;
}

@media (min-width: 100px) and 
  (max-width: 600px)  {
.image-4 {
 width: 100%;

 display:block;
}
}

 .image-respo {
 width: 50%;

}

@media (min-width: 100px) and 
  (max-width: 600px)  {
.image-respo{
 width: 100%;


}
}
 
/* ################################### PREFIX #top ##############################################  */


#page-top {
display:none;
}

#page-top .wrap {
 background: transparent;
 text-align: left;
 display: inline-block; 
 max-width:1100px; 
 position:relative; 
 border-bottom: 0px dashed silver;
}

#page-top .branding{
 background: transparent;
 top:10px; 
 left:20px;   
 width:auto; 
 position:absolute;
}

#page-top .fb{
 background: transparent;
 top:30px; 
 height: 30px;
  width:auto; 
 right:50px;   

 position:absolute;
}

#page-top .mail{
 background: transparent;
 top:10px; 
 left:20px;   
 width:auto; 
 position:absolute;
}



/* ################################### PREFIX #head ##############################################  */

#page-navi {
display:none;
}


#page-navi .wrap {
 text-align: right;
 display: inline-block; 
 max-width:1100px; 
 position:relative 
}



/* ################################### PREFIX #banner ##############################################  */

#page-banner {
 text-align: center; 
 width:100%; 
 height: 328px;
 background: #929292;
}





/* ################################### PREFIX #spacer_small ##############################################  */

.spacer_small {
 text-align: center; 
 width:100%; 
 height: 50px;
 background: gray;
}



/* ################################### PREFIX #spacer_medium ##############################################  */


.spacer_medium {
 text-align: center; 
 width:100%; 
 height: 80px;
 background: gray;
}



/* ################################### PREFIX #spacer_big ##############################################  */


.spacer_big {
 text-align: center; 
 width:100%; 
 height: 130px;
 background: gray;
}



/* ################################### PREFIX #mainarea top ##############################################  */

#page-content-top {
 text-align: center; 
 width:100%; 
 min-height: 100px;
 background: white;
}

#page-content-top .wrap {
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1100px; 
 position:relative 
}


/* ################################### PREFIX #mainarea middle ##############################################  */

#page-content-middle {
 text-align: center; 
 width:100%; 
  min-height: 400px;
 background: #F7F7F7;
  border-bottom: 1px dashed gray;
   border-top: 1px dashed gray;
}

#page-content-middle .wrap {
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1100px; 
 position:relative; 
   border-bottom: 0px dashed gray;
   border-top: 0px dashed gray;

}

/* ################################### PREFIX #mainarea footer ##############################################  */

#page-content-footer {
 text-align: center; 
 width:100%; 
 min-height: 140px;
 background: white;
}

#page-content-footer .wrap {
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1100px; 
 position:relative ;
 padding: 50px 0px 50px 0px;
}

#page-content-footer .wrap h1 {
font-size: 10px;
margin:0px;
padding: 5px; 
}


/* ################################### PREFIX #footer ##############################################  */

#page-footer {
 text-align: center; 
 width:100%; 
 height: 250px;
}

#page-footer .wrap {
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1100px; 
 position:relative ;
}

 #page-footer .wrap h1{
 filter:brightness(60%);
 }




/* ################################### PREFIX #footer ##############################################  */

#page-subfooter {
 text-align: center; 
 width:100%; 
 height: 35px;
  filter:invert(10%);
  padding-top: 7px;

 
}

#page-subfooter .wrap {
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1100px; 
 position:relative ;
  filter:invert(0%);
}