/* CSS Document */ 
html {
	overflow: -moz-scrollbars-vertical;
}

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

img {
	border: none;
}

/* =Containers
-----------------------------------------------------------------------------*/
#totalcontainer {
	width: 962px;
	margin: 20px auto 0 auto;
}

#sitecontainer {
	float: left;
	width: 900px;
	background: #FFFFFF;
}

#borderwrapper {
	float: left;
	width: 962px;
	height: 100%;
	overflow: hidden;
}

#footer {
	padding-top: 7px;
	padding-left: 31px;
	padding-bottom: 7px;
	float: left;
	width: 900px;
	color: #000000;
	font-size: 9px;
}

#leftHomeContainer {
	float: left;
	width: 475px;
	background-color: #FFFFFF;
	/*					border: 1px solid red; */
}

#rightHomeContainer {
	float: right;
	width: 420px;
	background-color: #FFFFFF;
	background-image: url(../images/grfx/InfoContentBg.gif);
	background-position: left;
	background-repeat: repeat-y;
	/*					border: 1px solid red; */
}

#bottomMenuContainer {
	margin: 25px 0px 0px 0px;
	float: left;
	background-image: url(../images/grfx/bottomMenu.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#leftPageContainer {
	float: left;
	width: 253px;
}

#rightPageContainer {
	float: right;
	width: 643px;
	background-color: #FFFFFF;
	background-image: url(../images/grfx/InfoContentBg.gif);
	background-position: left;
	background-repeat: repeat-y;
}

/* =Content
-----------------------------------------------------------------------------*/
#footerleft {
	float: left;
}

#footerright {
	text-align: right;
	float: right;
}

#mainMenu {
	width: 900px;
	height: 49px;
	background-color: #fff;
	float: left;
	background-position: right;
	margin-bottom: 2px;
	display: none;
}

#topInfoContent {
	width: inherit;
	/* height:28px; */
	height: 47px;
	background-color: #FFFFFF;
	background-image: url(../images/grfx/topInfoContentBg.gif);
	background-repeat: repeat-x;
}

#topInfoContentCorner {
	float: left;
	width: 47px;
	height: 47px;
	background-image: url(../images/grfx/topInfoContentCorner.gif);
}

#infoContent {
	float: left;
	width: 589px;
	/*					min-height:1000px; Use image for IE6 */
	padding-left: 53px;
}

#infoContent2 {
	padding-right: 35px;
}

#leftInfoContent {
	float: left;
	width: 1px;
	border: none;
}

#infoLevel1Content {
	width: 352px;
	float: left;
	margin-left: 45px;
	padding-right: 22px;
	background-color: #FFFFF;
}

#bottomInfoContent {
	width: inherit;
	height: 47px;
	background-color: #FFA100;
	background-image: url(../images/grfx/bottomInfoContentBg.gif);
	background-repeat: repeat-x;
}

#bottomInfoContentCorner {
	float: left;
	width: 47px;
	height: 47px;
	background-image: url(../images/grfx/bottomInfoContentCorner.gif);
}

#pageImageText {
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 10px;
}

#leftMenuHeader {
	float: left; width : 235px;
	height: 29px;
	background-image: url(../images/grfx/leftMenuHeader.gif);
	background-repeat: repeat-x;
	background-color: #FFA100;
	font-size: 11px;
	font-weight: bold;
	width: 235px;
}

#leftMenuHeaderText {
	float: left;
	height: 18px;
	width: 200px;
	padding: 11px 0 0 15px;
	color: #FFFFFF;
}

/* *************************** */
#leftMenuHeaderEnd {
	float: right;
	width: 16px;
	height: 29px;
	background-image: url(../images/grfx/leftMenuHeaderEnd.gif);
	background-repeat: no-repeat;
}

.rightMenuHeader {
	float: left;
	width: 195px;
	background-image: url(../images/grfx/rightMenuHeader.gif);
	background-repeat: no-repeat;
	height: 23px;
	background-color: #FFA100;
	color: #FFA100;
	font-size: 11px;
	font-weight: bold;
	padding: 11px 0 0 15px;
}

#rightMenuHeaderInfo {
	float: left;
	width: 195px;
	background-image: url(../images/grfx/rightMenuHeaderInfo.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-color: #ff7300;
	color: #008687;
	font-size: 11px;
	font-weight: bold;
	padding: 11px 0 0 15px;
}

#leftMenuBottom {
	float: left;
	width: 235px;
	height: 14px;
	background-image: url(../images/grfx/leftMenuBottom.gif);
	background-color: #FFA100;
	background-repeat: repeat-x;
}

