/** REPLACE COLORS: E6F1F8 CDE3F1 */

#markeroverlay {
    background: #fff;
    border: 3px solid #CDE3F1;
    padding:4px 6px;
}

body {
    background:#fff;
}

.bluebg {
    background-color: #CDE3F1; 
}

header#header {
    /*margin-left: 20px;
    margin-right: 30px;*/
}

.logo {
    margin-top: 30px;
    margin-left: -24px;
}

div.alert {
    background-color: #BD1320;
    color: white;
    margin-bottom: 12px;
}
div.alert p { margin: 12px;}

input[type="submit"], button {
    -webkit-appearance: none;
    -moz-appearance: none;
}

@media screen and (min-width: 736px) and (max-width: 790px) {
    .logo {margin-left: 0;}
}

#centerHeader {
    border: none;
  /*  border-top-color: #cde3f1;
    border-top-width: 8px;
    border-top-style: solid;*/
}

#rightHeader {
    border: none;
  /*  border-top-color: #0070b6;
    border-top-width: 8px;
    border-top-style: solid;    */
}

a {
    color: #0773bb;
    text-decoration: none;
}

.doublemargin {
    margin: 24px inherit;
}

.required label:after {
    content: "*";
    color: red;
}

/**********************/
/**   Searchform     **/
/**********************/

.maske { background-color: #CDE3F1;}
.maske > form > div {padding: 12px;}

.bigSearchForm .col1 { position: relative;}
.bigSearchForm .col1 label {
    width: 30px;
    display: inline-block;
}
.bigSearchForm .col1 input {
    width: 170px;
    border-color: #0070B6;
    border-width: 1px;
    border-style: solid;
    height: 20px;
    margin: 7px 0;
}
.bigSearchForm .col2 label {
    display: inline-block;
    float: right;
}

.bigSearchForm input[type="checkbox"] {
    display: none;
}
.bigSearchForm .checkboxLike {
    height: 22px;
    width: 22px;
    background: #FFF;
    margin: 7px 0 7px;
    border: 1px solid #0070B6;
    float: left;
    clear: left;
    cursor: pointer;
}
.checkboxLike.checked:before {
    content: "x";
    font-size: 24px;
    margin-left: 5px;
}
.bigSearchForm button {
    cursor: pointer;
    height: 24px;
    margin: 7px 0;
}

#ortsauswahl {
    position: absolute;
    border: 1px solid #0773bb;
    top: 30px;
    left: 37px;
    width: 172px;
    background: #fff;
    overflow: hidden;
}
#ortsauswahl li {
    cursor: pointer;
}
#content #ortsauswahl li:hover {
    background: #CDE3F1;
    font-weight: bold;
}
#content #ortsauswahl li {
    list-style-image: none;
    padding-left: 2px;
    margin: 0;
}
#ortsauswahl ul {
    margin-bottom: 0px;
}



/**********************/
/**   SearchResults  **/
/**********************/

div.searchResults {
    margin: 12px;
}

.searchResults span.desc {
    width: 50px;
    display: inline-block;
}
#content .searchResults span {
    margin-bottom: 0;
}
div.searchResults ol, div.searchResults .result {
    margin: 12px;
}
div.searchResults .resultSet .result:not(:last-child),
div.simplesearch-result:not(:last-child) {
    border-bottom: 1px solid #CDE3F1;
}

div.searchResults h2, div.simplesearch-results-list {
    margin-top: 20px;
}

#center article div.searchResults ol li {
    list-style-type: decimal-leading-zero;
    list-style-image: none;
}

.simplesearch-result { margin-bottom: 12px;}

.simplesearch-results-list span.simplesearch-highlight {
    background-color: #FF0;
}

span.zert-texts.withbadge {
  min-height: 57px;
  display: inline-block;
}

 
/**********************/
/**      Texts       **/
/**********************/

.blueText, a, #rightAside
 {
    color: #0773bb;
}

