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

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


.footer-respo {
width:auto;
background: #173A79;
}

.footer-respo p{
 color:white;
}



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


/* PREFIX  sticky header pop-in */
.fixed-header {
display:none;
}

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

#container_start {
 background:  url('pics/start/head_full_size.jpg') no-repeat fixed 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; 
}





 
 
/* ################################### PREFIX #page-navi-top ##############################################  */





/* #### PREFIX #page-navi-top - container ####  */

#page-navi-top {
display:none;
}

#page-navi-top .wrap {
 background: transparent;
 height: 40px;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative 
}

/* #### PREFIX #page-navi-top - navi ####  */

#page-navi-top .navi {
 line-height:40px;
 background: transparent;
 top:0px; 
 right:10px;   
 width:auto;
 height: 40px; 
 position:absolute;
}



@media (min-width: 1000px) {
 #page-navi-top .navi a { 
 font-size: 14px;
 margin-left: 20px;
}
}


@media (min-width: 450px) and 
  (max-width: 1000px)  {
 #page-navi-top .navi a {
 font-size: 14px;
 margin-left: 20px;
}
}

/* #### PREFIX #page-navi-top - link1 ####  */

#page-navi-top .navi .a1 {
 font-family:Avenir_Roman;
 color: white;
 text-decoration:none;
}

#page-navi-top .navi .a1:before {
font-family: FontAwesome;
content: "\f015";
margin-right:10px;
}

#page-navi-top .navi .a1:hover {
 font-family:Avenir_Roman;
 color: #C4A725;
 text-decoration:none;
}


/* #### PREFIX #page-navi-top - link2 ####  */

#page-navi-top .navi .a2 {
 font-family:Avenir_Roman;
 color: white;
 text-decoration:none;
}

#page-navi-top .navi .a2:before {
font-family: FontAwesome;
 content: "\f003";
margin-right:10px;
margin-left:15px;
}

#page-navi-top .navi .a2:hover {
 font-family:Avenir_Roman;
 color: #C4A725;
 text-decoration:none;
}

/* #### PREFIX #page-navi-top - link3 ####  */

#page-navi-top .navi .a3 {
 font-family:Avenir_Roman;
 color: white;
 text-decoration:none;
}

#page-navi-top .navi .a3:before {
font-family: FontAwesome;
 content: "\f05a";
margin-right:10px;
margin-left:15px;
}

#page-navi-top .navi .a3:hover {
 font-family:Avenir_Roman;
 color: #C4A725;
 text-decoration:none;
}

/* #### PREFIX #page-navi-top - link4 ####  */

#page-navi-top .navi .a4 {
 font-family:Avenir_Roman;
 color: white;
 text-decoration:none;
}

#page-navi-top .navi .a4:before {
font-family: FontAwesome;
content: "\f0ab";
margin-right:10px;
margin-left:15px;
}

#page-navi-top .navi .a4:hover {
 font-family:Avenir_Roman;
 color: #C4A725;
 text-decoration:none;
}


/* #### PREFIX #page-navi-top - link5 ####  */

#page-navi-top .navi .a5 {
 font-family:Avenir_Roman;
 color: white;
 text-decoration:none;
}

#page-navi-top .navi .a5:before {
font-family: FontAwesome;
  content: "\f086";
margin-right:10px;
margin-left:15px;
}

#page-navi-top .navi .a5:hover {
 font-family:Avenir_Roman;
 color: #C4A725;
 text-decoration:none;
}



/* ################################### PREFIX #page-navi-center ##############################################  */





/* #### PREFIX #page-navi-center - container ####  */

#page-navi-center {
display:none;
}

#page-navi-center .wrap {
 background: transparent;
 height: 150px;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative 
}

/* #### PREFIX #page-navi-center - branding ####  */

 #page-navi-center .branding {
 margin-top: 20px;
 background: transparent;
 top:10px; 
 left:0px;
 width:100px;   
 height: 120px;
 position:absolute;
 z-index: 5000;
}

/* #### PREFIX #page-navi-center - navi ####  */

 #page-navi-center .navi {
 height:50px;
 background: transparent;
 top:50px; 
 right:0px;   
 width:auto;
 position:absolute;
 padding-top: 20px;
}



@media (min-width: 1000px) {
 #page-navi-center .navi a { 
 font-size: 18px;
 margin-left: 35px;
}
}


@media (min-width: 450px) and 
  (max-width: 1000px)  {
 #page-navi-center .navi a {
 font-size: 22px;
 margin-left: 35px;
}
}


#page-navi-center .navi a {
 font-family:Avenir_Roman ;
 color: #173A79;
 text-decoration:none;
 padding-top: 10px;
 text-transform:uppercase;
  border-top: 2px solid #C4A725;
}

#page-navi-center .navi a:hover {
 font-family:Avenir_Roman ;
 color: #173A79;
 text-decoration:none;
 padding-top: 10px;
 border-top: 5px solid #C4A725;
}





/* ################################### PREFIX #page-navi-bottom ##############################################  */





/* #### PREFIX #page-navi-bottom - container ####  */

#page-navi-bottom {
 text-align: center; 
 width:100%; 
 height: 20px;
 background: white;
 border-bottom:1px dashed silver;
}

#page-navi-bottom .wrap {
 background: transparent;
 height: 0px;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative; 
 border-bottom:0px solid gray;
}





/* ################################### PREFIX #page-banner ##############################################  */





/* #### PREFIX #page-banner - container ####  */

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





