﻿



html 
{
    text-align: center; 
}

body
{

    text-align: left;
	color: #30383a;
	font-family: arial, helvetica;
	font-size: 62.5%;
	width: 99.9%;
    margin: 0 auto;
    background: transparent url(/App_Themes/Default/Images/Graphics/bodybg.jpg) repeat-x 0 0; 
    padding: 0 0 30px 0;
}



/* New */ 

#pageContainer
{
    min-height: 315px;
    background: #fff url(/App_Themes/Default/Images/Graphics/pageContentBottombg.gif) repeat-X left bottom;
    border-left: 1px solid #cdd5d8;
    border-right: 1px solid #cdd5d8;
    margin: 0 1px 0 0;
    padding-left: 8px;
}


#PageMainContent
{

    padding: 0 15px 30px 0;
    width: 414px;
    float: left;
}

#PageMainContent h2, #Verktyg h2
{
    padding: 0 0 0px 0;
    margin: 0 0 0 0;
    color: #30383a;
}
 
#PageMainContent p
{
    font-size: 1.1em;
    line-height: 150%;
    color: #323232;
    margin: 0 0 14px 0;
}

#PageMainContentBred
{
    padding: 0 0 10px 0;
    width: 434px;
    float: left;
}

#PageMainContentBred h2, #Verktyg h2
{
    padding: 0 0 0px 0;
    margin:0 0 0 0;
    color: #30383a;
}
 
#PageMainContentBred p
{
    font-size: 1.1em;
    color: #323232;
    margin: 0;
}



/*  --------------------- */ 





#contentHolder
{
    width: 830px;
    margin: 0 auto;
}

#header
{
    margin: 22px 1px 0 0;
    position: relative;
    border-bottom: 1px solid #bec0c1;
}


#header p#top
{
     background: transparent url(/App_Themes/Default/Images/Graphics/header-top.gif) no-repeat 0 0; 
     height: 15px;
}
#SiteHeaderBottom
{
    height: 72px;
    width: 827px;
    background: #fff;
    border-left: 1px solid #cdd5d8;
    border-right: 1px solid #cdd5d8;

}


#firstColumn
{
    width: 130px;
    float: left;
    color: #474747;
}

*html #firstColumn
{
    margin: 0 10px 30px 8px;
}

#PageSecondaryContent
{
	margin: 35px 0 0 0;
    padding: 0 10px 0 0;
    width: 225px;
    float: right;
    color: #0c0c0c;
}

#niklassuperholder
{
    position: relative;
}

/******************************** Footer ********************************/ 
/* Footer */ 


#footer ul
{
    width: 827px;
    border-left: 1px solid #d4dadc;
    border-right: 1px solid #d4dadc;
    background: url(/App_Themes/Default/Images/Graphics/footer.gif) repeat-x 0 0 #f5f5f5; 
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    clear: left;
    
}

#footer ul li
{
    float: left;
    display: inline;
    margin: 20px 30px 9px;
    position: relative;
    width: 238px; 
}

#footer ul li a { height: 160px!important; }

#footer p#footerBottom
{
     background: transparent url(/App_Themes/Default/Images/Graphics/footer-bottom.png) no-repeat 0px -5px; 
     height: 15px;
}

#footer ul li a span {
    background: url(/App_Themes/Default/Images/Graphics/bg_categorybutton.png) repeat-x 0 0; 
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    margin: 15px auto 0;
    text-indent: 35px;
    width: 170px;
}

#footer ul li a:hover span {
    background: url(/App_Themes/Default/Images/Graphics/bg_categorybutton.png) repeat-x 0 -34px; 
}    

#footer ul li.last
{
    padding: 25px 0 0 0;
    display: block;
    margin: 0 0 0 15px;
    width: 214px;
    position: relative;
    background: transparent url(/App_Themes/Default/Images/Graphics/footer-seperator.gif) no-repeat left 0px; 
}

#footer ul li.last h4
{
    font-size: 1.7em;
    color: #30383a;
    padding: 25px 0 0 15px;
}

#footer ul li.last p
{
    font-size: 1.1em;
    color: #797979;
    padding: 10px 0 0 15px;
    line-height: 1.4em;
}

#footer ul li.last input
{
    border: 1px solid #d3d3ce;
    margin: 0px 0 0 15px;
    padding: 3px 0 3px 2px;
    font-size: 1em;
    width: 125px;    
}

#footer ul li.last a:link, #footer ul li.last a:visited
{
    background: transparent url(/App_Themes/Default/Images/Graphics/linkbutton-skicka.gif) no-repeat 0 2px; 
    color: #666666;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 23px;
    text-align: center;
    padding: 8px 7px;
}

#footer ul li.last a:hover, #footer ul li.last a:active
{
    background: transparent url(/App_Themes/Default/Images/Graphics/linkbutton-skicka-hover.gif) no-repeat 0 2px; 
    color: #929292;
}

#footer ul li span.linkText
{
    font-size: 1.7em;
    position: absolute;
    top: 122px;
    left: 75px;
    margin: 0;
    cursor: pointer;
}



#footer p.address
{
    font-size: 0.9em;
    color: #c3c3c3;
    font-family: Verdana, Lucida sans, Arial, helvetica;
    width: 600px;
    float: left;
}

#footer p#langSelect
{
    width: 200px;
    font-size: 0.9em;
    color: #c3c3c3;
    font-family: Verdana, Lucida sans, Arial, helvetica;
    float: right;
    text-align: right;
}

#footer p.address a:link, #footer p.address a:visited, #footer p#langSelect a:link, #footer p#langSelect a:visited
{
    color: #c3c3c3;
    text-decoration: underline;
    font-weight: bold;
}

#footer p.address a:hover, #footer p.address a:active, #footer p#langSelect a:hover, #footer p#langSelect a:active
{
    color: #30383A;
}



#Verktyg
{
    width: 580px;
    margin: 0 0 0 21px;
    float: left;
}


#Verktyg p
{
    font-size: 1.1em;
}

#Verktyg #inner table
{
    margin: 30px 0 0 0;
    border-top: 3px solid #ecf0f1;
}

#Verktyg #inner td
{
    vertical-align: top; 
    padding: 15px;
}


#Verktyg #inner tr.alt
{
    background: #F6F7F9;

}


