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

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


/* PREFIX  head bild volle groesse mit bereich unterhalb */

#container_start {
 background:  url(../../pics/start/head_full_size.jpg) fixed;
 background-repeat: no-repeat;
 background-position: 50% 10%;
 position: relative;
 height: 100%;
 width: 100%;
 margin: auto;
 text-align: center;
  -webkit-box-shadow: 0 8px 6px -6px gray;
  -moz-box-shadow: 0 8px 6px -6px gray;
  box-shadow: 0 8px 6px -6px gray; 
}


.block-2-inlays {
 width: 50%;
 background: transparent;
 float:left;
}

.block-2-inlays img {
 width: 90%;
}


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



/* PREFIX awesomefonts adress line */

#awesomeadress  {
width:auto;
  top:0px;
  left:0px;
  margin-top: 20px;
  margin-left:25px;
}

#awesomeadress .first  a  {
 font-family:NewFont;
 font-size:14px;
 color:black;
 text-decoration: none;
}

#awesomeadress .first  a::before{
 content: "\f015";
 font-family: FontAwesome;
 color:black;
 padding-right: 8px;
 font-size:28px;
-webkit-font-smoothing: antialiased;
/*--adjust as necessary-
 font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
-*/
 }
 
#awesomeadress .second  a  {
 font-family:NewFont;
 font-size:14px;
 color:black;
 text-decoration: none;
}

#awesomeadress .second  a::before{
 content: "\f098";
 font-family: FontAwesome;
 color:black;
 padding-right: 8px;
 padding-left: 18px;
 font-size:26px;
-webkit-font-smoothing: antialiased;
/*--adjust as necessary-
 font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
-*/
 }

#awesomeadress .third  a  {
 font-family:NewFont;
 font-size:14px;
 color:black;
 text-decoration: none;
}

#awesomeadress .third  a::before{
 content: "\f0e0";
 font-family: FontAwesome;
 color:black;
 padding-right: 8px;
 padding-left: 18px;
 font-size:26px;
-webkit-font-smoothing: antialiased;
/*--adjust as necessary-
 font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
-*/
 }
 
 /* ################################### PREFIX #top ##############################################  */


.mobi-navi {
 text-align: center; 
 width:100%; 



}

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


#page-top {
display:none; }






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

#page-head {
display:none; }






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

#page-banner {
 text-align: center; 
 width:100%; 
display:none;}


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

#page-banner-mobi {
 text-align: center; 
 width:100%; 
 height:auto
}




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

.spacer_small {
 text-align: center; 
 width:100%; 
 height: 10px;
 background: #486898;
}





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


.spacer_medium {
 text-align: center; 
 width:100%; 
 height: 70px;
 background: #f8f8f8;
}





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


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





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

#page-mainarea {
 text-align: center; 
 width:100%; 
 min-height: 140px;
 background: #f8f8f8;
 border-top: 10px solid silver;
}

#page-mainarea .wrap {
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:90%; 
 position:relative ;
 border-top: 0px solid #486898;
}





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

#page-footer {
 background: url(../../pics/bg_top.gif);

 text-align: center; 
 width:100%; 
 height: 220px;
 border-top:1px silver dotted;
 display:none; }


#page-footer .wrap {
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:100%; 
 position:relative ;
 padding-top: 50px;
 border-top:0px silver dotted;
}

/* ######### PREFIX #footer SINGLE BLOCK SETTINGS  ##########  */

.footer_block {
background: transparent;
height: 280px;
 text-align: center; 
 width:33%; 
 float: left;
margin-bottom: 0px;
}

/* ########### PREFIX #footer h1 , p settings  ###############  */

.footer_block h1 {
 font-family: OpenSansCond ;
 color:#486898;
font-size: 22px;
font-weight: 200;
margin: 0px;
padding: 0px;
}



.footer_block p {
font-family:OpenSansCondLight;
color:black;
font-size: 16px;
font-weight: 100;
margin: 0px;
line-height:145%;
}

.footer_block a {
font-family:OpenSansCondLight;
color:black;
font-size: 16px;
font-weight: 100;
margin: 0px;
text-decoration: none;
display: block;
margin-bottom: 6px;
}

.footer_block a:hover {
font-family:OpenSansCondLight;
color:black;
font-size: 16px;
font-weight: 100;
margin: 0px;
text-decoration: underline;
display: block;
margin-bottom: 6px;
}


/* ############# PREFIX #footer BLOCK WRAPPER  #################  */

.footer_wrap {
background:  transparent;
 height: 280px;
 text-align: center;
 width:70%;
 border: 0px solid gray;
 padding:0px;
  display: inline-block; 
 position:relative;
}

/* ###### PREFIX #footer text (INNER BLOCK WRAPPER)  ##########  */

.footer_wrap .footer_text {
top: 30px;
background:  tranparent;
 height: auto;
 text-align: left;
 width:95%;
 border: 0px solid gray;
 padding:0px;
 position:relative;
}





/* ################################### PREFIX #subfooter ##############################################  */

#page-subfooter {
 background: #486898;
display:none; }

#page-subfooter .wrap {
vertical-align:middle;
 background: transparent;
vertical-align:middle;
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:90%; 
 position:relative ;
 padding-top:15px;
}


#page-subfooter h1{
 font-family: OpenSansCondLight;
 font-size: 22px;
 color: white;
 margin: 3px 3px 3px 3px;

}