/**********************/
/**   Splash Image   **/
/**********************/

#splashImage {
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 568px) {
    article > #splashImage {
        clear: both;
    }
}

.frontpage #splashImage {
    margin-bottom: 1em;
}

/**********************/
/**     NAVIGATION   **/
/**********************/

nav li.active p, nav li.active.level2 > a {
    color: #000;
}
nav li a {
    text-decoration: none;
}

.karriere_sidebar {
    max-width: 208px;
    margin: 0 auto;
}

.sidenav ul li {
    font-size: 100%;   
    text-transform: uppercase;
    text-align: left;
    /*line-height: 100%;*/
}

/*
.sidenav ul li.entry348 {
    font-weight: bold;
    
}

.sidenav ul li.entry348 a,
.sidenav ul li.entry348 p {
    position: relative;
    display: inline-block;
        width: auto !important;
}

.sidenav ul li.entry348 a::before,
.sidenav ul li.entry348 p::before {
    content: '';
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'><path fill='%230773bb' d='M12.5 0A12.5 12.5 0 1 1 0 12.5 12.5 12.5 0 0 1 12.5 0Z' /><path fill='%23fff' d='M5.92 10.928V16h.76v-5.072h1.9v-.64H4.016v.64Zm3.328-.64V16h.76v-5.712Zm2.8 2.736v-2.1h1.488a1.4 1.4 0 0 1 .948.268.991.991 0 0 1 .3.78 1 1 0 0 1-.3.784 1.357 1.357 0 0 1-.948.264Zm-.76-2.736V16h.76v-2.336h1.744a1.74 1.74 0 0 0 1.308-.44 1.7 1.7 0 0 0 .444-1.248 1.682 1.682 0 0 0-.444-1.244 1.774 1.774 0 0 0-1.308-.444Zm5.944 2.736v-2.1h1.488a1.4 1.4 0 0 1 .948.268.991.991 0 0 1 .3.78 1 1 0 0 1-.3.784 1.357 1.357 0 0 1-.948.264Zm-.76-2.736V16h.76v-2.336h1.744a1.74 1.74 0 0 0 1.308-.44 1.7 1.7 0 0 0 .444-1.248 1.682 1.682 0 0 0-.444-1.244 1.774 1.774 0 0 0-1.308-.444Z' /></svg>");	
    background-repeat: no-repeat;
    background-size: 98% auto;
    left: 110%;
    top: 50%;
    transform: translateY(-50%);
}
*/

.menuentry {
    margin: 0;
}

p.menuentry {
    font-size: inherit;
    line-height: inherit;
}

/**********************/
/**     TOP NAV      **/
/**********************/

#topnav ul {
    margin-top: 8px;
}

#topnav ul li {
    float:  right;
    height: 14px;
}

#topnav ul li:not(:first-child):after {
    content: "|";
    margin: 0 10px;
}

#topnav ul li:first-child {
    border-right: none;
}

#topnav li a {
    display: inline-block;
}

/**********************/
/**   Leftside NAV   **/
/**********************/

section#leftside {
}

.sidenav {
    margin: 0;
}

.sidenav ul li {
    float:none;
    width: 100%;
    padding: 18px 0;
    border-bottom-color: #0773bb;
    border-bottom-style: solid;
    position: relative;
}

.sidenav ul li:last-child {
    border-bottom: none;
}
@media only screen and (min-width: 569px) {
    .sidenav ul li:not(.active) ul {
        display:none;
    }
}

.sidenav li:not(.level1) {
    border-bottom: none;
    padding-bottom: 0;
}

.sidenav li.level2 {
    margin-left: 9px;
}

.sidenav li.level3 {
    font-style: italic;
    padding: 9px 0 0 9px;
    font-size: 89%;
}

.sidenav li.level3 a:hover {
    /*text-decoration: underline;*/
}

/**********************/
/**     Rightaside   **/
/**********************/

#rightAside {
    background-color: #CDE3F1;
    padding: 16px;
}

