stiler.css

/*********************************************
*
* framework
*
*/

.framework body {
border:0;
margin:0;
padding:0;
min-height:100%;
}

html.framework {
height:auto;
background-color:#000;
}
.framework #wrapper_object_content table,
.framework #wrapper_object_content td,
.framework #wrapper_object_content th {
    border: 0 none;
}
#fbf_logo {
background-image: url('/data/a23a6338-a68c-46ff-ad52-b8e24f08b143');
width: 180px;
height: 108px;
float: left;
clear: none;
}

#kfn_logo_big {
width: 700px;
background-image: url('/data/485faabb-1d48-41fc-92f1-a8fa6d72b57d');
background-repeat: no-repeat;
height: 70px;
position:absolute;
top: 230px;
left: 150px;
}

.lesson_folder {
padding-top: 20px;
padding-bottom: 20px;
}

.framework #wrapper_page {
width:900px;
}

#frame {
width:900px;
position:relative;
background-image:url('/data/b581f6de-40ac-4d8e-ac28-b8533b7faf8e');
background-repeat:no-repeat;
background-color: #679ecc;
background-position: 0px 20px;
}

#element_nav {
margin-left: 610px;
height: 35px;
margin-top: 30px;
max-width: 300px;
}

#element_nav > a {
color:#fff;
margin-left:4px;
float:left !important;
}

#topline {
height:35px;
background-color:#ed1b24;
}

#topline > *:first-child {
margin-left: 30px;
}

#heading {
height:77px;
background-image:url('/data/a615faea-1757-4aa0-afd1-fa6c23e199e8');
background-repeat:no-repeat;
top: 45px;
position: absolute;
width: 450px;
left: 180px;
}

#main {
width: 100%;
position: relative;
text-align:center;
min-height:387px;
height:auto !important; // min-height issue in ie6 taken care of
}

.category_div {
display:inline;
}

#document_title {
display: none;
}

#folder_name {
margin-top: 5px;
float: left;
}

IFRAME {
width:100%;
height:32em;
visibility: visible;
}

a:hover {
background-color:transparent !important;
border-color:transparent !important;
}

#page_orientation {
visibility:hidden;
position:absolute;
z-index:9;
top: 9px;
left: 635px;
}

#page_orientation * {
float:left;
}

#element_nav .folder_name {
/*display: inline;
position: absolute;
margin-top: 5px;
font-size: 15px;
font-weight: bold;*/
float: left;
}

#content_actions,.hovedfelt > a,.hovedfelt > div > h1,#element_comments, .framework #wrapper_object_content p {
display:none;
}
.udir {
    color: #ffffff;
    display: block;
    float: right;
    font-size: 11px;
    margin: 5px 0 0;
}
.bottom_info_link {
    color: #ffffff;
}
/***************************************
*
* login related
*
*/

#login_page {
background-image:url('/data/73db6217-730a-478c-b606-13375b2f1070');
width:900px;
height:528px;
}


#login_field {
float:left;
position:relative;
width:429px;
height:202px;
margin-top: 40px;
left: 180px;
padding-top: 20px;
background-image:url('/data/302ede09-b6e1-44f9-ac63-d1016fe10b60');
background-repeat:no-repeat;
background-position:12px 0 0 0;
}
.loginbutton {
    background-color: #fee929;
    border-radius: 7px;
    color: #000000;
    display: block;
    font-size: 16px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 70%;
}
.loginbutton:hover {
    background-color: #cdcee6 !important;
    color: #000000;

}
.information-text {
    display: block;
    font-size: 16px;
    color: #ffffff;
    padding: 10px 20px 0;
}
.information-text a {
    color: #fee929;
}
.information-text a:hover {
    color: #ffffff;
}

/***************************************
*
* misc
*
*/

#home_img {
background-image:url('/data/8fe8f1ee-48e9-4e47-b001-31f194736157');
height:30px;
width:30px;
display:inline;
float:left;
position:relative;
background-repeat:no-repeat;
background-position:0 5px;
}

#home_img:hover {
background-image:url('/data/ae1209fb-56ba-4773-b327-9a65a9e21859');
cursor: pointer;
}

.info_img {
background-image:url('/data/6b7e56e6-ccdb-4a8e-b956-6ca046265761');
height:30px;
width:30px;
display:inline;
float:left;
position:relative;
background-repeat:no-repeat;
background-position:0 5px;
}

.info_img:hover {
background-image:url('/data/2bcc412c-dd02-4ddd-94c9-a258e838a371');
cursor: pointer;
}

/****************************************
*
* navigation buttons
*
*/

#prev_folder_button {
display:block;
position:relative;
z-index:9;
margin-top: -7em;
margin-left: 2.2em;
float: left;
min-width: 66px;
min-height: 65px;
background-image: url('/data/a9e906eb-37aa-422b-a5fb-d81e8793fc53');
}

#next_folder_button {
display:block;
position:relative;
z-index:9;
margin-top: -7em;
margin-right: 2.2em;
float: right;
min-width: 66px;
min-height: 65px;
background-image: url('/data/16fa3d86-918b-4e50-8216-3f911fab54a6');
}

#prev_page_button {
display:block;
position:relative;
z-index:9;
margin-top: -7em;
margin-left: 2.2em;
float: left;
visibility: hidden;
min-width: 66px;
min-height: 65px;
background-image: url('/data/3e9aaa54-0874-4159-b1f2-3e0bc25c3b62');
}

#next_page_button {
display:block;
position:relative;
z-index:9;
margin-top: -7em;
margin-right: 2.2em;
float: right;
visibility: hidden;
min-width: 66px;
min-height: 65px;
background-image: url('/data/d7b3a4f0-5f72-40cf-a83b-6e139ab28a30');
}

#prev_page_button:hover {
background-image: url('/data/3e9aaa54-0874-4159-b1f2-3e0bc25c3b62');
background-position: 66px 0px;
cursor: pointer;
}

#next_folder_button:hover {
background-image: url('/data/16fa3d86-918b-4e50-8216-3f911fab54a6');
background-position: 65px 0px;
cursor: pointer;
}
#prev_folder_button:hover {
background-image: url('/data/a9e906eb-37aa-422b-a5fb-d81e8793fc53');
background-position: 65px 0px;
cursor: pointer;
}

#next_page_button:hover {
background-image: url('/data/d7b3a4f0-5f72-40cf-a83b-6e139ab28a30');
background-position: 66px 0px;
cursor: pointer;
}
#info_login {
position:absolute;
width:270px !important;
height:202px !important;
margin-top:40px !important;
margin-left:115px !important;
background-image:url('/data/302ede09-b6e1-44f9-ac63-d1016fe10b60');
background-repeat:no-repeat;
}
#kfn-logout {
position:absolute;
top: 3px;
right: 3px;
width:96px !important;
height:30px !important;
margin: 0;
padding: 0;
}
#kfn-logout a {
display: block;
width: 100%;
height: 100%;
background-image:url('/data/f4dcd0a8-708b-4153-928e-985f64fa135f');
background-repeat:no-repeat;
}
#kfn-logout a:hover {
background-position: -97px 0;
}
/* White background when not logged in and typing in pin code */
#main #request_register_account,
#main #request_forgotten_pw {
 margin: 3em;
 padding: 1em;
 background-color: #ffffff;
 text-align: left;
}

Login