at gøre et billede til et link

Hej jeg bruger Joomla CMS og et custom template. Jeg har en CSS fil som kontrollerer skabelonen for alle sider på min hjemmeside og billedet top_bg.jpg er mit logo. Jeg kunne godt tænke mig at forvandle det her billede til et clickable link, til min egen side, men hvordan? Her er selve koden:





html
{
    height:100%;
}

body
{
    color:#232323;
    margin:0;
    padding:0;
}

input , select, textarea {
    border:1px inset #425c4b;
    font: normal 11px Tahoma, Helvetica, Verdana, Arial;
    color: #e87f07;
    background:#232323;
}
input[type="checkbox"], input[type="radio"]{
  background: transparent;
  border: 0;
}

tr,td,p,div
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    padding:0;
    margin:0;
}

.clr
{
    clear:both;
}

a
{
    text-decoration:none;
    color:#f5a74d;
}

a:hover
{
    color:#FFFFFF;
}

h1,h2,h3,h4,h5,h6
{
    margin:0;
    padding:0;
}

h1
{
    font-size:1.8em;
}

h2
{
    font-size:1.7em;
}

h3
{
    font-size:1.3em;
}

h4
{
    font-size:1.1em;
}

h5
{
    font-size:0.9em;
}

h1
{
    font-size:0.8em;
}

ul
{
    margin:0;
    padding:0;
    list-style:none;
}

ul li
{
    padding:0px 0px 0px 15px;
    background:transparent url(../images/dot.gif) left center no-repeat;
}

/***************layout stuff ***************/
.body_background
{
    background:#232323 url(../images/bg.gif) 0% 0% repeat-x;
    text-align:center;
    color:#E1E1E1;
}

.wrapper
{
    background:#232323 url(../images/wrapper_bg.jpg) 0% 0% repeat-y;
    width:808px;
    margin:0 auto;
    text-align:left;
}

.header
{
    background:transparent url(../images/top_bg.jpg) 0% 0% no-repeat;
    height:90px;
}


div .newsflash
{
    margin:0 auto;
    width:900px;
    padding: 5px 10px;
    background:transparent;
}

.contentpaneopen {
    margin:10px;
}

.topmenu
{
    background:transparent url(../images/news_bg.jpg) 0% 0% no-repeat;
}

.topmenuitems
{
    padding:4px 8px 4px 8px;
}

.topmenuitems a.mainlevel:link,
.topmenuitems a.mainlevel:visited
{
    font-size:1em;
    color:#e87f07;
    font-weight:bold;
    padding:0px 15px 0px 0px;
    background:none;
}

.topmenuitems a.mainlevel:hover
{
    color:#FFFFFF;
}

.main
{
    margin:4px;
}

.maintable
{
}

.leftcol,
.rightcol
{
    vertical-align:top;
}

.leftcol
{
    width:100px;
    background:#383838 url(../images/left_col_bg.jpg) right top repeat-y;
    border-right: 1px solid #393939;
}

.left
{
    padding:15px 15px 15px 15px;
}

.rightcol
{
    width:580px;
    background:#383838 url(../images/main_bg.jpg) left top repeat-y;
}

.rightcolwide
{
    width:100%;
    background:#595959 url(../images/rightcol_bg.png) 0% 0% repeat-x;
}

.right
{
    padding:15px 15px 15px 15px;
}

.footer
{
    text-align:center;
    padding:8px 0px 8px 0px;
}


/************titles,blogs,contacts****************/
.contentheading
{
    font-size:1.4em;
    font-weight:bold;
    color:#e87f07;
}

.componentheading
{
    font-size:1.4em;
    color:#CCCCCC;
}

.sectiontableheader
{
    padding:5px 5px 5px 5px;
    background-color:#595959;
}

.sectiontableentry1,
.sectionatbeleentry2
{
    line-height:1.6em;
}

td.contentdescription
{
    font-size:0.9em;
}

.createdate,
.modifydate,
.small,
.content_rating,
.content_vote,
.mosimage_caption
{
    font-size:0.9em;
    color:#999999;
}

.message
{
    color:#e87f07;
}

a#active_menu.mainlevel
{
    color:#FFFFFF;
}

a.mainlevel:link,
a.mainlevel:visited
{
    padding:0px 0px 0px 15px;
    line-height:1.4em;
    background:transparent url(../images/dot.gif) left center no-repeat;
}

a.mainlevel:hover
{
    color:#FFFFFF;
}

a.sublevel:link,
a.sublevel:visited
{
    padding:0px 0px 0px 17px;
    line-height:1.4em;
}

a.sublevel:hover
{
    color:#FFFFFF;
}

form
{
    padding:0;
    margin:0;
}



/*************modules****************/
.moduletable
{
    margin:0px 0px 25px 0px;
    padding:5px 5px 5px 5px;
}

.moduletable h3
{
    font-size:1.2em;
    color:#ff8800;
    font-weight:normal;
    text-align:left;
}

.topmenuitems .moduletable
{
    margin:0;
    padding:0;
}


.newsflash .moduletable
{
    margin:0;
    padding:0;
}

.newsflash .moduletable div,
.newsflash .moduletable td,
.newsflash .moduletable p,
.newsflash .moduletable tr
{
    color:#FFFFFF;
}

.newsflash .moduletable h3
{
    color:#C6E1F2;
}

.user1 .moduletable
{
    background:transparent url(../images/moduletable_bg.gif) left top;
    border:1px solid #333333;
    margin:0px 0px 10px 0px;
}

.user1 .moduletable h3
{
    color:#CCCCCC;
}

.user2 .moduletable
{
    background:transparent url(../images/moduletable_bg.gif) left top;
    border:1px solid #333333;
    margin:10px 0px 10px 0px;
}

.user2 .moduletable h3
{
    color:#CCCCCC;
}

.moduletable .pollstableborder
{
    border:none;
    text-align:left;
}

.moduletable-blue
{
    margin:0px 0px 25px 0px;
    padding:5px 5px 5px 5px;
    background-color:#1B5E85;
}

.moduletable-blue h3
{
    font-size:1.2em;
    color:#4167b6;
    font-weight:normal;
    text-align:left;
}

.moduletable-black
{
    margin:0px 0px 25px 0px;
    padding:5px 5px 5px 5px;
    background-color:#212121;
}

.moduletable-black h3
{
    font-size:1.2em;
    color:#CCCCCC;
    font-weight:normal;
    text-align:left;
}

/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
    color            : #fefefe;
    font-size        : 10px;
    font-family: Arial;
    text-decoration:none;
}
a.sgfooter:hover {
    color            : #fefefe;
    font-family: Arial;
    text-decoration:none;
}
#sgf {
font-size: 10px;
text-align:center;
width:100%;
margin:0px auto;
color            : #fefefe;
}
.sgf {
text-align:right;
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #fefefe;
text-decoration:none;
}
.sgf1 {
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #fefefe;
text-align:left;
}

a.sglink:link, a.sglink:visited {
    color            : #fefefe;
    font-size        : 10px;
    font-family: Arial;
    text-decoration:none;
}
a.sglink:hover {
    color            : #fefefe;
    font-family: Arial;
    text-decoration:none;
}