﻿/***********************************************/
/* GLOBALA STYLES */
/***********************************************/
body
{
	font-size: 62.5%;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	background-color: #faf5ea;
	color: #444444;
	position: relative;
}

a
{
	text-decoration: underline;
	color: #b02020;
}

p 
{
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

strong, b
{
	font-weight: bold;	
}

h2
{
	font-size: 2.4em;	
}



/***********************************************/
/* PAGE HEAD */
/***********************************************/
div#pageHead
{
	background-image: url(../aros_images/pageHeadBackground.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 96px;
	width: 100%;
	min-width: 772px;
	margin-bottom: 20px;
	position: relative;
}

div#pageHead div#logoAndLanguage
{
	position: absolute;
	/*float: right;*/
	top: 19px;
	right: 20px;
	width: 240px;
}

div#logoAndLanguage div#languageSelector
{
	position: absolute;
	bottom: -4px;
	text-align: right;
}

div#logoAndLanguage div#languageSelector a
{
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	text-decoration: none;
}

div#logoAndLanguage div#languageSelector a.selected
{
	font-weight: bold;
}

div#pageHead img#pageHeadLogo
{
	position: relative;
	float: right;
	margin-left: 15px;
}

/***********************************************/
/* TOP NAVIGATION */
/***********************************************/
#flashNav
{
	position:absolute;
}

#menu 
{
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#menu li 
{
	float: left;
	font: 1.2em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#menu a 
{
	background: #565656 url("../aros_images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}

#menu a:hover 
{
	background: #e5552c url("../aros_images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

#menu a.current
{
	background: #b02020;
	color: #fff;
}

/***********************************************/
/* MAIN AREA */
/***********************************************/
div#mainAreaWrapper
{
	overflow: hidden;
}

div#mainArea
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

/***********************************************/
/* BANNERS AREA */
/***********************************************/
div#bannersAreaWrapper
{
	overflow: hidden;
}

div#bannersArea
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

div.firstpageBanner
{
	position: relative;
	float: left;
	margin-right: 10px;
}

/***********************************************/
/* SLIDESHOW */
/***********************************************/
div#slideShowWrapper
{
	/* bredd och höjd sätts dynamiskt i actionscript/javascript */
	position: relative;
	float: left;
}

#slideShow
{
	position: relative;
}

/***********************************************/
/* RIGHT AREA */
/***********************************************/
div#rightArea
{
	width: 293px;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

div#rightArea p.newsDate
{
	margin-bottom: 0;
	font-weight: bold;
}

/***********************************************/
/* PAGE TOP CONTENT */
/***********************************************/
div#pageTopContent
{
	max-width: 917px;
	min-width: 717px;
	height: auto;
	position: relative;	
	margin-left: 20px;
}

div#orangeQuoteArea, div#redQuoteArea
{
	width: 206px;
	position: relative;
	float: left;
	padding-bottom: 18px;
}

div#orangeQuoteArea h2
{
	font-size: 2.4em;
	color: #ea5b23;
}

div#redQuoteArea h2
{
	font-size: 2.4em;
	color: #b02020;
}
/***********************************************/
/* PAGE MAIN CONTENT */
/***********************************************/
div#contentArea
{
	max-width: 692px;
	height: auto;
	/*float: right;*/
	margin:0 20px 0 250px;
	padding: 0 0 18px 0;
}

div#contentArea h2 /* Röd rubrik */
{
	font-size: 2.4em;
	color: #b02020;
}

div#contentArea h3 /* Orange rubrik */
{
	font-size: 2.4em;
	color: #ea5b23;
}

div#contentArea h5 /* Grå underrubrik */
{
	font-size: 1.8em;
	color: #444444;
	padding-top: 10px;
}

div#contentArea blockquote /* Grått citat */
{
	font-size: 1.8em;
	color: #444444;
	margin-bottom: 20px;
}

div#contentArea ul, ol
{
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	list-style-type: disc;
}

div#contentArea h4 /* Pressreleaserubrik - ej sIFR */
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.8em;
	margin-top: 2.6em;
}

div#contentArea p.pressreleaseSummary
{
	margin-bottom: 0.8em;
}

div#contentArea p.addressParagraph
{
	margin-bottom: 0.8em;
}

div#contentArea img.leftImage
{
	float: left;
	margin: 0px 10px 10px 0px;
}

/*************************************************/
/* CATEGORY AREA */
/* Används på alla sidor som har scrollbara ytor */
/*************************************************/
div#categoryArea
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

div#categoryArea h1
{
	font-size: 2.4em;
	color: #666666;
}

div.categoryWrapper
{
	position: relative;
	padding:0 0 15px 0;
	width: 100%;
}

/* Container för ett objekt med fast bredd */
div.categoryObject
{
	width: 397px;
	height: 250px;
	position: relative;
	float: left;
	margin-right: 10px;
}

/* Container för presspack */
/* Är aningen högre än categoryObject */
div.presspackObject
{
	width: auto;
	height: 270px;
	position: relative;
	float: left;
	margin-right: 10px;
}

/* Orange kant på div:ar som visar arkitektur */
div.orangeEdge
{
	width: 22px;
	height: 210px;
	background-color: #ea5b23;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

/* Röd kant på div:ar för högupplösta bilder */
div.redEdge
{
	width: 22px;
	height: 210px;
	background-color: #b02020;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

/* Vit siffra med ram */
div.orangeEdge img, div.redEdge img
{
	position: absolute;
	display:block;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 14px;
}

div.categoryObject img, div.presspackObject img
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

div.objectText
{
	padding-top: 3px;
	clear: both;

}

div.objectText p
{
	 
}

.toggleCategory
{
	margin:0 0 0 20px;
	cursor: pointer;
}

/***********************************************/
/* CONTACT */
/***********************************************/

div.contact
{
	margin-top:10px;
	height:150px;
	width:385px;
	position:relative;
}

div.contact p
{
	line-height:1.5em;
	margin:0;
}

div.contact p.title
{
	font-weight:bold;
}

div.contactInfo
{
	left: 0;
	bottom: 0;
	position: absolute;
	margin: 0px 0px 0px 130px;
}

img.portrait
{
	float: left;
	vertical-align: bottom;
}

div.contactInfo p.title
{
	font-weight: bold;
}

div.contactInfo  a, div.contactInfo p
{
	font-size: 1.2em;
	line-height: 1.5em;
}

div.officeColumn
{
	float: left;
	width: 375px;
	margin-right: 15px;
}

div.office
{
	margin: 0px 0px 15px 0px;
}

div.office h3
{
	font-size: 1.2em;
	font-weight: bold;
	color: #b02020;
	margin: 7px 0 2px 0;
}

div.office p
{
	margin: 0;
	font-size: 1.2em;
} 

/***********************************************/
/* DOTTED LINE */
/***********************************************/
div.dottedLine
{
	background-image: url(../aros_images/dottedLineBackground.gif);
	background-repeat: repeat-x;
	background-position: center left;
	height: 4px;
	width: 100%;
	padding: 20px 0;
	clear: both;
	min-width: 700px;
}

div.dottedLine2
{
	background-image: url(../aros_images/dottedLineBackground.gif);
	background-repeat: repeat-x;
	background-position: center left;
	height: 4px;
	width: 100px;
	padding: 0;
	clear: both;
	
	width:100%;
	min-width: 700px;
}

/* ------------------------------------ */
/* CLEARFIX */
/* ------------------------------------ */
.clearfix:after
{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
}

/* Göm för IE Mac */
* html .clearfix { height: 1%; }
/* Sluta gömma för IE Mac */


/***********************************************/
/* sIFR */
/***********************************************/

.sIFR-active h1 {
	font-size: 2em;
}

.sIFR-flash 
{
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore 
{
	visibility: visible !important;
}

h2.sIFR-replaced, span.sIFR-replaced
{
	visibility: visible !important;
	margin-bottom: 6px;
}

.sIFR-alternate 
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
	
.sIFR-replaced div.sIFR-fixfocus 
{
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}

/* Flyttas ut i printstilmallen när den finns */
@media print 
{
	.sIFR-flash {
		display    : none !important;
		height     : 0;
		width      : 0;
		position   : absolute;
		overflow   : hidden;
	}
  
	.sIFR-alternate {
		visibility : visible !important;
		display    : block   !important;
		position   : static  !important;
		left       : auto    !important;
		top        : auto    !important;
		width      : auto    !important;
		height     : auto    !important;
	}
}
