body
{
    margin: 0px;
    background: #FFFFFF;
    text-align: left;
}

.holder
{
    text-align:center;
    margin:120px 0px 20px 0px;
}

.text9
{
    font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 12px;
}

.text10
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    line-height: 14px;
}



.text10bold
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    line-height: 14px;
}


.text11
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    line-height: 14px;
}
.text11italic
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    line-height: 14px;
    font-style: italic;
}
.text11bold
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    line-height: 14px;
}

.text12
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    line-height: 14px;
}

.text12bold
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    line-height: 14px;
}

.text13bold
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    line-height: 14px;
}

.text14bold
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    line-height: 14px;
}


A
{
    color: #FFFFFF;
    font-family: Tahoma, Verdana;
    font-size: 10px;
    text-decoration: none;
}
A:link
{
    color: #FFFFFF;
    font-family: Tahoma, Verdana;
    font-size: 10px;
    text-decoration: none;
}
A:visited
{
    color: #FFFFFF;
    font-family: Tahoma, Verdana;
    font-size: 10px;
    text-decoration: none;
}
A:active
{
    color: #FFFFFF;
    font-family: Tahoma, Verdana;
    font-size: 10px;
    text-decoration: none;
}

A:hover
{
    color: #CECECE;
    font-family: Tahoma, Verdana;
    font-size: 10px;
    text-decoration: bold;
}

A.nyhet:link
{
    color: #964000;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}
A.nyhet:visited
{
    color: #964000;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}
A.nyhet:active
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}

A.nyhet:hover
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}


A.liten:link
{
    color: #964000;
    font-family: Verdana;
    font-size: 9px;
    text-decoration: none;
    font-weight: bold;
}
A.liten:visited
{
    color: #964000;
    font-family: Verdana;
    font-size: 9px;
    text-decoration: none;
    font-weight: bold;
}
A.liten:active
{
    color: #000000;
    font-family: Verdana;
    font-size: 9px;
    text-decoration: none;
    font-weight: bold;
}

A.liten:hover
{
    color: #000000;
    font-family: Verdana;
    font-size: 9px;
    font-weight: bold;
}


A.stor
{
    color: #FFFFFF;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    text-decoration: none;
}
A.stor:link
{
    color: #FFFFFF;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    text-decoration: none;
}
A.stor:visited
{
    color: #FFFFFF;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    text-decoration: none;
}
A.stor:active
{
    color: #FFFFFF;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    text-decoration: none;
}



A.browse:link
{
    color: #964000;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}
A.browse:visited
{
    color: #964000;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}
A.browse:active
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}

A.browse:hover
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}






.knapp
{
    background-color: #F2F2ED;
    font-family: verdana,sans-serif;
    font-size: 10px;
    border: 1px, solid;
    border-color: #003C74;
    font-weight: bold;
    height: 18px;
}

.dropdown
{
    border: 1px solid #7F9DB9;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    line-height: 14px;
    scrollbar-arrow-color: #F4F4F4;
    scrollbar-base-color: #F4F4F4;
    scrollbar-darkshadow-color: #F4F4F4;
    scrollbar-face-color: #E7EEF4;
    scrollbar-highlight-color: #E7EEF4;
    scrollbar-shadow-color: #F4F4F4;
}

.formular
{
    border: 1px solid #333333;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    line-height: 14px;
    width: 600px;
}

.formularSmall
{
    border: 1px solid #333333;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    line-height: 14px;
    width: 130px;
}




.formularbold
{
    border: 1px solid #003C74;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    line-height: 14px;
}

.formularhiglight
{
    background-color: #FFFFFF;
    font-family: verdana,sans-serif;
    font-size: 12px;
    border: 1px solid;
    height: 20px;
    width: 200px;
    border-color: #ff0000;
}
/*************************************/
.dynloadarea
{
    width: 279px;
    height: 362px;
    z-index: 1;
    position:relative;
    overflow:hidden;
    text-align:center;
    cursor:pointer;
}

.dynloadareaAlt
{
    width: 420px;
    height: 315px;
}

#lblImageText
{
    position: relative;
    bottom: 22px;
    left: 250px;
    z-index: 10;
    font-size: 18px;
    width: 25px;
    height: 20px;
}

