/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: top; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* =Layout
-------------------------------------------------------------- */
body 
{
background-color:#f0f0f0;
}

#container
{
    width:980px;
    margin-left:auto;
    margin-right:auto;
}
#container #container-inner
{
    display:inline;
    width:980px;    
    float:left;
    background-image:url(/images/background/bg_site.gif);
}
#container #container-inner #header
{
    display:inline;
    width:942px;
    /* min-height:150px;  avstånd mellan toppmeny & content */
    margin-left:19px;
    margin-right:19px;       
    float:left;
    position:relative;
}

#container #container-inner #header .toplinks {
    position:absolute;
    top:7px;
    right:0;
        font-size:12px;
    color:#666;
    height:20px;
    line-height:20px;
    font-weight:400;
}

#container #container-inner #header .toplinks a {
    font-size:11px;
    font-weight:400;
    color:#666;
    }

#container #container-inner #main
{
    display:inline;
    width:942px;    
    margin-top:10px;
    margin-left:19px;
    margin-right:19px;       
    float:left;
}
#container #container-inner #main #pnl-left
{
    display:inline;
    width:300px;    
    min-height:10px;
    margin-right:10px;
    float:left;    
}
#container #container-inner #main .content-body
{
    display:inline;
    width:630px;
    min-height:10px;
    margin-right:0;
    float:left;
}

.content-body.start {
        width: 700px !important;
        margin-right:10px !important;
}

.content-body.news {
    width:520px !important;
}

.wide {
    width:100% !important;
}

#container #container-inner #main #pnl-right
{
    display:inline;
    width:230px;
    min-height:10px;
    float:left;   
}
#container #container-inner #content-middle,
#container #container-inner #content-below,
#content-banners
{
    display:inline;
    width:942px;
    margin-left:19px;
    margin-right:19px;       
    float:left;
}



#container #container-inner #footer
{
    display:inline;
    width:960px;
    float:left;
    margin-bottom:-9px;
    margin-left: 10px;
    margin-right:9px;
    padding-top:20px;
    padding-bottom:20px;
}

/* =Login
-------------------------------------------------------------- */
#container #container-inner #header #login
{
    display:inline;
    width:300px;
    height:105px;
    float:right;
    position:relative;
    overflow:hidden;
}
#container #container-inner #header #login iframe input
{
    border:1px solid red;
}


/* =Top logos
-------------------------------------------------------------- */
#container #container-inner #header #logo-dnb
{
    margin-left: 35px;
    position: relative;
    top: 12px;
    display: inline-block;
    min-height:100px;
}

#container #container-inner #header #logo-carport
{
    margin-left: 130px;
    position: relative;
    top: 25px;
}

.headerimg {
    float: right;
    position: relative;
    right: 85px;
    top: 23px;
}

/* =Content
-------------------------------------------------------------- */
#container #container-inner #main .content-body h1,
#container #container-inner #main .content-body h2,
#container #container-inner #main .content-body h3,
#container #container-inner #main .content-body h4,
#container #container-inner #main .content-body h5,
#container #container-inner #main .content-body h6,
#container #container-inner #main .content-body p,
#container #container-inner #main .content-body td,
#container #container-inner #main .content-body th,
#container #container-inner #main .content-body tr,
#container #container-inner #main .content-body table
{
    margin-left:0px;
    margin-right:0px;
/*  margin-left:30px;
    margin-right:30px;*/
    /*background: blue;*/ /* TEST */
}

#container #container-inner #main .content-body.wide p, #container #container-inner #main .content-body.start p,  #container #container-inner #main .content-body.wide h1
{
    margin-left:0;
    margin-right:0;
}

/* små rutor framsida */
.startbox {
    width:230px;
    min-height:150px;
    float:left;
    margin:0 0 10px 5px;
    /* background:gold; */ /* TEST*/
}

.startbox.first {
    margin-left:0 !important;
}

#container #container-inner #main .content-body p a,
#container #container-inner #main .content-body td a,
#container #container-inner #main .content-body th a,
#container #container-inner #main .content-body tr a
{
    color: #002d74; /* länkfärg */  
}

#container #container-inner #main .content-body ul,
#container #container-inner #main .content-body li
{
    margin-left:10px;
    margin-right:10px;
    list-style-type: disc;
	line-height: 17px;
	padding-bottom:5px; }    
}

#container #container-inner #main .content-body a
{
	line-height: 17px;
	padding-bottom:5px; }    
}




/* =Content Left
-------------------------------------------------------------- */
#container #container-inner #main #pnl-left .content-left-top
{
    width:170px;
    height:32px;
    background-image:url(/images/background/header_grey_170_.gif);
}

#container #container-inner #main #pnl-left .content-left
{
    width:170px;
    background-image:url(/images/background/sidebar_170_surface_bg_mid.gif);
}

#container #container-inner #main #pnl-left .content-left-bottom
{
    width:170px;
    height:5px;
    font-size:5px;
    background-image:url(/images/background/sidebar_170_surface_bg_bottom.gif);    
}


