/* CSS fil till Demosida Mediatyp, all. Författare Jens Josefsson, Webmind, jens@webmind.se */


.popup
{
    position:absolute;
    top:200px;
    left:200px;
    z-index:200;
    width:400px;
    height:280px;
    padding:20px;
    border: 6px  inset #8c8c8c;
    background-color:#eee;
    
    
    
}



html
{
    margin: 0;
    padding: 0;
}

body
{
    padding: 0px;
    margin: 6px 0 0 0;
    background-color: #8c8c8c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #595959;
    font-weight: normal;
    background-image: url(../grfx/bg_green.jpg);
    background-repeat: repeat-x;
}


#ovre
{
    position: relative;
    margin: 0 auto 0px auto;
    padding: 0;
    width: 926px;
    min-height: 10px;
    background-image: url(../grfx/ovre_bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
#slut
{
    position: relative;
    margin: 0 auto 0px auto;
    padding: 0;
    width: 926px;
    min-height: 20px;
    background-image: url(../grfx/undre_bg.png);
    background-repeat: no-repeat;
}

#container
{
    position: relative;
    margin: 0 auto 0px auto;
    padding: 0 13px;
    width: 900px;
    min-height: 600px;
    background-color: transparent;
    background-image: url(../grfx/mitt_bg.png);
    background-repeat: repeat-y;
    overflow: visible;
}


#top
{
    position: relative;
    width: 900px;
    background-color: #FFFFFF;
    height: 96px;
}

#navmenu
{
    position: relative;
    float: right;
    clear: none;
    width: 505px;
    height: 20px;
    background-color: #595959;
    background-image: url(../grfx/ovre_meny.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    border: none;
    padding: 5px 0 0 10px;
    margin: 0;
}
#search
{
    position: relative;
    float: right;
    clear: none;
    width: 525px;
    height: 25px;
    border: none;
    padding: 0;
    margin: 2px 0 0 0;
    text-align: right;
}

#logo
{
    position: relative;
    float: left;
    clear: none;
    padding: 0;
    width: 347px;
    height:80px;
    margin: 10px 0 0 10px;
}
.menu
{
    width: 900px;
    height: 25px;
    position: relative;
    margin: 0px;
    padding: 3px 0 0 0;
    z-index: 98;
    background-color: #595959;
    background-image: url(../grfx/undre_meny.jpg);
}








/* startsidan*/


#main
{
    position: relative;
    z-index: 1;
    float: right;
    width: 520px;
    top: 0px;
    height: 410px;
    background-color: #efefef;
    border: 1px solid #71889e;
    padding: 0;
    margin: 5px 2px 5px 2px;
}

#puffs
{
     position: relative;
    float: left;
    clear: none;
    padding: 0px;
    margin: 0;
    width: 240px;
    min-height: 600px;
    
}

#puff1
{
    position: relative;
    float: left;
    clear: none;
    padding: 10px;
    margin: 20px 20px 0 0;
    width: 200px;
    min-height: 120px;
}
#puff2
{
    position: relative;
    float: left;
    clear: left;
    padding: 10px;
    margin: 0;
    width: 200px;
    min-height: 120px;
}


#puff3
{
    position: relative;
    float: left;
    clear: both;
    padding: 10px;
    margin: 0;
    width: 200px;
    min-height: 120px;
    
}

#mainimg
{
    position: relative;
    float: left;
    clear: none;
    width: 350px;
    min-height: 600px;
    padding: 0;
    margin: 20px 0 15px 0;
    overflow: hidden;
}


#maintext
{
    position: relative;
    float: right;
    width: 280px;
    min-height: 270px;
    overflow: visible;
    padding: 0;
    margin: 20px 10px 10px 10px;
}

#news
{
    position: relative;
    float: right;
    width: 280px;
    min-height: 300px;
    padding: 10px;
    margin: 0;
    overflow: visible;
}

#fot
{
    position: relative;
    float:left;
    width: 900px;
    height: 15px;
    margin: 0px 0 0 0;
    padding: 5px 0 0 0;
    background-color: #595959;
    text-align: center;
    color: #FFF;
    font-size: 10px;
}




/* undersidor*/

#pagemain
{
    position: relative;
    float: left;
    width: 620px;
    top: 0px;
    min-height: 480px;
    padding: 15px 10px;
    margin: 0px 0px 10px 10px;
    overflow: visible;
}
#submenu
{
    position: relative;
    z-index: 1;
    float: left;
    clear: left;
    background-color: #fff;
    width: 160px;
    top: 0px;
    min-height: 410px;
    padding: 0px 0px;
    margin: 10px 0px 10px 10px;
    overflow: visible;
}
#submenufilled
{
    position: relative;
    float: left;
    clear: left;
        background-color: #8c8c8c;
    border: 1px solid #999;
    width: 140px;
    min-height: 290px;
    padding: 10px 10px;
    margin: 10px 0px 10px 10px;
    overflow: visible;
    color: #fff;
}
#submenufilled p
{
    color: #fff;
            background-color: #8c8c8c;

}


#butiksbilder
{
    position: relative;
    float: right;
    width: 120px;
    min-height: 120px;
    padding: 10px;
    margin: 0px;
    overflow: visible;
}




/*Adminsidor*/
#adminmenu
{
    width: 890px;
    height: 25px;
    position: relative;
    margin: 0px;
    z-index: 98;
    background-color: #d9e2ea;
    border-bottom: 1px solid #000;
    padding: 5px 0 0 10px;
}
#content
{
    position: relative;
    margin: 10px;
    padding: 10px;
    top: 0px;
    background-color: #FFFFFF;
    border: 1px solid #000;
    overflow: visible;
}
#adminmain
{
    position: relative;
    z-index: 1;
    float: left;
    width: 830px;
    top: 0px;
    min-height: 380px;
    padding: 15px 15px;
    margin: 0;
    overflow: visible;
}
#adminwide
{
    position: relative;
    z-index: 1;
    float: left;
    background-color: #efefef;
    width: 800px;
    top: 0px;
    min-height: 480px;
    border: 1px solid #71889e;
    padding: 15px 10px;
    margin: 5px 2px;
    overflow: visible;
}
#centerlarge
{
    position: relative;
    z-index: 1;
    float: left;
    width: auto;
    top: 0px;
    min-height: 480px;
    padding: 15px 10px;
    margin: 5px 2px;
    overflow: visible;
}
.pnlLinks
{
    display: inline;
    clear: none;
}
.adminlabel
{
    display: block;
    font-weight: bold;
    margin: 8px 0 3px 0;
}
.btn
{
    margin: 8px 0 3px 0;
}

/*Fix*/

#container:after
{
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}



/* Meny */

#start
{
    display: inline;
}
a.startlink
{
    display: block;
    float: left;
    height: 14px;
    padding: 0px 10px 0px 10px;
    margin: 0;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0em;
    color: #fff;
    text-align: center;
}
a.startlink:hover
{
    color: #00adee;
    background-color: Transparent;
}
a.toplink
{
    display: block;
    float: left;
    height: 14px;
    padding: 0px 10px 0px 10px;
    margin: 0;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0em;
    color: #fff;
    border-left: 2px solid #fff;
    text-align: center;
}
a.toplink:hover
{
    color: #00adee;
    background-color: Transparent;
    border-left: 2px solid #fff;
}
a.navlinkstart
{
    display: block;
    float: left;
    height: 13px;
    padding: 0px 5px 0 0px;
    margin: 0;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0em;
    color: #fff;
    text-align: center;
}
a.navlinkstart:hover
{
    color: #00adee;
    background-color: Transparent;
}
a.navlink
{
    display: block;
    float: left;
    height: 13px;
    padding: 0px 5px 0 5px;
    margin: 0;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0em;
    color: #fff;
    border-left: 2px solid #fff;
    text-align: center;
}
a.navlink:hover
{
    color: #00adee;
    background-color: Transparent;
    border-left: 2px solid #fff;
}
ul#topmenu
{
    padding: 0;
    margin: 0 0 0 0px;
    list-style-type: none;
    height: 30px;
    float: left;
}

ul#topmenu li
{
    display: inline;
}

ul#topmenu li a
{
    display: block;
    float: left;
    height: 14px;
    padding: 0px 7px 0px 7px;
    margin: 0;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0em;
    color: #fff;
    border-left: 2px solid #fff;
    text-align: center;
}


ul#topmenu li a:hover
{
    color: #00adee;
    background-color: Transparent;
    border-left: 2px solid #fff;
}


/* Submenu*/

ul.submenu
{
    padding: 0;
    margin: 0px 0 0px 0px;
    list-style-type: none;
    float: left;
    background-color: #8c8c8c;
    border: 1px solid #999;

    width:100%;
    min-height:220px;

}

ul.submenu li
{
    margin: 0 0 0 0px;
    display: block;
    float: left;
    border: none;
}

ul.submenu li a
{
    display: block;
    float: left;
    width: 155px;
    min-height: 20px;
    padding: 5px 0 2px 5px;
    clear: both;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    text-align: left;
    background-color: #595959;
    border-bottom: 1px solid #999;
}


ul.submenu li a:hover
{
    color: #00adee;
}
#sitemappath
{
    position: relative;
    float: left;
    clear: both;
    width: 80%;
    padding: 3px 0 0 13px;
    color: #595959;
    font-size: 10px;
}




/*--------------------------------------------------------- */
.menyadmin
{
    float: left;
    margin-left: 20px;
}

.sortimentbilder_small
{
    max-width: 100px;
    max-height:250px;
    width: expression(this.width > 100 ? 100: true);
    height: expression(this.height > 250 ? 250: true);
}

/* html .sortimentbilder_small
{
    width: 100px;

    
}*/

.sortimentbilder_large 
{
    max-width: 300px;
    max-height: 500px;
}
.root
{
    font-size: 12px;
    font-weight: bold;
}
.parent
{
    font-size: 12px;
    font-weight: normal;
}
.node
{
}
.leaf
{
    display: block;
}
.bild_thumbnail
{
    max-width: 100px;
    max-height: 100px;
}

.button
{
    height: 18px;
    color: #595959;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 5px 0 0px;
}
.input
{
    height: 14px;
    width: 150px;
    color: #595959;
    font-size: 11px;
    font-style: italic;
    border: 1px solid #595959;
}

.inputmr
{
    width: 150px;
    color: #595959;
    font-size: 11px;
    font-style: italic;
    border: 1px solid #595959;
}
.inputshort
{
    height: 14px;
    width: 110px;
    color: #595959;
    font-size: 11px;
    font-style: italic;
    border: 1px solid #595959;
}
.dll
{
    height: 18px;
    width: auto;
    color: #595959;
    font-size: 11px;
    font-style: italic;
    border: 1px solid #595959;
    margin: 0 5px 0 0;
}



/*Inspiration*/
.inspiration
{
    position:relative;
    float: left;
    min-width: 180px;
    min-height: 200px;
    padding: 10px;
    margin: 0 5px 0 0;
    
    
    
}
.border
{
    position:relative;
    float: left;
    width: 820px;
    height: 2px;
    padding: 0px;
    margin: 10px 0;
    background-color:#595959;
}


.inspirationsbilder
{
    border: 0px;
    height: 70px;
    padding: 5px;
}
/*Sortiment*/
#sortimentmeny
{
    position: relative;
    float: left;
    clear: left;
    background-color: #fff;
    min-width: 160px;
    min-height: 510px;
    padding: 0px 0px;
    margin: 10px 10px 10px 10px;
    overflow: visible;
}
#sortmain
{
     position: relative;
    float: left;
    clear:none;
    background-color: #fff;
    min-height: 510px;
    min-width: 500px;
    max-width:500px;
    padding: 0px 0px;
    margin: 10px 10px 10px 10px;
    overflow: visible;
    
}

/*Projekt */

#bildruta
{
    position:relative;
    float:right;
    width:120px;
    min-height:300px;
    padding:40px 0 0 0;
    
    
}

.projimg
{
    max-width: 450px;
    max-height: 450px;
}

.projlistimg
{
    border: 0px;
    width: 100px;
    height:70px;
    padding: 5px;
}