.cf:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.cf {
	display: inline-block;
}
 
html[xmlns] .cf {
	display: block;
}
 
* html .cf {
	height: 1%;
}

body
{
    background-color: rgb(224, 224, 216);
	background-repeat: repeat;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.center
{
    margin: 0 auto;
    width: 1017px;
}

a
{
	color: #01687b;
	text-decoration: none;
}

A IMG {
    border: none;
}

iframe
{
    border-style: none;
}

a:hover
{
	color: #919291;
}

a:visited
{
	color: #660000;
}

a.tag
{
	text-transform: uppercase;
	font-size: 70%;
}

p.publishDate
{
   font-size: 11px;
   font-family: Arial,Helvetica,sans-serif;
    color: #808080;
   padding-bottom: 10px;
}

.h1first {

    font-size: 40px;
}

h1, .heading1
{
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 1.5em;
	font-weight: bold;
}



.TextBoxSize
{
	font-size: 0.63em;
}

.Social
{
    float:right;
    color:#333;
 

}

.Social ul li{
color:#333;
list-style: none;
margin-bottom: 6px;

}

.Social ul{
 border-bottom: 3px solid #DFE9EA;
    border-top: 3px solid #DFE9EA;
    color: #333333;
    margin: 0 0 10px;
    padding: 11px;
    width: 100px;

}

.fblike {

    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 0.8em;
    display: inline-block;
    padding-top: 10px;
    
}

.fblike p, .fblike div {

    float: left;
    width: auto;
}

.fblike div {
    margin-left: 6px;
    margin-top: -4px;
}


.Social ul li a{ padding-left: 20px;}

.printpage
{
    background: url('../images/icons/socialmedia.gif') no-repeat 0 0;
    height: 16px;
    width: 16px;
}
.facebook {
    background-position: -30px -3px;
}
.twitter {
    background-position: -82px -3px;
}
.printpage {
    background-position: -132px -3px;padding-left: 20px;font-size: 12px;
    
}

.imageText {
font-family: verdana;
color:#808080;
font-size: 11px;
    padding-top: 4px;
}



.MainFrame
{
	width: 1017px;
	background-color: #FFFFFF;
	background: url(../images/bgShadowNV100.png) repeat-y 0 0;
	float: left;
	padding-left: 29px;
	padding-right: 12px;

}

.freeText {

    display: block;
    clear: both;
    position: relative;
    top: -25px;
}

/* -------------- General text styles ------------------*/

.Introduction /*Ingress*/
{
	float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 2px;
    padding-bottom: 14px;
    width: 404px;
    line-height: 19px;
}
.op {
    margin-bottom: 0px;
}

.Warningtext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	color: #FF0000;
	font-weight: bold;
}

.etikett
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.80em;
	font-family: Arial, Helvetica, Sans-Serif;
}


/* -------------- TopMenu -------------*/
.Top
{
	top: 18px;
	height: 180px;
	width: 1000px;
	background-color: #FFFFFF;
	float: left;
	position: relative;
}

.Static_Menu
{
	top: 0px;
	position: absolute;
	font-size: 0.63em;
	text-transform: uppercase;
	width: auto;
	right: 0;
}

.Static_Menu a
{
	text-decoration: none;
	color: Black;
}

.Static_Menu a:hover
{
	color: #ccc;
}


.Quote_Banner {
    font-size: 0.63em;
    height: 85px;
    left: 410px;
    position: absolute;
    top: 32px;
    width: 507px;
}


/* ---------- MainMenu Area ------------------        */

.TopMenuContainer
{
  background-color: #DFE9EA;
    font-size: 13px;
    font-weight: bold;
    height: 51px;
    position: relative;
    text-transform: uppercase;
    top: 15px;
    width: 993px;
}

.TopMenu
{
	/*width: 800px;*/
	float: left;
}


.TopMenu ul
{
	margin: 0;
	height: 19px;
	list-style-type: none;
	float: left;
	padding-left: 0px;
}

.TopMenu li
{
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
}

