body {
    font-size: 1em;
    font-family: bitstream vera sans,sans-serif;
    margin: 0;
    padding: 0;
    background: url('../gfx/bg60.jpg') top left no-repeat;
//    background-color: #b1b3b4;
    background-color: #cdd1d4;
}

#toplist {
    position: absolute;
    left: 18px;
    top: 18px;
    width: 724px;
    height: 134px;
    background: url('../gfx/toplist.png');
}

#toplogo {
    position: absolute;
    left: 15px;
    top: 20px;
    width: 138px;
    height: 55px;
    z-index: 55;
}

#topbox {
    position: absolute;
    left: 238px;
    top: 35px;
    width: 473px;
    height: 80px;
    background: url('../gfx/banner-100606.png');
}

#topnav {
    position: absolute;
    left: 18px;
    top: 125px;
    width: 724px;
    height: 43px;
}

#page_leftspalt {
    width: 250px;
}

#page_rightspalt {
    width: 725px;
}

#index_bg {
    width: 700px;
    background-image:url('../gfx/parbild-345x242.png');
    background-repeat:no-repeat;
    background-position:100% 100%;
    margin: 0px;
    padding: 0px;
}

#dating_bg {
    width: 700px;
    background-image:url('../gfx/kille_med_ros.png');
    background-repeat:no-repeat;
    background-position:100% 0%;
    margin: 0px;
    padding: 0px;
}

#ompc_bg {
    width: 700px;
    background-image:url('../gfx/shutterstock_49731712.png');
    background-repeat:no-repeat;
    background-position:100% 0%;
    margin: 0px;
    padding: 0px;
}

#mainctx {
    position: absolute;
    left: 18px;
    top: 180px;
    width: 710px;
}

#page_bigbox {
    width: 710px;
}


#loginbox {
    position: absolute;
    left: 760px;
    top: 18px;
    width: 150px;

    color: #fff;
    font-family: arial;

    font-size: 1em;
    letter-spacing: -0.8px;
}

#loginbox2 {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    height: 578px;
    background: url('../gfx/hjarta-gigant-01.png') top left no-repeat;
}

#loginbox3 {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.small_size {
    font-size: 0.5em;
}

.smallish_size {
    font-size: 0.75em;
}

.standard_size {
    font-size: 1em;
}

.medium_size {
    font-size: 1.25em;
}

.big_size {
    font-size: 1.5em;
}

.bigger_size {
    font-size: 1.80em;
}

.ruta_box {
    position:relative;
    z-index: 1;
}
.ruta_txt {
    position: absolute;
    left: 27px;
    top: 5px;
    color: #fff;
    font-family: arial;

    font-size: 10px;
    letter-spacing: -0.8px;
}

.box_txt {
    font-size: 1em;
    font-family: bitstream vera sans,sans-serif;
    color: #000;
    position: relative;
    top: -10px;
}

#d_prof {
    position: relative;
    float: right;
    z-index: 1;
}

.button_lnk {
    font-size: 20px;
    text-decoration: none;
    border: 1px solid;
    padding: 10px;
    background-color: #aaee00;
}

.prof_menu {
    margin: 0;
    padding-left: 0;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.prof_menu li {
    margin: 5px;
    display: inline;
}
.prof_menu li a {
    color: #000;
    text-decoration: none;
}

.prof_menu li:hover {
    color: #fff;
    /*background-color: #000;*/
}

.prof_menu li:hover > a { color: #fff; } /* makes text hover in <ul><li><a>-tags work */



.tycktill_head {
    padding: 5px;
    border: 1px #888 solid;
    border-bottom: 0px;
    background-color: #eee;
}
.tycktill_body {
    padding: 0px;
    border: 0px;
    border-top: 1px #888 solid;

    padding-bottom: 15px;
}


a {
    color: #333;
    font-weight: bold;
}