/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */

/* Textitems used to render pages. Does not effect the editor which uses the textitems in MotIntra_Editor.css instead */

body
{
	font-family: Arial, sans-serif;
	padding: 0;
	margin: 0;
}

p
{
	font-family: Arial, sans-serif;
}

h1, .heading1 /* 15 px */
{
	font-weight: bold;
	font-size: 1.79em; /* OBS Egentligen 1.25em i förhållande till bodytaggens defaultsize 1 em. Omräkningen behövs därför att en	*/
	display: inline; /* heading1 alltid ligger inom en div med class normaltext dvs storlek 0.7em.								*/
}

h2, .heading2 /* 10 px */
{
	font-weight: bold;
	font-size: 1.25em; /* Egentligen 1em. Se ovan.																					*/
	margin-top: 13px;
	margin-bottom: 0px;
}

h3, .heading3 /* 9px */
{
	font-weight: bold;
	font-size: 1.10em;
	margin-top: 13px;
	margin-bottom: 0px;
}

h4, .heading4
{
	font-weight: bold;
	font-size: 1.0em;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}

#printdiv
{
	float: left;
	width: 51.5em;
}

#headdiv, .headdiv
{
	float: left;
	width: 51.5em;
}

#headdivstartpage, .headdivstartpage
{
	float: left;
	width: 35em;
	border-bottom: solid 2px #e0e0e0;
}

.introduction /* 9px */
{
	font-size: 1.10em;
}

.introductionleft /* 9px */
{
	margin-top: 0em;
	padding-right: 5px;
	float: left;
	width: 240px;
}

.introductionleft h2
{
	margin-top: 0px;
}

.newslistright
{
	margin-top: 0em;
	float: right;
	width: 140px;
}

.newslistright .newslistitem
{
	padding-top: 0px;
	padding-bottom: 1.2em;
	margin-top: 0px;
	vertical-align: top;
}

.normaltext /* 8px */
{
	font-size: 0.70em; /* Är till för att styra normaltextens (brödtextens) storlek istället för att använda sig av bodytaggens	*/
}
/* typsnittstorlek. Om bodytaggens storlek istället används så medför en storlekförändring att inte bara	*/
/* texten skalas om utan även andra element på sidan eftersom alla elementstorlekar beror på bodytaggens	*/
/* storlek.	Det är användningen av denna class som medför att vi även måste definiera body och rubriker en  */
/* gång till i MotIntra_Editor.css. Den kan nämligen inte använda sig utav denna klass utan använder sig av */
/* bodytaggen. Har vi inte satt en mindre bodystorlek där så får vi fel storlek på brödtexten i editorn och */
/* det förvirrar användarna. En mindre bodystorlek i editorn medför också att vi måste justera storleken på */
/* dess rubriker för att allt ska bli rätt.																	*/

table
{
	font-size: 1em;
}

a
{
	color: #000000;
}
a:visited
{
	color: #737373;
}

hr
{
	height: 1px;
	color: #e0e0e0;
	border: none;
	background-color: #e0e0e0;
}

hr.thick
{
	height: 2px;
}

/* ------ End Textitems ------ */

/* ------- Motala divs ------- */


#containerdiv
{
	margin: 0px 0 0 10; /* pagemargin top and left side */
	text-align: left; /*text-align for entire page */
	width: 48em; /* page width relative to font size tag on body */
}

/*#contextimagediv {
	position: absolute; 
	top: 0px;
	left: 475px;	
}
*/
#headerdiv
{
	width: 100%;
}

#headertopdiv
{
	padding: 0px 0px 0px 0px; /*Needed to make this div visible*/
}

#helpmenudiv
{
	float: left;
	text-align: right;
	margin: 5px 0px 0px 0px; /* Distance between helpmenu and header */ /*padding-bottom: 2px;/**/
}

#helpmenuinnerdiv
{
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
}

#topmenudiv
{
	clear: left;
	background-color: #000000; /**/
	margin: 0px 0px 25px 0px; /* Distance above and below the topmenu */
}

#topmenutopleftdiv
{
}

#topmenutoprightdiv
{
}

#topmenubottomleftdiv
{
}

#topmenubottomrightdiv
{
	padding: 5px 0px 0px 0px; /* Needed to make the two bottom divs visible */
}

#topmenucontroldiv
{
	margin: 0px 0px 0px 3px; /*Indent of the first menu alternative in topmenu*/
}

#maincontainerdiv
{
}

#leftmenudiv
{
	float: left;
	width: 21.5%;
	margin-right: 3%;
	margin-bottom: 1px; /* Needed to render in firefox if the div is empty */
}

#rightdiv
{
	float: right;
	width: 14.7em;
	padding-top: 0.7em;
}

#rightdivstartpage
{
	float: right;
	width: 14.7em;
	margin-top: 0.2em;
}

