/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Lekeberg
Copyright:  2009 Meridium AB
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1 Body
	1.1 Skip / #skip
    1.2 Masthead / #masthead
        1.2.1 Branding / .branding
    1.3 Navigation / #navigation
    1.4 Content / #content
		1.4.1 NavigationPath / #navigationpath
        1.4.2 Main / .main 
        1.4.3 Additonal / .additional
    1.5 Footer / #footer
	
[Color codes]

Background:	#41555f (dark blue)
Content:	#ffffff (white)
Headers:	#41555f (dark blue)
Footer:		#41555f (dark blue)

a (standard):	#c7321b (red)
a (visited):	* (tba)
a (active):	#ffffff (white)

[Order of properties]
body {
    {position,padding,margin etc}
    {background, border}    
    {typoraphy, color}
}



-------------------------------------------------------------------*/

html{
	background: #f5f4ee url(/images/top_bg.png) repeat-x scroll left top;
}
.structural{
	position:absolute;
	left:-9999px;
}

/*------------------------------------------------------------------
1 Body
-------------------------------------------------------------------*/
body  {
	margin:0 auto;
	min-width:760px;
}


/*------------------------------------------------------------------
1.1 Skip
-------------------------------------------------------------------*/

#skip a
{
	position: absolute;
	left:-9999px;
	z-index:100;
}
#skip a:focus, #skip a:active{
	background-color:#B40807;
	border:3px solid #000;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding:0.5em;
	position:absolute;
	left:0;
	top:0px;
}



/*------------------------------------------------------------------
1.2 Masthead
-------------------------------------------------------------------*/
#masthead {
	position:relative;
	max-width:76.308em;
	margin: 0 auto;
	height:12em;/*155px;*/
}

#masthead li{
	float:left;
}
#masthead a{
	font-size:0.917em;
}
#masthead .tools{
	position:absolute;
	right:0px;
	top:10px;
}
#masthead .tools form{
	background-color:#ecebe8;
	padding:8px;
	position:absolute;
	right:0;
	top:50px;
}
#masthead .tools ul{
	padding-bottom:3.462em;
	float:right;
}
#masthead .tools a{
	font-size:0.846em;
	font-weight:bold;
	color:#d32d1c;
	text-decoration:underline;
	padding:0.5em;
}
#masthead .tools .button{
	margin:0;
	padding: 0.25em 0.25em 0.2em 0.1em;
}
#translatediv
{
	position:absolute;
	right:0;
	background-color:#F7F6F1;
	border:1px solid #DDDBD8; 
	padding:10px;
	z-index:999;
	top:0
}

#masthead .empty-text{
	color:#8f8f8f;
	font-style:italic;
}
#logotype{
	position:absolute;
	top:2em;
	padding-left:1em;
}

/*------------------------------------------------------------------
1.3 Navigation
-------------------------------------------------------------------*/
#navigation {
	width:100%;
	background: #000 url(/images/navigation_bg.png) repeat-x scroll left top;
	position:absolute;
	bottom:0;
}

#navigation li{
	background: url(/images/navigation_split.png) no-repeat right top;
	float:left;
}

#navigation a{
	display:block;
	padding:0.75em;
	font-weight:bold;
	font-size: 1em;
	color:#fff;
}
#navigation li.selected a, #navigation li.expanded a{
	background-color:#fff;
	color:#000;
}
#navigation li a:active, #navigation li a:hover, #navigation li a:focus{
	background: url(/images/nav_active.png) repeat-x right top;
	color:#fff;
	outline:0;
}
#navigation ul{
	position:absolute;
	left:0px;
	top:21.5em;
	top:280px;
	width:25.2%;
	padding-top:50px;
	padding-bottom:250px;
	background: transparent url(/images/subnav_bg.png) repeat-y scroll right bottom;
}
.nobanner #navigation ul{
	top:40px;
}

#navigation ul li{
	float:none;
	background: transparent url(/images/subnav_split.png) no-repeat scroll right bottom;
}

#navigation ul li a{
	font-size:0.923em;
	color:#000;
	font-weight:normal;
	background: transparent url(/images/arrow.png) no-repeat left center;
	padding-left:10px;
	/*background:transparent;*/
}


#navigation ul a:active, #navigation ul a:hover, #navigation ul a:focus, 
#navigation li.selected ul  a, 
#navigation li.expanded ul a{
	background: transparent url(/images/arrow.png) no-repeat left center;
	color:#000;
}

#navigation ul li a.expanded{
	background: transparent url(/images/arrow_down.png) no-repeat left center;
}
#navigation ul li a.selected{
	font-weight:bold;
	background-color:#fff;
}

