html, body
{
width:100%;
height:100%;
margin: 0px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: 12px;
text-align:center;
z-index:1
}

#aussen
{
width:100%;
height:100%;
}

#innen
{
z-index:2;
margin-left:auto;
margin-right:auto;
padding:0px;
height:780px;
width:780px;
}

div
{

}

a
{
color:#000000;
text-decoration:none;
font-size:12px;
font-weight:normal;
font-family: Arial, sans-serif;
}




a.pic1
{
position:relative;
background-image: url(images/studio_1.jpg);
background-image: url(images/studio_1.inaktiv.jpg);
background-repeat:no-repeat;
width:118px;
height:119px;
left:272px;
top:271px;
float:left;
}

a.xpic1:hover
{
position:relative;
background-image: url(images/Studio_1_aktiv.jpg);
background-repeat:no-repeat;
width:390px;
height:390px;
left:0px;
top:0px;
}

a.pic2
{
position:relative;
background-image: url(images/berlin.jpg);
background-repeat:no-repeat;
width:118px;
height:119px;
left:0px;
top:271px;
float:left;
}
a.pic2:hover
{
position:relative;
background-image: url(images/Berlin_aktiv.jpg);
background-repeat:no-repeat;
width:390px;
height:390px;
left:0px;
top:0px;

}

a.pic3
{
position:relative;
background-image: url(images/frankfurt.jpg);
background-repeat:no-repeat;
width:118px;
height:119px;
left:272px;
top:0px;
float:left;
}
a.pic3:hover
{
background-image: url(images/Frankfurt_aktiv.jpg);
background-repeat:no-repeat;
width:390px;
height:390px;
position:relative;
left:0px;
top:0px;

}

a.pic4
{
position:relative;
background-image: url(images/b.team.jpg);
background-image: url(images/b.team.inaktiv.jpg);
background-repeat:no-repeat;
width:118px;
height:119px;
left:0px;
top:0px;
float:left;
}

a.xpic4:hover
{
position:relative;
background-image: url(images/b.team_aktiv.jpg);
background-repeat:no-repeat;
width:390px;
height:390px;
left:0px;
top:0px;
float:left;
}