*:focus {
    outline: none;
}

/*
 *        T O P B A R
 */

.topbar { background:#fff; border-bottom:1px solid #e5e5e5; color:#333; font-family: 'Ubuntu', sans-serif; height:38px; overflow:hidden; }

.topbar span.phone,
.topbar span.email { font-family: 'Ubuntu', arial, verdana, sans-serif; font-weight:300; font-size:12px; padding:0 0 0 20px; margin:0 20px 0 0;}
.topbar span.phone { background:url(/logo_images/layout/icons/icon-phone.png) left center no-repeat }
.topbar span.email { background:url(/logo_images/layout/icons/icon-email.png) left center no-repeat }

.topbar .social .applicationWrapper { float:right; width:300px; display:block; }

.topbar .social .menuSearch { float:right; width:220px; display:block; }
.topbar .social .menuSearch form { float:right; }
.topbar .social .menuSearch #siteforum-lucene-search-input { height:25px; border:1px solid #e5e5e5; width:180px; }
.topbar .social .menuSearch #siteforum-lucene-search-input:focus
{ 
	border-color: rgba(19, 192, 223, 0.4);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040), 0 0 8px rgba(19, 192, 223, 0.4);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040), 0 0 8px rgba(19, 192, 223, 0.4);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040), 0 0 8px rgba(19, 192, 223, 0.4);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
.topbar .social .menuSearch #searchGo { border:0px solid #13c0df; height:25px; }

/*
 *    H E A D E R  /  M E N U
 */

.header-wrapper { 
   background:#fff; 
   border-bottom:1px solid #e5e5e5;
   width: 100%; 
   margin: 0; 
   padding: 0; 
   background: rgba(255,255,255,0.95);
   position:relative;
   z-index:1;
}

.sf-nav-main-mode .headerContainer.ui-stickit.ui-state-stucked{padding-top:46px}
.headerContainer.ui-stickit.ui-state-stucked{
   z-index:2901;
   width: 100%; 
   border-bottom: 1px solid #e5e5e5; 
   background:#fff;
   background: rgba(255,255,255,0.95);
   -webkit-transform-style: preserve-3d; 
   -webkit-transform: translateZ( 0.01px ); 
   -webkit-box-shadow: 0px 0px 15px #ccc;
   -moz-box-shadow: 0px 0px 15px #ccc; 
   box-shadow: 0px 0px 15px #ccc; 
}

.header-wrapper .mfLogo {margin:15px 0px;width:210px;height:40px;float:left;}
.header-wrapper #mobileMenuButton {float:right}

@media (min-width: 768px) and (max-width: 991px) {
   .header-wrapper .mfLogo { width:160px; height:36px; float:left; }  
   .header-wrapper .mfLogo img { width:160px !important; }  
}

.header-wrapper #mobileMenuButton.navbar-toggle { 
  float: right;
  padding: 9px 10px;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 8px;
  background-color: #00c0e1;
  background-image: none;
  border: 1px solid #fff;
  border-radius: 4px;
}
.header-wrapper #mobileMenuButton.navbar-toggle:focus {
  outline: none;
}
.header-wrapper #mobileMenuButton.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color:#fff;
}
.header-wrapper #mobileMenuButton.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

/*
 *    I M A G E / S L I D E R
 */

.relative { position:relative; }


#imageSliderWrapper,
#imageSliderWrapper .container { height:460px; }

#imageSliderWrapper.frontpage { background:url(/portals/04mysql/logo_images/layout/slider/slider-frontpage.jpg) center top; background-size:cover; }
#imageSliderWrapper.products { background:url(/portals/04mysql/logo_images/layout/slider/header-slide-3.jpg) center top; background-size:cover; }
#imageSliderWrapper.businesscloud { background:url(/portals/04mysql/logo_images/layout/slider/businesscloud.jpg) center top; background-size:cover; }
#imageSliderWrapper.statusonline { background:url(/portals/04mysql/logo_images/layout/slider/statusonline.jpg) center top; background-size:cover; }
#imageSliderWrapper.invoiceonline { background:url(/portals/04mysql/logo_images/layout/slider/invoiceonline.jpg) center top; background-size:cover; }

#imageSliderWrapper.service { background:url(/portals/04mysql/logo_images/layout/slider/header-slide-2.jpg) center top; background-size:cover; }
#imageSliderWrapper.virtualevents { background:url(/portals/04mysql/logo_images/layout/slider/virtualevents.jpg) center top; background-size:cover; }
#imageSliderWrapper.myfavorito { background:url(/portals/04mysql/logo_images/layout/slider/myfavorito.jpg) center top; background-size:cover; }
#imageSliderWrapper.solutions { background:url(/portals/04mysql/logo_images/layout/slider/header-slide-4.jpg) center top; background-size:cover; }
#imageSliderWrapper.enterprisecloud { background:url(/portals/04mysql/logo_images/layout/slider/enterprisecloud.jpg) center top; background-size:cover; }
#imageSliderWrapper.egovernment { background:url(/portals/04mysql/logo_images/layout/slider/e-government.jpg) center top; background-size:cover; }
#imageSliderWrapper.paas { background:url(/portals/04mysql/logo_images/layout/slider/paas.jpg) center top; background-size:cover; }
#imageSliderWrapper.mobilemarketing { background:url(/portals/04mysql/logo_images/layout/slider/mobilemarketing.jpg) center top; background-size:cover; }
#imageSliderWrapper.project { background:url(/portals/04mysql/logo_images/layout/slider/project.jpg) center top; background-size:cover; }
#imageSliderWrapper.hosting { background:url(/portals/04mysql/logo_images/layout/slider/hosting.jpg) center top; background-size:cover; }
#imageSliderWrapper.support { background:url(/portals/04mysql/logo_images/layout/slider/support.jpg) center top; background-size:cover; }
#imageSliderWrapper.about { background:url(/portals/04mysql/logo_images/layout/slider/header-slide-6.jpg) center top; background-size:cover; }
#imageSliderWrapper.news { background:url(/portals/04mysql/logo_images/layout/slider/news.jpg) center top; background-size:cover; }
#imageSliderWrapper.success { background:url(/portals/04mysql/logo_images/layout/slider/success.jpg) center top; background-size:cover; }
#imageSliderWrapper.management { background:url(/portals/04mysql/logo_images/layout/slider/management.jpg) center top; background-size:cover; }
#imageSliderWrapper.career { background:url(/portals/04mysql/logo_images/layout/slider/career.jpg) center top; background-size:cover; }
#imageSliderWrapper.contact { background:url(/portals/04mysql/logo_images/layout/slider/contact.jpg) center top; background-size:cover; }

/*
 *    SUCCESS STORY IMAGES
 */
#imageSliderWrapper.success_vbl { background:url(/portals/04mysql/logo_images/layout/slider/success_vbl.jpg) center top; background-size:cover; }
#imageSliderWrapper.success_mf_ece { background:url(/portals/04mysql/logo_images/layout/slider/success_mf_ece.jpg) center top; background-size:cover; }


/*
 *    NEWS STORY IMAGES
 */
 
#imageSliderWrapper.news_bayernpark { background:url(/portals/04mysql/logo_images/layout/slider/news_bayernpark.jpg) center top; background-size:cover; }



#imageSliderWrapper .fontWrapper {
   width:600px;
   margin:120px 0 0 60px;
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
}
#imageSliderWrapper .mainHeadline { 
   background:#333; 
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   font-size:45px; 
   line-height:45px;
   color:#fff;
   padding:5px 10px;
   position:absolute;
   top:122px;
   left:55px;
}

#imageSliderWrapper .subHeadline { 
   background:#333;
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   color:#fff;
   font-size:24px;
   line-height:25px;
   padding:5px 10px;
   position:absolute;
   top:188px;
   left:75px;
}

#imageSliderWrapper .subText { 
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   color:#fff;
   font-size:18px;
   line-height:25px;
   position:absolute;
   top:265px;
   left:75px;
   max-width:580px;
}

/*
 *     S P E C I A L / F R O N T P A G E
 */

