#container {
width:850px;
text-align:left;
margin:1em auto;
border:1px solid #CED8E3;
background-color:white;
}

#header {
height:100px;
background-color:#CED8E3;
}

#contents {
height:700px;
width:665px;
float:right;
height:400px;
}

#footer {
width:850px;
clear:both;
height:20px;
text-align:center;
vertical-align:middle;
background-color:#FFF;

}

#nav_container {
margin-right:5px;
margin-left:10px;
float:left;
width:150px;
height:600px;
background-color:#FFF
}

div.blank {
height:20px;
background-color:white;
}

div.blank_verlauf {
height:29px;
background-color:#000;
margin-left:auto;
margin-right:auto;
background-image:url(http://www.piper-owl.de/PAGES/pics/verlauf2.gif);
}


div.media_content {
float: right;
margin-left:10px;
width: 320px; 
}

div.nav_blank {
height:10px;
background-color:#FFF
}

div.nav_title {
height:16px;
background-color:#C5D0DC;
color:#000;
font-weight:700;
font-size:9pt
}

div.nav_item {
margin-left:5px;
margin-right:5px;
background-color:#C5D0DC;
color:#000;
font-weight:700;
font-size:8pt
}

div.content_blank {
height:20px;
background-color:#FFF
}

div.audiosample_content {
float: left;
margin-left:5px;
width: 320px; 
background-color:green;
}

div.default_content {
float: right;
margin-left:10px;
width: 630px; 
}


div.audiosample_container {
height:20px;
width:310px;
}

div.audiosample_label  {
width:110px;
float:left;
font-size:8pt;
}

div.audiosample_file  {
float:right;
width:180px;
}