.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .t3-megamenu .mega-inner {
    padding: 10px 20px;
  }
  .t3-megamenu .row-fluid,
  .t3-megamenu .mega-dropdown-menu,
  .t3-megamenu .row-fluid [class*="span"] {
    width: 100% !important;
    min-width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
  }
  .t3-megamenu .row-fluid + .row-fluid {
    padding-top: 10px;
    border-top: 1px solid #eee;
  }
  .t3-megamenu .hidden-collapse,
  .t3-megamenu .always-show  .caret,
  .t3-megamenu .sub-hidden-collapse > .nav-child,
  .t3-megamenu .sub-hidden-collapse .caret,
  .t3-megamenu .sub-hidden-collapse > a:after,
  .t3-megamenu .always-show .dropdown-submenu > a:after {
    display: none !important;
  }
  .t3-megamenu .mega-caption {
    display: none !important;
  }
  html[dir="rtl"] .t3-megamenu .row-fluid,
  html[dir="rtl"] .t3-megamenu .mega-dropdown-menu,
  html[dir="rtl"] .t3-megamenu .row-fluid [class*="span"] {
    right: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .t3-megamenu .mega-inner {
    padding: 10px 20px;
  }
  .t3-megamenu .row-fluid + .row-fluid {
    border-top: 1px solid #999;
  }
  .t3-megamenu .span12.mega-col-nav .mega-inner {
    padding: 0;
  }
  .t3-megamenu .mega-nav > li a,
  .t3-megamenu .dropdown-menu .mega-nav > li a {
    padding: 5px 20px;
  }
  .t3-megamenu .mega-dropdown-inner .mega-col-nav .mega-inner,
  .t3-megamenu .mega-dropdown-inner .last-col .mega-inner,
  .t3-megamenu .mega-dropdown-inner .row-fluid > div:last-child .mega-inner {
    padding: 10px 20px;
  }
  .t3-megamenu .t3-module {
    margin-bottom: 0;
  }
}




















































/* off-canvas Menü links, Mobil-Darstellung */

.off-canvas body {
	overflow: hidden;
}


#off-canvas-nav,
#off-canvas-nav * {
	background-color: white !important;
}

#off-canvas-nav a {
	color: #003251 !important;
	font-size: 14px !important;
	border: 0 none !important;
	}


/*
.off-canvas #off-canvas-nav .t3-mainnav,
#off-canvas-nav .t3-mainnav {
	padding-left:0;
	margin-left: 00px;
	width:auto !important;
}

#off-canvas-nav {
	margin-bottom: 0;
	}
*/



#off-canvas-nav .caret {
	float: right;
	}

/*

#off-canvas-nav ul.level0 ul,
#off-canvas-nav ul.level0 li {
	list-style-image: none;
	list-style-type: none;
	}
*/

#off-canvas-nav ul.level0 > li { /* Ebene 1 */
	/*
	padding:0;
	margin:0;
	display:block;
	*/
 	min-height :	35px;
	line-height: 35px;
	/*padding-left:11px;*/
	padding-top:3px;
	border-bottom:1px solid #d4d2d3;
	}
#off-canvas-nav ul.level0 > li > a { /* Ebene 1 */
 	height :	31px;
	line-height: 31px;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	padding-left:11px;
	padding-right:9px;
	}
	

#off-canvas-nav ul.level0 > li.dropdown { /* Ebene 1 mit Untermenü */
	/*
	list-style-position: inside;
	list-style: none;
	*/
	}

#off-canvas-nav ul.level0 > li.dropdown > a .caret { /* Ebene 1 mit Untermenü */
	background-image: url("../images/Pfeil-rechts-blau.png") !important;
	width:9px !important;
	height:9px !important;
	border: 0 none !important;
	}

#off-canvas-nav ul.level0 > li.dropdown.active { /* Aktiver Menüpunkt 1. Ebene mit Untermenü */
	border-bottom: 0 none;
	}
#off-canvas-nav ul.level0 > li.dropdown.active > a { /* Aktiver Menüpunkt 1. Ebene mit Untermenü */
 	height :	31px;
	line-height: 31px;
	padding-bottom:4px;
	border-bottom:1px solid #d4d2d3;
	}
#off-canvas-nav ul.level0 > li.dropdown.active > a .caret { /* Aktiver Menüpunkt 1. Ebene mit Untermenü */
	background-image: url("../images/Pfeil-unten-weiss.png") !important;
	background-color: #5ba5bb !important;
	}

