/* ********************************************************************************************* */
/* This file contains pagelayout                                                                 */
/* ********************************************************************************************* */
/* Anne, february 2th 2010                                                                       */


/* --------------------------------------------------------------------------------------------- */
/* pagelayout */

.pageDefault {
	background				: #FFFFFF;			/*ok*/
	}
.pageContainer {
	position				: relative; /* this property must have the value "relative", 
								   so nested elements can be positioned "absolut" 
								   in relation to pageContainers position.       */
	width					: 956px;			/*ok*/
	margin				: auto;			/*ok*/
	}

	
/* pageBoxTop, pageBoxContent and pageBoxBottom provides the graphic frames around the content. 
   The class's and the corresponding div-tags are only inserted on the websites subpages, NOT on 
   the frontpage. On the frontpage is inserted a div-tag with the class frontpageContent instead.
   The frontpage layout is set in a seperate file: "pagelayout-frontpage.css" wich works together
   with a seperate xslt-stylesheet: "btmobil-frontpage.xsl"							 */
   
/* the pageBoxTop, pageBoxContent and pageBoxBottom (and frontpageContent) is positioned 114px from 
   the top to give place for pageTop, witch semanticly is placed in the bottom of the html after 
   the pageContent                                                                               */
   	
.pageBoxTop {
	position				: relative;			/*ok*/
	top					: 114px;			/*ok*/
	width					: 876px;			/*ok*/
	height				: 21px;			/*ok*/
	padding				: 0px 40px 0px 40px;	/*ok*/
	background				: url("/application/css/btmobil/images/elements/pageboxtop-background.gif") no-repeat;/*ok*/
	font-size				: 0px;			/*ok*/
	line-height				: 1px;			/*ok*/
	overflow				: hidden;			/*ok*/
	}
.pageBoxContent {
	position				: relative;			/*ok*/
	top					: 114px;			/*ok*/
	width					: 876px;			/*ok*/
	padding				: 0px 40px 0px 40px;	/*ok*/
	background				: url("/application/css/btmobil/images/elements/pageboxcontent-background.gif") repeat-y;/*ok*/
	}
.pageBoxBottom {
	position				: relative;			/*ok*/
	top					: 114px;			/*ok*/
	width					: 876px;			/*ok*/
	height				: 13px;			/*ok*/
	padding				: 0px 40px 0px 40px;	/*ok*/
	background				: url("/application/css/btmobil/images/elements/pageboxbottom-background.gif") no-repeat;/*ok*/
	font-size				: 0px;			/*ok*/
	line-height				: 1px;			/*ok*/
	overflow				: hidden;			/*ok*/
	}
.pageBottom	{ 
	position				: relative;			/*ok*/
	top					: 114px;			/*ok*/
	width					: 902px;			/*ok*/
	height				: 43px;			/*ok*/
	padding				: 0px 27px 0px 27px;	/*ok*/
	background				: url("/application/css/btmobil/images/elements/pagebottom-background.gif") no-repeat;/*ok*/
	}	
.contentWrapper {
	width					: 682px;			/*ok*/		
	margin				: 0px 12px 0px 0px; 	/*ok*/
	float					: left;			/*ok*/			
	display				: inline;			/*ok*/		
	}
.contentRight {
	width					: 182px;			/*ok*/ 
	margin				: 0px 0px 0px 0px;	/*ok*/
	float					: right; 			/*ok*/
	display				: inline;			/*ok*/ 
	text-align				: left;			/*ok*/
	}
.pageContent-threeColumns .contentWrapperInner {
	width					: 488px;			/*ok*/
	margin				: 0px 0px 0px 12px;	/*ok*/
	display				: inline;
	float					: right;
	}
.contentLeft {
	width					: 182px; 			/*ok*/
	margin				: 0px 0px 0px 0px; 	/*ok*/
	float					: left; 			/*ok*/
	display				: inline;			/*ok*/ 
	text-align				: left;			/*ok*/
	padding				: 0px 0px 0px 0px;	/*ok*/
	}	