.emailLink
{
    display:block;
    height:30px;
    width:200px;
    line-height:30px;
    padding:0px 0px 0px 45px;
    background:url(../img/envelope.png) left center no-repeat;
}















/***************************** scroller ***************************************/

.scrollHolder
{
    margin: 10px 0px 0px 3px;
    width: 279;
    height: 55px;
    cursor:default;
}

.scrollHolderAlt
{
    margin: 10px 0px 0px 3px;
    width: 415px;
    height: 77px;
}

.scroller
{
    position: relative;
    height: 55px;
    width: 230px;
    overflow: hidden;
    float: left;
    margin: 0px 5px 0px 2px;

}

.scrollHolderAlt .scroller
{
    height: 78px;
    width: 370px;
}

.scroller .items
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    width: 20000px;
    height: 55px;
    left:0px;
    top:0px;
}

.scrollHolderAlt .scroller .items
{
    height:77px;
}



.scroller .items li
{
    height: 52px;
    width: 35px;
    float: left;
    margin: 0px 6px 0px 6px;
    overflow: hidden;
    cursor:pointer;
}

.scrollHolderAlt .scroller .items li
{
    width:80px;
    height:70px;
}

.scroller .items .active
{
    border-bottom:3px #fff solid;
}

.scrollHolderAlt .scroller .items .active
{
    border-bottom:3px #fff solid;
}

.scroller .items li img
{
    height: 45px;
}

.scrollHolderAlt .scroller .items li img
{
    height:62px;
    width:80px;
}

.browse
{
    display: block;
    width: 18px;
    height: 20px;
    float: left;
    margin: 13px 0px 0px 0px;
    cursor:pointer;
}

.scrollHolderAlt .browse
{
    margin: 21px 0px 0px 0px;
}

.scrollHolder .left
{
    background:url(../img/knappar/btn_prev.gif) no-repeat;
}

.scrollHolder .right
{
    background:url(../img/knappar/btn_next.gif) no-repeat;
}

.tempOverlay
{
    position:absolute;
    left:0px;
    top:0px;
}

/***************************** end scroller ***************************************/

/*********************************' gallery **************************************/


.simple_overlay
{
    /* must be initially hidden */
    display: none; /* place overlay on top of other elements */
    z-index: 10000; /* styling */
    background-color: #333;
    width: 675px;
    min-height: 200px;
    border: 1px solid #666; /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close
{
    background-image: url(../img/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

.scrollable a:hover
{
    text-decoration: none;
}

.simple_overlay .gnext, .gprev
{
    /* absolute positioning relative to the overlay */
    position: absolute;
    top: 40%;
}
/* progress indicator (animated gif). should be initially hidden */

.progress
{
    position: absolute;
    top: 45%;
    left: 50%;
    display: none;
}

/* active thumbnail is raised on top of the mask using the z-index property */

.scrollable a.active img
{
    outline: 1px solid #000;
    z-index: 9999;
    position: relative;
}

/* the large image. we use a gray border around it */
#img
{
    border: 1px solid #666;
}

/* "next image" and "prev image" links */
.gnext, .gprev
{
    /* absolute positioning relative to the overlay */
    position: absolute;
    top: 40%;
    border: 1px solid #666;
    cursor: pointer;
    display: block;
    padding: 10px 20px;
    color: #fff;
    font-size: 11px; /* upcoming CSS3 features */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.gprev
{
    left: 0;
    border-left: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
}

.gnext
{
    right: 0;
    border-right: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
}

.gnext:hover, .gprev:hover
{
    text-decoration: underline !important;
    color:#1378b4 !important;
    background-color: #000;
}

/* when there is no next or previous link available this class is added */
.disabled
{
    visibility: hidden;
}

/* the "information box" */
.info
{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 15px;
    color: #fff;
    font-size: 11px;
    border-top: 1px solid #666;
}

.info strong
{
    display: block;
}

/* progress indicator (animated gif). should be initially hidden */
.progress
{
    position: absolute;
    top: 45%;
    left: 50%;
    display: none;
}

/* everybody should know about RGBA colors. */
.gnext, .gprev, .info
{
    background: #333 !important;
}

/*********************************** end gallery *********************************/

.footer
{
    padding-top:10px; 
    text-align:center; 
    color:#999;
}

.footer a
{
    color:#999 !important;
}