#off-canvas-nav ul.level0 > li.active > a, /* Menüpunkt 1. Ebene */
#off-canvas-nav ul.level0 > li.active > a:hover {
	background-color: transparent !important;
	background-image: url("../images/menu-bg.png") !important;
	background-repeat: repeat-x !important;
 	color: white !important;
	}
#off-canvas-nav ul.level0 > li > a:hover  { /* Menüpunkt 1. Ebene */
 	background-color: #5ba5bb !important;
 	color: white !important;
	}

#off-canvas-nav ul.level0 > li.active > a .caret, /* Menüpunkt 1. Ebene */
#off-canvas-nav ul.level0 > li > a:hover .caret { /* Menüpunkt 1. Ebene */
	background-image: url("../images/Pfeil-rechts-weiss.png") !important;
	background-color: #5ba5bb !important;
	}



#off-canvas-nav .mega-inner {
	margin:0 !important;
	padding-top:0 !important;
	padding-right:0 !important;
	padding-left:37px !important;
	padding-bottom:10px !important;
}


#off-canvas-nav ul.level1 > li.dropdown-submenu > a { /* Untermenüs 1. Ebene ebenfalls markieren wenn sie ein Untermenü 2. Ebene haben */
	background-image: url("../images/Pfeil-rechts-blau.png") !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
}
#off-canvas-nav ul.level1 > li.dropdown-submenu.active > a { /* Untermenüs 1. Ebene ebenfalls markieren wenn sie ein Untermenü 2. Ebene haben */
	background-image: url("../images/Pfeil-unten-blau.png") !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
}

#off-canvas-nav .dropdown-submenu a { /* Unterebenen ganz links im .mega-inner*/
	padding-left: 0 !important;
}

#off-canvas-nav  ul.level1 > .dropdown-submenu a { /* Unterebenen ganz links im .mega-inner*/
	margin-right:9px !important;
}


#off-canvas-nav .mega-inner .mega-inner { /* weitere Unterebenen ohne vertikalen Absatand */
	padding-bottom:0 !important;
}



#off-canvas-nav ul.level0  li.active > .nav-child { /* Untermenü sichtbar wenn im unter-untermenü was aktiv ist */
	display:block;
}
#off-canvas-nav ul.level0  li.current > .nav-child { /* Untermenü NICHT sichtbar in direkt ausgewähltem Untermenüaktivem Menü */
/*	display:none; */
}

#off-canvas-nav ul.level0 ul {
	/*
	padding:0;
	margin:0;
	float:none;
	*/
	}

#off-canvas-nav ul.level0 ul li {
	/*
	padding:0;
	margin:0;
	display:block;
	*/
	}
#off-canvas-nav ul.level0 ul a {
	font-size: 14px;
	height: auto !important;
	line-height:22px;
	vertical-align: middle;
	margin:0;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	}

#off-canvas-nav ul.level0 ul li.current a,
#off-canvas-nav ul.level0 ul li a:hover {
	color: #5ba5bb !important;
	}










/* Die ersten beiden speziell behandeln: home und close */
#off-canvas-nav li.off-canvas-home {
	color:white !important; 
	font-size:0 !important; 
	font-weight:0 !important; 
	width:30px;
	background:none !important;
	background-image: none !important;
	background-color:white !important;
	border:0 none !important;
	}
#off-canvas-nav .off-canvas-home a,
#off-canvas-nav .off-canvas-home a:hover
#off-canvas-nav .off-canvas-home a.active,
#off-canvas-nav ul.level0 > li.active.off-canvas-home > a,
#off-canvas-nav ul.level0 > li.active.off-canvas-home > a:hover,
#off-canvas-nav ul.level0 > li.off-canvas-home > a:hover  { /* Menüpunkt 1. Ebene */
	color:white !important; 
	font-size:0 !important; 
	font-weight:0 !important; 
	background-color:white !important;
	background-image: url("../images/off-canvas-home.png") !important; 
	background-repeat: no-repeat !important;;
	background-position: left !important;; 
	padding-left:20px !important;
	margin-left:11px !important;
	}
#off-canvas-nav .off-canvas-close {
	color:white !important; 
	font-size:0 !important; 
	font-weight:0 !important; 
	background-color:white !important;
	position: absolute;
	top: 0;
	right: 9px;
	border:0 none !important;
	}
#off-canvas-nav .off-canvas-close a,
#off-canvas-nav .off-canvas-close a:hover,
#off-canvas-nav ul.level0 > li.off-canvas-close > a,
#off-canvas-nav ul.level0 > li.off-canvas-close > a:hover {
	color:white !important; 
	font-size:0 !important; 
	font-weight:0 !important;
	background-color:white !important;
	background-image: url("../images/off-canvas-close.png") !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	}