#navigation ul li.expanded ul{
	background: transparent url(/images/subnav_split.png) repeat-x scroll right top;
}
#navigation ul ul, .nobanner #navigation ul ul {
    position:relative;
    width:auto;
    left:auto;
    top:auto;
    margin:0;
    padding:0;
    padding-left:10px;
    background:transparent none;
}
#subnavigation{
	float:left;
	width:25.2%;
	padding-top:50px;
	padding-bottom:250px;
	background: transparent url(/images/subnav_bg.png) repeat-y scroll right bottom;
}
#subnavigation li{
	float:none;
	background: transparent url(/images/subnav_split.png) no-repeat scroll right bottom;
}
#subnavigation li a{
	display:block;
    padding:0.75em 0.75em 0.75em 10px;
	font-size:0.923em;
	color:#000;
	font-weight:normal;
	background: transparent url(/images/arrow.png) no-repeat left center;

}

/*------------------------------------------------------------------
1.5 Content
-------------------------------------------------------------------*/
#content
{
	overflow:hidden;
	background-color:#fff;
	padding-bottom:3.846em
}
#content img.branding
{
	border-bottom:6px solid #b40807;
	display:block;
}
#content .inner
{
	max-width:76.308em;
	margin:0 auto;
	border-top:1px solid #fff;
	overflow:hidden;
}
#content #navigationpath{
	margin-top:1em;
}

#content .main{
	padding-left:27.8%;
	width:46%;
	float:left;
}

#content .main .teaser
{
	overflow:hidden;
}

#content .main form{
	border:1px solid #dddbd8;
	background-color:#f7f6f1;
	padding:1em;
	margin-bottom:1.5em;
}
#content .main form .text{
	width:60%;
	padding:4px;
}
#content .main form label{
	display:block;
}
#content .main select {
	padding: 2px 1px 2px 1px;
}
#content .main fieldset {
	border:1px solid #dddbd8;
	margin:1em 0pt 0.5em;
	padding:0.7em;
}
#content .main  fieldset input {
	margin-bottom:0.35em;
	margin-right:0.3em;
	padding:0;
	vertical-align:middle;
	width:auto;
	border: none;
}
#content .main fieldset label {
	display:inline;
	margin-right:1em;
}

#content .main img{
	padding:2px;
	border:1px solid #dddbd8;
}
#content .main ol {

	list-style-type: decimal;
	list-style-position:inside;
	margin-bottom:1em;	
}
#content .main ul {

	list-style-type: disc;
	list-style-position:inside;
	margin-bottom:1em;	
}

#content .main .news, #content .main .rsslist{
	list-style-type: none;
	list-style-position:outside;
}

#content .additional
{
	width:24%;
	float:right;
	margin-top:1.5em;
}
#content .additional div, #content .additional ul.linklist, #content .additional ul.events, #content .additional ul.contacts
{
	border:1px solid #dddbd8;
	border-top:0;
	background-color:#f7f6f1;
	padding:1em;
	margin-bottom:1.5em;
}
#content .additional .vcard{
	border:0;
	margin:0;
	margin-bottom:1em;
	padding:0;
	font-weight:bold;
}
#content .additional .vcard span, #content .additional .vcard p, #content .additional .vcard a{
	display:block;
	font-weight:normal;
}
#content .additional .vcard span.type{
	display:inline
}
#content .additional h2{
	background: #b40707 url(/images/related_bg.png) repeat-x scroll left bottom;
	color:#fff;
	padding:0.74em;
	font-weight:bold;
	font-size:1em;
	margin:0;
}

