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

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


/* 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;
}

.rounded {
width:130px;
height: 130px;
border:2px solid #fff;
margin: 0 0 15px 0; 
-webkit-border-radius: 130px; 
border-radius: 130px;

background:#175b80 url(../../images/pdf.png) no-repeat;
background-position:center center;
 outline-color: #175b80;
 outline-style: solid;
 outline-width: 1px;
 outline-offset: 3px;
     -moz-outline-radius-topleft: 130px;
    -moz-outline-radius-topright: 130px;
    -moz-outline-radius-bottomright: 130px;
    -moz-outline-radius-bottomleft: 130px;
    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; 
cursor:pointer;
}

.rounded:hover {
width:150px;
height: 150px;
border:2px solid #fff;
margin: 0 0 15px 0; 
-webkit-border-radius: 150px;
border-radius: 150px;

background:silver url(../../images/pdf.png) no-repeat;
background-position:center center;
 outline-color: #175b80;
 outline-style: solid;
 outline-width: 1px;
 outline-offset: 3px;
     -moz-outline-radius-topleft: 150px;
    -moz-outline-radius-topright: 150px;
    -moz-outline-radius-bottomright: 150px;
    -moz-outline-radius-bottomleft: 150px;
}



/* 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; 
}




/* links portfolio */

.portfolio-link {
font-family: Roboto-Light;
font-size: 18px;
color: white;
 background: gray;
 padding: 10px;
 margin-right:15px;
}

@media (min-width: 100px) and 
  (max-width: 600px)  {
.portfolio-link {
font-family: Roboto-Light;
font-size: 18px;
color: white;
 background: gray;
 padding: 10px;
 margin-right:15px;
 display: block;
}
}

/* block 3 inlays */


.block-3-inlays {
 width: 33%;

 float:left;
}

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

 display:block;
}
}

/* single image */

.single-img {
 width: 70%;
}

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





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

#page-navi-top {
display:none;

}

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


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

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

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

#page-navi-top .navi {
 line-height:30px;
 background: transparent;
 top:0px; 
 right:0px;   
 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;
}
}



#page-navi-top .navi .a1, .navi .a2, .navi .a3, .navi .a4, .navi .a5{
 font-family:helvetica_3e;
 color: white;
 text-decoration:none;
}

#page-navi-top .navi .a1:hover, .navi .a2:hover, .navi .a3:hover,  .navi .a4:hover,  .navi .a5:hover {
 font-family:helvetica_3e;
 color: white;
 text-decoration:none;
}


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


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


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


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


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



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


#page-navi-top-fringe {
 text-align: center; 
 width:100%; 
 height: 3px;
 background: black url(../../pics/triangle.png);

}


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





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

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

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

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

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

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

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


@media (min-width: 1100px) {
 #page-navi-center .navi a { 
 font-size: 16px;
 padding: 14px;
}
}


@media (min-width: 700px) and 
  (max-width: 1100px)  {
 #page-navi-center .navi a {
 font-size: 14px;
 padding: 14px;
}
}

@media (min-width: 200px) and 
  (max-width: 800px)  {
 #page-navi-center .navi a {
 font-size: 10px;
 padding: 10px;
}
}


#page-navi-center .navi a {

 font-family:Bree_Serif;
 color: white;
 text-decoration:none;
 text-transform:uppercase;

}

#page-navi-center .navi a:hover {
background: #d40000;
 font-family:Bree_Serif;
 color: white;
 text-decoration:none;
           -webkit-border-radius: 3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px;


}





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





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

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

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





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





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

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





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





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

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

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

#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-2 ##############################################  */





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

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

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




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





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

#page-subcontent-4 {
background: silver;
 text-align: center; 
 width:100%; 
 height: 3px;


}

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


/* ################################### PREFIX #page-subcontent-5 ##############################################  */





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

#page-subcontent-5 {
 background: #F7F7F7;
 text-align: center; 
 width:100%; 
 border-top:1px dashed gray;
  border-bottom:1px dashed gray;
  margin-bottom:0px;
}

