.pane{
float: left;        /* you need that!!! */
display: none;      /* you need that - if you remove this, at load the page will have height of the heighest pane, see more instructions in html-file */
width:950px;        /* set the width of your content here, it's not necessary if you dont wanna have fixed with */
padding:25px;       /* unimportant */   
}

#content{
overflow:hidden;    /*you need that!!! */
}

#paneContainer{
float:left;         /*you need that!!! */
background-color:#FFFFFF;
}



/* this stuff you can ignore - it's just for main-layout...*/
a           {font-size: 12px; font-family: Arial; font-weight: bold; color:#000; text-decoration: none;}
a:hover     {font-size: 12px; font-family: Arial; font-weight: bold; color:#921d1f; text-decoration: none;}
body{   font-family: Arial; margin:auto; width:1000px; font-size:12px; color:#000; background-color:#5b0002; margin-top:10px; margin-bottom:10px;}
#mainframe { padding:7px; width:1000px; margin:0 auto; padding-top:20px; background:#222; }
#header{ background-color:#FFF; border-top: 1px solid white; border-bottom: 1px solid white;}
#menu{ margin-top:0px; padding:0px; list-style-type:none;}
.menulink{ float:left; color: white; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; border-right:1px solid white; display:block; background-color:#222; cursor: pointer;}
.menulink:hover{ background-color:#FFF; color:#000;}
#footer{ font-size:10px; text-align:center; color: white; padding-top: 4px;  padding-bottom: 6px; border-top:1px solid white;}
