/*L A Y O U T     H T K */ 
body{ padding-top: 30px;}
.wide-container {
    width: 100%;
}
#pageHeader {

}
#SiteLogoLink
{}
#SiteLogo {
    
}
#main-menu-container {
    background:url('/images/www/layout/mainMenuBg.png') repeat-x left top #3E4247;
    
}

#contentContainer .main-text .content-image { display:block; }

.area-header-container {
    background:url('/images/www/layout/areaHeaderBg.png') repeat-x left top #292D33;
    height: 85px;
    color: white;
    margin-bottom: 50px;
}
.area-if-container {
    background:url('/images/www/layout/selfServiceareabg.png') repeat-x left bottom #94C7D2;
    color: white;
    margin-bottom: 50px;
}
.area-if-container .flower {
    background:url('/images/www/layout/areaheaderflower.png') no-repeat right center transparent;
    padding-bottom: 30px;
}
#pageContent {
    
}
#pageContent .leftColumn {
 
}

#pageContent .mainColumn {
}

#footer-container {
    background-color:  #3E4247;
}
#pageFooter 
{
    background: url('/images/www/layout/FooterFlower.png') no-repeat left center transparent;   
}
#pageFooter .rightCol {
    background: url('/images/www/layout/footerRightColBg.png') repeat left top transparent;
    padding-bottom: 55px;
}

@media (min-width: 1200px)
{

}

@media (min-width: 768px) and (max-width: 979px) 
{
  
}

@media (max-width: 767px) {
  #pageFooter .rightCol{ padding-bottom: 0;}
  body{padding:0px;}
    .phone-top-containter-phone
    {
        position: relative;
        height:70px;
    }
    #contentContainer
    {
        margin:0;
    }
    #contentContainer .content-top-container
    {
        margin: -5px 30px 30px 30px;
    }
    #contentContainer .menu-entries, #contentContainer .main-text
    {
        margin: 0 30px;
    }
    #contentContainer .menuselect
    {
        margin: 0 30px 30px 30px;
    }
    .area-if-container .flower { background:none; }
    .phone {
        min-height: 100%;
        position: relative;
        top: 0;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
}
@media (max-width: 320px)
{
    #contentContainer li
    {
        margin: 0 0 5px;
    }
}
@media (max-width: 430px) 
{
 #szfb_container{ display: none;}
 }

/* H E L P E R   C L A S S E S */
.hiddenElement {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}