#imageSliderWrapper .subHeadlineOne,
#imageSliderWrapper .subHeadlineTwo,
#imageSliderWrapper .subHeadlineThree { 
   background:#00c0e1;
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   color:#fff;
   font-size:24px;
   line-height:25px;
   padding:5px 10px;
   position:absolute;
   top:188px;
   left:75px;
}

#imageSliderWrapper .subHeadlineOne { 
   top:190px;
   left:55px;
}
#imageSliderWrapper .subHeadlineTwo { 
   top:195px;
   left:345px;
}
#imageSliderWrapper .subHeadlineThree { 
   top:235px;
   left:345px;
}

#imageSliderWrapper.frontpage .subText { 
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   color:#333;
   font-size:18px;
   line-height:25px;
   position:absolute;
   top:265px;
   left:355px;
   max-width:580px;
}



@media screen and (min-width: 992px) and (max-width: 1199px) {
   #imageSliderWrapper.frontpage .subText { 
      font-size:15px;
   }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

   #imageSliderWrapper .subHeadlineOne,
   #imageSliderWrapper .subHeadlineTwo,
   #imageSliderWrapper .subHeadlineThree { 
      font-size:24px;
   }

   #imageSliderWrapper.frontpage .subText { 
      font-size:12px;
   }

   #imageSliderWrapper .subHeadlineOne { 
      top:190px;
      left:15px;
   }
   #imageSliderWrapper .subHeadlineTwo { 
      top:185px;
      left:345px;
   }
   #imageSliderWrapper .subHeadlineThree { 
      top:225px;
      left:345px;
   }

}

@media screen and (max-width: 767px) {
   #imageSliderWrapper .subHeadlineOne,
   #imageSliderWrapper .subHeadlineTwo,
   #imageSliderWrapper .subHeadlineThree { 
      font-size:19px;
      line-height:21px;
   }

   #imageSliderWrapper.frontpage .subText { 
      font-size:12px;
      line-height:15px;
      left:15px;
      top:170px;
      max-width:520px;
   }

   #imageSliderWrapper .subHeadlineOne { 
      top:130px;
      left:15px;
   }
   #imageSliderWrapper .subHeadlineTwo { 
      top:107px;
      left:15px;
   }
   #imageSliderWrapper .subHeadlineThree { 
      top:134px;
      left:15px;
   }
}



/*
 *    I M A G E / S L I D E R
 *    SIZE FOR MOBILE DISPLAYS
 */

@media screen and (max-width: 767px) {
	
   #imageSliderWrapper { height:300px; }
   #imageSliderWrapper.forCustomers .container { height:300px; }
   #imageSliderWrapper.forStores .container { height:300px; }
   #imageSliderWrapper.ourProduct .container { height:300px; }
   #imageSliderWrapper.aboutUs .container { height:300px; }
   #imageSliderWrapper.forPartners .container { height:300px; }
   #imageSliderWrapper.disclaimer .container { height:300px; }
   #imageSliderWrapper.qrScan .container { height:200px; }
   #imageSliderWrapper.qrScan { height:200px; }
   #imageSliderWrapper.frontpage  { height:320px; }
   #imageSliderWrapper.frontpage .container { height:320px; }

   #imageSliderWrapper.bg_dummyImage { 
      background:url(/portals/mcdapp/logo_images/layout/header_rotation_bg.jpg) center top; background-size:cover; 
   }

   #imageSliderWrapper .fontWrapper {
      width:100%;
      margin:40px 0 0 20px;
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
   }

   #imageSliderWrapper .mainHeadline { 
      background:#333; 
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
      font-size:30px; 
      line-height:30px;
      color:#fff;
      padding:5px 10px;
      max-width:90%;
      position:absolute;
      top:80px;
      left:15px;
   }


   #imageSliderWrapper .subHeadline { 
      background:#333;
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
      color:#fff;
      font-size:16px;
      line-height:25px;
      padding:5px 10px;
      max-width:90%;
      position:absolute;
      top:130px;
      left:15px;
   }

   #imageSliderWrapper .subText { 
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
      color:#fff;
      font-size:13px;
      line-height:20px;
      position:absolute;
      top:180px;
      left:15px;
      max-width:90%;
   }
}

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

   #imageSliderWrapper .mainHeadline { 
      background:#333; 
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
      font-size:45px; 
      line-height:45px;
      max-width:470px;
      color:#fff;
      padding:5px 10px;
      position:absolute;
      top:122px;
      left:15px;
   }

   #imageSliderWrapper .subHeadline { 
      background:#333;
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
      color:#fff;
      font-size:24px;
      line-height:30px;
      max-width:420px;
      padding:5px 10px;
      position:absolute;
      top:175px;
      left:15px;
   }

   #imageSliderWrapper .subText { 
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
      color:#fff;
      font-size:18px;
      line-height:25px;
      max-width:420px;
      position:absolute;
      top:305px;
      left:15px;
     }
}

/*
 *   Mobile Menu 
 */

#mobileNavi { display:none; }

@media screen and (max-width: 767px) {
	
   .navbar { display:none; }
}

@media screen and (min-width: 768px) {

   #mobileMenuButton { display:none; }
}


#mobileLogin { background:#13c0df; padding:15px;}

#mobileLogin .email { background:none; padding:0 0 3px 0; }
#mobileLogin .password { background:none; padding:0 0 3px 0; }
#mobileLogin .submitBlock { background:none; padding:0 0 3px 0; }
#mobileLogin .email input,
#mobileLogin .password input { background:#f0f0f0; border:1px solid #fff; width:100%; padding:5px 10px; }
#mobileLogin .submitBlock input { background:#333; border:1px solid #fff; color:#fff; font-family:'Ubuntu',arial,verdana; font-weight:300; }

#mobileLogin #sfsDateANDprofile a:link,
#mobileLogin #sfsDateANDprofile a:hover,
#mobileLogin #sfsDateANDprofile a:visited,
#mobileLogin #sfsDateANDprofile a:active
{
   color:#fff;
   text-decoration:none;
}


/*
 *   Story Templates 
 */


/* ### IMAGES ### */

