/* ************************************************************************************************** */
/* THIS FILE CONTAINS PAGELAYOUT                                                                      */
/* ************************************************************************************************** */
/* Anne, february 11th 2010                                                                           */

/* This pagelayout works with the xslt-stylesheet "berlingskemobil-subpage.xsl" witch works together
   with the component-xslt-stylesheet: "components/xhtml_1_0_0/berlingskemobil.xsl".
   
   The frontpage-layout uses parts of this css-stylesheet and have a seperate css: 
   "pagelayout-frontpage.css.	It works with the xslt-stylesheet: "pages/berlingskemobil-frontpage.xsl" 
   together with the component-xslt-stylesheet: "components/xhtml_1_0_0/berlingskemobil-frontpage.xsl"
   */
   
   
/* -------------------------------------------------------------------------------------------------- */
/* pagelayout */

.pageDefault {
	background				: #FFFFFF;			/*ok*/
	}
.pageContainer {
	position				: relative;			/*ok*/	/* this property must have the value "relative", so nested elements can be positioned "absolut" in relation to pageContainers position. */
	width					: 930px;			/*ok*/
	margin				: auto;			/*ok*/
	}
.pageContent-oneColumn,
.pageContent-twoColumns {
	position				: relative;			/*ok*/
	top					: 122px;			/*ok*/
	width					: 930px;			/*ok*/
	padding				: 0px 0px 24px 0px;	/*ok*/
	background				: url("/application/css/berlingskemobil/images/elements/page-background.gif") no-repeat;/*ok*/
	border-left				: solid 1px #277498;	/*ok*/
	border-right			: solid 1px #277498;	/*ok*/
	text-align				: left;
	}
.contentWrapperOuter {
	width					: 852px;			/*ok*/
	margin				: 0px 12px 0px 12px;	/*ok*/
	padding				: 0px 26px 0px 26px;	/*ok*/
	border				: solid 1px #C7C7C7;	/*ok*/
	background				: url("/application/css/berlingskemobil/images/elements/content-outerwrapper-background.gif") no-repeat #FFFFFF;/*ok*/
	}
.pageContent-oneColumn .contentWrapper {
	width					: 852px;			/*ok*/
	margin				: 0px 0px 0px 0px; 	/*ok*/
	}
	
.pageContent-twoColumns .contentWrapper {
	width					: 635px;			/*ok*/		
	margin				: 0px 0px 0px 0px; 	/*ok*/
	float					: left;			/*ok*/			
	display				: inline;			/*ok*/
	}
.contentRight {
	width					: 194px;			/*ok*/
	margin				: 61px 0px 0px 23px;	/*ok*/
	float					: right; 			/*ok*/
	display				: inline;			/*ok*/
	text-align				: left;			/*ok*/
	}
.pageBottom	{ 
	position				: relative;			/*ok*/
	top					: 122px;			/*ok*/
	width					: 930px;			/*ok*/
	height				: 34px;			/*ok*/
	padding				: 0px 0px 0px 0px;	/*ok*/
	background				: url("/application/css/berlingskemobil/images/elements/pagebottom-background.gif") no-repeat;/*ok*/
	border-left				: solid 1px #277498;	/*ok*/
	border-right			: solid 1px #277498;	/*ok*/
	border-bottom			: solid 1px #277498;	/*ok*/
	}	
.content { 
	width					: 100%;			/*ok*/
	min-height				: 40px;			/*ok*/
	padding				: 0px 0px 10px 0px;	/*ok*/
	}
	
/*The <div>-tags with the class's headingContainer, contentContainer, contentContainerTop and contentContainerBottom 
  are NOT placed in the page-xslt: "pages/berlingskemobil-subpage.xsl". The <div>-tags with the class's are placed 
  in the individual component-templates (standard-page: "components/xhtml_1_0_0/berlingskemobil.xsl", 
  faq-page: "components/faq_1_0_0/berlingskemobil-section.xsl" and so forth) */	

/*oneColumn layout*/
.pageContent-oneColumn .headingContainer {
	width					: 851px;			/*ok*/
	height				: 38px;			/*ok*/
	margin				: 23px 0px 0px 1px;	/*ok*/
	padding				: 0px 0px 0px 0px;	/*ok*/
	}
.pageContent-oneColumn .contentContainer { 
	width					: 828px;			/*ok*/
	min-height				: 350px;			/*ok*/
	margin				: 0px 0px 0px 0px;	/*ok*/
	padding				: 12px 12px 12px 12px;	/*ok*/
	background				: url("/application/css/berlingskemobil/images/elements/contentcontainer-onecolumn-content-background.gif") repeat-y;
	}
