/* 
 * Shifter v3.1.2 - 2014-10-28 
 * A jQuery plugin for simple slide-out mobile navigation. Part of the Formstone Library. 
 * http://formstone.it/shifter/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */


.shifter-open {
  overflow: hidden;
}
.shifter-open .shifter-page *,
.shifter-open .shifter-header * {
  pointer-events: none;
}
.shifter-navigation {
  display: none;
  opacity: 0;
 top: 90px;
}
.shifter-handle {
  display: none;
}
.shifter-enabled .shifter-page {
  min-height: 100%;
  position: relative;
  z-index: 1;
/*  box-shadow: 11px 6px 5px 5px rgba(0, 0, 0, 0.15);*/
  display: block;
  overflow: hidden;
}

.shifter-enabled.shifter-left .shifter-page {
  /*box-shadow: 11px 6px 5px 5px rgba(0, 0, 0, 0.15);*/
}

.shifter-enabled .shifter-navigation {
  width: 270px;
  height: 100%;
  position: fixed;
  z-index: 0;
  background: #ffffff;
  overflow: auto;
  pointer-events: none;
  -webkit-transition: opacity 1s linear 1s, -webkit-transform 4s ease;
          transition: opacity 1s linear 1s, transform 6s ease;
}

.shifter-open .shifter-navigation {
  display: block;
}