@media screen and (min-width: 1200px) {

   .mfImageRight img,
   .mfImageLeft img { max-width:100%; }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

   .mfImageRight img,
   .mfImageLeft img { width:100%; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

   .mfImageRight img,
   .mfImageLeft img { width:100%; }
}

@media screen and (max-width: 767px) {

   .mfImageRight img,
   .mfImageLeft img,
   .imgResize { width:100%; }

   .container img { max-width:100%; }
   
   .section.productDetailsContainer .productDetailHeadline, 
   .section.logoleisteDetailsContainer .logoleisteDetailHeadline,
   h2.bigHeadline
   {
      font-size:21px !important;
   }

   p.bigSubheadline { font-size:18px; }
}

/* ### HEADLINES ### */

.mfSectionHeadline h1.headline {
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:700;
   font-size:25px;
   line-height:40px;
}

.mfSectionHeadline h1.headline.alignCenter,
.mfSectionShortDesc .shortDesc.alignCenter { text-align:center; }

.mfSectionShortDesc {
   margin-bottom:35px;
}

.mfSectionShortDesc .shortDesc {
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   font-size:20px;
   line-height:30px;
}

.mfSectionLongDesc.border-left {
   border-left:1px solid #cfcfcf;
}

.mfSectionLongDesc.border-left.padding-left40 {
   padding-left:40px;
}
.mfSectionLongDesc.border-left.padding-left20 {
   padding-left:20px;
}

@media screen and (max-width: 767px) {

   .mfSectionLongDesc.border-left.padding-left40 {
      padding-left:15px;
   }
   .mfSectionLongDesc.border-left.padding-left20 {
      padding-left:15px;
   }
}

.mfSectionLongDesc {
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   font-size:15px;
   line-height:25px;   
}

.mfSectionLongDesc ul {
   list-style:none;
   padding:0;
}
.mfSectionLongDesc ul > li {
   background:url(/portals/mcdapp/logo_images/layout/ul_hook_green.png) no-repeat 1px 2px;
   padding-left:30px;
   margin:0 0 5px 0;
}


@media screen and (max-width: 767px) {

   .mfSectionHeadline h1.headline {
      font-size:20px;
      line-height:25px;
   }

   .mfSectionShortDesc .shortDesc {
      font-size:17px;
      line-height:23px
   }
}


/* ### DIVIDER ### */
.divider { background:url(/portals/mcdapp/logo_images/layout/divider.png) no-repeat center top;  }


/* ### CENTER ### */

.alignCenter { text-align: right !important;  }


/* ### SECTIONS ### */

.section.gray { background:#f5f5f5; border-top:1px solid #e5e5e5; }
.section.gray.divider { background:url(/portals/mcdapp/logo_images/layout/divider.png) no-repeat center top #f5f5f5; padding:80px 0;}
.section.divider { padding:80px 0; }
.section.divider.noPaddingBottom { padding-bottom:0px; }
.section.marginTop25 { padding-top:25px; }
.section.padding50 { padding:50px 0; }




/*
 *   FOOTER 
 */

.footer-wrapper { 
   background:#333; 
   color:#999999; 
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   font-size:14px;
   line-height:22px;
   padding:25px 0;
}

.footer-wrapper .container .bottomMenus {
   border-top:1px solid #737373;
   margin-top:30px;
}

.footer-wrapper .footerContact .bgFooterMap { 
   background:url(/portals/04mysql/logo_images/layout/footer-map-bg.png) no-repeat top right;
}

.footer-wrapper .footerContact .sfContactBlockL .cName,
.footer-wrapper .footerContact .sfContactBlockL .cAddress,
.footer-wrapper .footerContact .sfContactBlockL .cPlz,
.footer-wrapper .footerContact .sfContactBlockR .cEmail,
.footer-wrapper .footerContact .sfContactBlockR .cWeb,
.footer-wrapper .footerContact .sfContactBlockR .cPhone,
.footer-wrapper .footerContact .sfContactBlockR .cFax {
   display:block;
   padding:0 0 0 20px;
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300; 
   font-size:12px;  
   color:#fff;
}

.footer-wrapper .footerContact .sfContactBlockL .cName { 
   background:url(/portals/04mysql/logo_images/layout/icons/icon-footer-cName.png) no-repeat center left;
   font-weight:700;
}

.footer-wrapper .footerContact .sfContactBlockR .cPhone { 
   background:url(/portals/04mysql/logo_images/layout/icons/icon-footer-cPhone.png) no-repeat 0px 4px;
}

.footer-wrapper .footerContact .sfContactBlockR .cFax { 
   background:url(/portals/04mysql/logo_images/layout/icons/icon-footer-cFax.png) no-repeat 0px 4px;
}

.footer-wrapper .footerContact .sfContactBlockR .cEmail { 
   background:url(/portals/04mysql/logo_images/layout/icons/icon-footer-cEmail.png) no-repeat 0px 4px;
}

.footer-wrapper .footerContact .sfContactBlockR .cWeb { 
   background:url(/portals/04mysql/logo_images/layout/icons/icon-footer-cWeb.png) no-repeat 0px 4px;
}


.footer-wrapper h3.footerHeadline {
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   font-size:25px;
   color:#fff;
   line-height:30px;
   margin:10px 0 20px 0;
}


@media screen and (max-width: 767px) {

   .footer-wrapper .mobileMarginTop30 {
      margin-top:30px;
   }
}


/*
 *    COPYRIGHT INFO
 */

.copyrightInfo {
   background:#00c0e1;
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   font-size:12px;
   color:#fff;
   line-height:20px;
   padding:5px 0;
}

.copyrightInfo .alignRight { text-align:right; }

.copyrightInfo #copyrightLinks a {
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   font-size:12px;
   color:#fff;
   line-height:20px;
}

.copyrightInfo #copyrightLinks a:hover {
   text-decoration:none;
}

.copyrightInfo .languageWrapper {
   float:right;
   margin-left:10px;
}

@media screen and (max-width: 767px) {

   .copyrightInfo {
      text-align:center
   }

   .copyrightInfo .alignRight { text-align:center; }

   .copyrightInfo #copyrightLinks a {
      text-align:center
   }
}


/*
 *    SIGN IN WRAPPER ....
 */

.customerSignIn_wrapper { width:255px; position:absolute; bottom:0px; right:50px; z-index:100; }
.customerSignIn_wrapper .signInWrapper { 
   border:1px solid #fff;
   background:#ced619;
   width:252px;
   padding:13px 13px 60px 13px;
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
}

.customerSignIn_wrapper .signInWrapper h2.headline {
   margin:0 0 25px 0;
   font-family:'Ubuntu', Arial, Verdana;
   font-size:25px;
   line-height:30px;
   font-weight:700;
}

.customerSignIn_wrapper .signInWrapper h2.headline small {
   font-family:'Ubuntu', Arial, Verdana;
   font-size:15px;
   line-height:20px;
   font-weight:300;
   display:block;
}

.customerSignIn_wrapper .signInWrapper .signInInput {
   font-family:'Ubuntu', Arial, Verdana;
   font-size:12px;
   line-height:20px;
   font-weight:300;
   padding:5px 10px;
   margin:0 0 10px 0;
   width:100%;
   border:1px solid #fff;
   background:#f0f0f0;
   color:#5E5E5E;
}

.customerSignIn_wrapper .signInWrapper .customerSignInWrapper {
   background:url(/portals/mcdapp/logo_images/layout/customerSignInBottomCornerBg.png) no-repeat bottom left;
   padding:0 0 6px 0;
   margin:0 0 0 -20px;
}
.customerSignIn_wrapper .signInWrapper .customerSignInSubmit {
   background:url(/portals/mcdapp/logo_images/layout/customerSignInArrowUp.png) no-repeat 20px center #333;  
   color:#fff;
   font-family:'Ubuntu', Arial, Verdana;
   font-weight:300;
   font-size:15px;
   line-height:30px;
   padding:15px 15px 15px 65px;
   border:none;
}

.signIngClouds {
   width:345px; 
   position:absolute; 
   bottom:0px; 
   right:10px;
   z-index:200;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

   .customerSignIn_wrapper { width:215px; position:absolute; bottom:0px; right:15px; z-index:100; }  
   .customerSignIn_wrapper .signInWrapper { 
      border:1px solid #fff;
      background:#ced619;
      width:212px;
      padding:13px 13px 60px 13px;
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
   }

   .customerSignIn_wrapper .signInWrapper h2.headline {
      margin:0 0 25px 0;
      font-family:'Ubuntu', Arial, Verdana;
      font-size:22px;
      line-height:30px;
      font-weight:700;
   }

   .customerSignIn_wrapper .signInWrapper h2.headline small {
      font-size:14px;
   }

   .customerSignIn_wrapper .signInWrapper .signInInput {
      font-family:'Ubuntu', Arial, Verdana;
      font-size:12px;
      line-height:15px;
      font-weight:300;
      padding:5px 10px;
      margin:0 0 10px 0;
      width:100%;
      border:1px solid #fff;
      background:#f0f0f0;
      color:#5E5E5E;
   }

   .customerSignIn_wrapper .signInWrapper .customerSignInSubmit {
      background:url(/portals/mcdapp/logo_images/layout/customerSignInArrowUp.png) no-repeat 20px center #333;  
      background-size:20px;
      color:#fff;
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
      font-size:13px;
      line-height:15px;
      padding:10px 15px 10px 50px;
      border:none;
   }

   .signIngClouds {
      width:290px; 
      position:absolute; 
      bottom:0px; 
      right:0px;
      z-index:200;
   }

   .signIngClouds img {
      width:290px; 
   }
}

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

   .customerSignIn_wrapper { width:215px; position:absolute; bottom:0px; right:15px; z-index:100; }  
   #imageSliderWrapper.frontpage form { display:none; }

   .customerSignIn_wrapper .signInWrapper { 
      border:1px solid #fff;
      background:#ced619;
      width:212px;
      padding:13px 13px 60px 13px;
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
   }

   .customerSignIn_wrapper .signInWrapper h2.headline {
      margin:0 0 25px 0;
      font-family:'Ubuntu', Arial, Verdana;
      font-size:22px;
      line-height:30px;
      font-weight:700;
   }

   .customerSignIn_wrapper .signInWrapper .signInInput {
      font-family:'Ubuntu', Arial, Verdana;
      font-size:12px;
      line-height:15px;
      font-weight:300;
      padding:5px 10px;
      margin:0 0 10px 0;
      width:100%;
      border:1px solid #fff;
      background:#f0f0f0;
      color:#5E5E5E;
   }

   .customerSignIn_wrapper .signInWrapper .customerSignInSubmit {
      background:url(/portals/mcdapp/logo_images/layout/customerSignInArrowUp.png) no-repeat 20px center #333;  
      background-size:20px;
      color:#fff;
      font-family:'Ubuntu', Arial, Verdana;
      font-weight:300;
      font-size:13px;
      line-height:15px;
      padding:10px 15px 10px 50px;
      border:none;
   }

   .signIngClouds {
      width:290px; 
      position:absolute; 
      bottom:0px; 
      right:0px;
      z-index:200;
   }

   .signIngClouds img {
      width:290px; 
   }
}


