CSS Layout

<style>




#container {
    background-color: white;
    width: 1100px;
    border: 0px solid #000000;
    margin:0px auto;
}




#searchArea {
    background-color:white;
    width: 1100px;
    border: 0px solid #000000;




}




#accountList {
    float: left;
    background-color:white;
    width: 500px;
    height: 100px;




}




#accountDetail {
    float: left;
    background-color:white;
    width: 500px;
    height:100px;




}




#oppList {
    background-color:white;
    width: 550px;
    float: left;
    border: 0px solid #000000;




}




#oppDetail {
    background-color:white;
    width: 1100px;
    border: 0px solid #000000;




}




</style>

<div id="container">




<div id="searchArea">
</div> <!-- DIV SEARCHAREA ENDE -->




<div id="accountList">
</div> <!-- DIV accountLIST ENDE -->




<div id="accountDetail">
</div> <!-- DIV accountDETAIL ENDE -->




<div id="oppList">
</div> <!-- DIV OPPLIST ENDE -->




<div id="oppDetail">
</div> <!-- DIV OPPDETAIL ENDE -->




</div> <!-- DIV CONTAINER ENDE -->