#page-subcontent-5 .wrap {
 background: transparent;
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative ;
  border-top:0px dotted gray;
    border-bottom:0px dashed gray;
}


/* ################################### PREFIX #page-subcontent-6 ##############################################  */





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

#page-subcontent-6 {
height:30px;
 background: #F7F7F7;
 text-align: center; 
 width:100%; 
 border-top:1px dashed gray;
  margin-top:0px;
}

#page-subcontent-6 .wrap {
 background: transparent;
 height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative ;
  border-top:0px dotted gray;

}


/* ################################### 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: #175b80;
 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 {
height:230px;
 text-align: center; 
background:black;
border-top:30px solid #F7F7F7;
}

#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:Bree_Serif;
 color: white;
 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:Bree_Serif;
 color: white;
 font-size: 24px;
 font-weight: normal;
 margin-bottom: 15px;
 margin-top:25px;
}

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

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

#page-footer .wrap .h3 {
 font-family: helvetica_3e;
 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:Bree_Serif;
 color: white;
  font-size: 15px;
 text-decoration:none;
}

#page-footer .wrap  .anfahrt {
font-family:Bree_Serif;
 color: white;
  font-size: 14px;
 text-decoration:underline;
}



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


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


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



#page-footer .wrap  .a1,  .a2,  .a3,  .a4,  .a5{
 font-family:helvetica_3e;
 color: white;
 text-decoration:none;
}

#page-footer .wrap .a1:hover,  .a2:hover,  .a3:hover,   .a4:hover,   .a5:hover {
 font-family:helvetica_3e;
 color: white;
 text-decoration:none;
}


#page-footer .wrap   .a1:before {
font-family: FontAwesome;
content: "\f015";
margin-right:17px;
}


#page-footer .wrap  .a2:before {
font-family: FontAwesome;
 content: "\f003";
margin-right:15px;

}


#page-footer .wrap  .a3:before {
font-family: FontAwesome;
 content: "\f05a";
margin-right:17px;

}


#page-footer .wrap  .a4:before {
font-family: FontAwesome;
content: "\f0ab";
margin-right:17px;

}


#page-footer .wrap   .a5:before {
font-family: FontAwesome;
  content: "\f086";
margin-right:15px;

}



/* ################################### PREFIX #page-subfooter ##############################################  */



/* #### PREFIX #page-subfooter - container ####  */

#page-subfooter {
 text-align: center; 
 width:100%; 
 height: 30px;
 background: #525252;
}

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

/* #### PREFIX ##page-subfooter - p ####  */


#page-subfooter .wrap  h1 {
 font-family:Avenir_Roman;
 color: white;
  font-size: 12px;
 text-decoration:none;
 margin:0px;

}




#lower_container_pre {

display:none;
}




#lower_container_pre .wrap {
 height: auto;
 text-align: center;
 display: inline-block; 
 max-width:1200px; 
 position:relative ;
 background: transparent;
}



#lower_container_pre h1{
        background: white;
           font-family:Bree_Serif;
           font-size: 34px;
           color: #D60000;
           margin-top: 40px;
           padding: 10px;
          border-top-right-radius: 3px;
          border-top-left-radius: 3px;
          display:inline;
          
          }
          
          
          #lower_container_pre h2{
        background: #D60000 ;
           font-family:Bree_Serif;
           font-size: 28px;
           color:  white;
           margin-top: 40px;
           padding: 10px;
          border-top-right-radius: 3px;
          border-top-left-radius: 3px;
          display:block;
          
          }
          
          #lower_container_pre a{
        background: black ;
           font-family:Bree_Serif;
           font-size: 28px;
           color:  white;
           margin-top: 40px;
           padding: 10px;
           border: 1px dashed white;
          border-top-right-radius: 3px;
          border-top-left-radius: 3px;
          display:inline;
          
          }

 #lower_container_pre a:hover{
        background: #D60000 ;
           font-family:Bree_Serif;
           font-size: 28px;
           color:  white;
           margin-top: 40px;
           padding: 10px;
           border: 1px dashed white;
          border-top-right-radius: 3px;
          border-top-left-radius: 3px;
          display:inline;
          
          }