.pageContent-oneColumn .contentContainerTop { 
	width					: 828px;			/*ok*/
	height				: 6px;			/*ok*/
	padding				: 0px 12px 0px 12px;	/*ok*/
	background				: url("/application/css/berlingskemobil/images/elements/contentcontainer-onecolumn-top-background.gif") no-repeat;
	font-size				: 0px;			/*ok*/
	line-height				: 6px;			/*ok*/
	overflow				: hidden;			/*ok*/
	}
.pageContent-oneColumn .contentContainerBottom { 
	width					: 828px;			/*ok*/
	height				: 6px;			/*ok*/
	padding				: 0px 12px 0px 12px;	/*ok*/
	background				: url("/application/css/berlingskemobil/images/elements/contentcontainer-onecolumn-bottom-background.gif") no-repeat;
	font-size				: 0px;			/*ok*/
	line-height				: 6px;			/*ok*/
	overflow				: hidden;			/*ok*/
	}
/*twoColumns layout*/		
.pageContent-twoColumns .headingContainer {
	width					: 634px;			/*ok*/
	height				: 38px;			/*ok*/
	margin				: 23px 0px 0px 1px;	/*ok*/
	padding				: 0px 0px 0px 0px;	/*ok*/
	}	
.pageContent-twoColumns .contentContainer { 
	width					: 611px;			/*ok*/
	min-height				: 350px;			/*ok*/
	margin				: 0px 0px 0px 0px;	/*ok*/
	padding				: 12px 12px 12px 12px;	/*ok*/
	background				: url("/application/css/berlingskemobil/images/elements/contentcontainer-twocolumns-content-background.gif") repeat-y;/*ok*/ 
	}	
.pageContent-twoColumns .contentContainerTop { 
	width					: 611px;			/*ok*/
	height				: 6px;			/*ok*/
	padding				: 0px 12px 0px 12px;	/*ok*/
	background				: url("/application/css/berlingskemobil/images/elements/contentcontainer-twocolumns-top-background.gif") repeat-y;/*ok*/ 
	font-size				: 0px;			/*ok*/
	line-height				: 6px;			/*ok*/
	overflow				: hidden;			/*ok*/
	}
.pageContent-twoColumns .contentContainerBottom { 
	width					: 611px;			/*ok*/
	height				: 6px;			/*ok*/
	padding				: 0px 12px 0px 12px;	/*ok*/
	background				: url("/application/css/berlingskemobil/images/elements/contentcontainer-twocolumns-bottom-background.gif") no-repeat;/*ok*/ 
	font-size				: 0px;			/*ok*/
	line-height				: 6px;			/*ok*/
	overflow				: hidden;			/*ok*/
	}
		
/* --------------------------------------------------------------------------------------------- */
/* pageTop layout                                                                                */
.pageTop { 
	position				: absolute;			/*ok*/
	top					: 0px;			/*ok*/
	left					: 0px;			/*ok*/
	text-align				: left;			/*ok*/
	border-left				: solid 1px #277498;	/*ok*/
	border-right			: solid 1px #277498;	/*ok*/			
	}
.topNavigation {
	height				: 122px;			/*ok*/
	background				: url("/application/css/berlingskemobil/images/elements/header-background.gif") no-repeat; /*ok*/ 
	}
.menuContainer {
	width					: 930px;			/*ok*/
	height				: 52px;			/*ok*/
	padding				: 0px 0px 0px 0px;	/*ok*/
	color					: #FFFFFF;			/*ok*/
	}
.menuLevel1Container {
	width					: 930px;
	height				: 27px;			
	clear					: both;
	overflow				: hidden;
}	
.menuLevel2Container {
	width					: 930px;
	height				: 25px;
	background				: url("/application/css/berlingskemobil/images/elements/menulevel2-background.gif") no-repeat;
	clear					: both;
	overflow				: hidden;
}
.topPath { /*(topPath lies in position "breadcrumb" in the xml-postion-file) */
	height				: 0px;			/*ok*/
	line-height				: 1px;			/*ok*/
	font-size				: 0px;			/*ok*/
	overflow				: hidden;			/*ok*/
	}

/* --------------------------------------------------------------------------------------------- */
/* toplogo-layout                                                                                */   
.logoContainer {
	width					: 437px;			
	height				: 70px;			
	padding				: 0px 0px 0px 19px;	
	float					: left;			
	display				: inline;			
	overflow				: hidden;			
	}
h6.companyLogo {
	display				: none;			
	}
a.logoLink {
	display				: block;			
	width					: 278px;			
	height				: 55px;			
	text-decoration			: none;			
	}
/* --------------------------------------------------------------------------------------------- */
/* loginbox                                                                                      */   
.loginContainer {
	width					: 480px;			
	height				: 70px;			
	padding				: 0px 20px 0px 0px;	
	float					: right;
	display				: inline;
	text-align				: right;
	}
/* --------------------------------------------------------------------------------------------- */