#rightAside h2 {
    font-size: 1.25em;
}

#rightAside .aktuelleProjekte {
    margin-top: 10px;
}

#rightAside a.blogrollLink {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
}

#rightAside .aktuelleProjekte li:not(:last-child) {
    margin-bottom: 1.3em;
    border-bottom: 1px dotted;
    padding-bottom: 1.3em;
}

/**********************/
/** CONTENT SECTION  **/
/**********************/
@media screen and (max-width:414px) {
.karriere_banner_desktop {
    display: none !important;
}
}
.karriere_banner_mobile {
    display: none !important;
    max-width: 260px !important;
    margin: 40px auto !important;
}
@media screen and (max-width:414px) {
.karriere_banner_mobile {
    display: block !important;
    max-width: 260px !important;
    margin: 40px auto !important;
}    
}
#center {
    /*margin-top: -25px;*/
    margin-top: 0;
}
h1, h2, p.subtitle, div.contentImageDescription, div.articleImageDescription {
    color: #0773bb;
}

h2.pagetitle {
    margin-top: 1em;
}

p.subtitle { margin-bottom: 1em;}

.articleContent p, h2, h4, article table, article ul, article a, article span {
    margin-bottom: 1em;
}

/*.articleContent h2, .articleContent h3 {
    font-size: 1.15em;
    line-height: 1.25em;
    color: #000;
}*/

.articleContent h2, .articleContent h4, .articleImage.alignWithHeading, .topSpaced {
    margin-top: 32px;
}

.articleContent h3, h3 {
    margin-top: .5em;
    margin-bottom: .5em;
}

#center article li {
    list-style-image: url(../../images/list-element.png);
    margin-left: 24px;
    vertical-align: middle;
}

#center article ul.simpleList li {
    list-style-image: none;
    margin-left: 0;
}

#center article ul.simpleList li:before {
    content: "–";
    margin-right: 5px;
}

#center ul.sublist li {
    list-style-image: none;
    list-style-type: disc;
}

/* BLUE BULLET DISC LI  */
ul.bbdli li, #center article ul.bbdli li {
    margin-bottom: initial;
    list-style-type: none;
    list-style-image: none;
    padding-left: 0px;
    margin-left: 13px;    
    text-indent: 0;
    line-height: 17px;
}

ul.bbdli li:before {
    content: "• ";
    color: #0773BB;
    font-size: 20px;
    line-height: 16px;
    margin-top: 3px;
    /*vertical-align: text-top;*/
    vertical-align: middle; /* only because MSIE... stupid thing... */
    margin-left: -13px;
}

ul.bbdli, #center article ul.bbdli {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Removed this as requested by Mrs. Wobst-Rüthnick on 30. Nov 2022
.contentImage, .articleImage, .contentImageDescription, .articleImageDescription, .borderBox {
    border: 16px solid #CDE3F1;
}
*/

.contentImage {
    width: 84%;
    margin: 0;
}

.contentImageWrapper {
    text-align: center;
}

.contentImageDescription, .articleImageDescription {
    background-color: #CDE3F1;
}

.contentImageDescription {
    width: 84%;
    margin: -26px 0px 16px;    
}

.articleImageDescription {
    margin-top: -16px;
}

.articleImageDescription.multicolDescription {
    margin-top: 0px;
}

.bluebg .articleImage {
    border-top-width: 0px;
}
.bluebg .articleImageDescription {
    margin-top: -32px;
}

.contentLink {
    margin: 16px;
}

.contentLink h4 {
    margin-bottom: 0;
}