.TopMenu li a
{
	color: #333333;
    display: block;
    padding: 0 15px 12px;
    text-decoration: none;
}

.TopMenu a:hover
{
	color: #000;
}


.TopMenu_AnnonseraContainer
{
	float: left;
	width: 193px;
	height: 19px;
}

.TopMenu_Annonsera
{
	position: relative;
	right: 70px;
	float: right;
	position: relative;
	top: 3px;
}

.TopMenu_Annonsera a
{
	color: Black;
}


/* -------------------- End TopMenu ------------------*/


.MenuDropDown
{
	font-size: 0.69em;
}

/* --------------------SubMenu Area --------------- */
.centerText {
 width: 530px;
    
}


.Left_column a
{
	color: #000;
	font-weight: bold;
	line-height: 18px;
}

.Left_column a:hover
{
	color: #000;
	font-weight: bold;
	line-height: 18px;
}

.SubMenuArea
{
	width: 189px;
	overflow: hidden;
	color: #3e3e3e;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.69em;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 0px;
	padding-left: 0px;
}

.SubMenuArea a
{
	color: #3e3e3e;
}

.SubMenuArea a:hover
{
	color: #9e9d9d;
}

.SubMenuArea ul
{
	padding: 0;
	margin: 0px;
	list-style-type: none;
	line-height: 1em;
	font-size: 12px;
}

.SubMenuArea ul ul
{
	margin: 0 0 0.6em 1.5em;
	border: 0;
	font-size: 0.8em;
}

.SubMenuArea ul ul ul
{
	margin: 0 0 0.6em 3.5em;
	border: 0;
	font-size: 0.9em;
}

.SubMenuArea li a, .SubMenuArea li span
{
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px; /* Adding a small padding between menu item box and link text */
	text-decoration: none;
	margin-bottom: 2px;
}

.SubMenuArea li a:hover
{
	color: #9e9d9d;
}

.SubMenuArea li span
{
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
}

.SubMenuArea li li span
{
	background-position: 0.7em 0.2em;
}

.SubMenuArea li li a, .SubMenuArea li li span
{
	padding: 2px 0px 2px 15px; /* Making the small arrow visible left to the text */
}

.SubMenuArea li li
{
	border-bottom-color: White;
	font-size: 1.0em;
}

.SubMenuArea li li span
{
	font-weight: bold;
}

.ExpandedItemTemplate
{
	background-color: #eee;
}

.ExpandedItemTemplate:hover
{
	background-color: White;
}

.SelectedExpandedTopTemplate
{
}

div.SelectedExpandedTopTemplate a:hover /* important that the div is in front of the class name! */
{
	color: Black;
}

div.PuffRowFirst h1 a, div.PuffRowFirst h2 a, div.PuffRowFirst h3 a, div.PuffRowFirst h4 a, div.PuffRowFirst h5 a, div.PuffRowFirst h6 a, div.PuffRow h1 a, div.PuffRow h2 a, div.PuffRow h3 a, div.PuffRow h4 a, div.PuffRow h5 a, div.PuffRow h6 a
{
	color: Black;
	
}

.inl.cf:after{ display: inline !important;}

.SelectedExpandedItemTemplate
{
	background-image: url(../images/btnArrowYellow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	margin-left: 10px;
}

.SubMenuFirefoxEmptyFix
{
	font-size: 1px;
	line-height: 1px;
	width: 1px;
	height: 1px;
}

/* ----------------- Login ---------------------*/

.Login
{
	width: 413px;
}

.Login_boxes
{
	font-size: 0.56em;
	padding-top: 4px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-right-color: #666;
	border-bottom-color: #666;
	border-top-color: #999;
	border-left-color: #999;
	height: 8px;
}

.Login_label_Style
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.63em;
	font-weight: bold;
}