/*
 *    ORDER FORM Layout ....
 */

.orderMF 
{
   font-family:'Ubuntu', arial, verdana;
   font-weight:300;
}

.orderMF input[type="text"] 
{
   background:#F0F0F0;
   border:1px solid #cfcfcf;
   padding:5px;
   font-size:15px;
   font-family:'Ubuntu', arial, verdana;
   font-weight:300;
}

.orderMF select
{
   background:#F0F0F0;
   border:1px solid #cfcfcf;
   padding:5px;
   font-size:15px;
   font-family:'Ubuntu', arial, verdana;
   font-weight:300;
}

.orderMF input.submitOrderMF 
{
   background:url(/portals/mcdapp/logo_images/layout/customerSignInArrowUp.png) no-repeat 10px center #333;  
	color:#fff;
	font-family:'Ubuntu', Arial, Verdana;
	font-weight:300;
	font-size:15px;
	line-height:30px;
	padding:10px 10px 10px 35px;
	border:none;
	background-size:20px;
	text-align:center;
}

.orderMF input.submitOrderMF:hover
{
   box-shadow: 1px 2px 5px #ccc;
}

/*
 *    NEWS DARSTELLUNG + INTROS
 */

.newsSection .newsReadMore,
.mfSectionLongDesc a.storyReadMore
{
   background:url(/portals/mcdapp/logo_images/layout/customerSignInArrowUp.png) no-repeat 10px center #333;  
	color:#fff;
	font-family:'Ubuntu', Arial, Verdana;
	font-weight:300;
	font-size:15px;
	line-height:20px;
	padding:10px 10px 10px 35px;
	border:none;
	display:inline-block;
	background-size:20px;
	text-align:center;
}

.newsSection .newsReadMore:hover,
.mfSectionLongDesc a.storyReadMore:hover
{
   text-decoration:none;
   box-shadow: 1px 2px 5px #ccc;
}

.newsSection .newsReadMore:active,
.mfSectionLongDesc a.storyReadMore:active
{
   text-decoration:none;
}


.newsSection .newsReadMoreWrapper
{
   height:50px;
   text-align:right;
   border-top:1px solid #ccc;
   margin-top:10px;
   padding-top:10px;
}

.section.newsSection { padding-top:25px; padding-bottom:25px; }


/* 
 *     TEAM MEMBER STYLES
 */
.teamMember { text-align:center; }



/* SOCIAL ICONS */
/* ------------------------------------ */	
	.social { text-align:right; margin-top:5px; }

.contactWrapper { margin-top:10px; }