@media (min-width: 1000px) {

#page-subfooter p{
 font-family: OpenSansCondLight;
 font-size: 16px;
 color: white;

}
}

@media (min-width: 450px) and 
  (max-width: 1000px)  {

#page-subfooter p{
 font-family: OpenSansCondLight;
 font-size: 14px;
 color: white;

}
}


@media (min-width: 1000px) {

#page-subfooter a{
 font-family: OpenSansCondLight;
 font-size: 16px;
 color: white;
 text-decoration:none;
 display:block;
 padding-bottom: 2px;
  padding-top: 3px;

}
}

@media (min-width: 450px) and 
  (max-width: 1000px)  {

#page-subfooter a{
 font-family: OpenSansCondLight;
 font-size: 14px;
 color: white;
  text-decoration:none;

}
}

@media (min-width: 1000px) {

#page-subfooter a:hover{
 font-family: OpenSansCondLight;
 font-size: 16px;
 color: white;
  text-decoration:none;
  display:block;

}
}

@media (min-width: 450px) and 
  (max-width: 1000px)  {

#page-subfooter a:hover{
 font-family: OpenSansCondLight;
 font-size: 14px;
 color: white;
  text-decoration:none;

}
}


#page-subfooter .right{
right:10px;
top: 40px;
 background: transparent;
 text-align: right; 
 width:50%; 
 height: 20px;
 position:absolute;
}

#page-subfooter .right p{
 font-family: OpenSansCondLight;
 font-size: 13px;
 color: white;
}

/* ################################### customized textblock in footer ##############################################  */

.cust_text_block_footer {
 background: #f8f8f8;
 text-align: left; 
 width:99%; 
 height: 120px;
 border:1px solid silver;
 border-radius: 6px;
 margin-top:0px;
 position:relative;
}

.cust_text_block_footer .left{
 background: transparent;
 left:20px;
 text-align: left; 
 width:70%; 
 height: auto;
 border:0px solid silver;
 border-radius: 0px;
 display: inline; 
 position:absolute;
 top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.cust_text_block_footer p{
 font-family: OpenSansCondLight;
 font-size: 18px;
 color: gray;
}


.cust_text_block_footer .right{
 background: transparent;
 right:20px;
 text-align: right; 
 width:20%; 
 height: auto;
 border:0px solid silver;
 border-radius: 0px;
 display: inline;
 position:absolute;
  top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.cust_text_block_footer .right a {
 background: gray; 
    border: 1px gray solid;
    font-family: NewFont;
    color: white;
	font-size: 14px;
	text-align:center;
	text-decoration: none;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
transition: all 0.2s ease-in;
-webkit-transition: background-color all 0.2s ease-in;
-moz-transition: background-color all 0.2s ease-in;
-o-transition: background-color all 0.2s ease-in;
transition: background-color all 0.2s ease-in; 
-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
}

.cust_text_block_footer .right a:hover{
background: white; 
    border: 1px gray solid;
    font-family: NewFont;
    color: gray;
	font-size: 14px;
	text-align:center;
	text-decoration: none;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
transition: all 0.2s ease-in;
-webkit-transition: background-color all 0.2s ease-in;
-moz-transition: background-color all 0.2s ease-in;
-o-transition: background-color all 0.2s ease-in;
transition: background-color all 0.2s ease-in; 
-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
}


/* ################################### customized zoom image ##############################################  */

.container_zoom_image {
overflow:hidden;
width: 90%;
display: inline-block;
border-radius: 20px;
}

.container_zoom_image:hover .zoom_image {
-webkit-transform:scale(1.5); transform:scale(1.5);
}

.zoom_image {
background: silver;
-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
border-radius: 20px;
}





/* ################################### customized textblock on page ##############################################  */

.cust_text_block {
 background: white;
 text-align: left; 
 width:99%; 
 height: 120px;
 border:1px solid silver;
 border-radius: 6px;
 margin-top:0px;
 position:relative;
}

.cust_text_block .left{
 background: transparent;
 left:20px;
 text-align: left; 
 width:70%; 
 height: auto;
 border:0px solid silver;
 border-radius: 0px;
 display: inline; 
 position:absolute;
 top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.cust_text_block p{
 font-family: OpenSansCondLight;
 font-size: 18px;
 color: gray;
}


.cust_text_block .right{
 background: transparent;
 right:20px;
 text-align: right; 
 width:20%; 
 height: auto;
 border:0px solid silver;
 border-radius: 0px;
 display: inline;
 position:absolute;
  top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.cust_text_block .right a {
 background: gray; 
    border: 1px gray solid;
    font-family: NewFont;
    color: white;
	font-size: 14px;
	text-align:center;
	text-decoration: none;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
transition: all 0.2s ease-in;
-webkit-transition: background-color all 0.2s ease-in;
-moz-transition: background-color all 0.2s ease-in;
-o-transition: background-color all 0.2s ease-in;
transition: background-color all 0.2s ease-in; 
-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
}

.cust_text_block .right a:hover{
background: white; 
    border: 1px gray solid;
    font-family: NewFont;
    color: gray;
	font-size: 14px;
	text-align:center;
	text-decoration: none;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
transition: all 0.2s ease-in;
-webkit-transition: background-color all 0.2s ease-in;
-moz-transition: background-color all 0.2s ease-in;
-o-transition: background-color all 0.2s ease-in;
transition: background-color all 0.2s ease-in; 
-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
}


.page-footer-mobi{
 background: #486898; 
 width:100%; 
}