#container #container-inner #main #pnl-left .content-left p,
#container #container-inner #main #pnl-left .content-left h3
/* denna slår även igenom på News Panel nedan */

{
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom:5px;
   	line-height: 17px;
}

#container #container-inner #main #pnl-left .content-left a
{
    color: #8E003C;
}


#pnl-left ul
{
	line-height: 17px;
	margin-left:35px;
	padding-bottom:10px; 
	list-style-type: square;
		}

#pnl-left li
{
	padding-bottom:10px; 
		}
		
#pnl-left p, h1, h2, h3, h4, h5, h6
{
	margin-left: 20px;
	margin-right: 20px;
		}	
		
#pnl-left img
{
	margin-left:-10px; 
		}	
		
		
#pnl-left
	{
/*background: yellow;*/ /* TEST */
		}	
			
		

/* =News Panel
-------------------------------------------------------------- */
#container #container-inner #main #pnl-left .news-list-top
{
    width:170px;
    height:32px;
    background-image:url(/images/background/header_grey_170_aktuellt.gif);
}
#container #container-inner #main #pnl-left .news-list
{
    width:170px;
    height:410px;
    background-image:url(/images/background/sidebar_170_surface_bg_mid.gif);
}
#container #container-inner #main #pnl-left .news-list .news-item
{
    padding:10px;
    line-height: 17px;
}
#container #container-inner #main #pnl-left .news-list-bottom
{
    width:170px;
    height:5px;
    font-size:5px;
    background-image:url(/images/background/sidebar_170_surface_bg_bottom.gif);        
}
#container #container-inner #main #pnl-left .news-list hr,
{
    width:168px;
    height:5px;
    background-image:url(/images/background/sidebar_170_surface_bg_divider.gif);
    background-position: center;
    border:0;
    position:relative;
   }
   
   #container #container-inner #main #pnl-left .news-list h3
   /* återställer margin från Content Left ovan */
{
     margin-left: 0px;
     margin-right: 0px;
}

/* =Top Navigation
-------------------------------------------------------------- */
#container #container-inner #header .menu 
{
    width:945px;
    display:inline;
    float:left;
    position:relative;
    left:-3px;  
}

#container #container-inner #header .menu ul li
{
    display:inline;
    width:132px;
    height:40px; /* höjden på menysprite */
    margin-left:3px;
    float:left;        
}

/*
#container #container-inner #header .menu ul li:first-child
{
    margin-left:0px !important;
}
*/

#container #container-inner #header .menu ul li a,
#container #container-inner #header .menu ul li a:link,
#container #container-inner #header .menu ul li a:visited,
#container #container-inner #header .menu ul li a:active,
#container #container-inner #header .menu ul li a:hover
{
    width:132px;
    height:50px;
    font-size:0;
    line-height:0;
    text-align:left;
    color:#ffffff; 
    border: none;
    overflow: hidden;
    text-indent: -999px;
    display:block;
}

/* =Sub Navigation
-------------------------------------------------------------- */
#container #container-inner #header .submenu
{
    width:945px;
    display:inline;
    float:left;
    margin-top:5px;
    position:relative;
    left:-3px;
}

#container #container-inner #header .submenu ul li
{
    display:inline;
    width:102px;
    height:30px;
    margin-left:3px;
    float:left;        
}
/*
#container #container-inner #header .submenu ul li:first-child
{
    margin-left:0px;    
}
*/
#container #container-inner #header .submenu ul li a,
#container #container-inner #header .submenu ul li a:link,
#container #container-inner #header .submenu ul li a:visited,
#container #container-inner #header .submenu ul li a:active,
#container #container-inner #header .submenu ul li a:hover
{
    width:102px;
    height:30px;
    font-size:0;
    line-height:0;
    text-align:left;
    color:#ffffff; 
    border: none;
    overflow: hidden;
    text-indent: -999px;
    display:block;
}

/* =Form Right
-------------------------------------------------------------- */
#container #container-inner #main #pnl-right .contact-form-top
{
    width:230px;
    height:32px;
    background-image:url(/images/background/header_grey_230_.gif);
}
#container #container-inner #main #pnl-right .contact-form
{
    width:230px;
    height:410px;
    background-image:url(/images/background/field_surface_bg_mid.jpg);
}

#container #container-inner #main #pnl-right .contact-form-bottom
{
    width:230px;
    height:5px;
    font-size:5px;
    background-image:url(/images/background/field_surface_bg_bottom.gif);
    margin-bottom: 10px;   
}

#container #container-inner #main #pnl-right .contact-form p
{
    padding:10px;
}

