/*
    Modal Popup
*/
.modalBackground {
    background-color: #ffffff;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 2000 !important;
}
/* Breiten der ModalPopups */
.modalPopup {
    width: 400px;
}
.modalPopupBreite {
    width: 660px;
}

/*
    Modal-Popup flexible Box -> auch im baseIE6.css
*/
.modalPopupBogenFlex {
    position: absolute;
    width: 7px;
    height: 8px;
    margin: 5px 0 0 0;
    background: transparent url(Images/backgrounds/boxFlexVar1/boxBogenFlex.gif) no-repeat 0 0;
}
.modalPopupObenFlex,
.modalPopupObenFlex span {
    float: left;
    width: 100%;
    background: transparent url(Images/backgrounds/modalPopup/obenLinksFlex.gif) no-repeat left top;
    height: 5px;
    line-height: 5px;
    font-size: 1px;
    margin: 0;
    padding: 0;
}

/* falls in Modal-Popup, dann mit grauem Hintergrund */
.modalPopupObenFlex span,
.modalPopup .boxObenFlexVar1 span {
    float: right;
    width: 8px;
    margin: 0;
    padding: 0 3px 0 0;
    background: url(Images/backgrounds/modalPopup/obenRechtsFlex.gif) no-repeat right top;
}
.modalPopupMitteFlex,
.modalPopup .boxMitteFlexVar1 {
    float: left;
    width: 100%;
    background: transparent url(Images/backgrounds/modalPopup/mitteFlexInhalt.png) repeat-y right;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
/* für IE6 -> da ansonsten Box wegen Border zu breit */
* html .modalPopupMitteFlex { 
    overflow: hidden;
}
.modalPopupHeaderFlex,
.modalPopup .boxHeaderFlexVar1 {
    padding: 0 5px 4px 7px;
    background: transparent url(Images/backgrounds/boxFlexVar1/boxHeaderFlex.gif) repeat-x bottom;
    color: #ffffff;
    border-left: solid 1px #003468;
    font-weight: bold;
    margin: 0 3px 0 0;
}
.modalPopupHeaderFlexInnen {
    position: relative;
    padding: 3px 5px 5px 7px;
    background: #335D86 url(Images/backgrounds/boxFlexVar1/boxHeaderFlex.gif) repeat-x bottom;
    color: #ffffff;
    font-weight: bold;
    margin: 0 -8px 15px -12px;
}
.boxHeaderFlexVar1 a:link {
    display: none;
}
.modalPopupHeaderFlex a, .modalPopupHeaderFlex a:link, .modalPopupHeaderFlex a:visited,
.modalPopup .boxHeaderFlexVar1 a:link, .modalPopup .boxHeaderFlexVar1 a:visited,
.modalPopupHeaderFlex input { 
	float: right;
	display: block;
	background: transparent url(Images/icon/modalPopupSchliessen.gif) no-repeat 0 0;
	font-size: 1px;
    line-height: 17px;
    height: 17px;
    padding: 0 8px 0 9px;
    text-decoration: none !important;
    border: 0;
    margin: 0;
}
.modalPopupHeaderFlex a:hover, .modalPopupHeaderFlex a:active, .modalPopupHeaderFlex a:focus,
.modalPopup .boxHeaderFlexVar1 a:hover, .modalPopup .boxHeaderFlexVar1 a:active, .modalPopup .boxHeaderFlexVar1 a:focus,
.modalPopupHeaderFlex input:hover
{
	background-position: 0px -18px;
}

.modalPopupMitteFlexInhalt,
.modalPopup .boxMitteFlexInhaltVar1 {
    border-left: solid 1px #335D86;
    border-right: solid 1px #335D86;
    padding: 15px 7px 7px 12px;
    margin: 0 3px 0 0;
    background: #FDFDFD url(Images/backgrounds/boxFlexVar2/boxMitteFlex.gif) repeat-x bottom;/**/
}
.modalPopupUntenFlex,
.modalPopupUntenFlex span,
.modalPopup .boxUntenFlexVar1,
.modalPopup .boxUntenFlexVar1 span {
    float: left;
    width: 100%;
    background: transparent url(Images/backgrounds/modalPopup/untenLinksFlex.png) no-repeat left top;
    height: 7px;
    line-height: 7px;
    font-size: 1px;
}
.modalPopupUntenFlex span,
.modalPopup .boxUntenFlexVar1 span {
    float: right;
    width: 5px;
    margin: 0;
    padding: 0 3px 0 0;
    background: transparent url(Images/backgrounds/modalPopup/untenRechtsFlex.gif) no-repeat right top;
}

.endeFloat {
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
}

/* Lightbox Stellenangebote in Karte */
#myMap {
     position: relative;
     width: 100% !important;
     height: 490px !important; 
     z-index: 1000; 
     text-align:center;
}
#myMap .wirdGeladen {
    margin-top: 215px;
}