/****************************************************
	H E A D E R
****************************************************/
div#HeaderContainer {
/*	height: 106px;*/
}

div#HeaderLogo {
	float: left;
}

div#HeaderMenu {
	float: right;
	width: 960px;
}

/****************************************************
	C O L U M N S
	Correct styling of column <div>-tags: 
		width, float
	Incorrect styling of column <div>-tags:
		border, background, height, margin, padding
	See styling of inner <div>-tags in PageLayout.css
****************************************************/

div#MinHeightColumn {
	width: 1px;

/* OBS: originially 626 but 10px has been moved to the footer... and -10px marginbottom has ben added to the leftcolumn for some reason */
/*	height: 626px; */ 
	height: 646px;
	float: right;
}

/***************************************************************/
/* Frontpages (both unipension and common frontpages) **********/
/***************************************************************/

/* some height problems (i.e. no spacing between boxes and the footer) can occur if the (min) box height is violated */
div#FrontPageLeftColumn {
	float: left;
	width: 622px;
}

div#FrontPageRightColumn {
	margin-left: 10px;
	float: left;
	width: 306px;
}

div#BoxPension,
div#BoxImage {
	margin-bottom: 10px;
}

div#BoxPension div.BoxContent {
	padding: 25px 0px 0px 0px;
}

/***************************************************/
/* Subpages (both unipension and common)************/
/***************************************************/

div#LeftColumn {
	float: left;
	width: 197px;
}

div#ContentInclRightColumn {
	float: right;
	width: 730px;
/*	width: 720px;*/
}

div#ContentColumn {
	float: left;
	overflow:hidden;
	width: 482px;
}

div#RightColumn {
	float: right;
	width: 238px;
}

div#ContentWide {
	float: right;
	width: 920px;
}


/****************************************************
	F O O T E R
****************************************************/
div#Footer {
	width: 100%; /*IE6*/
	overflow: hidden; /*IE6*/
}
 
div#FooterContainer {
	clear: both;
	padding: 3px;
}

div#FooterContainer div#SubsiteInformation,
div#FooterContainer div#ContactInformation {
	float: left;
	color: #000000;
	padding: 2px 2px 1px 2px;
	display: block; /* IE 6.0 needs this ! */
	position: relative; /* IE 6.0 needs this ! */
}

div#FooterContainer div#SubsiteInformation li.NoFooterBullet,
div#FooterContainer div#ContactInformation li.NoFooterBullet {
	padding: 0px 9px 0px 0px;
}

div#FooterContainer div#SubsiteInformation li.FooterBullet,
div#FooterContainer div#ContactInformation li.FooterBullet {
	padding: 0px 9px 0px 9px;
	background-image: url("/Frontend/Images/divider.gif");
	background-position: left center;
	background-repeat: no-repeat;
}

div#FooterContainer a {
	color: #000000;
	text-decoraiton: none;
}

div#FooterContainer a:hover {
	color: #818181;
	text-decoraiton: underline;
}

div#FooterContainer div#Disclaimer {
	float:right; 
	display:block; 
	position:relative;
	padding-top: 2px;
	padding-bottom: 1px;
}

/* Special site1 styling */
body#Site1 div#FooterContainer div#ContactInformation {
	color: #B9B9B9;
}

body#Site1 div#FooterContainer div#ContactInformation li.FooterBullet {
	background-image: url("/Frontend/Images/divider_gray.gif");
	background-position: left center;
	background-repeat: no-repeat;
}



