#content
{
float: left;
text-align: left;
width: 800px;
height: 531px;
background-image: url(../img/haar-designerinnen.jpg);
}

img
{
border: none;
}

/*............Ella.............*/
.ella
{
display: none;
}

.ella
{
margin-left: 450px;
margin-top: -230px;
float: left;
border: solid;
border-width: 10px;
border-color: #ffffff;
}

#ella_area
{
float: left;
width: 94px;
height: 93px;
margin-left: 24px;
margin-top: 203px;
}

#ella_area:hover ~ .ella
{
display: block;
}

.ella:hover
{
display: block;
}
/*+++++++++++++++++++++++++++*/



/*............Amalia.............*/
.amalia
{
display: none;
}

.amalia
{
margin-left: 260px;
margin-top: 10px;
float: left;
border: solid;
border-width: 10px;
border-color: #ffffff;
position: absolute;
}

#amalia_area
{
float: left;
width: 78px;
height: 100px;
margin-left: 11px;
margin-top: 163px;
}

#amalia_area:hover ~ .amalia
{
display: block;
}

.amalia:hover
{
display: block;
}
/*+++++++++++++++++++++++++++*/

/*............Bernadette.............*/
.bernadette
{
display: none;
}

.bernadette
{
margin-left: 220px;
margin-top: -340px;
float: left;
border: solid;
border-width: 10px;
border-color: #ffffff;
}

#bernadette_area
{
float: left;
width: 63px;
height: 86px;
margin-left: -33px;
margin-top: 85px;
}

#bernadette_area:hover ~ .bernadette
{
display: block;
}

.bernadette:hover
{
display: block;
}
/*+++++++++++++++++++++++++++*/

/*............Eva.............*/
.eva
{
display: none;
}

.eva
{
margin-left: 400px;
margin-top: -160px;
float: left;
border: solid;
border-width: 10px;
border-color: #ffffff;
}

#eva_area
{
float: left;
width: 103px;
height: 135px;
margin-left: 14px;
margin-top: 227px;
}

#eva_area:hover ~ .eva
{
display: block;
}

.eva:hover
{
display: block;
}
/*+++++++++++++++++++++++++++*/

/*............Isabella.............*/
.isabella
{
display: none;
}

.isabella
{
margin-left: -10px;
margin-top: 10px;
float: left;
border: solid;
border-width: 10px;
border-color: #ffffff;
position: absolute;
}

#isabella_area
{
float: left;
width: 73px;
height: 79px;
margin-left: 70px;
margin-top: 174px;
}

#isabella_area:hover ~ .isabella
{
display: block;
}

.isabella:hover
{
display: block;
}
/*+++++++++++++++++++++++++++*/

/*............Daniela.............*/
.daniela
{
display: none;
}

.daniela
{
margin-left: 50px;
margin-top: 130px;
float: left;
border: solid;
border-width: 10px;
border-color: #ffffff;
position: absolute;
}

#daniela_area
{
float: left;
width: 83px;
height: 83px;
margin-left: 1px;
margin-top: 222px;
}

#daniela_area:hover ~ .daniela
{
display: block;
}

.daniela:hover
{
display: block;
}
/*+++++++++++++++++++++++++++*/

/*............Birgit.............*/
.birgit
{
display: none;
}

.birgit
{
margin-left: 130px;
margin-top: -220px;
float: left;
border: solid;
border-width: 10px;
border-color: #ffffff;
}

#birgit_area
{
float: left;
width: 94px;
height: 96px;
margin-left: 21px;
margin-top: 229px;
}

#birgit_area:hover ~ .birgit
{
display: block;
}

.birgit:hover
{
display: block;
}
/*+++++++++++++++++++++++++++*/