#leftMenuBottomEnd {
	float: right;
	width: 16px;
	height: 14px;
	background-image: url(../images/grfx/leftMenuBottomEnd.gif);
	background-repeat: no-repeat;
}

.rightMenuBottom {
	float: left;
	width: 210px;
	height: 14px;
	background-image: url(../images/grfx/rightMenuBottom.gif);
	background-repeat: no-repeat;
	background-color: #ff7300;
	margin-bottom: 7px;
	padding: 0;
}

#rightMenuContainer {
	float: right;
	width: 210px;
	margin-left: 5px;
}

#mainMenuDropEnd {
	float: left;
	background-image: url(../images/grfx/mainMenuDropEnd.gif);
	background-repeat: no-repeat;
	width: 24px;
	height: 49px;
}

/**
 * Original: width: 165px; every shortcut has a width of 39px.
 * 165-39=126 
 */
#shortcutMenu {
	text-align: left;
	width: 165px;
	height: 49px;
	background-color: #FFFFFF;
	background-image: url(../images/grfx/mainMenuBg.gif);
	background-repeat: repeat-x;
	float: left;
}

/* =Bottom Content
-----------------------------------------------------------------------------*/
#bottomMenu {
	padding: 19px 0 0 0;
	float: left;
	width: 873px;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#bottomMenuEnd {
	float: left;
	background-image: url(../images/grfx/bottomMenuEnd.gif);
	background-repeat: no-repeat;
	width: 24px;
	height: 49px;
}

#bottomPlateLogo {
	float: left;
	margin-top: 15px;
	width: 900px;
	height: 73px;
}

/* =SiteLinks
-----------------------------------------------------------------------------*/
#footer a:link,#footer a:visited {
	text-decoration: none;
	color: #000000;
}

#footer a:hover {
	text-decoration: none;
	color: #FF7F00;
}

#leftMenuHeader a:link,#leftMenuHeader a:visited {
	text-decoration: none;
	color: #FF7F00;
}

#leftMenuHeader a:hover {
	text-decoration: underline;
	color: #FF7F00;
}

/* =Site Shade
-----------------------------------------------------------------------------*/
#topshade {
	float: left;
	width: 962px;
	height: 31px;
	background-color: #00FF00;
	background-image: url(../images/grfx/topSiteShadow.gif);
	background-repeat: no-repeat;
}

#rightshade {
	float: left;
	width: 31px;
	background-image: url(../images/grfx/rightSiteShadow.gif);
	background-repeat: repeat-y;
	margin-bottom: -4000px;
	padding-bottom: 4000px;
}

#leftshade {
	float: left;
	width: 31px;
	background-image: url(../images/grfx/leftSiteShadow.gif);
	background-repeat: repeat-y;
	margin-bottom: -4000px;
	padding-bottom: 4000px;
}

#bottomshade {
	float: left;
	width: 962px;
	height: 31px;
	background-image: url(../images/grfx/bottomSiteShadow.gif);
	background-repeat: no-repeat;
}

/* =topcontent
-----------------------------------------------------------------------------*/
#logo {
	height: 125px;
	background-color: #E2F1DA;
	background-image: url(../images/grfx/logo_Oriola_web_900x125.gif);
}

/**
 * Original: width: 711px; Every shortcut has a width of 39px.
 * 711+39=750px
 */
#mainMenuDrop {
	width: 711px;
	height: 49px;
	background-image: url(../images/grfx/mainMenuDropBg.gif);
	background-repeat: x;
	float: left;
}

/* =Left Menu
-----------------------------------------------------------------------------*/
#vertLeftmenu {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	width: 235px;
	padding: 0px;
	margin: 0px;
	background-color: #FFA100;
}

#vertLeftmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#vertLeftmenu ul li {
	margin: 0px;
	padding: 0px;
}

#vertLeftmenu ul li a {
	display: block;
	padding: 0px 0px 5px 15px;
	text-decoration: none;
	color: #fff;
	width: 265px;
}

#vertLeftmenu ul li a:hover,#vertLeftmenu ul li a:focus {
	background-color: #FF7F00;
}

/* =Right Menu
-----------------------------------------------------------------------------*/
.vertRightmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF7F00;
	width: 210px;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	float: left;
}

.vertRightmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.vertRightmenu ul li {
	background-color: #FFA100;
	margin: 0;
	padding: 0;
}

.vertRightmenu ul li a {
	display: block;
	padding: 5px 0px 0px 15px;
	text-decoration: none;
	color: #FFFFFF;
	width: 190px;
}

