#oc_skelettContainer {
    overflow: hidden;
	margin-bottom: 50px;
}


#oc_skelettBild {
    position: relative;
    width:250px;
    float: left;
    margin-right:20px;
    padding-right: 10px;
}

#oc_skelettText {
    position: relative;
    width:700px;
    float: left;
}

#oc_skelettText .frame-type-textpic {
	background-color: #f8f9fa;
	padding-left: 15px;
	padding-top: 10px;
	margin-bottom:15px;
	padding-right: 35px;
}

#oc_skelettText .frame-type-textpic h2 {
	color: #949191;
	padding-left: 23px;
}

#oc_skelettText .frame-type-textpic h3 {
	color: #6ba423;
	padding-left: 23px;
	font-size: 50px;
	margin-bottom: 20px;
}

#oc_skelettText .frame-type-textpic h4 {
	color: #000;
	padding-left: 23px;
	font-size: 18px;
	margin-bottom: 0px!important;
}

#oc_skelettText .frame-type-textpic p {
	color: #212529;
	padding-left: 23px;
}

#oc_skelettText .frame-type-text p{
	margin-top: 25px;
	margin-bottom:0px;
}

#oc_skelettText .frame-type-textmedia h2 {
	color: #949191;
}
#oc_skelettText ul li {
line-height: 1.8;
}


.fachgebiet {
    width:48px;
    height: 48px;
    position: absolute;
    cursor: pointer;
}

.fachgebiet span {
    display: none;
    background: rgba(255, 255, 255, .8);
    padding: 0.2em 1em;
    position: relative;
    top:-20px;
    left:-20px;
    white-space: pre;
}

.fachgebiet.ganzheitliche-orthopaedie span {
    left: -200px;
}
.fachgebiet.chirugie {
    background: url("../Images/kreis_chirugie.png");
}
.fachgebiet.ganzheitliche-orthopaedie{
    background: url("../Images/kreis_chirugie.png");
}
.fachgebiet.chirugie.active,
.fachgebiet.chirugie.active:hover,
.fachgebiet.ganzheitliche-orthopaedie.active,
.fachgebiet.ganzheitliche-orthopaedie.active:hover {
    background: url("../Images/kreis_chirugie_active.png");
}

.fachgebiet.chirugie:hover {
    background: url("../Images/kreis_chirugie_over.png");
}

.fachgebiet.gefaess {
    background: url("../Images/kreis_prothetik.png");

}

.fachgebiet.gefaess.active,
.fachgebiet.gefaess.active:hover{
    background: url("../Images/kreis_prothetik_active.png");
}

.fachgebiet.gefaess:hover {
    background: url("../Images/kreis_prothetik_over.png");
}

/* Gefäßchirurgie */
/*.fachgebiet.gefaess{*/
    /*top:140px;*/
    /*left: 90px;*/
/*}*/

/* Gefäßchirurgie */
.fachgebiet.gefaess{
    top:350px;
    left: 130px;
}
.fachgebiet.ganzheitliche-orthopaedie{
    top: 100px;
    left: 190px;
}
.fachgebiet.gefaess{
    top:400px;
    left: 150px;
    display: none;
}


/* Wirbelsäulenchirurgie */
.fachgebiet.wirbelsaeule{
    top:200px;
    left: 120px;
}


/* Knie- und Schulterchirurgie */
.fachgebiet.knieSchulter_schulter{
    top:96px;
    left: 68px;
}

.fachgebiet.knieSchulter_knie{
    position: absolute;
    top:360px;
    left: 94px;
}


/* Hand- und Fußchirurgie */
.fachgebiet.handFuss_hand{
    top:294px;
    left: 8px;
}

.fachgebiet.handFuss_fuss{
    position: absolute;
    top:500px;
    left: 100px;
}


/*Hüft- und Knieendoprothetik*/
.fachgebiet.hueftKnie_hueft{
    top:260px;
    left: 96px;
}

.fachgebiet.hueftKnie_knie{
    position: absolute;
    top:400px;
    left: 110px;
}



@media only screen and (max-width: 767px) {

    #oc_skelettText {
        position: relative;
        width:260px;
        float: left;
    }

    #oc_skelettBild {
        margin-right:0px;
        padding-right: 0px;
        border-right: 0px solid #ccc;
        float:none;
        clear: left;
        margin-bottom:1.5em;
    }

    #oc_skelettContainer div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: none; }

    #oc_skelettContainer div.csc-textpic-intext-right .csc-textpic-imagewrap,
    #oc_skelettContainer div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        margin-left: 0px;
    }

}