/* HOME SERVICES */
/* ------------------------------------ */
	
	.servicemodifier { float: left; margin-bottom: 3px !important; }
	.servicewrap { float: left; padding-top: 3px; overflow: hidden; position: relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 100%; text-align: center}
	.serviceicon { position: relative; margin-right: 0px; left: 50%; margin-left: -50px; }
	.serviceicon.withimg { text-align: center; margin-right: 0px; position: relative; left: auto; margin-left: 0; }
	.serviceicon img { margin-bottom:20px;}
	.serviceicon div { -webkit-transform:translate3d(0,0,0); margin-bottom:20px; text-align: center; width: 90px; height: 90px; color: #13C0DF; font-size: 30px; line-height:90px; border: 1px solid #13C0DF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
	a.service h5, .servicewrap h5 {  text-align: center; font-weight: 300; font-size: 18px; margin-top: 7px; margin-bottom: 8px; line-height: 22px; color: #111; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	a.service h4, .servicewrap h4 {  text-align: center; font-weight: 700; margin-top: 0px; margin-bottom: 2px; font-size: 18px; line-height: 22px;color:#111; text-transform: none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	a.service { float: left; font-weight: 400; margin-bottom: 0px; margin-top: -3px; text-align: left; color: #555; text-decoration: none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 100%;}
        a.service .text { color:#666; font-size:13px; line-height:22px; }
	a.service .text, .servicewrap .text { padding-top: 5px; margin-top: 13px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align: center }
	a.service:hover { text-decoration:none; color:#333; }
	a.service:hover .text { }
	a.service p { margin-bottom: 0; }

a.service:link,
a.service:hover,
a.service:visited,
a.service:active
{
   text-decoration:none;
   color:#333;
}

	span.hlink { float: left; margin-top: 8px; }
	span.hlink:hover { color: #111; }
	
	.light-on-dark a.service h5 { color: #fff; }
	.light-on-dark a.service h4 { color: #fff; }
	.light-on-dark a.service { color: #fff; }
	
/* Icon Effect */
	.serviceicon div {
		overflow: hidden;
		-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
		transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	}
	
	.serviceicon div:after {
		display: none;
	}
	
	a.service:hover .serviceicon div,
	.servicewrap:hover .serviceicon div 
	{
		background: #13C0DF;
		color: #fff;
	}
	
	a.service:hover .serviceicon div:before,
	.servicewrap:hover .serviceicon div:before 
	{
		-webkit-animation: toRightFromLeft 0.3s forwards;
		-moz-animation: toRightFromLeft 0.3s forwards;
		animation: toRightFromLeft 0.3s forwards;
	}
	
	@-webkit-keyframes toRightFromLeft {
		49% {
			-webkit-transform: translate(100%);
		}
		50% {
			opacity: 0;
			-webkit-transform: translate(-100%);
		}
		51% {
			opacity: 1;
		}
	}
	@-moz-keyframes toRightFromLeft {
		49% {
			-moz-transform: translate(100%);
		}
		50% {
			opacity: 0;
			-moz-transform: translate(-100%);
		}
		51% {
			opacity: 1;
		}
	}
	@keyframes toRightFromLeft {
		49% {
			transform: translate(100%);
		}
		50% {
			opacity: 0;
			transform: translate(-100%);
		}
		51% {
			opacity: 1;
		}
	}


/*
 *   SF Content Styles
 */

h2.bigHeadline 
{ 
   font-family: 'Ubuntu', sans-serif;
   color:#333; 
   font-size:35px; 
   font-weight:800; 
   line-height:40px; 
   margin-bottom:0px; 
}
p.bigSubheadline 
{
   color: #333; 
   font-family: 'Ubuntu', sans-serif;
   font-size:25px;
   font-weight:300;
   margin:0 0 30px 0;

}
ul.styledList
{
   list-style:none;
   margin:0;
   padding:0;
}
ul.styledList > li 
{
   background:url(/portals/04mysql/logo_images/layout/icons/ul-hook.png) no-repeat 1px 2px;
   padding-left:30px;
   margin:0 0 5px 0;
   font-size:15px;
   line-height:20px;
   font-weight:300;
   font-family: 'Ubuntu', sans-serif;
}

ul.styledListDecimal
{
	list-style-type:decimal;
	margin:0;
	padding:0 0 0 15px;
}
ul.styledListDecimal > li
{
	background:none;
	margin:0 0 5px 0;
    font-size:15px;
    line-height:20px;
    font-weight:300;
    font-family: 'Ubuntu', sans-serif;
}

.section.blueBgImage 
{
   background:#00c0e1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: alpha(opacity=90);
   -moz-opacity: 0.90;
   -khtml-opacity: 0.90;
   opacity: 0.90;
}

/*
 *      STORY Formatierungen
 */

.storyWrapper h2.headline 
{
   font-family: 'Ubuntu', sans-serif;
   font-size:35px;
   font-weight: 300;
   margin:0 0 25px 0;
}
.storyWrapper p.shortText
{
   font-family: 'Ubuntu', sans-serif;
   font-size:17px;
   font-weight: 300;
   line-height:25px;
   margin:0 0 20px 0;
}

.storyWrapper,
.storyWrapper p.longText
{
   font-family: 'Ubuntu', sans-serif;
   font-size:15px;
   font-weight: 300;
   line-height:20px;
}

.storyWrapper img 
{
   max-width:100%;
}

/*
 *     TABS 
 */ 

ul.nav-tabs
{
   border-right:1px solid #fff;
   border-bottom:0px solid #fff !important;

}
.tab-content 
{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	overflow:auto;
	padding: 20px 0px 20px 40px;
        color:#fff;
	background: transparent;
	border: none;	
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-size:14px;
	}

.light-on-dark .nav-tabs > li > a {
		color: #333;
		font-family: 'Ubuntu', Arial, sans-serif;
		font-weight:700;
	}
	.light-on-dark  .nav-tabs > li > a:hover { 
		color: #fff;	
	 }
	.light-on-dark  .nav-tabs > .active > a, .light-on-dark .nav-tabs > .active > a:hover {
		color: #fff;
	}
	.light-on-dark  .nav-tabs { border-right:2px solid #fff; border-right:2px solid rgba(255,255,255,0.15); }

/* Tabs */
	.nav { margin-bottom: 0; }
        .nav > li > a { border:0px solid transparent !important; }
	.nav > li > a:hover { text-decoration: none; background-color: transparent; }
   .nav > li > a:hover,
   .nav > li > a:focus { background:none !important; }
   
   .nav-tabs > li.active > a, 
   .nav-tabs > li.active > a:hover, 
   .nav-tabs > li.active > a:focus
   {
      border:none !important;
      background:none !important;
   }

	.nav-tabs { float: left; padding:20px 30px 20px 0px; border: 0;  border-right:2px solid #eee; }
	.nav-tabs > li { margin-bottom: -1px; margin-right: 5px; position: relative}
	.nav-tabs>li, .nav-pills>li	{	float:none;}
	.nav-tabs > li > a { color: #111; padding-top: 12px; padding-bottom: 11px; line-height: 20px; font-size: 14px;
		background: transparent; 
		font-weight: 700;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border:none;
		-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
		white-space: nowrap;		 				
	 }

	.nav-tabs > li > a:hover { 
		font-weight: 700;
		border: 0;
		color: #111;	
		background: none;
		border: none;	
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	 }
	.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
		font-weight: 700;
		color:#111;
		border: 0;
		cursor: default;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
		background: transparent; border: none;		
	}
	.nav-tabs > li > a:hover span,
	.nav-tabs > .active > a span, .nav-tabs > .active > a:hover span {	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  filter: alpha(opacity=100);
	  -moz-opacity: 1;
	  -khtml-opacity: 1;
	  opacity: 1;
	}
	
	.tab-content {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	padding: 20px 0px 20px 40px;
    margin: 0;
    
	background: transparent;
	border: none;	
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	}
	.tab-prefix
	{
	   left:0px;
           top:0px; 
           padding:5px 8px 5px 8px; 
           border-radius: 30px; 
           text-align: center; 
           margin-top:7px; 
           margin-right:15px;
           color:#fff; 
           background-color: #333;
           font-family: 'Ubuntu', sans-serif;
           font-weight:700;
        }
	.tab-link	{	padding-left:0px !important;}

	.dark-on-light .nav-tabs > li > a {
		color: #111;
	}
	.dark-on-light .nav-tabs > li > a:hover { 
		color: #111;	
	 }
	.dark-on-light .nav-tabs > .active > a, .dark-on-light .nav-tabs > .active > a:hover {
		color: #111;
	}
	.dark-on-light .nav-tabs { border-right:2px solid rgba(0,0,0,0.1); }

	.light-on-dark .nav-tabs > li > a {
		color: #333;
	}
	.light-on-dark  .nav-tabs > li > a:hover { 
		color: #fff;	
	 }
	.light-on-dark  .nav-tabs > .active > a, .light-on-dark .nav-tabs > .active > a:hover {
		color: #fff;
	}
	.light-on-dark  .nav-tabs { border-right:2px solid #fff; border-right:2px solid rgba(255,255,255,0.15); }

        .nav-tabs > li.active > a, 
        .nav-tabs > li.active > a:hover, 
        .nav-tabs > li.active > a:focus
        {
            color:#fff !important;
        }


/*
 *    Flexslider 
 */


/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('/portals/04mysql/plugins/jquery/flexslider/fonts/flexslider-icon.eot');
	src:url('/portals/04mysql/plugins/jquery/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('/portals/04mysql/plugins/jquery/flexslider/fonts/flexslider-icon.woff') format('woff'),
		url('/portals/04mysql/plugins/jquery/flexslider/fonts/flexslider-icon.ttf') format('truetype'),
		url('/portals/04mysql/plugins/jquery/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/portals/04mysql/logo_images/layout/icons/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.flex-direction-nav li {list-style-type:none;}
/* Direction Nav */

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,0.7); }
.flex-control-paging li a.flex-active { background: #00c0e1; background: rgba(0,192,225,0.9); cursor: default; }


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img {width: 100%; display: block;} */
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}




.slider.kundenstimmen { font-family: 'Ubuntu', arial, verdana, sans-serif; font-weight:300; font-size:12px; line-height:20px;  }
.slider.kundenstimmen ul.slides { padding:0; }
.slider.kundenstimmen ul.slides li img { float:left; }
.slider.kundenstimmen ul.slides li .kundenstimmenContent { padding:0; display:block; margin:0 0 0 150px; }
.slider.kundenstimmen ul.slides li .kundenstimmenContent strong { font-weight:700; color:#fff; }
.slider.kundenstimmen .flex-direction-nav { display:none; }


.logoleisteDetailsContainer .flexslider.logos ul.slides
{
   margin:0;
   padding:0;
}

.logoleisteDetailsContainer .flexslider.logos .flex-control-nav.flex-control-paging { display:none; }
.logoleisteDetailsContainer .flexslider.logos .flex-direction-nav a { top:75% !important; }

/*
 *     STANDARD SEARCH 
 */

#sfsSearchAdvanced .luceneSearchInput
{
   height:27px;
   -moz-border-radius:0;
   -webkit-border-radius:0;
   border-radius:0;
}




/*
 *     SERVICE ELEMENTS 
 */

	
	.servicemodifier { float: left; margin-bottom: 3px !important; }

	.servicewrap 
	{ 
		float: left; 
		padding-top: 3px; 
		overflow: hidden;
		position: relative; 
		box-sizing:border-box; 
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box; 
		width: 100%; 
		text-align: center
	}

	.serviceicon 
	{ 
		position: relative; 
		margin-right: 0px; 
		left: 50%; 
		margin-left: -50px; 
		display:block;
	}
	
	.serviceicon.withimg 
	{ 
		text-align: center; 
		margin-right: 0px; 
		position: relative; 
		left: auto; 
		margin-left: 0; 
	}

	.serviceicon img { margin-bottom:20px;}
	.serviceicon span 
	{ 
		-webkit-transform:translate3d(0,0,0); 
		margin-bottom:20px; 
		text-align: center; 
		width: 90px; 
		height: 90px; 
		color: #13C0DF; 
		font-size: 30px; 
		line-height:90px; 
		border: 1px solid #13C0DF; 
		-webkit-border-radius: 50%; 
		-moz-border-radius: 50%; 
		border-radius: 50%;
		display:block;
	}

	a.service .elementH2, 
	.servicewrap .elementH2 
	{  
		text-align: center; 
		font-weight: 300; 
		font-size: 18px; 
		margin-top: 7px; 
		margin-bottom: 8px; 
		line-height: 22px; 
		color: #111; 
		box-sizing:border-box; 
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box; 
		display:block;
	}

	a.service .elementH1, 
	.servicewrap .elementH1 
	{  
		text-align: center; 
		font-weight: 700; 
		margin-top: 0px; 
		margin-bottom: 2px; 
		font-size: 18px; 
		line-height: 22px;
		color:#111; 
		text-transform: none; 
		box-sizing:border-box; 
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box;
		display:block;
	}

	a.service 
	{ 
		float: left; 
		font-weight: 400; 
		margin-bottom: 0px; 
		margin-top: -3px; 
		text-align: left; 
		color: #555; 
		text-decoration: none;
		box-sizing:border-box; 
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box; 
		width: 100%;
	}

	a.service .text, 
	.servicewrap .text 
	{ 
		padding-top: 5px; 
		margin-top: 13px; 
		box-sizing:border-box; 
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box; 
		text-align: center; 
		display:block; 
	}
	a.service:hover { text-decoration:none; color:#333; }
	a.service:hover .text { }
	a.service p { margin-bottom: 0; }
	span.hlink { float: left; margin-top: 8px; }
	span.hlink:hover { color: #111; }
	
	.light-on-dark a.service h5 { color: #fff; }
	.light-on-dark a.service h4 { color: #fff; }
	.light-on-dark a.service { color: #fff; }
	
	/* Icon Effect */
	.serviceicon span {
		overflow: hidden;
		-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
		transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	}
	
	.serviceicon span:after {
		display: none;
	}
	
	a.service:hover .serviceicon span,
	.servicewrap:hover .serviceicon span 
	{
		background: #13C0DF;
		color: #fff;
	}
	
	a.service:hover .serviceicon span:before,
	.servicewrap:hover .serviceicon span:before 
	{
		-webkit-animation: toRightFromLeft 0.3s forwards;
		-moz-animation: toRightFromLeft 0.3s forwards;
		animation: toRightFromLeft 0.3s forwards;
	}
	
	@-webkit-keyframes toRightFromLeft {
		49% {
			-webkit-transform: translate(100%);
		}
		50% {
			opacity: 0;
			-webkit-transform: translate(-100%);
		}
		51% {
			opacity: 1;
		}
	}
	@-moz-keyframes toRightFromLeft {
		49% {
			-moz-transform: translate(100%);
		}
		50% {
			opacity: 0;
			-moz-transform: translate(-100%);
		}
		51% {
			opacity: 1;
		}
	}
	@keyframes toRightFromLeft {
		49% {
			transform: translate(100%);
		}
		50% {
			opacity: 0;
			transform: translate(-100%);
		}
		51% {
			opacity: 1;
		}
	}

/*
 *   SECTION PRODUCT DETAILS 
 *   SECTION TOGGLE INFORMATION
 */

.section.productDetailsContainer,
.section.toggleDetailsContainer,
.section.logoleisteDetailsContainer 
{
   position:relative;
}

.parallaxbgProductDetails 
{
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   min-height:100%;
   background: url(/logo_images/layout/produktinfos/productinformation-bg.jpg) repeat fixed 50% 0px / cover  transparent;
   /*-webkit-transform: transitionZ(0);
   -webkit-backface-visibility: hidden;*/
}

.parallaxbgToggleDetails 
{
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   min-height:100%;
   background: url(/logo_images/layout/toggle/toggleinformation-bg.jpg) repeat fixed 50% 0px / cover  transparent;
}

.parallaxbgLogoleisteDetails 
{
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   min-height:100%;
   background: url(/logo_images/layout/logoleiste/logoleiste-bg.jpg) repeat fixed 50% 0px / cover  transparent;
}

.bgwithparallax_overlay 
{	
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%; 
   z-index:2;
   background:#13c0e9;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
   filter: alpha(opacity=65);
   -moz-opacity: 0.65;
   -khtml-opacity: 0.65;
   opacity: 0.65;
}

.section.productDetailsContainer .productDetailContent,
.section.toggleDetailsContainer .toggleDetailContent,
.section.logoleisteDetailsContainer .logoleisteDetailContent
{
   position:relative;
   z-index:3;
}

.section.productDetailsContainer .productDetailHeadline,
.section.logoleisteDetailsContainer .logoleisteDetailHeadline
{
   font-family: 'Ubuntu', sans-serif;
   font-weight:300;
   font-size:35px;
   color:#fff;
   text-align:center;
   display:block;
   margin-bottom:25px;
}

.section.productDetailsContainer  .productDetailText
{
   font-family: 'Ubuntu', sans-serif;
   font-size:15px;
   font-weight: 300;
   line-height:20px;
   color:#fff;
   display:block;
   margin:0 0 55px 0;
}

.section.productDetailsContainer .productDetailActions .linkProductDetails,
.section.productDetailsContainer .productDetailActions .linkProductTry,
.section.productDetailsContainer .productDetailActions .linkProductContact,
.section.productDetailsContainer .productDetailActions .linkProductTesten
{
   font-family: 'Ubuntu', sans-serif;
   font-size:15px;
   font-weight: 300;
   line-height:20px;
   color:#fff;
   background:#333;
   border:1px solid #fff;
   text-decoration:none;
   float:left;
   margin:0 65px 0 0;
}

.section.productDetailsContainer .productDetailActions .linkProductDetails
{
   background: url(/logo_images/layout/produktinfos/icon-productdetails-pdf.png) no-repeat 5px center #333;
   padding:13px 7px 13px 35px;
}

.section.productDetailsContainer .productDetailActions .linkProductTry
{
   background: url(/logo_images/layout/produktinfos/icon-productdetails-try.png) no-repeat 5px center #333;
   padding:13px 7px 13px 50px;
}

.section.productDetailsContainer .productDetailActions .linkProductContact
{
   background: url(/logo_images/layout/produktinfos/icon-productdetails-contact.png) no-repeat 5px center #333;
   padding:13px 7px 13px 50px;
}


.section.productDetailsContainer .productDetailActions .linkProductDetails:hover,
.section.productDetailsContainer .productDetailActions .linkProductTry:hover, 
.section.productDetailsContainer .productDetailActions .linkProductContact:hover,
.section.productDetailsContainer .productDetailActions .linkProductTesten:hover
{
   text-decoration:none;
   background-color:#00c0e1
}

div.clear, span.clear { height:0px; }


/*
 *   WIDGET STYLING
 */

.canvas .widget .head h3, 
.canvas .widget .head h3 a
{
   font-size:1.1em;
   line-height:1.1em;
}


/*
 *   SF OVERVIEW 
 */

.sfOverview
{
   margin:25px 0 0 0;
}

.sfOverview a:link,
.sfOverview a:hover,
.sfOverview a:visited,
.sfOverview a:active
{  
   text-decoration:none;
   color:#666;
}

.sfOverview .sfOverviewElement 
{
   display:block;
   background:#fff;
   border:1px solid #13c0df;
   padding:20px;
   -webkit-boder-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
}

.sfOverview .sfOverviewElement:hover,
.sfOverview .msg-link.active .sfOverviewElement 
{
   background:#13c0df;
   color:#fff;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.sfOverview .sfOverviewElement.gray
{
   background:#eee;
   border:1px solid #ccc;
} 
.sfOverview .sfOverviewElement.gray:hover,
.sfOverview .msg-link.active .sfOverviewElement.gray
{
   background:#666;
   border:1px solid #666;
} 


.sfOverview .sfOverviewElement .headline
{
   display:block;
   font-size:18px;
   font-weight:700;
   text-align:center;
}

.sfOverview .sfOverviewElement .text
{
   text-align:center;
   display:block;
   font-size:15px;
   margin:5px 0 0 0;
   line-height:19px;
}

.sfOverview .overviewPadding
{
   margin-bottom:30px;
}


/*
 *   SF NEWS
 */

.sfNewsContainer 
{
   width:100%;
   -webkit-box-sizing:border-box; 
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   padding: 14px 20px 20px 20px; 
   margin:0 0 25px 0;
   border: 1px solid #e5e5e5; 
   -webkit-border-radius: 5px; 
   -moz-border-radius: 5px; 
   border-radius: 5px; 
   -webkit-transform-style: flat;
   -webkit-transform: flat;
   transform-style: flat;
}

.sfNewsContainer .sfNewsImage
{
   float:left;
   width:20%; 
   max-width:90px; 
   vertical-align: top; 
   position: relative; 
   margin-top: 67px;
}

.sfNewsContainer .sfNewsImage .sfNewsDate
{
   z-index:10; 
   position: absolute; 
   top:-67px;
   left:0px; 
   width:90px; 
   max-width: 90px; 
   height:75%; 
   max-height: 50px; 
   padding: 10px; 
   padding-top: 0; 
   text-align: center;
}

.sfNewsContainer .sfNewsImage .sfNewsDate .day
{
   font-size:30px; 
   font-weight:700; 
   color:#555; 
   line-height:35px;
}

.sfNewsContainer .sfNewsImage .sfNewsDate .month
{
   font-size:13px; 
   font-weight:700; 
   color:#555; 
   line-height:15px; 
   margin-top: 1px;
}
.sfNewsContainer .sfNewsImage a img.sfsIntroImg
{
   border-radius: 50%; 
   -moz-border-radius: 50%; 
   -webkit-border-radius: 50%; 
   width: 90px;
   max-width:90px;
   height: 90px;
   border:2px solid #13c0df;
}

.sfNewsContainer .sfNewsPost
{
   float:left;
   width:80%; 
   padding: 0 0 0 20px;
}

.sfNewsContainer .sfNewsPost h4
{
   margin:10px 0 45px 0;
   padding:0;
}

.sfNewsContainer .sfNewsPost h4.sfNewsHeadline a:link,
.sfNewsContainer .sfNewsPost h4.sfNewsHeadline a:hover,
.sfNewsContainer .sfNewsPost h4.sfNewsHeadline a:active,
.sfNewsContainer .sfNewsPost h4.sfNewsHeadline a:visited
{
   text-decoration:none;
   font-size:20px;
   font-weight:400;
   color:#00c0e1;
}

/* Hovers for Image Posts */

	.posticon			{  float: left; position: absolute; width: 100%; top: 50%; margin-top: -14px; text-align: center; color: #555; font-size: 26px; }
	.posticonbg			{  float: left; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
	.sfNewsContainer .sfNewsImage a .posticon { color: #fff; }
	.sfNewsContainer .sfNewsImage a img { position: relative; z-index: 1; }
	.sfNewsContainer .sfNewsImage a img { border: 0; }
	.sfNewsContainer .sfNewsImage a .posticonbg { position: absolute; z-index: 2; width: 100%; height: 100%; float: left; opacity: 0; background-color: #13c0df; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; 
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: scale(0.25) rotate(-30deg);
		-moz-transform: scale(0.25) rotate(-30deg);
		-ms-transform: scale(0.25) rotate(-30deg);
		-o-transform: scale(0.25) rotate(-30deg);
		transform: scale(0.25) rotate(-30deg);
	}
	.sfNewsContainer .sfNewsImage a:hover .posticonbg { opacity: 1; 	
		-webkit-transform: scale(1.0) rotate(0deg);
		-moz-transform: scale(1.0) rotate(0deg);
		-ms-transform: scale(1.0) rotate(0deg);
		-o-transform: scale(1.0) rotate(0deg);
		transform: scale(1.0) rotate(0deg);
height:90px;
width:90px;
	}

/* HEADER SEARCH FORM */

.headersearch 
{ 
	position: absolute; 
	right: 0px; 
	top: 31px; 
	z-index: 10100;
	max-height:40px; 
}

.headersearch form 
{ 
	float: left; 
}

.headersearch input 
{ 
	text-indent: -500px; 
	cursor: pointer; 
	border: 0; 
	width: 40px; 
	background: #fff url(/portals/04mysql/logo_images/layout/icons/search.png) no-repeat 3px center;
	padding: 12px 0px; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	margin-bottom: 0px;
	-webkit-transition: width 0.3s, background-color 0.3s; 
	-moz-transition: width 0.3s, background-color 0.3s; 
	-o-transition: width 0.3s, background-color 0.3s; 
	-ms-transition: width 0.3s, background-color 0.3s; 
	transition: width 0.3s, background-color 0.3s;
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	border-radius: 30px; 
	font-family: 'Ubuntu', sans-serif;
 }
.headersearch input:hover { background-color: #f5f5f5; }
.headersearch input:focus { color: #555; background-color: #f5f5f5; text-indent: 25px; width: 560px; cursor: text; padding-left: 15px; padding-right: 15px;}



/*
 *   INTRO GABELSEITEN
 */

.intro-item
{
   border:1px solid #d1d1d1;
   border-radius:6px;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   position:relative;
   width:262px;
   float:left; 
   margin-bottom:20px;
   overflow:hidden;
}

.intro-item img 
{
   width:100%;
   height:165px;
}

.intro-item .project
{ 
   background:#00c0e1; 
   margin-top:0px; 
   height:40px; 
   width:100%; 
   float:left; 
   -webkit-transition-duration: 0.4s; 
   -moz-transition-duration: 0.4s;
   -o-transition-duration: 0.4s; 
   -ms-transition-duration: 0.4s;
   transition-duration: 0.4s;
   position:relative;
   z-index:500;

}

.intro-item .project h6
{
   color:#666; 
   float:left;  
   margin-top:12px; 
   margin-left:14px; 
   margin-bottom:0px; 
   font-weight:700; 
   font-size:13px;
}

.intro-item .project h6 a:link,
.intro-item .project h6 a:hover,
.intro-item .project h6 a:visited,
.intro-item .project h6 a:active
{
   text-decoration:none;
   color:#fff;
}

.intro-item .overlay.image-view
{
   position: absolute; 
   z-index: 2; 
   width: 100%; 
   height: 100%; 
   float: left; 
   opacity: 0; 
   background-color: #13c0df; 
   -webkit-transition: all 0.3s; 
   -moz-transition: all 0.3s; 
   transition: all 0.3s; 
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: scale(0.25) rotate(-30deg);
		-moz-transform: scale(0.25) rotate(-30deg);
		-ms-transform: scale(0.25) rotate(-30deg);
		-o-transform: scale(0.25) rotate(-30deg);
		transform: scale(0.25) rotate(-30deg);
	}
	.intro-item .image-wrap:hover .overlay.image-view  { opacity: 1; 	
		-webkit-transform: scale(1.0) rotate(0deg);
		-moz-transform: scale(1.0) rotate(0deg);
		-ms-transform: scale(1.0) rotate(0deg);
		-o-transform: scale(1.0) rotate(0deg);
		transform: scale(1.0) rotate(0deg);
height:165px;
width:260px;
filter: alpha(opacity = 85); 
-ms-filter: "alpha(opacity = 85)"; 
opacity: .85; 
	}

.intro-item .overlay.image-view .intro-desc-wrapper
{
   color:#fff;
   padding:15px;
   font-size:12px;
   line-height:18px;
}

/*
 *   FIXING THE MASTER_D_ADMIN STYLES
 */

#pman legend { font-size:inherit; }

/*
 *     PRICING TABLE
 */

.price_1_col .header {background: none;}

.price_1_col:last-child{border-right:0px;}



.price_1_col{float:left;}
.footer .price_button{
/*text-shadow: 1px 1px 3px #333333;*/
padding-right: 16px;
padding-left: 38px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: 500;
color: #f8f8f8;
background-position: 11px;
background-repeat: no-repeat;
border: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}

.price_1_col ul{margin:0; padding:0; list-style-type: none; float:left; width:100%}



.price_1_col ul li
{
   float: left;
   width: 100%; 
   padding-top: 7px;
   padding-bottom: 8px; 
   height:35px; 
   border-top:2px solid #fff !important;
   color:#555555;
   border-top:1px solid #fff;
   background: #f8f8f8; 
   text-align: center;
}


.price_1_col ul li.twoRows { height:65px; }
.price_1_col ul li.threeRows { height:85px; }

.price_1_col ul li:nth-child(2n){background:#f0f0f0;}

.price_1_col [class*="moon-"], [class*=" moon-"]{padding-right: 0px; font-size: 10px;}

.price_1_col ul li span.tick{background:url('img/tick.png') center no-repeat; width:15px; height:12px;float:left; margin-right:10px}
.price_1_col ul li span.not{background:url('img/cross.png') center no-repeat; width:13px; height:13px; float:left; margin-right:10px}
.price_1_col ul li:last-child{ border-bottom:2px solid #fff; }

.price_container .header{margin-bottom: 0px !important; padding-bottom: 0px !important;}
.price_container .header:before{background: none !important;}
.price_box {float:left; border:1px solid #ebebeb;}

.price_box .title{font-size:16px; text-transform: uppercase; color:#999; text-align: center; padding-top:25px; padding-bottom:25px; border-bottom:1px solid #ebebeb; font-weight: 400;}

.price_box .price{text-align: center;padding-top: 35px;padding-bottom: 25px;  color:#444; float:left; width:100%; border-bottom:1px solid #ebebeb;}
.price_box .price .p{width:100%; text-align: center; float:left; font-size:50px; font-weight:400;}
.price_box .price .period{width:100%; text-align: center; float:left;font-size:16px; margin-top:23px; font-style: italic; color: #999;}
.price_box ul{list-style: none; padding:0px; text-align: center; margin:0;float:left; width:100%;}

.price_box ul li{border-bottom:1px solid #e3e3e3; padding-top:15px; padding-bottom:15px; font-size:13px;}
.price_box ul li{background:#fff; color:#999;}
.price_box ul li:nth-child(2n){background:#f0f0f0; color:#a8a8a8;}
.price_box .footer {padding-top: 30px;padding-bottom: 30px;background: #fff; text-align: center; width:100%;float:left;}

.price_box .footer a{float:none; margin:0 auto;}
.price_box .period{margin-left:-5px; color:#68676a;}
.price_1_col .footer a{text-decoration: none;}

.price_1_col.level-max .header .title h2{font-size:19px; color:#fff;}

.price_1_col.level-max .header .title{padding-top:10px; padding-bottom:10px;}
.price_1_col.level-max{-webkit-box-shadow: 0px -1px 9px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px -1px 9px rgba(50, 50, 50, 0.75); box-shadow:0px -1px 9px rgba(50, 50, 50, 0.75);
   margin: -17px -2px -15px 0;z-index: 9999;position:relative;border:0px;}

.price_1_col [class^="icon-"], [class*=" icon-"] {margin-top: 4px; margin-right: 4px;}
.price_1_col {border-left:2px solid #fff;}
.price_1_col :nth-child(2) {border-right:0px;}
.price_1_col:first-child{border-left:0px;}
.price_1_col:last-child ul li{width:100%; border-right:none}
.price_1_col.level-max li{width:100%}
.price_1_col.level-one{z-index:0; position:relative}
.col-2 .price_1_col{width:460px;float:left}
.col-3 .price_1_col{width:280px;float:left}
.col-4 .price_1_col{width:280px;float:left;}
.col-5 .price_1_col{width:219px; float:left;}

.price_1_col .header{
    height:110px;
    float: left;
    width: 100%;
}
.price_1_col.level-max .footer{height:105px}
.price_1_col .footer a{
    text-align: center;
}
.price_1_col.level-max .header h1{
    padding-top:7px;
}

.price_1_col .header .title{padding-top:5px; padding-bottom:5px; background: #2c2c2c;}
.price_1_col .header .title h2{font-size:16px;font-weight:normal;color:#fff;text-align: center;line-height: 20px;}
.features-list ul li{float:left; text-align: left; padding-left:50px}
.price_1_col .header .price {padding-top:30px; padding-bottom:25px; text-align: center; background:#3a3a3a;}
.price_1_col .header .price h1{text-transform: lowercase;font-size: 45px;font-weight: bold;margin-top: 0; color: #fff;text-align: center;line-height: 15px;}
.price_1_col .header .period{padding-bottom:20px; text-align: center; background:#3a3a3a; color:#999; font-style:italic;}
.price_1_col {position:relative; z-index:1}
.price_1_col .footer{width:100%; float:left; height:80px; background: #f8f8f8; font-size:17px; text-align:center; padding:20px 20px;}
.price_1_col .header h2 span{font-size:30px !important; width:100%;color:#fff !important; float:left; line-height:30px}
.price_1_col ul li.whitespace {
	background:#fff;
}

.price_1_col ul li.whitespace.segmentHeadline
{
	font-weight:bold;
	text-align:left;
	padding-left:15px;
}

.price_1_col ul li.segmentDesc 
{
	text-align:left;
	padding-left:15px;
}

@font-face {
	font-family: 'moon';
	src:url('/logo_images/layout/fonts/moon.eot');
	src:url('/logo_images/layout/fonts/moon.eot?#iefix') format('embedded-opentype'),
		url('/logo_images/layout/fonts/moon.svg#moon') format('svg'),
		url('/logo_images/layout/fonts/moon.woff') format('woff'),
		url('/logo_images/layout/fonts/moon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

a [class*="moon-"], a [class*=" moon-"]{
	cursor:pointer;
	outline: 0 !important;
}
[class*="moon-"], [class*=" moon-"]{
	cursor:default;
}

[class*="moon-"]:before, [class*=" moon-"]:before {
	font-family: 'moon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
}

.moon-close:before {content: "\e36b";}
.moon-close-2:before {content: "\e36c";}
.moon-close-3:before {content: "\e36d";}
.moon-close-4:before {content: "\e36e";}
.moon-close-5:before {content: "\e36f";}

.moon-checkmark:before {content: "\e370";}
.moon-checkmark-2:before {content: "\e371";}
.moon-checkmark-3:before {content: "\e372";}
.moon-checkmark-4:before {content: "\e373";}


.priceLegend 
{
   background:#f0f0f0;
   padding:20px;
   font-style:italic;
}

a.priceTableMore,
button.priceTableMore
{
	   background:url(/portals/04mysql/logo_images/layout/customerSignInArrowUp.png) no-repeat 10px center #333;  
	   color:#fff;
	   font-size:15px;
	   line-height:20px;
	   padding:10px 10px 10px 35px;
	   border:none;
	   display:inline-block;
	   background-size:20px;
	   text-decoration:none;
       text-align:center;
}

a.priceTableMore:link,
a.priceTableMore:visited,
a.priceTableMore:active,
a.priceTableMore:hover
{
	text-decoration:none;
	color:#fff;
}
* End Price Table */

/*
 *     InvoiceOnline Kampaign CSS
 */
 
 .intro-item-kampaign .intro-item-kampaign-headline h6
 {
 	background: #2c2c2c;
 	color:#fff;
 	border-bottom:3px solid #00c0e1;
 	padding:10px 15px;
 	margin:0;
 	font-size:13px;
 	font-weight:700;
 }
 
 .intro-item-kampaign .image-wrap img
 {
 	width:100%;
 }
 
 .intro-item-kampaign .intro-desc-wrapper
 {
 	background:#f8f8f8;
 	font-size:13px;
 	padding:10px 15px;
 }
 
 .intro-item-kampaign .intro-desc-wrapper ul.styledList > li
 {
 	font-size:13px;

 }
 
 /*
 *     InvoiceOnline Kampaign - END 
 */
 
 
 /*
  *    Fix for color in webmail
  *   Color Link fix
 */
 
 .eItemUnread .eSubject a,
 .eItem .eSubject a { color:#333; }