.vertRightmenu ul li a:hover,.vertRightmenu ul li a:focus {
	background-color: #FF7F00;
}

/* =Top Navigation
-----------------------------------------------------------------------------*/
#nav a {
	display: block;
	padding-top: 3px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 14px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#nav,#nav ul {
	padding: 0;
	margin: 15px 0px 0px 0px;
	list-style: none;
}

#nav li {
	float: left;
	margin-left: 17px;
	display: inline;
	width: auto;
}

#nav li .ul {
	position: absolute;
	left: -999em;
	margin: 0px;
	width: auto;
}

#nav li .ul .w100 {
	width: 100px;
}

#nav li .ul .w100 a {
	width: 90px;
}

#nav li .ul .w125 {
	width: 125px;
}

#nav li .ul .w125 a {
	width: 115px;
}

#nav li .ul .w150 {
	width: 150px;
}

#nav li .ul .w150 a {
	width: 140px;
}

#nav li .ul .w175 {
	width: 175px;
}

#nav li .ul .w175 a {
	width: 165px;
}

#nav li .ul .w200 {
	width: 200px;
}

#nav li .ul .w200 a {
	width: 190px;
}

#nav li .ul .w225 {
	width: 225px;
}

#nav li .ul .w225 a {
	width: 215px;
}

#nav li .ul .w250 {
	width: 250px;
}

#nav li .ul .w250 a {
	width: 240px;
}

#nav li .ul .li {
	background-color: #FFA100;
}

#nav li .ul .li a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff;
	font-size: 11px;
}

#nav li .ul .li a:hover {
	background-color: #FF7F00;
}

/* Moved into every department template for not Internet Explorer browsers.  
#nav li:hover .ul 		{	left: auto; } 
*/
#nav li.sfhover .ul {
	left: auto;
}

#nav li.out {
	/*background: #ffffff;*/
}

#nav li.over {
	background: #FFA100;
	background-image: url(../images/dropimg/right_menu.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#nav li.over span a {
	color: #FFFFFF;
}

#nav li span a {
	color: #FF7F00;
}

#nav li.out span {
	background: #ffffff;
}

#nav li.over span {
	background-image: url(../images/dropimg/left_menu.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

#nav li .ul .righttopmenucorner {
	padding: 0px;
	margin: 0px;
	font-size: 6px;
	background-image: url(../images/dropimg/righttopmenu.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#nav li .ul .rightbottommenucorner {
	padding: 0px;
	margin: 0px;
	font-size: 6px;
	background-image: url(../images/dropimg/rightbottommenu.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	display: block;
}

#nav li .ul .rightbottommenucorner .leftbottommenucorner {
	padding: 0px;
	margin: 0px;
	font-size: 6px;
	background-image: url(../images/dropimg/leftbottommenu.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	display: block;
}

#nav li .ul .rightbottommenucorner .leftbottommenucorner .bottommenuborder
	{
	margin-left: 11px;
	margin-right: 11px;
	background: #FFA100;
}

#nav li.active {
	background-image: url(../images/dropimg/rightmenuactive.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#nav li.active span {
	background-image: url(../images/dropimg/leftmenuactive.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

#nav li.active span a {
	color: #ffffff;
}

/* =Bottom Navigation
-----------------------------------------------------------------------------*/
	/* all lists */
#submenuList,#submenuList ul {
	color: #ffffff;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#submenuList a {
	display: block;
	list-style: none;
	padding-bottom: 2px;
}

/* all list items */ /* width needed or else Opera goes nuts */
#submenuList li {
	float: left;
	width: auto;
	background-image: url(../images/grfx/submenuSeperator.gif);
	background-position: right;
	padding-right: 20px;
	margin-left: 40px;
	background-repeat: no-repeat;
}

#submenuList li.first {
	margin-left: 20px;
	display: inline;
}

#submenuList li ul {
	background-image: none;
	font-weight: normal;
	margin-top: 15px;
	position: absolute;
	width: 200px;
	left: -999em;
}

/* Moved into every department template for not Internet Explorer browsers.
#submenuList li:hover ul		{ left: auto;	}   
*/
#submenuList li.sfhover ul {
	left: auto;
}

#submenuList li ul li {
	background-image: none;
	padding: 0;
	margin-left: 0;
	background: #FFA100;
	line-height: 15px;
}

#submenuList li ul li {
	width: 190px;
	padding: 0 5px 0 5px;
	display: block;
}