.shifter-enabled .shifter-page,
.shifter-enabled .shifter-header,
.shifter-enabled .shifter-navigation {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.shifter-enabled .shifter-page,
.shifter-enabled .shifter-header {
  -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
  -webkit-transition: -webkit-transform 0.2s ease;
          transition: transform 0.2s ease;
}
.shifter-enabled .shifter-handle {
  width: 70px;
  height: 50px;
  position: relative;
  cursor: pointer;
  display: block;
  background-position: center; background-repeat: no-repeat; 
  background-image: url(../images/icons/menu.png);
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.shifter-enabled .shifter-navigation {
  right: 0;
  -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
}
.shifter-open .shifter-page,
.shifter-open .shifter-header {
  -webkit-transform: translate3D(-270px, 0, 0);
      -ms-transform: translate3D(-270px, 0, 0);
          transform: translate3D(-270px, 0, 0);
}
.shifter-enabled.shifter-left .shifter-navigation {
  left: 0;
  -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
}
.shifter-enabled.shifter-left.shifter-open .shifter-page,
.shifter-enabled.shifter-left.shifter-open .shifter-header {
  -webkit-transform: translate3D(270px, 0, 0);
      -ms-transform: translate3D(270px, 0, 0);
          transform: translate3D(270px, 0, 0);
}
.shifter-open .shifter-navigation {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
  -webkit-transition: opacity 0.001s linear 0s, -webkit-transform 0.2s ease;
          transition: opacity 0.001s linear 0s, transform 0.2s ease;
}
.no-csstransforms3d .shifter-enabled.shifter-navigation {
  right: -270px;
}
.no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation {
  left: -270px;
}
.no-csstransforms3d .shifter-enabled.shifter-open .shifter-page {
  left: -270px;
}
.no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation {
  right: 0;
}
.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page {
  left: auto;
  right: -270px;
}
.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation {
  left: 0;
}


.shifter .shifter-handle { float: right; margin: -2px 0 0 0; }
.shifter .shifter-navigation { background: #009ee3; padding: 0.25em 0 0 0.25em; margin: 0.75em 0 0 0; }
.shifter .shifter-navigation a { color: #009ee3; display: inline-block; font-size: 18px; margin: 0 0 15px; }

.shifter .shifter-navigation .nav-header { display: inline-block; padding: 0.75em 1em 0.25em 1em; font-weight: 700; width: 100%; background-color: #009ee3; color: #fff; }
.shifter .shifter-navigation ul li { width: 100%; padding: 0; margin: 0; background-color: #fff; color: #009ee3; }
.shifter .shifter-navigation ul li ul li { padding: 0 0 0 0.75em; }

.shifter .shifter-navigation .icon { padding-top: 1em; background-position: 1em 70%; }
.shifter .shifter-navigation .image-title { padding-left: 2em; }

.icon 				 { background-position: center; background-repeat: no-repeat; }

.icon-startseite 		 { background-image: url(../images/icons/home_inactive.png); }

.shifter .shifter-navigation .icon-startseite,
.icon-startseite:hover, 
.icon-startseite:active, 
.icon-startseite:focus 	{ background-image: url(../images/icons/home_active.png); }


.nav-collapse ul {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.5em; 
  line-height: 1.45em; 
  color: #fff; 
  width: 100%; 
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  z-index: 1000;
}
  

.nav-collapse li {
  width: 100%;
  display: block;
  color: #fff;
  margin: 0;
  padding: 0;
  text-align: right;
  background-color: #009ee3;
  display: block; 
}

.nav-collapse a {
   color: #fff; 
   width: 100%; 
   padding: 0; 
   display: block; 
   padding: 0 1em 0 1em;
} 

.nav-collapse a:hover, .nav-collapse a:focus {
	text-align: left; 
	text-decoration: none;
	background-color: #fff; 
	color: #009ee3;
}

.nav-collapse ul ul {
  font-size: 0.8em;
  display: block;
  z-index: 1000;
}

.nav-collapse ul ul li {
  border-top: 2px solid #fff;
}

.nav-collapse ul ul ul {
  font-size: 0.9em;
  margin: 0 0 0 0;
  z-index: 1000;
}


.nav-collapse ul li ul a { padding: 0 1em 0 1em; margin: 0; }
.nav-collapse ul li ul li ul a { padding: 0.25em 0 0.25em 3.5em; margin: 0; }



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

	
		
	/* MAIN NAVIGATION */


	#menu-icon {
		display: none; 
	}
	
   .nav-collapse { 
   		padding: 0; 
   		float: right; 
   		text-align: right;
   		width: auto; 
  		padding: 0;
  		margin: 0;
  		display: block;
  	}
  
  .nav-collapse ul {
	  margin: 0;
	  padding: 0 0 0 0;
	  display: block;
	  list-style: none;
	  font-size: 1.125em; 
	  line-height: 45px;
	}
	
	.nav-collapse li {
	  float: left;
	  min-width: 5em;
	  width: auto; 
	  padding: 0 1em 0 1em !important; 
	  margin: 0;
	  cursor: pointer;
	 }

  	.nav-collapse ul ul li:hover {
		background-color: #fff;
		color: #009ee3;
	}

    .nav-collapse li a {
        display: block;
     	padding: 0;
        vertical-align: bottom; 
      	text-align: center; 
		color: #fff;
      } 

	.nav-collapse li a:hover, .nav-collapse li a:focus {
		background-color: #fff; 
		color: #009ee3;
	}


	.nav-collapse ul ul li a {
		text-align: left; 
	 	padding: 0 !important;	
		margin: 0 0 0 0;
	}	

 	.nav-collapse ul ul ul li a {
		text-align: left; 
	 	padding: 0.35em 0em 0.35em 1.5em !important;	
		margin: 0 0 0 0;
	}

	.nav-collapse ul ul {
		display: none !important;
		font-size: 0.95em;
		line-height: 3em;
		text-align: left; 
		width: auto;
		position: absolute;
		padding: 0.5em 0 0 0;
		margin: 0 0 0 -0.95em;
	}
	
	.nav-collapse ul ul.services {
		margin: 0 0 0 -15.4em;
	}

	.nav-collapse ul ul ul {
		display: none;
		font-size: 0.9em;
		text-align: left; 
		width: 15em;
		position: absolute;
		left: 15.4em;
		margin: -2.25em 0 0 0;
	}

	.nav-collapse ul ul li {
	  float: none;
	  text-align: left; 
	  margin: 0;
	  padding: 0;
	}
	
	.nav-collapse li:hover > ul, .nav-collapse ul li:hover > ul, .nav-collapse ul ul li:hover > ul {
		display: block !important;
	  	padding: 0;
	}
	/*
	.current a {
		background-color: #fff;
		color: #009ee3 !important;
	}*/

	.nav-collapse .image-title { display: none; }
}


.nav-collapse li.no-hover, .nav-collapse li.no-hover:hover {
	background-color: #009ee3 !important; 
	color: #fff !important;
	cursor: default !important;
	padding: 0 !important;
}


.moduletable_menu li { 
	font-size: 1.1em; margin: 0.5em 0 0.5em 0; padding: 0.15em 0 0.15em 0; }

.moduletable_menu li a:link,
.moduletable_menu li a:visited { text-decoration: none; padding: 0.25em 0 0.25em 1em; width: 100%; display: block; background-color: #009ee3; color: #fff; }



@media only screen and (min-width: 86em) {
	.moduletable_menu li { font-size: 1em; margin: 0; padding: 0.15em 0 0.15em 0; }

	.moduletable_menu li a:link,
	.moduletable_menu li a:visited { text-decoration: none; padding: 0.05em 0 0.05em 1em; width: 100%; display: block; background-color: #009ee3; color: #fff; }

}

.moduletable_menu ul { margin: 0; padding: 0; }
.moduletable_menu li { display: block; float: none !important; }

.moduletable_menu .current a:link,
.moduletable_menu .current a:visited { text-decoration: none; background-color: #dff2fe; color: #009ee3; }

.moduletable_menu li a:hover,
.moduletable_menu li a:active,
.moduletable_menu li a:focus { text-decoration: none; background-color: #fff; color: #009ee3; }