.Login_headline
{
	margin-bottom: 7px;
	font-size: 0.63em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.Login_headline a
{
	color: #1A7788;
	text-decoration: none;
}

.Login_ForgotPasswordContainer
{
	position: relative;
	top: 3px;
	left: 10px;
}

.Login_Box
{
	left: 5px;
	margin: 0 0 12px;
    position: relative;
}

.Login_Box_Ordinary_Page
{
	width: 413px;
	height: 85px;
	position: absolute;
}

.loginBorder
{
	width: 413px;
	float: left;
	padding-left: 10px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #C0C0C0;
}

.loginBorderSurvey
{
	width: 413px;
	padding-left: 10px;
	float: left;
}

.loginTextBoxContainer
{
	float: left;
	margin-bottom: 0px;
}

.loginTextBoxContainer span
{
	padding-right: 5px;
}

.loginButtonContainer
{
	float: left;
	height: 10px;
	background-color: #ccc;
	margin-left: 10px;
}

.Login_Button
{
	position: absolute;
	bottom: 35%;
	display: inline;
}

.LoginWarningtextContainer
{
	position: relative;
	top: -115px;
	left: 11px;
}

/* ----------------- Search Menu ------------------*/


.SearchMenu
{
	top: 18px;
	height: 25px;
	width: 993px;
	position: relative;
	background-color: #e5e5db;
}

.SearchMenuContent
{
	float: right;
	margin-right: 190px;
}

.SearchMenuText
{
	font-size: 0.63em;
	font-weight: bold;
}

.SearchMenu_TextBoxSize
{
	font-size: 0.69em;
}

.SearchButton
{
	position: relative;
	top: 3px;
	left: 3px;
}

.SearchButton_SearchPage
{
	position: relative;
	top: 6px;
	left: 3px;
}

.BreadCrumbMenu
{
	margin-bottom: 10px;
	font-size: 0.63em;
}

/*-------------------Left Area--------------------*/

.moduleCalender
{
    font-size: 12px;
    margin-left: 15px;
}

/*------------------ Middle Area-----------------*/

.Middle_Area
{
	top: 35px;
	float: left;
	position: relative;
	padding-bottom: 40px;
}

.Left_column
{
	float: left;
	width: 189px;
	margin-left: 0px;
	margin-right: 12px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
}

.Body_column
{
	border-color: #C0C0C0;
	border-width: 0px 1px 0px 1px;
	width: 573px;
	float: left;
	margin-right: 6px;
	margin-left: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

.wide
{
    width: 772px;
}

.BodyText
{
	margin-bottom: 20px;
}

.Right_column
{
	background-color: #FFFFFF;
    float: left;
    width: 207px;
}

.Modules_Banners
{
	float: left;
}

.Big_Banner
{
	float: left;
	width: 390px;
	margin-bottom: 12px;
}

.Modul_Column1
{
	float: left;
	width: 189px;
	margin-right: 6px;
}

.Modul_Column2
{
	float: left;
	width: 189px;
	margin-left: 6px;
}

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

.Footer
{
	border-style: solid none none none;
	border-width: 1px;
	border-color: #C0C0C0;
	color: #808080;
	float: left;
	position: relative;
	width: 993px;
	font-size: 0.8em;
}

.Footer_Logo
{
	position: relative;
	float: left;
}

.Footer_Text
{
	top: 10px;
	left: 20px;
	float: left;
	width: 685px;
	position: relative;
}

.Footer_Links
{
	top: 10px;
	float: left;
	position: relative;
}

/* --------------- Shadow styles ----------*/

/*.BottomShadow
{
	width: 1028px;
	height: 12px;
	background-image: url('../images/shadow-bottom.gif');
	float: left;
	background-repeat: repeat-x;
}*/

.ShadowCorner
{
	width: 12px;
	height: 12px;
	background-image: url('../images/shadow_corner.gif');
	float: left;
	background-repeat: no-repeat;
}


/* ------------------ News Area -----------------*/

/*Add comment*/

.CommentArea
{
	background-color: #fff;
}

.CommentBox
{
	background-color: #C4D7D6;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 5px;
}

.CommentBox input
{
	font-size: larger;
}

.CommentBox textarea
{
	font-size: larger;
	font-family: Arial, Helvetica, Sans-Serif;
}


/* ---Comment--- */

.boubble
{
	float: right;
	height: 18px;
	width: 18px;
	background-image: url(../images/boubble2_icon.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 0.56em;
	padding-top: 1px;
}

.kommentar
{
	background-repeat: no-repeat;
	background-color: #fff;
	margin-top: 30px;
}

.kommentar_header
{
	width: 160px;
	background-color: #c4d7d6;
	background-image: url(../images/kommentarer_header_back.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 3px;
}

.kommentar_content
{
	background-color: #c4d7d6;
	padding: 9px;
	overflow: auto;
}

/* TODO: remove after check that styling is not changed

.kommentar_content p:first-line { is used?
	color: #000;
	font-weight: bold;
	line-height: 20px;
}

*/

.kommentar_author
{
	font-weight: bold;
	color: black;
}

.kommentar_right
{
	float: left;
	width: 290px;
	min-height: 60px;
	background-color: #fff;
	padding: 12px;
	margin-bottom: 10px;
}

.kommentar_left
{
	float: left;
	width: 20px;
	margin-top: 10px;
	background-color: #c4d7d6;
	background-image: url(../images/arrow-bouble.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 10px;
}

.kommentar_bottom
{
	height: 18px;
	background-color: #c4d7d6;
	padding-bottom: 14px;
}

.kommentar_itemHeader
{
	margin-bottom: 15px;
}

.kommentar_bottom a
{
	height: 18px;
	font-size: smaller;
	color: Black;
	background-image: url(../images/kommentera_btn.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 23px;
	margin-bottom: 0px;
	padding-bottom: 14px;
	margin-right: 12px;
}

.kommentar_bottom a:hover
{
	color: #919291;
}


/* ------------- SubIndex -------------------*/

.PuffRow
{
	border-color: #AAAAAA;
    border-style: solid none none;
    border-width: 1px;
    display: block;
    float: left;
    padding-bottom: 10px;
    padding-top: 20px;
    width: 530px;
}

.PuffRowFirst
{
	border-color: #FFFFFF;
    border-style: none none solid;
    border-width: 1px;
    display: block;
    padding-bottom: 0;
    width: 378px;
}

.PuffRowFirst h1
{
    font-size: 38px;
}

.PuffRowFirst p.brodtext
{
    font-size: 14px;
}

.PuffRowFirst .PuffRow {
border:none;
padding-top: 1px;
}

.PuffRowFirst img, .PuffRowFirst h1 {
margin-bottom: 2px;
}

.PuffCellLeftWithBorderRight
{
	display: inline;
	width: 183px;
	float: left;
	margin-right: 0px;
	padding-right: 5px;
	border-style: none solid none none;
	border-width: 1px;
	border-color: #CCCCCC;
}

.PuffCellLeftContent
{
	display: inline;
	float: left;
}

.PuffCellRight
{
	display: inline;
	width: 183px;
	float: right;
	border: 0px;
	margin-left: 5px;
}


/* ---Puff ReadMore Control--- */

.ReadMoreControl
{
	margin: 5px;
	float: right;
}

.PuffReadMore
{
	font-weight: bolder;
	float: right;
	margin-left: 15px;
	font-size: 0.63em;
}

.archiveLink {
    font-weight: bolder;
	float: left;
    margin-bottom: 30px;
	font-size: 13px;
	background-image: url(../images/btnArrowYellow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	color: #01687b;
    margin-top: 35px;
}

.PuffReadMore a
{
	background-image: url(../images/btnArrowYellow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	color: #01687b;
}

.PuffReadMore a:hover
{
	color: #919291;
}

.PuffReadMore a:visited
{
	color: #660000;
}

/* ----------------- EVENT ---------------*/

.EventIntroduction
{
	margin-bottom: 10px;

}

.wider{width: 530px;}

.EventEmph
{
	font-weight: bolder;
	color: #0e6f81;
}

.EventListHeaderContainer
{
	width: 370px;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #B6DCD1;
    margin-bottom: 12px;
    width: 530px;
}

.EventListItemContainer
{
	width: 530px;
	float: left;
	background-color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-top-style: solid;
	border-top-color: #ccc;
	border-top-width: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.EventListItemContainer a
{
	color: Black;
}

.EventListItemContainer a:visited
{
	color: #404141;
}

.EventListItemDate
{
	float: left;
	width: 50px;
	font-weight: bold;
}

.EventListItemHeaderText
{
	float: left;
	width: 240px;
}

.EventListItemLocation
{
	float: left;
	width: 70px;
	padding-right: 10px;
}

.EventBackLink
{
	margin-top: 25px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: right;
}

.EventClearfloat
{
	clear: both;
	height: 0;
	line-height: 0px;
}

.EventVisited a:visited
{
	color: #404141;
}

/* -------------------Contact----------------*/

.ContactArea
{
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #C0C0C0;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	height: 95px;
    clear: both;
}

.contactImage
{
	float: left;
	height: 100px;
	margin-right: 10px;
}

.contactOuterContainer
{
	float: left;
	height: 90px;
	position: relative;
	width: 270px;
}

.contactInnerContainer
{
	display: inline;
	position: absolute;
	bottom: 0%;
}

.contactName
{
	font-size: 0.69em;
	font-weight: bold;
	margin-bottom: 2px;
}


/* --------------News----------------- */

.newsPrintIconAndLine
{
	width: 100%;
	text-align: right;
	font-size: 0.69em;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.newsDate
{
	width: 100%;
	font-size: 0.69em;
	text-align: right;
	margin-bottom: 20px;
}

.TextPageHeadLine
{
	margin-bottom: 10px;
}

.contactListContainer
{
	margin-top: 40px;
}

/*---------------------- Windows Module -----------------------*/

.ModuleHeader
{
	font-weight: bold;
	font-size: 0.8em;
	color: #FFFFFF;
    background-color: #a9bab9;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.Module_Image
{
	float: left;
	width: 190px;
	margin-bottom: 10px;
}

.ModuleContent
{
	color: #000;
	background-color: #c4d7d6;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
}

.ModuleLeftContent
{
	color: #000;
	background-color: #d0e0df;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.ModuleWindow
{
	background-color: #C4D7D6;
	float: left;
	width: 190px;
	padding: 0px 0px 5px 0px;
	margin-bottom: 10px;
}


/*---------------------- Blank Windows Module -----------------------*/

.BlankModuleHeader
{
	font-weight: bold;
	font-size: 0.8em;
	background-color: #EDEEC4;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.BlankModule_Image
{
	float: left;
	width: 190px;
}

.BlankModuleContent
{
	color: #000;
	background-color: #ffffff;
	padding-top: 10px;
	padding-left: 1px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.BlankModuleWindow
{
	float: left;
	width: 190px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
}

.TeaserIframeWindow
{
    margin-bottom:10px;
    padding:0 0 5px;
}

/*---------------------- Edit Module -----------------------*/

.EditModuleContent
{
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.EditModuleWindow
{
	float: left;
	width: 190px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
}



/*--------------------- On New Workplace -----------------*/

.onNewWorkplaceItem
{
	margin-bottom: 10px;
	min-height: 100px;
}

.onNewWorkplaceImage
{
	float: left;
	height: 85px;
	width: 140px;
}

.onNewWorkplaceText
{
	float: left;
	height: 75px;
	width: 370px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

/*---------------------Available Jobs---------------------*/
/* (Lots of divs, due to vertical align in table cells) */

.availableJobsItemContainer
{
	width: 370px;
	height: 55px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-bottom-width: 1px;
	padding-bottom: 10px;
}

.availableJobsItemImage
{
	float: left;
	width: 110px;
}

.availableJobsItemTitleAndCompany
{
	float: left;
	width: 120px;
	padding-left: 10px;
	position: absolute;
	bottom: 35%;
	display: inline;
}

.availableJobsItemLastDate
{
	float: right;
	width: 140px;
	text-align: right;
	padding-right: 5px;
	position: absolute;
	bottom: 35%;
	display: inline;
}

.availableJobsTitleAndCompanyValignContainer
{
	position: relative;
	height: 60px;
	float: left;
	width: 120px;
}

.availableJobsLastDateValignContainer
{
	position: relative;
	height: 60px;
	float: left;
	width: 140px;
}

.availableJobsHeaderContainer
{
	height: 20px;
	background-color: #A9D6CA;
	padding: 2px 2px 2px 2px;
}

.availableJobsHeaderContainer td
{
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}
.availableJobsHeaderContainer span
{
	font-style: italic;
}

.availableJobsHeaderImage
{
	float: left;
	width: 100px;
}

.availableJobsHeaderTitleAndCompany
{
	float: left;
	width: 110px;
	padding-left: 10px;
}

.availableJobsHeaderLastDate
{
	float: left;
	width: 140px;
	text-align: right;
	padding-right: 5px;
}

/*---------------------News Archive ----------------------*/

.NewsArticleItem
{
	font-size: 1.0em;
	margin-bottom: 30px;
}

.NewsArticleHeadline
{
	text-decoration: underline;
	font-weight: bold;
	color: Black;
}

.NewsArticleDate
{
	color: #888;
}

.NewsArticleIntroduction
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.NewsArticleWriters
{
	color: #888;
	float: left;
}

.ArchivePaging
{
	float: right;
}

.ArchivePaging a
{
	text-decoration: underline;
}

/* terrible tables from epi */
table#id_matrix td
{
	padding-bottom: 10px;
}
table#id_matrix td span
{
	float: left;
	margin-right: 10px;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 0.8em;
}
table#id_matrix td input
{
	float: left;
}


/*------------------- Search Page -----------------*/
.selectMenuArea {
    position: absolute;
    right: 6px;
    top: 84px;
}
.SearchSubHeader
{
	font-size: smaller;
	color: #1A7788;
}

.SearchMenuDivisor
{
	width: 370px; /*xborder-bottom-style: solid; 	xborder-bottom-color: #ddd; 	xborder-bottom-width: 1px;*/
}

.SearchItemContent
{
	width: 530px;
	padding-top: 8px;
	padding-bottom: 8px; /*xborder-bottom-style: solid; 	xborder-bottom-color: #ddd; 	xborder-bottom-width: 1px;*/
}

.SearchItemTitle a
{
	color: Black;
	font-weight: bold;
	text-decoration: underline;
}

/*----------- Arrow links ------------- */


.CalendarArrowLinks a
{
	background: url(../images/btnArrowYellow.gif) no-repeat 0 4px;
	padding-left: 15px;
	color: #01687b;
	font-size: 12px;
	font-weight: bold;
    float: left;
}

.ArrowLinks a
{
    background: url(../images/btnArrowYellow.gif) no-repeat 0 3px;
	padding-left: 15px;
	color: #01687b;
	font-size: 12px;
	font-weight: bold;
    display: block;
    float: left;
margin-bottom: 3px;
}



.ArrowLinks a:hover
{
	color: #919291;
}

.ArrowLinks a:visited
{
	color: #660000;
}

/* ------------ SITE MAP -------------------*/
ul.SiteMap
{
	margin: 0;
}

ul.SiteMap li
{
	float: left;
	width: 24%;
	margin: 0 1% 0 0;
	list-style: none;
	color: Black;
	font-weight: bold;
}

ul.SiteMap ul
{
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}

ul.SiteMap li ul li
{
	float: none;
	width: 100%;
}

/*--------   Annonsera länk -------------*/
.AnnonseraLink_jobpage
{
	float: left;
	left: 485px;
	position: absolute;
	width: 200px;
}

/*-------------- event form ------*/
.TextBoxForm
{
	font-size: 15px;
}


/* --------- AddThis -----------------*/
#divShare
{
	text-align: right;
	background-position: left;
	float: left;
	padding-left: 248px;
	padding-top: 3px;
}

#divShare a.addThis
{
	background: url(/images/addthisbutton.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	padding-top: 5px;
}

/*-------------- EnkätBanner ------------------*/
.surveyBanner img
{
	width: 390px !important;
	float: left;
	margin-bottom: 12px;
}

/* slide js */
#container {
	margin:0 auto;
	position:relative;
	z-index:0;
}

#container #items {
	width:460px;
	height:234px;
	position:relative;
}

#container #items.single{height:298px}
#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:relative;
	top:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_control{height:240px !important}
.slides_container {
	width:530px;
	overflow:hidden;
	position:relative;
	display:none;
    height: 255px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:460px;
	display:block;
}

.slides_container a img {
	display:block;
}

#slides .pagination{margin: 0;padding: 1px 2px;position: absolute;bottom: 18px;right: 6px;z-index:66666}
#slides .pagination li{ float: left;list-style: none;margin: 0 2px;width: auto}
#slides .pagination a{ color: #fff;display: block;padding:1px}
/*
	Next/prev buttons
*/

ul.pagination li { width: 10px !important;height: 10px;background-color: #fff;}
ul.pagination li.current { background-color: #73b120;}

ul.pagination li a{ text-indent: -9999px; }

#slides .next,#slides .prev {
	position:absolute;
	top:224px;
	left:400px;
	padding-left:0;
	width:15px;
	height:15px;
	display:block;
	z-index:101;
	background: transparent url(/images/arrow-left-2.png) 0 0;
}

.imageTeaser{ padding-bottom: 10px;}

#slides .next {
	left:500px;
	background: transparent url(/images/arrow-right-2.png) 0 0;
	margin-left:15px;
	padding-right:0
}

#slides .next span,#slides .prev span{display:none}

.caption {
	z-index:500;
	position:absolute;
    bottom: -19px;
	left:0;
	overflow:hidden;
	padding:1px 10px 5px 0;
	background:#fff;
	width:460px;
	line-height:1.33;
	text-shadow:none;
	color: #545353;
    font-size: 10px;
}

.caption p {color:#111}

/*-------------- Puffar ------------------*/
.mediumteaser img
{
	float: right;
	margin: 0 0 10px 5px;
	width: 150px;
}

.ArrowLinks ul li
{
	padding: 0px;
	margin: 0px;
}

.ArrowLinks li
{
	height: 16px;
	padding: 0px;
	margin: 0px;
}

.ArrowLinks ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* New text at login position in master page for Member System switch*/
.notMemberTextStartPage
{
    font-size: 0.8em;
    padding: 10px 0 5px 12px;
}
.mainSearch
{
    background: url("../images/searchField.png") no-repeat  0 0;
    padding: 0px;
    position: absolute;
    right: 5px;
    top: 39px;
    width: 184px;
    background-color: red;}

.SearchBox  
{

    background-color: transparent;
    border: medium none;
 
    padding: 14px 5px 10px 10px;
    width: 134px;
    font: 10px Arial,Helvetica,sans-serif;
    color: #666666;
     }

.mainSearchBtn {
    background: url("../images/searchField.png") no-repeat scroll right 0;
    border: medium none;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 35px;
    
}


.mainSearchBtn:hover{ background-position: right -57px;}
/* Selectmenu
----------------------------------*/

.ui-selectmenu{ background: url("../images/ButtonSelectedFields.png") no-repeat 0 0;}
.ui-selectmenu { display: block; position:relative; height:40px; text-decoration: none; overflow:hidden;}
  
.ui-selectmenu:hover{ background-position: 0 -66px;}
 
.ui-state-active{ background-position: 0 -130px;}
.ui-state-active:hover{ background-position: 0 -200px;}
 
 li.last{border:0 !important;}
 
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%;}
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible;}
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { background-color: #ecf4f8;
    border: 1px solid #E4E3E1;
    border-radius: 0 0 5px 5px;
    margin-left: 5px;
    margin-top: -4px;
    width: 172px !important;
    z-index: 0;}



.ui-selectmenu-menu li { padding:3px 0; margin:0; display: block; border-bottom: 1px solid #ededed; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important;}

.ui-selectmenu-menu li:hover{background-color:#fff;} 

.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 2.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#666;}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 3.4em; text-decoration:none; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected {  }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

fieldset{   border: medium none;
    position: absolute;
    right: -5px;
    top: 80px;
    width: auto;}