placering af div

Hejsa...
Jeg vil starte med at sige at jeg ikke er den stærkeste til det med div og deres placering.
Jeg har lavet en side ud fra en div skabelon, men nu vil jeg gerne have en extra div på højre side af siden, dog uden at flytte indholdet længere mod venstre.
Jeg kan bare ikke gennemskue hvordan jeg får den placeret, er der nogen der er god til det som lige vil guide mig på sporet. Det drejer sig om siden www.slaebesteder.dk

Min CSS kode ser således ud:

body {
margin:0px;
background:#FFFFFF;
color: #000000;
font-family:Verdana, Arial, Geneva, Helvetica;
font-size:10px;
text-align:center;
padding:0;
a.link: #00FF00;
a:visited: #000000;
}

#extra_window {
position: relative;
top: 600px;
left: 465px;
height: 605px;
width: 125px;   
border: 1px solid #000000;
z-index: 15;
}

#outer {
text-align:left;
border:1px solid #000000;
width:800px;
margin:auto;
}

#hdr {
position: relative;
top: 0px;
left: 0px;
height:140px;
background:#ffffff;
color: #333333;
z-index: 1;
}

#bar {
width:800px;
height:20px;
background-image: url("../img/barbg.jpg");
color: #FFFFFF;
font-size: 10px;
border:solid #000000;
border-width:1px 0 1px 0;
z-index: 1;
a:link: #ffffff;
a:visited: #ffffff;
}

#bar div {
margin-top: 2px;
margin-left: 0px;
text-align: center;
a:visited: #ffffff;
}

#bodyblock {
position:relative;
background: #ffffff;
color: #333333;
width:800px;
min-height: 400px;
padding: 0;
z-index:21;
}

.menusider {
margin-top: 2px;
margin-left: 10px;
}

#forsidetb {
width:800px;
font-size: 10px;
}

#forsidepic {
float:right;
width:100px;

}

#ftr {
width:800px;
height:20px;
background-image: url("../img/barbg.jpg");
color: #FFFFFF;
font-size: 10px;
border:solid black;
border-width:1px 0 0 0;
}

#ftr div {
margin-top: 3px;
}