*{
margin: 0 auto;
padding:0
}

#container{
width: 100%;
height: 100%;
background-image:url(../pictures/background.png)
}

#main{
width: 616px;
height: 668px;
background-image:url(../pictures/Textbakgrund.html)
}

#banner{
width: 616px;
height: 104px;
background: url(../pictures/banner1.png);
}

#menu{
width: 616px;
height: 25px;
background:url(../pictures/menu.png);
}

#mainframe{
padding-left: 20px;
padding-right: 26px;
text-align:right;
padding-top:1px;
width: 570px;
height: 560px;
background: url(../pictures/mainframe.png);
}

#textframe{
float: left;
padding-top:10px;
margin-top:30px;
width:381px;
height:404px;
font-family:Verdana;
text-align:left;
font-size:14px;
background:url(../pictures/textframe.png);
}


#textheader{
padding-top: 2px;
padding-left: 4px;
width:357px;
height:26x;
font-family:Times New Roman;
font-weight:500;
text-align:left;
background:url(../pictures/textheader.png);
background-repeat:no-repeat;
}

#text{
margin-top: 15px;
width:350px;
height:350px;
font-family:Verdana;
font-weight:normal;
text-align:left;
font-size:13px;
overflow: auto;
}

#sidebar{
float:right;
margin-top: 30px;
width: 170px;
height: 404px;
/*background-color:#CCCCCC;*/
}

#chatbox{
margin-top:4px;
width:170px;
height: 311px;
/*background-image:url(../pictures/chatbox.png);*/
}

#footer{
float: left;
margin-top: 98px;
width: 570px;
height: auto;
font-family: verdana;
font-weight: normal;
text-align: center;
font-size: 10px;
}


/* Menu starts here */

#menu ul{
width: 616px;
height: 25px;
}


#menu li {
float:left;
list-style-type: none;

}

#menu li.menu1 a{
margin-left: 20px;
float:left;
width: 76px;
height: 25px;
background-image:url(../pictures/home.png);


}

#menu li.menu1 a:hover{
width: 76px;
height: 25px;
background-image:url(../pictures/homehover.png);
}


#menu li.menu2 a{
margin-left: 2px;
margin-right: 2px;
float:left;
width: 76px;
height: 25px;
background-image:url(../pictures/about.png);
}

#menu li.menu2 a:hover{
width: 76px;
height: 25px;
background-image:url(../pictures/abouthover.png);
}

#menu li.menu3 a{
margin-right: 2px;
float:left;
width: 76px;
height: 25px;
background-image:url(../pictures/members.png);
}

#menu li.menu3 a:hover{
width: 76px;
height: 25px;
background-image:url(../pictures/membershover.png);
}

#menu li.menu4 a{
margin-right: 2px;
float:left;
width: 76px;
height: 25px;
background-image:url(../pictures/servers.png);
}

#menu li.menu4 a:hover{
width: 76px;
height: 25px;
background-image:url(../pictures/servershover.png);
}

#menu li.menu5 a{
margin-right: 2px;
float:left;
width: 76px;
height: 25px;
background-image:url(../pictures/join.png);
}

#menu li.menu5 a:hover{
width: 76px;
height: 25px;
background-image:url(../pictures/joinhover.png);
}

#menu li.menu6 a{
margin-left: 110px;
float:left;
width: 76px;
height: 25px;
background-image:url(../pictures/rfactor.png);
}

#menu li.menu6 a:hover{
width: 76px;
height: 25px;
background-image:url(../pictures/rfactorhover.png);
}