#container #container-inner #main #pnl-right .contact-form ul li
{
    width:210px;
    margin-left:10px;
    margin-right:10px;
}
#container #container-inner #main #pnl-right .contact-form ul li
{
    position:relative;    
}
#container #container-inner #main #pnl-right .contact-form label
{
    position:absolute;
    top:9px;
    left:6px;
}
#container #container-inner #main #pnl-right .contact-form input
{
    width:200px;
    height:30px;
    margin-bottom:5px;
    border:0;
    padding: 0 5px;
    background:transparent;
}
#container #container-inner #main #pnl-right .contact-form .textboxmedium
{
   
    background-image:url(/images/background/field_bg_210x30.gif);
    background-repeat:no-repeat;
}
#container #container-inner #main #pnl-right .contact-form .textboxmedium.error
{
    background-image:url(/images/background/field_bg_210x30_error.gif);
    background-repeat:no-repeat;
}
#container #container-inner #main #pnl-right .contact-form textarea
{
    width:200px;
    height:135px;
    max-width:210px;
    max-height:150px;
    border:0;  
    overflow:hidden;
    resize:none;
    margin-bottom:5px;
    margin:7px 0px 0px 6px;
    background:transparent;
    overflow:auto;
}
#container #container-inner #main #pnl-right .contact-form ul li.textboxsmall
{
    height:160px;    
    background-image:url(/images/background/field_bg_210x150.gif);
    background-repeat:no-repeat;        
}

#container #container-inner #main #pnl-right .contact-form input.submit
{
    width:90px;
    height:25px;
    background-image:url(/images/buttons/button_send.gif);
    font-size:0px;
    margin-left:60px;
    margin-right:60px;
    margin-top:5px;
}
#container #container-inner #main #pnl-right .contact-form ul li div.info
{
    display:none;    
}



/* =Footer
-------------------------------------------------------------- */
#container #container-inner #footer 
{
    background-image:url(/images/background/bg_site_bottom.gif);
    background-position:center bottom;
    background-repeat:no-repeat;
    padding-top: 7px;
}
#container #container-inner #footer #col1,
#container #container-inner #footer #col2,
#container #container-inner #footer #col3,
#container #container-inner #footer #col4
{
    width:170px;    
}
#container #container-inner #footer #col1,
#container #container-inner #footer #col2
{
    display:inline;
    float:left;
    margin-left:30px;
}
#container #container-inner #footer #col3,
#container #container-inner #footer #col4
{
    display:inline;
    float:right;
}
#container #container-inner #footer p
{
    font-style:none;
  }
  
  #container #container-inner #footer a
{
    color: #8E003C;
    font-weight:normal;    
  }
  
#doubleline p
{
    background-image:url(/Images/background/double_line_940.gif);
    background-repeat:no-repeat;
    margin-left:10px;
  }

/* Fonts -------------------------------------------------------------- */

input, label, textarea, th, tr, td, p, a, h1, h2, h3, h4, h5, h6, ul, li
{
    font-family: Arial, 'Lucida Grande', Verdana, san-serif;
    font-size:12px;
    color:#333333;
}

p
{
	line-height: 17px;
	padding-bottom:10px; }
	


h1 /* headline */
{
    font-size:20px;
    font-weight:700;
    padding-bottom:10px;
    padding-top:20px;  
}

h2 /* sub headline */
{
    font-size:16px;    
    padding-bottom:4px; 
    padding-top:20px;    
}

h3 /* paragraph headline */
{
    font-size:14px;
    font-weight:700;
    padding-bottom:4px;    
}


h4
{
    font-weight:700;
    padding-bottom: 2px;    
}

h5
{
    font-weight:700;
    padding-bottom:2px;    
}

h6
{
    font-weight:700;
    padding-bottom:2px;    
}


a
{
    font-weight:700;
    text-decoration:none;  
}

/*news-list links*/
.news-list a
{
    display:block;
    font-weight:500;
}
.news-list a.read-more
{
	color: #8E003C;
    font-weight:700;    
}



/* =Aktuellt
-------------------------------------------------------------- */
#container #container-inner #main .content-body .news-list .news-item a
{
    display:block;
    line-height:17px;
    margin-left:30px;
    margin-right:30px;   
 }

#container #container-inner #main .content-body .news-list hr
{
    margin-left:30px;
    margin-right:30px;
 }

/* =Misc
-------------------------------------------------------------- */
.border-gray 
{
	border:1px solid #cbcdcc;
}

#content-middle, #content-below {
/*background: red;*/ /* TEST */
}

.calcheader {
    font-size:12px;
    padding-right: 0px;
    padding-bottom: 5px;
   	padding-left: 20px;
    padding-top: 20px; 
    color: #672020;
    }


/* xxxxxxxxxxxxxxx TEMP XXXXXXXXXXXXXXXX */

/* =Footer
-------------------------------------------------------------- */

#container #container-inner #col1,
#container #container-inner #col2,
#container #container-inner #col3,
#container #container-inner #col4
{
    width:170px;    
}
#container #container-inner #col1,
#container #container-inner #col2
{
    display:inline;
    float:left;
    margin-left:30px;
}
#container #container-inner #col3,
#container #container-inner #col4
{
    display:inline;
    float:right;
}
  
#doubleline p
{
    background-image:url(/Images/background/double_line_940.gif);
    margin-left: 0px;
    background-repeat:no-repeat;
  }