body {
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
    padding:0px;
    background-color: #b2535b;
    width:780px;
    margin:auto;
    margin-right:auto;
    margin-left:auto;
    SCROLLBAR-FACE-COLOR: #F3E7FF;
    SCROLLBAR-HIGHLIGHT-COLOR: #F3E7FF;
    SCROLLBAR-SHADOW-COLOR: #F3E7FF;
    SCROLLBAR-3DLIGHT-COLOR: #F3E7FF;
    SCROLLBAR-ARROW-COLOR: #F3E7FF;
    SCROLLBAR-TRACK-COLOR: #F3E7FF;
    SCROLLBAR-DARKSHADOW-COLOR: #F3E7FF
    .scroll {  }
    }
    
img {
    border:0px;
    }

a {font-weight:bold;}
a:link{color:#970100; text-decoration:underline}
a:visited{color:#640002; text-decoration:underline}
a:active{color:#970100; text-decoration:none}
a:hover{color:#970100; text-decoration:underline;}

div#body {
    color: #970100;
    background-color: #f3e7ff;
    margin:0px;
    padding:0px;
    width:780px;
    filter:shadow(color:grey);
    }

/*******    foot    *********/

div#foot {
    height:40px;
    margin-bottom:0px;
    margin-top:auto;
    bottom:0px;
    width: 780px;
    background: #f3e7ff;
    float:left;
    }

p#foot {
    width: 100%;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    }

/*******    head     *********/

div#head {
    background: url('images/h1.jpeg') top center no-repeat #f3e7ff;
    height: 167px;
    width: 780px;
    }
    

/*******    menu     ********/

div#menu {
    width:180px;
    padding:0px;
    text-align:left;
    background: #f3e7ff;
    float:left;
    }
    
div#menu ul {
    list-style:none;
    padding-left:0px;
    padding-top:0px;
    margin-top:0px;
    margin-left:20px;
    }

div#menu ul li {
    background: url('images/gomb.jpeg') top left no-repeat;
    padding-left:10px;
    height:25px;
    width:146px;
    line-spacing:0px;
    line-height:25px;
    }

div#menu a,#jobb .lista h3 a{font-weight:normal}
div#menu a,#jobb .lista h3 a:link{color:#f3e7ff; text-decoration:none; letter-spacing:1px; font-weight:bold}
div#menu a,#jobb .lista h3 a:visited{color:#f3e7ff; text-decoration:none; letter-spacing:1px;font-weight:bold}
div#menu a,#jobb .lista h3 a:active{color:#f3e7ff; text-decoration:none; letter-spacing:1px;font-weight:bold}
div#menu a,#jobb .lista h3 a:hover{color:#f3e7ff; text-decoration:none; background:none;font-weight:bold}

div#menu .banner {
    margin-left:20px;
    }

/********* main **********/

.tracklist {
margin-left:30px;
}

div#main {
    margin-top:10px;
    width:400px;
    background: #f3e7ff;
    float:left;
    text-align:left;
    }
div#admin {
    margin-top:10px;
    width:600px;
    background: #f3e7ff;
    float:left;
    text-align:left;
    }

table.admin {
    border-style: solid;
    border-width: 1px;
    border-color: #640002;
    border-collapse: collapse;
    border-spacing: 1px;
    empty-cells: show;
    }
    
table.admin td {
    padding: 2px;
    border-width:1px;
    border-style:solid;
    }


/************** right *************/

#jobb {
    float:right;
    width:200px;
    margin:0px;
    padding:0px;
}

#jobb .lista {
    width:160px;
    margin:auto;
    margin-top:15px;
    border-style: double;
    border-width:3px;
    border-color: #930102;
    padding:0px;
    }
    
#jobb .lista ul {
    margin-top:0px;
    padding-top:0px;
    margin-left:-10px;
    padding-left:30px;
    width:140px;
}

#jobb .lista ul li {
    margin-top:2px;
    }

#jobb .lista h3 {
    padding-left: 15px;
    width:145px;
    margin-top:0px;
    background:#930102;
    color:#f3e7ff;
}

/************** banner *************/

div#banner {
    float:right;
    width:600px;
}



/***** needed *************/
.clearfix:after { 
    content: ".";
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden;
    }
    
.clearfix { 
    display: inline-table;
    }