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

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


/* Bereich sticky Header */

.fixed-header {
display: none;
}

/* Ende Bereich sticky Header */

/* Bereich Div #navi */


#navi {
display: none;       
        }
        
        
 #main {
 background: url(../../pics/bgmain.png); 
 text-align: center; 
 width:100%; 
 left:0px;
 top:0px;
 min-height: 500px;
}

#main .wrap {
 background: transparent;
 top:0px;
 bottom: 25px;
 min-height: 500px;
 text-align: left;
 display: inline-block; 
 width:95%; 
 position:relative ;
 padding-top:50px;
}       

#navi .wrap {
 height: 100px;
 text-align: left;
 display: inline-block; 
 max-width:1100px; 
 background: #009fe9; 
 border-bottom: 1px solid transparent;
   -webkit-box-shadow: 0 8px 6px -6px transparent;
       -moz-box-shadow: 0 8px 6px -6px transparent;
            box-shadow: 0 8px 6px -6px transparent; 
 position:relative 
}

#navi .navi {
top:30px; 
left:0px;   
 width:auto; 
    -webkit-box-shadow: 0 8px 6px -6px transparent;
       -moz-box-shadow: 0 8px 6px -6px transparent;
            box-shadow: 0 8px 6px -6px transparent; 
 position:absolute; 
}

#navi .branding_fixed {
top:0px; 
right: 0px;   
margin: 2px;
padding: 2px;
background: transparent;
 width:auto; 
    -webkit-box-shadow: 0 8px 6px -6px transparent;
       -moz-box-shadow: 0 8px 6px -6px transparent;
            box-shadow: 0 8px 6px -6px transparent; 
 position:absolute; 
}


/* End of Bereich Div #navi */


 
/* ################################### Navigation ##############################################  */

#page-navi-spaceholder {
 left:0px;
 top:0px;
 width:100%; 
 height: 130px;
 background: transparent;
}



/* ######### fixed container ##################  */

#page-fixed {
 left:0px;
 top:0px;
 width:100%; 
 height: 140px;
 background: transparent;
 position: fixed;
 z-index:3000;
}

/* ######### subnavi ##################  */

#page-subnavi {
display: none;
}


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

#page-subnavi .navi {
margin-top: 0px;
background: transparent;
top:0px; 
left:10px;   
 width:auto; 
 position:absolute;

}

#page-subnavi .branding {
margin-top: 0px;
background: transparent;
top:0px; 
right:40px;   
 width:auto; 
 position:absolute;

}

/* ######### navi ##################  */

#page-navi {
display: none;
}


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

#page-navi .navi {
margin-top: 0px;
background: transparent;
top:0px; 
left:0px;   
 width:auto; 
 position:absolute;
  box-shadow: -0px 0px 0px -0px black;

}

#page-navi .branding_top {
margin-top: 0px;
height:100px;
top:0px; 
right:0px;   
 width:auto; 
 position:absolute;
 z-index:2000;
   box-shadow: -0px 0px 0px -0px black;
  
}

#page-navi .branding {
background: transparent;
margin-top: -10px;
height:100px;
top:0px; 
right:0px;   
 width:auto; 
 position:absolute;
 z-index:2000;
   box-shadow: -0px 0px 0px -0px black;
}


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

#page-banner {
display: none;}


#page-banner .top {
 background:  url(../../pics/banner-top.png) ;
 background-repeat: no-repeat;
 background-position: 50% 50%;
height:30px;
top: 0px;
left:0px;
 position: absolute;

}


#page-banner .footer {
 background:  url(../../pics/banner-bottom.png) ;
 background-repeat: no-repeat;
 background-position: 50% 50%;
height:30px;
bottom: 0px;
left:0px;
 position: absolute;

}

/* ################################### spaceholder ##############################################  */

#page-spaceholder-1 {
display:none;
}



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


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

/* ################################### main area ##############################################  */

#page-main-head {
 text-align: center; 
 width:100%; 
max-height:300px;
 background: #F0F2F1;
 border-bottom: 0px dotted #cacaca;
}


#page-main-head .wrap {
max-height:300px;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative ;
  border-bottom: 0px dotted #cacaca;
}


/* ################################### main area ##############################################  */

#page-main-bottom {
 text-align: center; 
 width:100%; 
 min-height: 70px;
 background: #F0F2F1;
  border-top: 0px dotted #cacaca;
}


#page-main-bottom .wrap {
background: white;
height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative ;
 margin: 40px 0px 40px 0px ;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
   border:1px solid silver;

}



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

#page-footer {
display: none;}


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

#page-footer .wrap h1 {
 font-family: NewFont; 
 font-size: 20px;
 color: silver;
 margin: 0px 0px 15px 0px;
 font-weight: 100; 
}

#page-footer .wrap p {
 font-family: NewFont; 
 font-size: 16px;
 color: white;
 margin: 0px;
 font-weight: 100; 
}

#page-footer .wrap a {
background: transparent;
 font-family: NewFont; 
 font-size: 16px;
 color: white;
 padding: 2px;
display:inline-block;
 text-decoration:none;
 border-radius: 5px;
 margin: 0px 0px 5px 0px;
 
}

#page-footer .wrap a:hover {
background: silver;
 font-family: NewFont; 
 font-size: 16px;
 color: black;
 padding: 2px;
 text-decoration:none;
 display:inline-block;
 border-radius: 5px;
 margin: 0px 0px 5px 0px;
}



#page-subfooter {
display: none;}


#page-subfooter .wrap {

height: auto;
 text-align: left;
 display: inline-block; 
 max-width:1000px; 
 position:relative ;
 margin: 20px 0px 20px 0px ;

}