/*
Document   : Stil_standard
Created on : 02.mar.2009, 11:45:02
Author     : Vegard
Description: CSS for design av siden/ "Template Standard"".

*/


body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    text-align:center;
   /* background-image: url("bakgrunn.png");
    background-repeat: repeat-x;*/
    background-color:#5b6270;
}

#utenforlinje {
     margin:2em auto;
     margin-bottom:10px;
    text-align:left;
    width:990px;
    padding:10px;
    background-color:#747f8c;
}

#Conteiner {
    width:990px;
    background-color:#f2f2f2;
    margin: 0px;
    padding: 0px;
}


#hode {
    height:60px;
    width:990px;
    float:left;
    margin:0px;
    padding:0px;
   background-image: url("logo.png");
    background-repeat: no-repeat;
   
    /*background-color:#FFFFFF;*/
}

#hode h1 {
    margin: 0px;
    padding: 0px;
}

#logo {
    float:left;

    margin: 5px 5px 5px 5px;
    background-image: url("hvit60_stor.png");
    background-repeat:repeat;
    padding:5px 10px 5px 10px;
    height:40px;
}


.skiplenke {
    visibility:hidden;
}

#tools {
    float:right;
    margin: 5px 5px 5px 5px;
    padding:5px 5px 5px 5px;
    height:25px;
    font-size:1em;
    background-image: url("hvit60_liten.png");
    background-repeat:repeat-x;
}

#tools li {
    list-style-type:none;
    text-align:center;
    display:inline;

}

#toolsmeny {
    margin: 0px;
    padding: 0px;
}
#toolsmeny a {
    text-decoration:none;
    color:#000000;
    text-align:center;
}

#overmeny {
    width:990px;
    float:left;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

#adminmeny {
    width:990px;
    float:left;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

.menyenhet {
    float:left;
    width:175px;
    text-align:center;
    font-style:normal;
    text-decoration:none;
    padding:2px;
   
}


.menyover {
    width:990px;
    background-color:#43464c;
    border-top:3px solid #43464c;
    border-left:3px solid #43464c;
    border-right:3px solid #43464c;
    overflow:hidden;
}

.menyunder {
    width:990px;
    border-bottom:3px solid #43464c;
    border-left:3px solid #43464c;
    border-right:3px solid #43464c;
    background-color:#f2f2f2;
    overflow:hidden;
}


.menyunder a{
    color:black;
}



.menyover .menyenhet {
    color:#f2f2f2;
    background-color:#43464c;
}

.menyenhet:hover {
    color:#000000;
    background-color:#8ea3bf;
}




/*
Kroppen/ midten
*/
#kropp { 
    float:left;
    width:970px;
    margin:10px;
    background-color:#f2f2f2;
}

#V {
    width:15px;
    float:left;
}

#M {
    width:635px;
    float:left;
}

.skille {
    width:775px;
    float:left;
    border-bottom:dashed;
    border-bottom-width:thin;
    padding-top:0px;
    padding-bottom:0px;
}


/*
Høyremenyen
*/
#H {
    width:300px;
    float:left;
    padding:10px;
}
#hmeny_lenker {
    float:left;
    padding:0;
    margin:0;
    font-size:3em;
}

#dagensandakt {
    background-color:#d9d0c7;
    padding:5px;
    margin:0px auto;
}
#dagensandakt h2 {
   margin:0px;
   padding:2px;

}
#dagensandakt h3 {
   margin:0px;
   padding:2px;

}
#dagensandakt h4 {
   margin:0px;
   padding:2px;

}
#dagensandakt p {
   margin:0px;
   padding:2px;

}
#dagensandakt a {
    color:black;
    text-decoration:none;
}
#dagensandakt a:visited {
    color:black;
    text-decoration:none;
}
#lenke a {
    color:#43464c;
    text-decoration:underline;
}
#lenke a:visited {
    color:#43464c;
    text-decoration:underline;
}
#lenke a:hover {
    color:#43464c;
    text-decoration:underline;
}


#moteopptakpaaforsiden {
    background-color:#d9d0c7;
    padding:5px;
    margin:15px auto;
}
#moteopptakpaaforsiden p{
    padding:2px;
    margin:0px;
    margin-bottom:5px;
}

#omdybdepaaforsiden {
    background-color:#d9d0c7;
    padding:5px;
    margin:15px auto;
}
#omdybdepaaforsiden p {
    background-color:#d9d0c7;
    padding:2px;
    margin:0px;
    margin-bottom:5px;
}


#footer {
    color: #747f8c;
    margin: 0px;
    padding: 0px;
}

#footer p {
    color: #747f8c;
    margin: 0px;
    padding: 0px;
}


a {
    color:#43464c;

 
}

/* kode for å få lenke til filer oppdatert desember 24 */
.lydlenke {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}

.lydlenke-boks {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    padding: 5px 10px;
    margin: 10px auto; /* Sentere boksen på siden */

    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-decoration: none;  /* Fjerner understrykning fra lenken */
    color: inherit; /* Arver tekstfarge slik at den ikke endres */
    transition: background-color 0.3s, color 0.3s;  /* Jevn overgang til hover-effekt */
}

.lydlenke-boks:hover {
    background-color: #43464c; /* Ny bakgrunnsfarge ved hover */
}

.lydlenke-boks:hover .lydlenke-tittel,
.lydlenke-boks:hover .lydlenke-tid {
    color: #ffffff;
}

.lydlenke .lydlenke-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.lydlenke .lydlenke-tittel {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}

.lydlenke .lydlenke-artist {
    color: gray;
    font-size: 14px;
    margin: 0;
}

.lydlenke .lydlenke-meta {
    text-align: right;
    display: flex;
    flex-direction: column; 
    align-items: flex-end;
}



.lydlenke .lydlenke-tid {
    font-size: 14px;
    color: black;
    margin: 0;
}

.lydlenke .lydlenke-størrelse {
    font-size: 12px;
    color: gray;
    margin: 0;
}