.articleImage, .articleContent .contentImage {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.articleContent.firstFloatsLeft p:nth-child(2) {
    float: left;
}

/**********************/
/**Tabellen im Content*/
/**********************/

#center article td, article th {
    border: 1px solid #000;
    border-collapse: separate;
    padding: 8px;
}
#center article table {    border-collapse: collapse;}
#center article th {    background-color: #d6ebd6;text-align: left;}
#center article tr {    background-color: #CDE3F1;}
#center article tr:nth-child(odd) {    background-color: #cadff4;}
#center article table th:not(:last-child) {    border-right: none;}
#center article th:not(:first-child) {    border-left: none;}
#center article table ul {    list-style-type: disc;}
#center article table li {
    list-style-image: none;
    margin-left: 16px;
    color: #000;
}
table.col-2 th,
table.col-2 td {
    width: 50%;
}

/**********************/
/**   Search Form    **/
/**********************/
@media only screen and (min-width: 569px) {
    .simplesearch-search-form {float: left; margin-top: 0;}
    .simplesearch-search-form input {
        width: 83px;
        border: 1px solid #0773bb;
        height: 20px;
        box-sizing: border-box;
        border-width: 1px;
        line-height: 1;
        padding-top: 0;
    }
    .simplesearch-search-form fieldset {
        line-height: 1;
    }

    .simplesearch-search-form input:focus {
        outline: none;
        border-color: #99C7EB;
    }
    .simplesearch-search-form input[type="submit"], .searchbutton {
        border-radius: 0;
        background: #0773BB;
        border: 1px solid #0773BB;
        color: #fff;
        text-transform: uppercase;
        height: 20px;
        width: 70px;
        margin: 0;
        padding: 0;
    }
    .simplesearch-search-form input[type="submit"] {
        margin-top: 1px;
    }
    .simplesearch-search-form label {
        display: none;
    }

    #rightHeader .controls {
        margin-top: 10px;
    }
}

/**********************/
/**    fontbuttons   **/
/**********************/
@media only screen and (min-width: 569px) {
    .fontbutton {
        width: 18px;
        height: 18px;
        display: inline-block;
        margin-top: 1px;
        text-decoration: none;
        text-align: center;
        margin-right: 5px;
        vertical-align: middle;
        line-height: 20px;
        border-width: 1px;
        border-style: solid;
        float: left;
        border-color: #000;
        background-color: #fff;
        color: #000;
    }

    .fontbutton.active {
        color: #fff;
        background-color: #0773BB;
        border-color: #0773BB;
    }

    #smallfontbutton {
        font-size: 12px;
    }
    #bigfontbutton {
        font-size: 16px;
    }

    .bigfontsize {
        font-size: 120%;
    }
}

/**********************/
/**        Footer    **/
/**********************/
#footer, p.stand {font-size: 10px;color:#0070b7;}
#footerCenter, #footerRight {border-bottom-color: #0773bb;border-bottom-width: 8px;border-bottom-style: solid;}
#footerRight {padding-bottom: 5px;}
.pageTopJumper{
    margin-top: .9em;
    padding-left: 24px;
    background-image: url(../../images/back-element.png);
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}
.articleContent a.pageTopJumper {
    font-size: 10px;
}
#footerRight .pageTopJumper {
    width: 100%;
    height: 55px;
    margin-top: -10px;
    background-image: url(/assets/images/toptop.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    box-sizing: border-box;    
    padding-top: 39px;
    padding-left: 14px;
}

@media screen and (max-width: 568px) {
    
  #footerRight .pageTopJumper {
    padding-top:0px;  
    background-position: 0 -22px;
  }
}

/********************/
/* DEFINITION LISTS */
/********************/

dt {
    width: 100%;
    padding-top: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    line-height: 16px;
}

dt:before {
    background-image: url(../../images/list-element.png);
    background-repeat: no-repeat;
    float: left;
    margin-right: 0px;
    width: 20px;
    content: "";   
    height: 16px;
    -moz-transition: all 250ms ease-in-out;  
    -webkit-transition: all 250ms ease-in-out;  
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    background-position: 0 -3px;
}

dd {
    display: none;
    margin-left: 22px;
    width: 100%;
    margin-bottom: 8px;
}

dt.open {
    border-bottom: none;
}

dt.open:before {
    margin-top: 0px;
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}