#submenuList li ul .submenuborder {
	padding: 0px;
	margin: 0px;
	background: none;
	font-size: 0%;
	line-height: 1;
}

#submenuList li a {
	text-decoration: none;
	color: #FFFFFF;
}

#submenuList li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* =Typografi
-----------------------------------------------------------------------------*/
h1,p {
	margin: 0;
	padding: 0;
}

/*
 * Rubrik font
 * 25 pixel i VERSAL text med 10 punkter under.
 */
h1 {
	font-weight: normal;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #FF7F00;
}

p {
	font-size: 14px;
	color: #000000;
	padding: 0px 0px 10px 0px;
}

p a {
	text-decoration: none;
	color: #000;
}

p a:hover {
	color: #000;
	text-decoration: underline;
}

/* =Fillers
-----------------------------------------------------------------------------*/
.lasMer {
	margin-bottom: 11px;
}

/********************************
** Design från gamla layouten
*********************************/ /*
 * Datum i länk 
 * 10 pixel i grå text.
 */
.date_link {
	font-size: 10px;
	color: #000000;
	white-space: nowrap;
}

/*******************************
 * Mittenkolumnen - Artikeln
 *******************************/ /*
 * Bildtext
 * 10 pixel i grå text med 3 pixel ovanför och 10 pixel under.
 */
.inside_pic_text {
	font-size: 10px;
	color: #000000;
	padding: 0px 0px 3px 0px;
}

/*
 * Rubrik font
 * 16 pixel i fet text med 10 punkter under.
 */
.inside_header {
	font-size: 16px;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}

/*
 * Ingerss font
 * 14 pixel, kursiv i grå text med 10 pixel under.
 */
.inside_lead {
	font-size: 14px;
	color: #000000;
	font-style: italic;
	padding: 0px 0px 10px 0px;
}

/*
 * Styckerubrik 
 * 15 pixel i fet text med 5 pixel under.
 */
.inside_text_header {
	font-size: 15px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}

/*
 * Styckerubrik 2 
 * 14 pixel, kursiv och fet i grå text.
 */
.inside_text_header_2 {
	font-size: 14px;
	font-style: italic;
	color: #000000;
	font-weight: bold;
}

/*
 * Stycketext
 * 14 pixel i grå text med 10 pixel under.
 */
.inside_text {
	font-size: 14px;
	color: #000000;
	padding: 0px 0px 10px 0px;
}

.inside_text a:link,.inside_text a:visited {
	text-decoration: underline;
	color: #000000;
}

.inside_text a:hover {
	text-decoration: underline;
	color: #0000FF;
}

/*
 * Stycketext för formulär
 * 14 pixel i svart text med 10 pixel under.
 */
.inside_text_form {
	font-size: 14px;
	color: Black;
	padding: 0px 0px 10px 0px;
}

/*
 * Stycketext för formulär med error
 * 14 pixel i röd text med 10 pixel under.
 */
.inside_text_form_error {
	font-size: 14px;
	color: Red;
	padding: 0px 0px 10px 0px;
}

/*
 * Datum under artikel.
 * 10 pixel i grå text med 10 pixel under.
 */
.inside_date {
	font-size: 10px;
	color: #000000;
	padding: 0px 0px 10px 0px;
	white-space: nowrap;
}

/*
 * Top and print link
 * 11 pixel darkgreen text i fet.
 */
.inside_green_link {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	cursor: hand;
}

.inside_separator {
	border-bottom: 1px dashed black;
}

/*
 * Lista
 * 14 pixel i grå text.
 * Avstånd: under: 10 pixel, vänster: 20 pixel 
 * Indragning: 0 pixel 
 */
.UL_dotlist {
	font-size: 14px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	text-indent: 0px;
}

/*
 * Listelement
 * Under varje listelement är det 3 pixel.
 */
.LI_dotlist {
	padding: 0px 0px 3px 0px;
}

/*
 * Text i översiktskarta 
 * 10 pixel 
 */
.sitemap {
	text-decoration: underline;
	color: #000000;
	font-size: 10px;
}

.sitem6EC9E0p:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}

/**************************
 * Högerkolumnen
 **************************/ /*
 * Text i högerkolumnen
 * 11 pixel i vit text med 5 pixel ovanför och 15 till höger.
 */
.inside_rightcol_text {
	font-size: 11px;
	color: #FFFFFF;
	background: #FFA100;
	padding: 5px 0px 0px 15px;
}

/*
 * Bild i högerkolumnen ska ha 5 pixel ovanför och 15 till höger.
 */
.inside_rightcol_image {
	padding: 5px 0px 0px 15px;
}