body{ 
    /*background-color: green; */

/* background-color: rgb 0,255, 0 */

background-color: #CAD5D9;
    font-family:sans-serif, arial;
    
    margin:0;
    padding:0;
}


ol{display: inline-block
}



.billedhead{
    width:997px;
    height:auto}
    
.billed{
    width:470px;
    height:auto; padding :15px}
.billed2{
    width:200px;
    height:auto; padding :15px}
.billed3{
    width:40px;
    height:auto; padding :1px}
.billedgalleri{
    width:700px;
    height:auto; padding :0px}
.foto1 {float: right;}
.foto2 {float: left; 
}
.foto3 {float: center; 
}

#container {
    
    
    /* <div class="component  stretch template" style="min-width:1054px;"> */
    
    max-width:1054px;
   /* opr: width: 1000px;*/   
   width: 100%;
   margin: 0px auto 0px auto;
    padding: 15px 15px 15px 15px;
   background-color: rgb(255,255, 255);
}

#cont2 {
    width: 200px;
    margin: 30px auto 0px auto;
    padding: 15px 15px 15px 15px;
   background-color: rgb(100,100, 100);
    float: left;
}

#cont3 {
    width: 300px;
    margin: 30px  30px 30px 30px; 
   
        padding: 15px 15px 15px 100px;
   background-color: lightgrey;
   border: 2px solid black ;
   
     display: inline-block;
     float: left;
       
}


#cont-prog {
    width: 430px;
    margin: 15px  3px 30px 15px; 
   
        padding: 15px 15px 15px 15px;
   background-color: lightgrey;
   border: 2px solid black ;
   
     display: inline-block;
     float: left;
      
}

#cont-slide_r {
    width: 480px;
    margin: 15px  3px 3px 5px; 
   
        padding: 5px 5px 5px 5px;
   background-color: lightgrey;
   border: 2px solid black ;
   
     display: inline-block;
     float: right;
      
}




#slideshow {
    margin: 5px auto;
    position: relative;
    width: 448px;
    height: 336px;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
 
#slideshow > div {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}




.clearfix {clear: both;
}