body{
background-color:#000000;
text-align: center;
}

a, a:link, a:visited, a:active, a:focus
{
color: #000000;
}

a:hover{
text-weight:bold;
}

p{
margin: 0px 0px 10px 0px;
}

.diderot{
    position: relative;
    top:30px;
    left:0px;
    width:902px;
    height: 600px;
    margin:auto auto;
    text-align:left;
    padding:0px;
    vertical-align:top;
     background-image: url("../images/background.png");
    background-repeat: no-repeat;
}

.content{
position:absolute;
top:189px;
left:221px;
padding:0px;
margin:0px;
}


.menu{
    width:500px;
    height:38px;
    color:#004455;
    font-family: Verdana,sansserif;
    font-size: 9px;
    position: absolute;
    top:-2px;
}

.menu ul{
margin: 0px;
padding: 0px;
width: 522px;
margin-left: 0px;
}

.menu ul li{
display: inline;
padding: 3px 10px;
float: left;
}

.menu ul li a{
text-decoration: none;
color: #000000;
}

.menu ul li a:hover{
color: #ffffff;
}

.menu ul .active a{
color: #ffffff;
}

.subNavigation{
height:19px;
float: left;
font-family: Verdana,sansserif;
font-size: 10px;
height:19px;
position:absolute;
left:0px;
top:19px;
z-index:1;
}

.subNavigation li{
display: inline;
padding: 3px 11px;
float: left;
}

.subNavigation li a{
text-decoration: none;
color: #000000;
}

.subNavigation .active a{
color: #ffffff;
}


.main_area{
    width:851px;
    height:329px;
    position: relative;
}

.textItem{
position: absolute;
top:38px;
left:0px;
width:480px;
height:273px;
background-color: #eeeeee;
padding: 10px;
overflow:auto;
}

.textItem img{
float:left;
padding:11px 10px 0px 0px;
}

.textItem .audio{
padding-top:20px;
padding-left:40px;
}

/*same as textItem*/
.diderot_home{
background-image: url("../images/diderot.jpg");
background-repeat:  no-repeat;
background-position: 0px 0px;
position: absolute;
top:16px;
left:-3px;
width:504px;
height:318px;
background-color: #b3b3b3;
padding: 0px;
overflow:auto;
z-index:2;
}
/*like textItem*/
.calendar{
position: absolute;
top:38px;
left:0px;
width:480px;
height:273px;
background-color: #eeeeee;
padding: 10px;
overflow:auto;
}


.leftImage{
background-image: url("../images/diderot1.jpg");
background-repeat:  no-repeat;
background-position: bottom left;
height:380px;
width:187px;
position:absolute;
bottom:0px;
left:0px;
}

.timetable0{
background-color:#dddddd;
margin-bottom:5px;
padding:4px;
position:relative;
}
.timetable1{
background-color:#bbbbbb;
margin-bottom:5px;
padding:4px;
position:relative;
}

.solidblockmenu{
position: absolute;
top:7px;
padding:0px;
width:500px;
height:19px;
font-family: Verdana,sansserif;
font-size: 10px;
z-index: 5;
}


.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #333333;
padding: 2px 11px;
text-decoration: none;
}

.solidblockmenu li a:visited{
color: #000000;
}

.solidblockmenu li a:hover, .solidblockmenu li #current{
color: #ffffff;
}

.hidden{
display:none;
}

.moreToggle{
position:absolute;
right:5px;
bottom:0px;
}


#johannes{
background-image:url("../images/players/johannes.jpg");
background-repeat:no-repeat;
width:168px;
height:110px;
display:block;
position:absolute;
top:65px;
left:70px;
}

#marc{
background-image:url("../images/players/marc.jpg");
background-repeat:no-repeat;
width:183px;
height:121px;
display:block;
position:absolute;
top:185px;
left:80px;
}

#bojan{
background-image:url("../images/players/bojan.jpg");
background-repeat:no-repeat;
width:161px;
height:107px;
display:block;
position:absolute;
top:210px;
left:250px;
}

#tomasz{
background-image:url("../images/players/tomasz.jpg");
background-repeat:no-repeat;
width:103px;
height:155px;
display:block;
position:absolute;
top:45px;
left:250px;
}