
/* Allmänt */
a:link, a:visited, a:hover, a:active {text-decoration: none; color:#336699}
a:hover, a:active {text-decoration: underline; color:#336699} /* font-weight:bold; */


#headerArea IMG 
{
	BORDER-TOP-WIDTH: 0px;	
	BORDER-LEFT-WIDTH: 0px;	
	BORDER-BOTTOM-WIDTH: 0px;	
	BORDER-RIGHT-WIDTH: 0px
}

.menyContainer
{
	border-left:solid 1px #C8C8C8;
}
/* Makes site centered */
.bgcol
{
	background-color:#C8C8C8; width:100%; height:100%; margin:0;
}


.normalpage
{
	text-align:center; margin:0px; padding:0px;
}
.centered
{
	width:1024px; margin:0px auto; background-color:#C8C8C8;	
}
#HTML .centered 
{
	text-align: left 
}


/* strucutre */
.fullScreen{width:100%;margin:0px; padding:0px; min-height:800px; text-align:center;}  /*font-family:Verdana; font-size: 0.63em;*/

.fullArea, .headerArea
{
    text-align:left;
}
.fullArea
{
    float:left;
    width:1016px;
    min-height:800px;
    background-image: url("/images/Ramverk/background.gif");
	background-color:White;
    background-repeat:repeat-y;
    margin-left:16px;   
    }
*HTML .fullArea
{
	width:1016px;
}    
.headerArea
{   width:1000px;
    float:left;
    background-color:White;
    height: 180px;}

.wideArea
{width:1000px; min-height:600px; float:left;}
.footerArea
{width:1016px; height:40px;float:left;color: #999999;}

.fullAreaWide
{width:1000px;text-align:left;height:100%;}

.leftArea 
{width:235px;min-height:300px;float:left; padding-left:47px;}
*HTML .leftArea 
{width:282px;height:600px;}

.mainAndRightArea
{width:690px;min-height:300px;float:left; padding-left:28px;padding-top:32px;} /*profil */
*HTML .mainAndRightArea
{height:600px; width:718px;}

.mainArea
{width:410px;min-height:300px;float:left;}

.rightArea
{width:236px;min-height:300px;height:100%;float:left; padding-left:24px;}
*HTML .rightArea
{width:260px;}

.PrintArea
{
	width:600px;
	height:40px;
	/*background-color:Lime;*/
	float:left;
	padding-top:10px;
}



.PrintArea IMG
{
	BORDER-TOP-WIDTH: 0px;	
	BORDER-LEFT-WIDTH: 0px;	
	BORDER-BOTTOM-WIDTH: 0px;	
	BORDER-RIGHT-WIDTH: 0px;
	float:left;
}

.PrintLabel
{
	height:40px;
	float:left;
	padding-left:7px;
	padding-top:5px;
	color:Black;
}
.PrintLabel:hover
{
	text-decoration:underline;
}
 *HTML .PrintArea a:hover
{
	background-color:White;
	text-decoration:underline;
}
/*Footer*/
.footerContainer
{
	margin-left:47px;
	margin-right:39px;
	width:902px;
	height:15px;
	padding:10px;
}
*HTML .footerContainer
{
	width:922px;	
}
.footerDate
{
	float:left;
}
.footerText
{
	float:right;
}
	
.fullAreaFooterShadow
{
    margin-top:0px;
    width:1016px;
    text-align:left;
    height:8px; float:left;
	margin-left:16px;
	background-color:#C8C8C8;
}

*HTML fullAreaFooterShadow
{
	width:1000px; /* skum */
}
.fullAreaFooterShadowLeft
{
    background-image: url("/images/Ramverk/cornerleft.gif");
    width:14px;
    height:14px;
    float:left;
    background-color:white;    
}
.fullAreaFooterShadowMiddle
{
    width:988px;
    float:left;
    height:14px;
    background-color:white;
    background-image: url("/images/Ramverk/shadowbottom.gif");
    background-repeat: repeat-x;      
}

.fullAreaFooterShadowRight
{
    width:14px;
    background-image: url("/images/Ramverk/cornerright.gif");
    float:left;
    height:14px;
    background-color:white;
}

/*Header*/
.headerTop{width:100%; height:46px;}
.headerAreaLeft{float:left; width:140px; height:145px; padding-left:10px;}
.headerleft{float:left;}
.headerAreaRight{float:left; width:142px; height:145px;}

.headerAreaHeader
{
    float:left;
    width:620px;
    height:145px;
}
.headerAreaTotal
{
	background-image:url("/images/Ramverk/header.gif");
	background-repeat: no-repeat; 
	width:922px;
	height:180px;
	margin-left:47px;
}

.headerAreaMiddleLogout
{
    width:100px;
    height:20px;
    float:right;
}
.headerAreaLower
{
   width:922px;
   height: 33px; 
   clear:both;   
}
.MainMenuTopMenu
{
	border-left:solid 1px #C8C8C8;
}
    
/* Left menu */
.LeftMenuContainer
{
	display:inline;
	margin-top:32px;
	padding-bottom:5px;
	width:235px;
	float:left;
}
.LeftMenuTextContainer
{
	width:225px;
	height:28px;
	margin-left:5px; 
	background-color:White;
}
.LeftMenuText
{
	width:auto;
	padding-top:8px;
	float:left;
}
.LeftMenuText a:hover
{
	text-decoration:none;
}
.LeftMenuText a
{
	
	text-decoration:none;
	
}
.LeftMenuTextContainerSelected
{
	width:225px;
	height:28px;
	margin-left:5px; 
}
.LeftMenuIndentSelected
{
	height:28px;
	float:left;
	width:10px;
}
.LeftMenuIndent
{
	height:28px;
	float:left;
	width:10px;
	background-color:White;
}
.leftMenuSeparatorImg
{
	background-image:url("/images/Ramverk/dotline.gif");
	background-repeat:repeat-x;
	width:210px;
	height:3px;
	margin-left:7px;
	font-size:0em;
}

.leftMenuSeparator
{
	height:3px;
	width:225px;
	background-color:white;
	margin-left:5px; 
	vertical-align:middle;
}
	

.startPageLeftMain 
{
    width:497px; padding-left:63px; float:left; padding-right:55px;
}
*HTML .startPageLeftMain 
{
    width:599px;
    padding-right:55px;
}

.startPageLeftMainWide 
{
    width:580px; padding-left:63px; float:left;
}
*HTML .startPageLeftMainWide 
{
    width:643px;
}

.startpagetxt{margin:16px 0px 0px 0px;}

.startpagetxt IMG
{
	float:right;
	margin: 4px; 	
}

.startPageLeftMain h1 
{
    margin:32px 0px 0px 0px;
    text-transform:uppercase;
}
.startPageLeftMain h2
{
    margin-top:29px;
    font-size:1.3em;
}

/**/
.startPageLeftMainWide h1 
{
    margin:32px 0px 0px 0px;
}
.startPageLeftMainWide h2
{
    margin-top:29px;
}

/* boxheader */
.boxheader
{
	width:235px;
	height:28px;
}
.boxheaderInfo
{
	width:353px;
	height:28px;
}
.boxContainer .boxheader
{
	width:225px;
	height:28px;
}
.boxcornerleft
{
	width:8px;
	height:28px;
	background-image:url("../Images/Ramverk/boxcornerleft.gif");
	float:left;	
}

.boxmiddle
{
	float:left;
	width:219px;
	height:28px;
	background-image:url("../Images/Ramverk/boxheader.gif");
	background-repeat:repeat-x;
}
.boxmiddleInfo
{
	float:left;
	width:337px;
	height:28px;
	background-image:url("../Images/Ramverk/boxheader.gif");
	background-repeat:repeat-x;
}
.boxContainer .boxmiddle
{
	float:left;
	width:209px;
	height:28px;
	background-image:url("../Images/Ramverk/boxheader.gif");
	background-repeat:repeat-x;
}

.boxcornerright
{
	width:8px;
	height:28px;
	background-image:url("../Images/Ramverk/boxcornerright.gif");
	float:left;
}
.boxheading
{
	height:20px;
	padding-top:8px;
	font-weight:bold;
	padding-left:10px;
}
.boxheading a:hover
{
	text-decoration:none;
}

/* Plisting */
.pListContainer
{
	width:235px; 
	margin-left:16px;
	margin-top:32px;
	padding-bottom:8px;
	font-weight:bold;
	float:left;
}
.boxBody
{
	width:225px; 
	padding-bottom:8px;
}


.boxContainer .boxContent
{
	background-color:White;
	margin-left:8px;
	margin-right:8px;
	padding-left:8px;
	padding-right:16px;
	padding-bottom:6px;
	padding-top:6px;
	font-size:1em;
	
}
.boxdivider
{
	width:225px;
	height:6px;
}

/* infolisting kontroll*/ /*profil */ 

.infoListingContainer
{
	width:235px; 
	margin-left:60px;
	margin-top:32px;
	margin-bottom:16px;
	padding-bottom:8px;
	float:left;

}
.pbx .infoListingContainer
{
	margin-left:0px;
	margin-top:0px;
}
.infoListingBody a
{
	text-decoration:none;
	color:Black;

}

 .infoListingBody a:visited
{
	text-decoration:none;
	color:Black;
}
 .infoListingBody a:hover
{
	text-decoration:none;
	color:Black;
}

.infoListingContainer LI
{
	background-color:White;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:0px;
	margin-top:0px;
	padding: 5px 5px 5px 5px;
	list-style:none;
		
}
.infoListingContainer ul
{
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}  

*HTML .infoListingBody {
	WIDTH: 204px; 
	COLOR: black; 
	BACKGROUND-COLOR: white
}
.infoListingBodyContainer 
{
	width:204px;
	padding-left:5px;
	padding-top:3px;
	background-color:White;
	color:Black;
}
.infopage .infoListingBodyContainer 
{
	width:620px;
	padding-left:0px;

}
*HTML .infoListingBodyContainer {WIDTH: 209px;}

.infoListSeparator
{
	height:5px;
	width:204px;
	background-color:white;
	margin-left:5px;
	padding-bottom:5px; 
}
*HTML .infoListSeparator
{
	width:209px;
	margin-left:0px;
}

.infoListSeparatorImg
{
	background-image:url("/images/Ramverk/dotline.gif");
	background-repeat:repeat-x;
	width:93%;
	height:5px;
	margin-left:7px;
}

*HTML .infoListSeparatorImg
{
	width:98%;
}
.infoListingItemTop H3
{
	width:204px;
	padding-left:5px; 
	background-color:White;	
}
.infopage .infoListingItemTop H3
{
	width:620px;
	padding-left:0px; 

}
*HTML .infoListingItemTop H3
{
	WIDTH: 209px;
}


.InfoPageWideMain 
{
	width:620px; float:left;
}

/* Infolistningssida*/

.infopage .infoListingMain .infoListinContainer
{
	width:620px; 
	padding-left:0px;
	float:left;
}
.infopage .infoListingMain .infoListinContainer UL
{
	padding:0px;
	margin:0px;
}
.infopage .infoListingMain .infoListinContainer UL LI  
{
	width:620px;
	padding-left:0px;
	background-color:White;
	color:Black;
	list-style:none;
}
.infopage .infoListingItemTop 
{
	width:620px; 
	padding-left:0px;
	background-color:White;
	color:Black;	
}
.infopage .infoListingBody
{
	width:620px;
	background-color:White;
	color:Black;
}

.infopage .boxcornerright
{
	background-image:none;
	width:0px;
	height:0px;
}
.infopage .boxcornerleft
{
	background-image:none;
	width:0px;
	height:0px;
}
.infopage .boxmiddle
{
	background-image:none;
	color:White;
	width:0px;
	height:0px;
}
.infopage .boxmiddle .boxheading
{
	color:White;
	width:0px;
	height:0px;
}
.infopage .boxheader
{
	width:0px;
	height:0px;
}

.infopage .infoListSeparatorImg
{
	background-image:none;
	height:5px;
	margin-left:7px;
}
.infopage .infoListSeparator
{
	height:5px;
	width:620px;
	background-color:white;
	padding-bottom:5px; 
}

/* Personlistning */
.PersonListContainer
{
	width:600px; 
	padding-top:32px;
}

.PersonListContainer li
{
	padding-bottom:15px;
	list-style-type:none;
	margin:none;
	padding:none;
	
}
.PersonListContainer UL
{
	padding:0px;
	margin:0px;	
	
}
.PersonListItem
{
	width:600px; 
	height:100px;
	
}
.PersonListItemTop
{
	padding-bottom:5px;

}
.PersonListItemTop a, .PersonListItemTop a:hover, .PersonListItemTop a:visited
{
	text-decoration:none;
}
.PersonListImgContainer 
{
	float:left;
	width:110px;
	height:100px;
}
.PersonListBody
{
	float:left;
	vertical-align:text-bottom;
	vertical-align:bottom;
	width:490px;
	height:100px;
}
.PersonImgContainer
{
	padding-right:16px;
}

/* Personbox Startsida */
.startPageRight
{
	width:235px; 
	padding-left:16px;
	margin-top:32px; 
	float:left;	
}
.startPageRightInfo
{
	width:353px; 
	/*padding-left:100px; */
	margin-top:58px; 
	float:left;	
}

.startPageRightWide
{
	width:235px; 
	padding-left:92px;
	margin-top:32px; 
	float:left;	
}

*HTML .startPageRight
{
	width:251px; 
}

.PersonalboxContainer
{
	width:235px;
}
.pbx
{
	float:left; 
	padding-bottom: 8px;
}
.pbx2
{
	float:left; 
}
.personText
{
	float:left;
	width:97px;
	padding-bottom:8px;
	padding-left:10px;
	background-color:White;
}
*HTML .personText
{
	width:107px;
}

.personBody
{	
	padding:10px 10px 10px 10px;
}
.personBody IMG 
{
	BORDER-TOP-WIDTH: 0px;	
	BORDER-LEFT-WIDTH: 0px;	
	BORDER-BOTTOM-WIDTH: 0px;	
	BORDER-RIGHT-WIDTH: 0px
}
.personBody A
{
	text-decoration:none;
	color:Black;
}

.personBody A:visited
{
	text-decoration:none;
	color:Black;
}

.personBody A:hover
{
	text-decoration:none;
	color:Black;
}

.personBody img
{
	float:right;
	margin: 4px; 	
}


.PersonalboxContent
{
	background-color:White;
	margin-left:8px;
	width:219px;
	/* padding-top:10px;*/
	overflow:hidden ;
}
.PersonalboxContent2
{
	background-color:White;
	margin-left:8px;
	width:219px;
	padding-top:10px;
	overflow:hidden ;	
}
.PersonalboxContent2Info
{
	background-color:White;
	margin-left:8px;
	width:337px;
	padding-top:10px;
	overflow:hidden ;	
}
.personListMain
{
	width:659px;
}
/* infobox*/
.rightDivider
{
	width:235px;
	height:6px;
	font-size:0em;
	min-height:6px;
	background-color:WHITE;
}
.rightDividerInfo
{
	width:353px;
	height:6px;
	font-size:0em;
	min-height:6px;
	background-color:WHITE;
}

.InfoBoxContainer
{
	width:235px;
}
.InfoBoxContainerInfo
{
	width:353px;
}
.InfoBoxBody
{
	margin-bottom:8px;
	padding-left:10px;
	padding-right:10px;
	background-color:White;
}

.xformWide 
{
	width:100%; float:left;
}
.xformBody 
{
	width:620px; float:left;
}
.xform 
{
	font-size:1em;
	width:620px;
}

*HTML #id_matrix
{
	font-size:1em;
}


#id_matrix
{
	clear:left;

}
#_ctl0_WideRegion_MainAndRightRigon__ctl0__ctl0 UL LI
{
	clear:both;	
}

body {font-family:Verdana; font-size: 0.63em; }
/*
*HTML td {font-family:Verdana; font-size: 0.63em; }

*/
*HTML .fullArea td {font-family:Verdana; font-size: 0.63em; }


*HTML .xform td {font-family:Verdana; font-size: 1em; }


td 
{
	line-height:150%;
}

h1
{font-size: 2.4em; margin:0px 0px 5px 0px;}
h2
{font-size: 1em; margin:5px 0px 10px 0px;}
h3
{font-size: 1em; margin:0px; font-weight:bold;}


.rubrik
{font-size: 2.4em; margin:0px 0px 5px 0px;text-transform:uppercase;color:#000000;font-weight:bold; EditMenuName:Rubrik;}
.ingress
{padding-top:25px; font-size:1.1em; font-weight:bold; EditMenuName:Ingresstext;}

/*********

.startPageLeftMain h2
{
    margin-top:29px;
    
}

***********/
.underrubrik
{font-size: 1em; margin:5px 0px 10px 0px;font-weight:bold; color:#000000; EditMenuName:Underrubrik;}

.underrubrik2
{font-size: 1.1em; margin:0px 0px 0px 0px;font-weight:bold; color:#797979; EditMenuName:Underrubrik 2;}

p
{margin: 0px 0px 5px 0px;line-height:150%;EditMenuName:Brodtext; } 

.brödtextViktig
{margin: 0px 0px 5px 0px;line-height:150%; font-weight:bold; EditMenuName: Viktig Brodtext; }

.bildtext
{line-height:150%; font-weight:bold;font-size:0.8em; EditMenuName: BildtextX; }

/* Färger */
.LeftMenuText a, h1, h2 ,h3, .footerContainer,  .boxheading, .pListContainer, .infoListingContainer,.LeftMenuText a:visited, .boxheading a:visited, .ingress
{
	color:#009CEA;
}
.InfoBoxContainer, .footerContainer, .footerDate, .footerText, .LeftMenuContainer, 
.LeftMenuTextContainerSelected, .LeftMenuIndentSelected, .pListContainer, .boxBody, .infoListingContainer, .PersonalboxContainer, .pbx, .pbx2
{
	background-color:#E6E6E6;
}

.PersonListItemTop a, .PersonListItemTop a:hover, .PersonListItemTop a:visited, .infoListingItemTop H3, .personBody h3
{
	color:#AC212E;
}

.NextLink
{
	float:right;
}

/* OBS kolla font i x-forms */