#mainandfooterdiv
{
	float: left; /*margin: 0% 0% 0% 0%;/*The width of the content */
	width: 35em; /*padding: 0% 3% 0% 3%; /*Distance between columns */
}

#iframewidediv
{
	padding-left: 20px;
}

#mainandrightdiv
{
	float: left;
	width: 75.5%; /*margin: 0% 0% 0% 24.5%; /* special div for the freepage template */
}

#freediv /*div used for the freepage template*/
{
}

#headlinediv
{
}

#headlinebottomlinediv
{
	background: url(../images/MotIntra/gray_line.gif) bottom left repeat-x;
	padding-bottom: 0.5em;
}

#headlinetextprintdiv
{
	padding-top: 10px;
	width: 46.5em;
}

#headlinedivbreadcrumb
{
	border-bottom: solid 2px #e0e0e0;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 51.5em;
	overflow: auto;
}

#printimagediv
{
	/*display:inline;*/
	float: right;
	border-collapse: collapse;
	padding-top: 5px; /*margin-bottom: -30px;*/
}

#headlinetextdiv
{
	/*width: 45.5em;*/
	float: left;
}


#preamblediv
{
	/*padding: 1px 0px 0px 0px;/* Make the div render even if its empty*/
	margin: 0px 0px 14px 0px; /*Distance under preamble*/
}

/* below is code for setting min height on maindiv both in IE and Firefox. A hack is needed as IE render height in divs wrong. */
#maindiv
{
	width: 35em; /* Added to make print work on listpages */
	height: 180px; /*min height for IE, div will expand*/
	min-height: 180px; /*min height for others browsers, div is static*/
	padding-top: 0.7em;
}

* > #maindiv
{
	/* IE ignores this code (child selector), other browsers will expand div*/
	height: auto;
}
/* end hack (No invalid css is used. If a problem with maindiv height appears with later versions of IE, use code below instead)
#maindiv {
	width: 100%; 				
}
*/

#readmorelinkdiv
{
	margin: 10px 0px 0px 0px; /*Distance abowe and below link */
	font-weight: bold;
}

#footerdiv
{
	clear: both; /*Makes the footer stay under the thumbs on startpage */ /*background: url(../images/MotIntra/gray_line.gif) top left repeat-x; /* horizontal gray ruler */
	margin: 32px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	border-top: solid 2px #e0e0e0;
}

#thumbdiv
{
	float: left; /*Line up the thumbs*/
	margin: 16px 8px 20px 0px; /*Distance between, abowe and below thumbs */
}

#startpagearchivediv
{
	float: left;
	width: 100%; /**/
	margin-top: 5px;
	padding-bottom: 5px;
}

#archivediv
{
	float: left;
	width: 100%; /**/
	margin-top: 5px;
}

#archiveimagediv
{
	float: left;
	width: 6%;
	padding: 0px 0px 3px 0px; /**/
}

#archivelinkdiv
{
	float: right;
	width: 93%;
	padding: 3px 0px 0px 0px;
}

#eventsdiv, .eventsdiv
{
	float: left;
	width: 14.7em;
	border: 1px solid #E0E0E0;
}

.news
{
	margin-top: 10px;
}

#eventsheaderdiv, .eventsheaderdiv
{
	background: url(../images/MotIntra/gray_line.gif) bottom left repeat-x;
	background-color: #E0E0E0;
	padding: 4px;
	font-weight: bold;
}

#eventsfooterdiv, .eventsfooterdiv
{
	background-color: #E0E0E0;
	padding: 4px;
	margin-top: 6px;
	font-weight: bold;
}
#eventelement, .eventelement
{
	padding: 4px 0px 4px 5px;
}
/* -- Standard divs --*/

ul
{
	margin-top: 0px; /*margin-bottom: 0px;/**/
}

ol
{
	margin-top: 0px; /*margin-bottom: 0px;/**/
}

img
{
	border: 0px;
}

.leftfloating
{
	float: left;
}

.rightfloating
{
	float: right;
}

.rightaligned
{
	text-align: right;
}

.leftaligned
{
	text-align: left;
}

.centered
{
	text-align: center;
}

/* property specific */
#MainBody
{
	float: left;
}

/* Google search */

.SearchResultListItem
{
}

.SearchHeader_1
{
	padding-bottom: 0.8em;
}

.SearchResultDescription
{
	padding-bottom: 0.2em;
}

.SearchResultLink
{
	padding-bottom: 1.2em;
}

.SearchResultLink A
{
	color: #888888;
}

.SearchResultHeading .BoldAndItalic
{
	font-weight: bold;
	font-style: italic;
}

.SearchResultList
{
	padding-top: 10px;
}

.SearchResultList UL, .SearchResultList LI
{	
	padding-left: 0px;
	margin-left: 0px;
	color: #333333;
	text-indent: 0px;	
	list-style-type: none;
}