.module.include.header{ position: relative; margin-bottom: 0; }


.module.include.header #whiteSpace{  min-height: 60px; background-color: #fff; }

.module.include.header #topMenue{ background-color: #2a58a6; color: #fff; text-decoration: none;  }
.module.include.header #topMenue a {
	color: #fff;
	padding: 4px 8px 4px 8px;
	text-transform: uppercase;
	font-size: 15px;
	text-decoration: none;
	transition: color 0.3s;
}
.module.include.header #topMenue a:hover{ color: #ddd; transition: color 0.3s; }
.module.include.header #topMenue .menu a:first-child{ padding-left: 0; }

.module.include.header #whiteSpace .innerwrap{ position: relative; }
.module.include.header .social_media{ position: absolute; left: 0px; top: 15px; width: 800px;  }
.module.include.header .social_media img{ margin-right: 5px;  }

.module.include.header  #topMenue .subMenueEntries a.submenueEntry{ text-transform: none; }


.module.include.header .subMenueContainer { padding-left: 13px; }
.module.include.header .subMenueContainer .subMenueEntries{ background: #fff; margin-top: 10px; margin-left: 14px; padding-bottom: 9px; padding-top: 7px; box-shadow: 1px 1px 3px rgba(0,0,0,0.6); }
.module.include.header #topMenue  .subMenueContainer .subMenueEntries a.submenueEntry { display:block; font-size: 14px!important;
                padding-left: 0; padding-right: 0px; margin-right: 0; color: #2a58a6!important;  width: 160px; }
.module.include.header #topMenue  .subMenueContainer .subMenueEntries a.submenueEntry:hover{ color: #444!important; }


.module.include.header #pageSuche{ float: right; margin-top: 15px;}


.module.include.header .mobile.Topleiste{ background-color: #2A58A6; color: #fff; height: 80px; width: 100%; margin-bottom: 80px; box-shadow: 0px 2px 2px rgba(0,0,0,0.5); position: relative; }
.module.include.header .mobile.Topleiste .mainLogo{ padding: 20px 40px 20px 40px; background: #fff; position: absolute; left: 15px; top: 0;
          width: 25%; max-width: 200px; box-shadow: 0px 2px 4px rgba(0,0,0,0.5); }

.module.include.header .mobile.Topleiste .menue { position: absolute; right: 0; top: 0; padding: 0 20px 0 25px; border-left: 1px solid #ddd; height: 100%;
        -moz-box-shadow:    inset 3px 2px 10px #173b78;
        -webkit-box-shadow: inset 3px 2px 10px #173b78;
        box-shadow:         inset 3px 2px 10px #173b78;
}
.module.include.header .mobile.Topleiste .menue .menueText{  color: #fff; text-transform: uppercase; float: left; height: 30px; font-size: 25px; 
                                                            line-height: 30px; padding-top: 25px;}
.module.include.header .mobile.Topleiste .menue .menueLogo{ background: URL("../images/plus-weiss.png") center center no-repeat; width: 40px; height: 100%; float: right; }


@media (max-width: 500px) {
        .module.include.header .mobile.Topleiste{ height: 50px; margin-bottom: 70px; }
        
}

.module.include.header .mobile.Topleiste .suchLink { position: absolute; right: 161px; top: 0; padding: 0 15px 0 25px; border-left: 1px solid #ddd; height: 100%;
        -moz-box-shadow:    inset 3px 2px 10px #173b78;
        -webkit-box-shadow: inset 3px 2px 10px #173b78;
        box-shadow:         inset 3px 2px 10px #173b78;
}
.module.include.header .mobile.Topleiste .suchLink .suchText{  color: #fff; text-transform: uppercase; float: left; height: 30px; font-size: 25px; 
                                                            line-height: 30px; padding-top: 25px;}
.mobile .module.include.header .mobile.Topleiste .suchLink .suchLogo{ background: URL("../images/lupe-weiss.png") center center no-repeat; width: 45px; height: 55px; float: right;
 padding-top: 25px;}