.content { 
	width					: 100%;			/*ok*/
	min-height				: 40px;			/*ok*/
	padding				: 0px 0px 0px 0px;	/*ok*/
	}
	
.pageContent-twoColumns .contentCenter { 
	width					: 656px;			/*ok*/ 
	min-height				: 350px;			/*ok*/
	margin				: 0px 0px 0px 0px;	/*ok*/
	padding				: 13px 13px 13px 13px;	/*ok*/	
	text-align				: left;			/*ok*/ 
	background				: url("/application/css/btmobil/images/elements/content-twocolumns-background.gif") bottom left no-repeat; /*ok*/
	}	
.pageContent-twoColumns .contentCenterTop { 
	width					: 656px;			/*ok*/ 
	height				: 6px;			/*ok*/
	padding				: 0px 13px 0px 13px;	/*ok*/
	background				: url("/application/css/btmobil/images/elements/content-twocolumns-background-top.gif") no-repeat; /*ok*/
	font-size				: 0px;			/*ok*/
	line-height				: 6px;			/*ok*/
	overflow				: hidden;			/*ok*/
	}
.pageContent-twoColumns .contentCenterBottom { 
	width					: 656px;			/*ok*/ 
	height				: 6px;			/*ok*/
	padding				: 0px 13px 0px 13px;	/*ok*/
	background				: url("/application/css/btmobil/images/elements/content-twocolumns-background-bottom.gif") no-repeat; /*ok*/
	font-size				: 0px;			/*ok*/
	line-height				: 6px;			/*ok*/
	overflow				: hidden;			/*ok*/
	}

.pageContent-threeColumns .contentCenter { 
	width					: 462px;			/*ok*/
	min-height				: 350px;			/*ok*/ 
	padding				: 13px 13px 13px 13px;	/*ok*/
	text-align				: left; 			/*ok*/
	background				: url("/application/css/btmobil/images/elements/content-threecolumns-background.gif") bottom left no-repeat; /*ok*/
	}
.pageContent-threeColumns .contentCenterTop { 
	width					: 488px;			/*ok*/
	height				: 6px;			/*ok*/ 
	text-align				: left; 			/*ok*/
	background				: url("/application/css/btmobil/images/elements/content-threecolumns-background-top.gif") no-repeat; /*ok*/
	font-size				: 0px;			/*ok*/
	line-height				: 6px;			/*ok*/
	overflow				: hidden;			/*ok*/
	}
.pageContent-threeColumns .contentCenterBottom { 
	width					: 488px;			/*ok*/
	height				: 6px;			/*ok*/
	text-align				: left; 			/*ok*/
	background				: url("/application/css/btmobil/images/elements/content-threecolumns-background-bottom.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*/
	}
.topNavigation {
	height				: 114px;			/*ok*/
	background				: url("/application/css/btmobil/images/elements/header-background.gif") no-repeat;  /*ok*/
	}
.menuContainer {
	width					: 928px; 
	height				: 30px;			/*ok*/
	padding				: 0px 13px 0px 13px;	/*ok*/
	background				: url("/application/css/btmobil/images/elements/topmenu-background.gif") no-repeat bottom left; /*ok*/
	color					: #FFFFFF;
	}
.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;			/*ok*/
	height				: 63px;			/*ok*/
	padding				: 20px 0px 0px 19px;	/*ok*/
	float					: left;			/*ok*/
	display				: inline;			/*ok*/
	overflow				: hidden;			/*ok*/
	}
h6.companyLogo {
	display				: none;			/*ok*/
	}
a.logoLink {
	display				: block;			/*ok*/
	width					: 278px;			/*ok*/
	height				: 55px;			/*ok*/
	text-decoration			: none;			/*ok*/
	}
/* --------------------------------------------------------------------------------------------- */
/* loginbox                                                                                      */   
.loginContainer {
	width					: 480px;			/*ok*/
	height				: 57px;			/*ok*/
	padding				: 6px 20px 0px 0px;	/*ok*/
	float					: right;
	display				: inline;
	text-align				: right;
	}
/* --------------------------------------------------------------------------------------------- */