#content_left {
float:left;
position:relative;
width:400px;
}
#content_right {
    float: left;
    width:400px;
    position:relative;
}

#content {
    background: #000000;
    display:inline-block;
    float:none;
    width:855px;
  height: 400px;
}

#maincontainer {
text-align:center;
}


#content_left img{
margin-left: 50px;
}

#footer {
margin-top:0;
}

a.armin div.mouseover, a.johannes div.mouseover {
  display: none;  
  text-decoration: none; 
    position: absolute; 
  width: 300px;
  height: 375px;
  z-index: 100;
  color: #FFFFFF; 
  background: #000000;
  font-size: 12px; 
  text-align: left;
  border: 1px solid #ffffff;
  line-height: 18px;
}


.mouseover_johannes {
  text-decoration: none; 
    position: absolute; 
  width: 400px;
  height: 375px;
  z-index: 100;
  color: #FFFFFF; 
  background: #000000;
  font-size: 12px; 
  text-align: left;
  border: 1px solid #ffffff;
  line-height: 18px;
  top: 10px; 
  right: 330px; 
}
.mouseover_johannes p {
  margin: 100px 150px 30px 25px;
  }


a.armin:hover div.mouseover,  a.johannes:hover div.mouseover {
display: block;
 /* position: relative; 
  width: 300px;
  height: 375px;
  z-index: 100;
  color: #FFFFFF; 
  background: #000000;
  font-size: 12px; 
  text-align: left;
  border: 1px solid #ffffff;
  line-height: 18px;*/
}

a.armin:hover div.mouseover {
  top: -380px; 
  right: -450px; 
}


a.johannes:hover div.mouseover {
  top: -380px; 
  right: 330px; 
}

a.armin:hover div.mouseover p, a.johannes:hover div.mouseover p {
  margin: 100px 25px 30px 25px;
}

#kontaktarmin p {
  margin: 100px 25px 30px 25px;
    font-size: 12px;
    text-align:left;
}

#kontaktarmin {
  background: #000000;
}

#kontaktjohannes ul {
list-style-type:none;
margin:0;
padding:0;
}

#kontaktjohannes ul li#experience_award {
background:transparent url(../webimages/navi/experience_awards.png) no-repeat scroll 0 0;
}

#kontaktjohannes ul li#experience_formerwork {
background:transparent url(../webimages/navi/experience_formerwork.png) no-repeat scroll 0 0;
}

#textarmin p {
font-size:12px;
line-height:15px;
margin:110px 40px 30px;
text-align:left;
}


#textarmin {
  background: #000000;
}

#textjohannes p {
  margin: 110px 50px 30px 45px;
    font-size: 12px;
     text-align:left;
}

#textjohannes {
  background: #000000;
}

#kontaktjohannes ul {
list-style-type:none;
margin:0;
padding:0;
}

p.bodytext {
    font-size: 10px;
    line-height: 14px;
}

li#navi_experience a, li#navi_experience a:link, li#navi_experience a:visited {
background:transparent url(../webimages/navi/experience_o.png) no-repeat scroll 0 0;
}


#textjohannes ul li {
font-size:11px;
line-height:18px;
list-style-type:none;
margin-left:45px;
text-align:left;
margin-bottom: 5px;
}

#textarmin ul li {
font-size:11px;
line-height:18px;
list-style-type:none;
margin-left:40px;
text-align:left;
margin-bottom: 5px;
}