/* ################################### PREFIX #page-banner-bottom ##############################################  */





/* #### PREFIX #page-banner-bottom - container ####  */

#page-banner-bottom {
 text-align: center; 
 width:100%; 
 height: 20px;
 background: white;
}

#page-banner-bottom .wrap {
 background: transparent;
 height: 20px;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative 
}





/* ################################### PREFIX #page-content ##############################################  */





/* #### PREFIX #page-content - container ####  */

#page-content {
 text-align: center; 
 width:100%; 
 height: auto;
 background: transparent;
 padding: 20px opx 20px 0px;
}






/* ################################### PREFIX #page-subcontent-1 ##############################################  */





/* #### PREFIX #page-subcontent-1 - container ####  */

#page-subcontent-1 {
 text-align: center; 
 width:100%; 
 height: auto;
 background: white;
}

#page-subcontent-1 .wrap {
 background: transparent;
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative ;
 padding: 15px 0px 15px 0px;
}



/* ################################### PREFIX #page-subcontent-2 ##############################################  */





/* #### PREFIX #page-content- 2 - container ####  */

#page-subcontent-2 {
 text-align: center; 
 width:100%; 
 height: auto;
 background: #F5F5F5;
}

#page-subcontent-2 .wrap {
 background: transparent;
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative ;
  padding: 15px 0px 15px 0px;
}





/* ################################### PREFIX #page-subcontent-3 ##############################################  */





/* #### PREFIX #page-content- 3 - container ####  */

#page-subcontent-3 {
 text-align: center; 
 width:100%; 
 height: auto;
 background: white;
}

#page-subcontent-3 .wrap {
 background: transparent;
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative ;
  padding: 45px 0px 45px 0px;
}





/* ################################### PREFIX #page-subcontent-4 ##############################################  */





/* #### PREFIX #page-content- 4 - container ####  */

#page-subcontent-4 {
 text-align: center; 
 width:100%; 
 height: auto;
 background: white;
}

#page-subcontent-4 .wrap {
 background: transparent;
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative 
}





/* ################################### PREFIX #page-header ##############################################  */



/* #### PREFIX #page-footer-header - container ####  */

#page-footer-header {
 text-align: center; 
 width:100%; 
 height: 300px;
 background: transparent url(../../pics/map.png) no-repeat center center fixed;
-webkit-background-size: 100% auto;

-moz-background-size: 100% auto;

-ms-background-size: 100% auto;

-o-background-size: 100% auto;

background-size: 100% auto;
border-bottom: 10px solid white;
}

#page-footer-header .wrap {
 background: transparent;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative 
}

#page-footer-header  .navi {
 line-height:40px;
 background: transparent;
 top:110px; 
 left:10px;   
 width:auto;
 height: 40px; 
 position:absolute;
 border-bottom: 0px solid white;
}


#page-footer-header  .navi a {
background: #c4a725;
 font-family: Avenir_Roman;
 color: white;
 font-size: 18px;
 font-weight: normal;
 padding: 10px;
  border-bottom: 0px solid white;
  border: 4px solid white;
}

#page-footer-header  .navi a:hover {
background: silver;
 font-family: Avenir_Roman;
 color: white;
 font-size: 18px;
 font-weight: normal;
 padding: 10px;
  border-bottom: 0px solid white;
  border: 4px solid white;
}


/* ################################### PREFIX #page-footer ##############################################  */



/* #### PREFIX #page-footer - container ####  */

#page-footer {
display: none;
}

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

/* #### PREFIX #page-footer - h1 ####  */

#page-footer .wrap .h1 {
 font-family: Avenir_Roman;
 color: silver;
 font-size: 24px;
 font-weight: normal;
 margin-bottom: 15px;
 margin-top:25px;
 }

#page-footer .wrap .h1:before {
font-family: FontAwesome;
content: "\f041";
padding-right:10px;
}

/* #### PREFIX #page-footer - h2 ####  */

#page-footer .wrap .h2 {
 font-family: Avenir_Roman;
 color: silver;
 font-size: 24px;
 font-weight: normal;
 margin-bottom: 15px;
 margin-top:25px;
}

#page-footer .wrap .h2:before {
font-family: FontAwesome;
content: "\f015";
padding-right:10px;
}

/* #### PREFIX #page-footer - h3 ####  */

#page-footer .wrap .h3 {
 font-family: Avenir_Roman;
 color: white;
 font-size: 19px;
 font-weight: normal;
 margin-bottom: 15px;
 margin-top:10px;
}

#page-footer .wrap .h3:before {
font-family: FontAwesome;
  content: "\f05a";
padding-right:10px;
}



/* #### PREFIX ##page-footer - p ####  */


#page-footer .wrap  p {
 font-family:Avenir_Roman;
 color: white;
  font-size: 14px;
 text-decoration:none;
}


/* #### PREFIX ##page-footer - a ####  */


@media (min-width: 1000px) {
#page-footer .wrap  a { 
 font-size: 14px;
 padding-bottom: 4px;
}
}


@media (min-width: 450px) and 
  (max-width: 1000px)  {
#page-footer .wrap  a {
 font-size: 14px;
 padding-bottom: 4px;
}
}


#page-footer .wrap  a {
 font-family:Avenir_Roman;
 color: white;
 text-decoration:none;
 display: block;
}

#page-footer .wrap  a:hover {
 font-family:Avenir_Roman;
 color: gray;
 text-decoration:none;
}