#content .additional .events a{
	color:#d32d1c;
	font-weight:bold;
}
#content .additional .events a.eventsarchive{
	font-weight:normal;
}
#content .additional .date{
	color:#666666;
	font-style:italic;
	font-size:0.846em;
	padding-bottom:1em;
	display:block;
}
.linklist li{
	line-height:1.8em;
}
.linklist a:link, .linklist a:visited {
	display:block;
	background:transparent url(/images/ico/link.gif) no-repeat scroll left 55%;
	margin-left:1px;
	padding-left:20px;
}
.linklist .external a:link, .linklist .external a:visited {
	background-image:url(/images/ico/extern.gif);
}
.doc a:link, .doc a:visited, .docx a:link, .docx a:visited {
	background-image:url(/images/ico/doc.gif);
	background-position:left center;
}
.xls a:link, .xls a:visited, .xlsx a:link, .xlsx a:visited {
	background-image:url(/images/ico/xls.gif);
	background-position:left center;
}
.ppt a:link, .ppt a:visited, .pptx a:link, .pptx a:visited {
	background-image:url(/images/ico/ppt.gif);
	background-position:left center;
}
.pdf a:link, .pdf a:visited {
	background-image:url(/images/ico/pdf.gif);
	background-position:left center;
}
	/* Home */
	body.home #content .main{padding-left:25px;}
	body.home .crisis
	{
		padding:10px;
		border: 3px solid #B40807; 
		margin-bottom:20px;
	}
	
	body.home .news
	{
		margin-top:25px;
	}

	body.home .news li
	{
		border-bottom:1px solid #dddbd8;
		padding-bottom:20px;
		margin-bottom:20px;
		overflow:hidden;
	}

	body.home .news .date
	{
		font-style:italic;
		font-size:0.846em;
		color:#999999;
	}
	
	/* Enterprise pages */
	
	
	body.enterprise #content .enterpriselist li {
		border-bottom:1px solid #DDDBD8;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin-bottom:15px;
		padding-bottom:15px;
		padding-left: .4em;
	}
	
	body.enterprise #content .main form
	{
		margin-bottom: .5em;
	}
	
	body.enterprise #content .enterpriselist li span {
		display: block;
	}
	
	body.enterprise #content .main input.query
	{
		margin-bottom:1em;
		padding:0.5em;
		width:20em;
	}
	
	body.enterprise #content #alphabet
	{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		overflow: hidden;
		padding-left: .4em;
		margin-bottom: 2em;
	}
	
	body.enterprise #content #alphabet li
	{
		float:left;
		padding-right: .40em;
	}
	
	body.enterprise #content #alphabet li.first
	{
		padding-right: 1.4em;
	}
	
	#content .main .enterpriseinfo
	{
		margin-top:2.5em;
	}
	
	#content .main .enterpriseinfo strong
	{
		padding-right: .05em;
	}
	
	#content .main .enterpriseinfo h1
	{
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		background:#B40707 url(/images/related_bg.png) repeat-x scroll left bottom;
		color:#FFFFFF;
		font-size:1em;
		font-weight:bold;
		margin:0;
		padding:0.74em;
	}
	
	#content .main .enterpriseinfo p
	{
		padding: 1em;
		background-color:#F7F6F1;
		border-color: #DDDBD8;
		border-style: solid;
		border-width:0 1px 1px;
	}

	/* DocumentList */
	.documentlist #content .main ul.linklist {
		margin:2em 0 2.364em;
		list-style-type: none;
		list-style-position:outside;
	}
	.documentlist #content .main ul.linklist li {
		overflow: hidden;
		padding:0.1em 0 0.3em;
		margin-bottom:0em;
		border-top:2px solid #dddbd8;

	}
	.documentlist #content .main ul.linklist li span {
		float: right;
	}
	
	.linklist h2
	{
		background: #dddbd8;
		margin-top:15px;
		padding:5px;
	}
	
	/* SearchPage */
	body.search #content form{
		background-color:#F7F6F1;
		border:1px solid #DDDBD8;
		margin-bottom:1.5em;
		padding:1em;
	}
	body.search #content input.query{
		width:20em;
		margin-bottom:1em;
		padding:0.5em;
	}
	body.search #content input.button{
		margin-bottom:1.1em;
	}
	body.search #content .main form label{
		margin-left:5px;
		margin-right:5px;
		display:inline;
	}
	body.search #commentForm{
		padding:0;
		margin:0;
		border:0;
	}
	body.search #content #commentForm label{
		display:block;
	}
	body.search #content .results
	{
		margin-top:1em;
		list-style-type:none;
		list-style-position:outside;
	}
	
	/* newslist*/
	body.newslist .news li{
		border-bottom:1px solid #dddbd8;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	
	/* rsslist*/
	body.rsslist .rsslist li{
		border-bottom:1px solid #dddbd8;
		margin-bottom:20px;
		padding-bottom:20px;
	}

	
	
	/* event */
	body.event table{width:100%;}
	body.event th{font-weight:bold; width:17%; border:0}
	body.event td {border:0;}
	body.event tr.odd{background: transparent url(/images/eventinfo_bg.png) repeat-y scroll left bottom;}
    body.event .meta{margin-bottom:1em;}
    
    /* eventlist */
	body.eventlist #content .main ul.archive img {
		border:0;
		padding:5px 5px 0 0;
	}
    
    body.error{background-color:#fff;}
		
div.paginator a, div.paginator span{
	padding:0 0 0 1em;
}
div.paginator{
	text-align:right;
}		

#content .main .archive li
{
	border-bottom:1px solid #dddbd8;
	padding-bottom:20px;
	margin-bottom:20px;
	list-style:none;
}
		
#comment-form p{
	margin-bottom:1em;
}
#comment-form .error{
	border:1px solid #d32d1c;
	padding:1em;
	margin-bottom:1em;
}
#comment-form label{display:block;}


#page-info
{
	position:relative;
	border-top:1px solid #dddbd8;
	padding-top:1em;
	margin-top:2em;
}
#page-info a
{
	position:absolute;
	right:0;
	top:1em;
}

/*------------------------------------------------------------------
1.6 footer
-------------------------------------------------------------------*/
#footer{
background: url(/images/footer_bg.png) repeat-x scroll left top;
}

#footer .vcard{
	padding-top:3em;
	width:100%;
	text-align:center;
}

.button, .submit, .formbutton
{
	background: #ab0707 url(/images/button_bg.png) repeat-x scroll left bottom;
	color:#fff;
	border:0;
	padding: 0.5em;
	font-size:.9em;
	margin-top:10px;
	margin-right:10px;
}

.inputGroup
{
	margin-bottom:.5em;
	margin-top:.5em;
}


input.query
{
	padding:0.25em;
	width:13.692em	
}

img.image-left{
	float:left;
	margin-right:20px;
}
img.image-right{
	
	float:right;
	margin-left:20px;
}
.date{
	font-style:italic;
	font-size:0.846em;
	color:#999999;
}