BODY
{
    FONT-SIZE: 80%;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #ffffff
}
H1
{
    FONT-SIZE: 200%;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bolder;
    COLOR: #4a6061;
    PADDING-BOTTOM: 0px;
    TEXT-ALIGN: left;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
H5
{
    FONT-SIZE: 120%;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bolder;
    COLOR: #4a6061;
    PADDING-BOTTOM: 0px;
    TEXT-ALIGN: left;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
H2
{
    FONT-SIZE: 180%;
    COLOR: #4a6061;
    TEXT-ALIGN: left
}
A
{
    COLOR: #0070a6
}
A:hover
{
    COLOR: #000000
}
TD
{
    FONT-SIZE: 80%
}
TH
{
    FONT-SIZE: 80%;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #bacdca
}
P
{
    FONT-FAMILY: Arial
}
H3
{
    FONT-SIZE: 150%;
    FONT-WEIGHT: bolder;
    COLOR: #4a6061;
    TEXT-ALIGN: left
}
TD.BGtop
{
    BACKGROUND-COLOR: #ffffff
}
.menX
{
    HEIGHT: 23px;
    WIDTH: 100px;
    BACKGROUND: url(../pics/storknappx.png) no-repeat;
    BORDER-BOTTOM: #ece9d8 1px solid;
    TEXT-ALIGN: center
}
.menTxt
{
    HEIGHT: 23px;
    WIDTH: 100px;
    TEXT-ALIGN: center;
    PADDING-TOP: 5px
}
.men0
{
    HEIGHT: 23px;
    WIDTH: 100px;
    BACKGROUND: url(../pics/storknapp0.png) no-repeat;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    TEXT-ALIGN: center
}
.BottomGrayLine
{
    BORDER-BOTTOM: #c0c0c0 1px solid
}
TD.BGmeny
{
    FONT-SIZE: 70%;
    BORDER-TOP: lightgrey 1px;
    BORDER-RIGHT: #d3d3d3 1px;
    BORDER-BOTTOM: #d3d3d3 1px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 3px;
    BORDER-LEFT: #d3d3d3 1px solid;
    PADDING-RIGHT: 3px;
    BACKGROUND-COLOR: #ece9d8
}
TD.BGkropp
{
    BORDER-TOP: #d3d3d3 1px solid;
    BORDER-RIGHT: #d3d3d3 1px solid;
    BORDER-BOTTOM: #d3d3d3 1px solid;
    PADDING-BOTTOM: 7pt;
    PADDING-TOP: 7pt;
    PADDING-LEFT: 7pt;
    BORDER-LEFT: #d3d3d3 1px solid;
    PADDING-RIGHT: 7pt;
    BACKGROUND-COLOR: #ffffff
}
A.menG
{
    TEXT-DECORATION: none;
    COLOR: #4a6061
}
A.menG:hover
{
    COLOR: #007cc3
}
A.menU
{
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.menU:hover
{
    COLOR: #007cc3
}
A.menU1
{
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.menU1:hover
{
    COLOR: #007cc3
}
H4
{
    FONT-SIZE: 130%;
    COLOR: #4a6061;
    TEXT-ALIGN: left
}
.blue
{
    COLOR: #0070a6
}
.yellow
{
    COLOR: #e0a200
}
.bold
{
    FONT-WEIGHT: bolder
}
I.blue
{
    FONT-STYLE: normal
}
TD.BGright
{
    BORDER-TOP: lightgrey 1px;
    BORDER-RIGHT: #d3d3d3 1px solid;
    BORDER-BOTTOM: #d3d3d3 1px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    PADDING-LEFT: 2px;
    BORDER-LEFT: #d3d3d3 1px;
    PADDING-RIGHT: 2px;
    BACKGROUND-COLOR: #ece9d8
}
.H1
{
    FONT-SIZE: 200%;
    COLOR: #4a6061
}
.H2
{
    FONT-SIZE: 180%;
    COLOR: #4a6061
}
.H3
{
    FONT-SIZE: 150%;
    FONT-WEIGHT: bolder;
    COLOR: #4a6061
}
.H4
{
    FONT-SIZE: 130%;
    COLOR: #4a6061
}
.Julebox
{
    FONT-SIZE: 10px;
    TEXT-DECORATION: ;
    COLOR: #000000
}
INPUT.toppmeny
{
    FONT-SIZE: 80%;
    BORDER-TOP: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid
}
INPUT.Antall
{
    FONT-SIZE: 80%;
    BORDER-TOP: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    WIDTH: 2em;
    BORDER-BOTTOM: #000000 1px solid;
    TEXT-ALIGN: right;
    BORDER-LEFT: #000000 1px solid
}
TR.F2
{
    BACKGROUND-COLOR: #ffffff
}
TR.FH
{
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #bacdca
}
TR.F1
{
    BACKGROUND-COLOR: #f4f4f4
}
TR.F2A
{
    COLOR: #808080;
    BACKGROUND-COLOR: #ffffff
}
TR.F2B
{
    COLOR: #000099;
    BACKGROUND-COLOR: #ffffff
}
TR.F1A
{
    COLOR: #808080;
    BACKGROUND-COLOR: #f4f4f4
}
TR.F1B
{
    COLOR: #000099;
    BACKGROUND-COLOR: #f4f4f4
}
INPUT.Loggin
{
    FONT-SIZE: 80%;
    BORDER-TOP: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid
}
TR.RTop
{
    HEIGHT: 15pt;
    BACKGROUND: url(../pics/boxback.png) repeat-x
}
TABLE.border
{
    BORDER-TOP: #bacdca 1px solid;
    BORDER-RIGHT: #bacdca 1px solid;
    BORDER-BOTTOM: #bacdca 1px solid;
    BORDER-LEFT: #bacdca 1px solid
}
.bordera
{
    BORDER-TOP: #bacdca 1px solid;
    BORDER-RIGHT: #bacdca 1px solid;
    BORDER-BOTTOM: #bacdca 1px solid;
    BORDER-LEFT: #bacdca 1px solid
}
SELECT.Sok
{
    FONT-SIZE: 80%;
    BORDER-TOP: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid
}
OPTION.Sok
{
    FONT-SIZE: 80%;
    BORDER-TOP: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid
}
.red
{
    COLOR: crimson
}
TEXTAREA.inp
{
    BORDER-TOP: black 1px solid;
    FONT-FAMILY: Arial;
    BORDER-RIGHT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid
}
A.TK
{
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.TK:hover
{
    TEXT-DECORATION: none;
    COLOR: #007cc3
}
INPUT.Pris
{
    FONT-SIZE: 80%;
    BORDER-TOP: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    TEXT-ALIGN: right;
    BORDER-LEFT: #000000 1px solid
}
TD.oh
{
    FONT-SIZE: 150%;
    BORDER-TOP: #000000 double;
    COLOR: #007cc3
}
TD.oh1
{
    BORDER-TOP: #000000 1px solid
}
A.Rekl
{
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.Rekl:hover
{
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.Jul
{
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
    COLOR: #fed41e
}
A.Jul:hover
{
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
    COLOR: #fed41e
}
A.UG0
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: bolder;
    COLOR: #006f00
}
A.UG0:hover
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: bolder;
    COLOR: #000000
}
A.UG1
{
    TEXT-DECORATION: none;
    COLOR: #006f00
}
A.UG1:hover
{
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.UG2
{
    TEXT-DECORATION: none;
    COLOR: #2c8dbe
}
A.UG2:hover
{
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.UG3
{
    TEXT-DECORATION: none;
    COLOR: #428aaf
}
A.UG3:hover
{
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.UG4
{
    TEXT-DECORATION: none;
    COLOR: #5887ad
}
A.UG4:hover
{
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.UG5
{
    TEXT-DECORATION: none;
    COLOR: #6e8491
}
A.UG5:hover
{
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.UG6
{
    TEXT-DECORATION: none;
    COLOR: #848282
}
A.UG6:hover
{
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.UGx
{
    TEXT-DECORATION: none;
    COLOR: #ff1111
}
A.UGx:hover
{
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.TM0
{
    TEXT-DECORATION: none;
    BORDER-TOP: #d3d3d3 thin solid;
    BORDER-RIGHT: #d3d3d3 thin solid;
    BORDER-BOTTOM: #d3d3d3 thin solid;
    COLOR: #006f00;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #d3d3d3 thin solid;
    PADDING-RIGHT: 5px;
    BACKGROUND-COLOR: #dcdcdc
}
A.TM0:hover
{
    TEXT-DECORATION: none;
    BORDER-TOP: #d3d3d3 thin solid;
    BORDER-RIGHT: #d3d3d3 thin solid;
    BORDER-BOTTOM: #d3d3d3 thin solid;
    COLOR: #000000;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #d3d3d3 thin solid;
    PADDING-RIGHT: 5px;
    BACKGROUND-COLOR: #ffffff
}
A.TMX
{
    TEXT-DECORATION: none;
    BORDER-TOP: #d3d3d3 thin solid;
    BORDER-RIGHT: #d3d3d3 thin solid;
    BORDER-BOTTOM: #d3d3d3 thin solid;
    COLOR: #000000;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #d3d3d3 thin solid;
    PADDING-RIGHT: 5px;
    BACKGROUND-COLOR: #ffffff
}
A.TMX:hover
{
    TEXT-DECORATION: none;
    BORDER-TOP: #d3d3d3 thin solid;
    BORDER-RIGHT: #d3d3d3 thin solid;
    BORDER-BOTTOM: #d3d3d3 thin solid;
    COLOR: #000000;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #d3d3d3 thin solid;
    PADDING-RIGHT: 5px;
    BACKGROUND-COLOR: #ffffff
}
.ekst
{
    FONT-WEIGHT: bolder
}
.green
{
    COLOR: #006f00
}
TD.Vis1
{
    TEXT-DECORATION: none;
    BORDER-RIGHT: #ffffff thin solid;
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: center;
    BORDER-LEFT: #ffffff thin solid;
    BACKGROUND-COLOR: #bacdca
}
TD.Vis2
{
    TEXT-DECORATION: none;
    BORDER-RIGHT: #ffffff thin solid;
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: center;
    BORDER-LEFT: #ffffff thin solid;
    BACKGROUND-COLOR: #dcdcdc
}
.linktilside
{
    FONT-SIZE: 80%
}
TR.mT
{
}
TR.F3
{
    BACKGROUND-COLOR: #ffc0cb
}
.bodycolor
{
    COLOR: #ece9d8
}
TABLE.borderred
{
    BORDER-TOP: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
    BORDER-BOTTOM: #990000 1px solid;
    BORDER-LEFT: #990000 1px solid
}
TR.RTopredx
{
    FONT-SIZE: 20pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #990000
}
.dred
{
    COLOR: #990000
}
.dredftop
{
    FONT-SIZE: 12pt;
    BORDER-TOP: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
    BORDER-BOTTOM: #990000 1px solid;
    POSITION: relative;
    FONT-WEIGHT: bolder;
    COLOR: #990000;
    BORDER-LEFT: #990000 1px solid;
    Z-INDEX: 0;
    TOP: -2pt
}
.dredf
{
    BORDER-TOP: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
    BORDER-BOTTOM: #990000 1px solid;
    FONT-WEIGHT: bolder;
    COLOR: #990000;
    BORDER-LEFT: #990000 1px solid;
    Z-INDEX: 0;
    TOP: -3pt
}
.popuphdr
{
    BORDER-TOP: #ffffde 1px solid;
    BORDER-RIGHT: #ffffde 1px solid;
    WIDTH: 300px;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    BORDER-BOTTOM: #ffffde 1px solid;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    PADDING-LEFT: 10px;
    BORDER-LEFT: #ffffde 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-COLOR: #f3db9c
}
.popupbdy
{
    BORDER-TOP: #f3db9c 1px solid;
    BORDER-RIGHT: #f3db9c 1px solid;
    WIDTH: 300px;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    BORDER-BOTTOM: #f3db9c 1px solid;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    PADDING-LEFT: 10px;
    BORDER-LEFT: #f3db9c 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-COLOR: #ffffde
}
.phdr
{
    FONT-SIZE: 12px;
    BORDER-TOP: #c8ba92 1px solid;
    FONT-FAMILY: arial;
    BORDER-RIGHT: #c8ba92 1px solid;
    WIDTH: 200px;
    BACKGROUND: #f3f0e7;
    BORDER-BOTTOM: #c8ba92 1px solid;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #c8ba92 1px solid;
    PADDING-RIGHT: 5px
}
.pbdy
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BORDER-RIGHT: #c8ba92 1px solid;
    WIDTH: 200px;
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #c8ba92 1px solid;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #c8ba92 1px solid;
    PADDING-RIGHT: 5px
}
.ToppTable
{
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND-COLOR: #ffffff
}
.ToppListe
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    BORDER-LEFT: #c0c0c0 1px solid;
    BACKGROUND-COLOR: #ece9d8
}
.Bakgrunn
{
    BACKGROUND-COLOR: #ece9d8
}
A.ToppMeny0
{
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    COLOR: #006f00
}
A.ToppMeny0:hover
{
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.ToppMenyX
{
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.ToppMenyX:hover
{
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    COLOR: #000000
}
TD.BGBunn
{
    BORDER-RIGHT: #d3d3d3 1px solid;
    BORDER-BOTTOM: #d3d3d3 1px solid;
    PADDING-BOTTOM: 7px;
    PADDING-TOP: 7px;
    PADDING-LEFT: 7px;
    BORDER-LEFT: #d3d3d3 1px solid;
    PADDING-RIGHT: 7px;
    BACKGROUND-COLOR: #ece9d8
}
.box0
{
    HEIGHT: 23px;
    WIDTH: 100px;
    BACKGROUND: url(../pics/storknapp0.png) repeat-x;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    TEXT-ALIGN: center
}
.boxbunn
{
    BACKGROUND: url(../pics/boxback.png) repeat-x;
    FONT-WEIGHT: bolder
}
.boxjul
{
    FONT-SIZE: 12pt;
    TEXT-DECORATION: none;
    BACKGROUND: url(../pics/julback.png) repeat-x;
    FONT-WEIGHT: bolder;
    COLOR: #fed41e;
    TEXT-ALIGN: center
}
.jultext
{
    FONT-SIZE: 10pt;
    COLOR: #fed41e
}
.mainboxjul
{
    BACKGROUND: url(../pics/julmainback.jpg) repeat-x;
    FONT-WEIGHT: bolder;
    COLOR: #fed41e
}
.box1
{
    HEIGHT: 23px;
    WIDTH: 100px;
    BACKGROUND: url(../pics/storknappb.png) repeat-x;
    TEXT-ALIGN: center
}
A.BoxTxt0
{
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    COLOR: #0070a6
}
A.BoxTxt0:hover
{
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    COLOR: #000000
}
A.BoxTxt1
{
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bolder;
    COLOR: #0070a6
}
A.BoxTxt1:hover
{
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bolder;
    COLOR: #0070a6
}
.grey
{
    FONT-SIZE: 10pt;
    COLOR: #808080
}
.dvhdr1
{
    FONT-SIZE: 12px;
    BORDER-TOP: #c8ba92 1px solid;
    FONT-FAMILY: arial;
    BORDER-RIGHT: #c8ba92 1px solid;
    BACKGROUND: #f3f0e7;
    BORDER-BOTTOM: #c8ba92 1px solid;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #c8ba92 1px solid;
    PADDING-RIGHT: 5px
}
.dvbdy1
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BORDER-RIGHT: #c8ba92 1px solid;
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #c8ba92 1px solid;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #c8ba92 1px solid;
    PADDING-RIGHT: 5px
}
.dvhdr150
{
    FONT-SIZE: 12px;
    BORDER-TOP: #c8ba92 1px solid;
    FONT-FAMILY: arial;
    BORDER-RIGHT: #c8ba92 1px solid;
    WIDTH: 150px;
    BACKGROUND: #f3f0e7;
    BORDER-BOTTOM: #c8ba92 1px solid;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #c8ba92 1px solid;
    PADDING-RIGHT: 5px
}
.dvbdy150
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BORDER-RIGHT: #c8ba92 1px solid;
    WIDTH: 150px;
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #c8ba92 1px solid;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #c8ba92 1px solid;
    PADDING-RIGHT: 5px
}
TR.redback
{
    COLOR: ;
    BACKGROUND-COLOR: #fff1f1
}
.fw75h75
{
    HEIGHT: 75px;
    WIDTH: 75px;
    COLOR: ;
    TEXT-ALIGN: center
}
.reklameblokk {
    display: flex;
    flex-wrap: wrap;
}
.reklameblokkT {
    margin: 3px;
    /*height: 370px;*/
    border: #d3d3d3 1px solid;
    width: 250px;
    float: left;
}
.reklameblokktoppT {
    padding: 3px;
    background: url(../pics/boxback.png) repeat-x;
    font-weight: bolder;
    text-align: center;
    clear: left;
}
.reklameblokkkroppT {
    margin: 5px;
    padding: 5px;
    font-size: 90%;
}
.reklamebildeT {
    align: center;
    width: 100%;
    -webkit-filter: drop-shadow(3px 3px 2px gray); /* Chrome, Safari, Opera */
    filter: drop-shadow(3px 3px 2px gray);
}
.reklameblokk2T {
    margin: 3px;
    /*height: 100%;*/
    /*flex: 1;*/
    border: #d3d3d3 1px solid;
    width: 365px;
    float: left;
}
.reklameblokk3T {
    margin: 3px;
    /*height: 100%;*/
    /*flex: 1;*/
    border: #d3d3d3 1px solid;
    width: 240px;
    float: left;
}
.reklameblokk4T {
    margin: 3px;
    /*height: 100%;*/
    /*flex: 1;*/
    border: #d3d3d3 1px solid;
    width: 175px;
    float: left;
}
.reklameblokk5T {
    margin: 3px;
    /*height: 100%;*/
    /*flex: 1;*/
    border: #d3d3d3 1px solid;
    width: 140px;
    float: left;
}
.issubox{
    width: 800px;
    height: 580px;
}
   .container {
        height: 0;
        padding-bottom: 100%; /* Or 75% for 4:3 aspect ratio */
        position: relative;
        overflow: hidden;
    }
    .container img {
        display: inline-block;
        max-width: 100%; /* You can use different numbers for max-width and max-height! */
        max-height: 100%;
        width: auto;
        height: auto;
        
        position: absolute;
        left: 50%; /* This sets left top corner of the image to the center of the block... */
        top: 50%; /* This can be set also to bottom: 0; for aligning image to bottom line. Only translateX is used then. */
        -webkit-transform: translate(-50%,-50%); /* ...and this moves the image 50 % of its width and height back. */
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .imgstd {
        width: 250px !important;
    }
    /* Fallback for IE8 */
    @media all\0 { 
        .container img {
            margin: auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }
    }