/************************/
/* AKTUELLE PROJEKTE    */
/************************/

ul.aktuelleProjekteBig li {
    font-size: 1em;
}
.aktuelleProjekteBig h3.blogroll {
    margin-bottom: 0.3em;
    margin-top: 0;
    font-size: 1em;
    font-weight: normal;
    line-height: 1em;
}

p.nomarginbottom {
    margin-bottom: 0;
}

div.nobottompadding {
    padding-bottom: 0;
}

/*************************/
/** ZERTIFIZIERTE ÄRZTE **/
/*************************/

dt.arztListEntry:before {
    height: 22px;
    width:  40px;
}

dd.arztListDetail {
    padding-left: 40px;
    margin-left: 0;
    box-sizing: border-box;
}

dt.arztListEntry:nth-child(4n+1) {
    background-color: #fafafa;
}

dt.arztListEntry {
    padding: 8px 0;
}

dt.arztListEntry:before {
    background-position: 1px 0px;
}

/*******************/
/*** KONTAKTFORM ***/
/*******************/

.kontaktformular input {
    border: #CCC solid 1px;
}

.kontaktformular button {
    border: none;
    background: #0773BB;
    color: white;
    padding: 2px 12px 3px;
    margin: 12px 0 0;
}

.formTextbox {
    height: 204px;
    border-color: #CCC;
    resize: none;
    margin-top: 12px;
}

span.error {
    color: #F00;
    font-size: smaller;
    margin-bottom: 0;
    line-height: 10px;
}

p.error {
    color: #F00;
}

input.error, textarea.error {
    background-color: #fee;
}

/***************/
/** LANDKARTE **/
/***************/
img.landkarteMap {
    width: 100%;
}

.zentrumContainer {
    border-width: 16px;
    border-color: #CDE3F1;
    border-style: solid;
    padding: 2px;
    margin-bottom: 16px;
    line-height: 1.2;
}

p.zentrumTitle {
    font-weight: bold;
}

.zentrumContainer .zentrumImage {
    width: 100%;
    margin: 0 0 2px 0;
}

.zentrumContainer .zentrumDescription {
    color: black;
    margin: 2px 0;
}

a.zentrumLink {
    margin: 4px 0 0;
    display: block;
}

.remodal .stadtContainer {
    width: 28%;
    margin-right: 1%;
    float: left;
}

.modalContent .modalMap {
    min-height: 370px;
}

.stadtContainer .zusammen {
    border-width: 16px; border-color: #CDE3F1; border-style: solid;
}

.zusammen .zentrumContainer {
    border: none;
    border-bottom: 4px solid #CDE3F1;
    margin-bottom: 0px;
}

.zusammen .zentrumContainer:last-child {
    border-bottom: none;
}

.zusammen:not(:last-child) {
    margin-bottom: 16px;
}

.certs img {
  height: 60px;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

@media screen and (max-width: 735px) {
    #fixedImageLaser { display: none; }
}

@media screen and (min-width: 736px) {
    
    #fixedImageLaser {
        position: absolute;
        top: 982px;
    }
}

body.refrak div#fixedImageLaser {    display: none;}

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

    .aside-pdf-link {
        width: 50%;
        float: left;
        max-width: 208px;
    }

    .aside-pdf-link:last-child, .aside-pdf-link:nth-last-child(2) {
        margin-left:16px;
    }

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

    .aside-pdf-link {
        margin-left: 20px;
        margin-right: 20px;
        text-align: center;
    }

    .aside-pdf-link img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

}

@media print {

    #footerLeft,
    #footerCenter,
    #leftside,
    #rightHeader,
    #centerHeader,
    #rightAside
    {
        display:none;
    }
   
    #center {
       margin-top: 15px;
    }

    #leftHeader .logo {
        margin: 0;
        float: right;
    }

    #footerRight {padding-bottom: 5px;float: right;width: 100%;}
    
    p#copyright {
        float: right;
    } 
}