/*		GLOBALS		 */

body {
	background: url(../gfx/bg_page.jpg) repeat-x #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: #007DB7;
	text-decoration: none;
}

a:visited {
	color: #003366;
}

a:hover {
	color: #007DB7;
	text-decoration: underline;
}

span.pdfLink {
	padding-left: 22px;
	background: url(../gfx/pdf_icon_small.gif) no-repeat;
	height: 16px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.lol {	/* Last On Line */
	margin-right: 0px; 
}

.alternateContent {
	display: none;
}

.annonse {
	border: 1px solid #999;
	margin-bottom: 30px;
	}
	

br.clearFloats {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0px; /*for IE*/
	visibility: hidden;
}

#wrapper {
	margin: 0 auto;
	width: 968px;
	z-index:0;
}

/* 		LOGO AND MAIN MENU	 	*/

#logoMenuContainer {
	z-index:20;
	margin: 0 auto;
	width: 968px;
	height: 58px;
	position:relative;
}

	img#mesterhusLogo {
		margin: 10px 50px 0px 36px;
		float: left;
	}
	
	ul#mainMenu {
		
	}
	
	ul#mainMenu li {
		float: left;
	}
	
	ul#mainMenu li a {
		display: block;
		padding: 22px 16px 20px 16px;
		text-decoration: none;
		color: #545454;
		background: url(../gfx/mainMenuDivider.jpg) no-repeat;
	}
	
	ul#mainMenu li a.fol {	/* First On Line */
		background: none;
	}
	
	ul#mainMenu li a.current {
		border-bottom: 3px solid #C31426;
	}
	
	ul#mainMenu li a:hover,
	ul#mainMenu li a.current {
		color: #000;
	}

/* 		PAGE TOP IMAGE AND SUB MENU	 	*/

#pageTopContainer {
display: block;position:relative;z-index:0;
/* Trengs for at slideshowet i underboksen ikke blir blokkert */
}

	#headerImageContainer {
		width: 968px;
		height: 164px;
		overflow: hidden;
	}
	
		img#headerImage {
			margin: 0px 0px 0px 20px;
		}
		
		#headerImageBottomSegment {
			display: block;
			margin: 0px 0px 0px 20px;
			background: url(../img/bg_subMenuHeaderImageSegment.jpg) no-repeat;
			width: 948px;
			height: 26px;
		}
		
	/* 		SUB MENU	 */
	
	#subMenuContainer {
		background: url(../gfx/bg_subMenuLeft.jpg) no-repeat;
	}
	
		ul#subMenu {
			width: 948px;
			height: 26px;
			display: block;
			margin: 0px 0px 0px 20px;
		    background: url(../img/bg_subMenuHeaderImageSegment.jpg) no-repeat;
		}
		
		ul#subMenu li {
			float: left;
		}
			
		ul#subMenu a {
			display: block;
			padding: 8px 15px 7px 15px;
			text-decoration: none;
			color: #757575;
			font-size: 11px;
			margin: 0px 4px 0px 0px;
			background: url(../gfx/bg_subMenuIdle.jpg) repeat-x white;
		}
		
		ul#subMenu a.current {
			background-image: none;
		}
		
		ul#subMenu a:hover,
		ul#subMenu a.current {
			color: black;
		}
		
/*		FRONT PAGE		*/
 
#frontPageFlashContainer {
	z-index:2;
	overflow: hidden;
	line-height: 0;
	font-size: 12px;
	text-align: center;
}
#frontPageFlash {
}

#frontPageFlashContainer div.content {
	line-height: 2;
	width: 900px;
	text-align:left;
	margin: 0 auto 0 auto;
}

#frontPageFlashContainer div.content h1 {
	line-height: 1;
	margin: 20px 0 10px 0;
}


#frontPageFlashContainer div.content ul {
	margin: 0px 0 20px 0;
}

#frontPageFlashContainer div.content p {
	width: 600px;
}




/*	 	PAGE CONTENT	 */

#pageContentContainer {
	background: url(../gfx/bg_search.gif) no-repeat;
	position: relative;
	margin: 0px 0px 37px 32px;
	padding: 37px 0px 0px 0px;
	width: 940px;
/* 	border: 1px solid #ccc; */
	height: 1%;
}

#footerSpace {
		width: 1px;
		height: 670px;
		float: left;
		margin: 0;
	}

	/*		SEARCH		*/
	
	#searchContainer {
		width: 424px;
		height: 51px;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 20;
	}

	.home #searchContainer {
		right: 20px;
		top: 80px;
	}
			
		#searchContainer label {
			position: absolute;
			left: 120px;
			top: 20px;
			font-size: 11px;
			color: #656565;
		}

		.home #searchContainer label {
			color: white;
		}
		
		#searchContainer #searchField {
			position: absolute;
			left: 207px;
			top: 12px;
			border: 0px;
			background: url(../gfx/bg_searchInput.gif) no-repeat;
			padding: 3px 7px;
			width: 130px;
			height: 21px;
		}

		.home #searchContainer #searchField {
			background: url(../gfx/bg_searchInput.png) no-repeat;
		}
		
		#searchContainer #searchBtn {
			position: absolute;
			left: 360px;
			top: 12px;
			width: 55px;
			height: 27px;
		}
	

	/*	FULL BREDDE - BRUKES BL.A. P HUSENE LISTESIDE 	*/
	
#fullContainer {
	width: 925px;
/*	border: 1px solid red; */
	}
	
.article #fullContainer {
	width: 925px;
	}

#fullContainer .husboks {
	display: block;
	position: relative;
	float: left;
	width: 150px;
	height: 125px;
	margin-right: 30px;
	margin-bottom: 30px;
	z-index: 2;
	}
#fullContainer .husboks .imgcontainer {
	display: block;
	width: 150px;
	height: 100px;
	overflow: hidden;
	z-index: 3;
	}


#fullContainer .husboks IMG {
	display: block;
	width: 150px;
	height: 100px;
	overflow: hidden;
	z-index: 3;
	}
#fullContainer .husboks H3 {
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	}
#fullContainer .husboks P.forklaring {
	font-size: 10px;
	line-height: 10px;
	background-color: #fff;
	border-bottom: 1px solid #bbb;
	padding: 5px;
	z-index: 99;
	}
/* #fullContainer .husboks DIV.arkitekt {
	display: none;
	position: absolute;
	top: -100px;
	right: 130px;
	padding: 10px;
	background-image: url(../img/arkbkg.png);
	background-repeat: no-repeat;
	}
*/
#fullContainer .husboks DIV.arkitekt {
	display: none;
	position: absolute;
	width: 123px;
	top: -30px;
	left: -130px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #bbbbbb;
	color: #666;
	font-size: 10px;
	line-height: 11px;
	z-index: 99 !important;
	}

#fullContainer .husboks:hover DIV.arkitekt {
	display: block;
	position: absolute;
	width: 123px;
	z-index: 99 !important;
	}


/* Ikonene pŒ hus-siden */
P.expmeny IMG {
	margin-right: 14px;
	}


/* 3-spalter */
#TreSpContainer {
	width: 685px;
	}



/* Bestill katalog-siden */

.bestilleContainer .katalogboks {
	display: block;
	position: relative;
	float: left;
	width: 125px;
	height: 230px;
	margin-bottom: 50px;
	margin-left: 30px;
	text-align: center;
	}

.bestilleContainer .katalogboks IMG, .bestilleContainer .katalogboks INPUT {
	margin-bottom: 10px;
	}

.bestilleContainer TD {
	padding-bottom: 10px;
	}

TD.hj {
	text-align: right !important;
	}


	/*		ARTICLE STYLES 	*/
	
	#articleContainer {
		width: 550px;
	}
	
	.article #articleContainer {
		width: 500px;
	}

	
		h1 {
			font-weight: normal;
			font-size: 28px;
			color: #333;
			margin: 0px 0px 24px 0px;
		}
		
		h2, .boldbread {
			font-weight: normal;
			font-size: 15px;
			color: #E50000;
		}
		
/* Unntak */
		BODY.article #pageContentContainer H2 {
			font-weight: normal;
			}
		
		.article h2,
		h3 {
			font-weight: bold;
			font-size: 12px;
			color: #333;
		}
				
		p, TD {
			font-size: 11px;
			color: #656565;
			line-height: 1.5;
			margin: 6px 0px 32px 0px;
		}

		BODY.galleriet TABLE TD {
			margin: 10px 10px 10px 10px !important;
			width: 120px;
			}
			
		
		.article p {
			margin: 0px 0px 24px 0px;
		}
		
		.article p.lead {
			font-size: 13px;
		}
		
		.article #articleContainer img.left {
			margin: 14px 14px 14px 0px;
		}
		
		.article #articleContainer img.right {
			margin: 14px 0px 14px 14px;
		}
		
		.article #articleContainer img.top {
			margin-top: 5px;
		}

		
	/*		ARTICLE TYPES		*/
	
	.articleLargeImage #articleContainer {
 		position: relative;
		z-index: 10;
	}
	
	img.theLargeImage {
		margin: -150px -150px 0px 0px;
		position: relative;
		z-index: 0;
	}
	
	/*		ARTICLE SIDE COLUMN		*/
	
	#articleSideColumn {
		float: left;
		width: 185px;
		margin: 54px 17px 0px 30px;
	}
	
		.article #articleSideColumn .section {
			border-bottom: 1px dashed #D7D7D7;
			margin: 0px 0px 17px 0px;
			padding: 0px 0px 10px 0px;
		}
		
		#articleSideColumn .section a {
			padding: 0px 12px 0px 0px;
			background: url(../gfx/bg_readMore_a.gif) no-repeat center right;
		}

		#articleSideColumn .section li,
		#articleSideColumn .section p {
			font-size: 11px;
		}
		
		#articleSideColumn .section h3,
		#articleSideColumn .section li,
		#articleSideColumn .section p {
			line-height: 1.5;
			margin: 0px 0px 10px 0px;
		}

	
	/*		ARTICLE LIST		*/
	
	#articleListContainer {
		margin: 0px 0px 37px 0px;
	}
	
	.articleListItemLarge {
		width: 346px;
		height: 171px;
		margin: 3px 49px 49px 0px;
	}

	.articleListItemSmall {
		width: 346px;
		height: 59px;
		margin: 0px 49px 49px 0px;
	}

	#articleListContainer h2 {
		font-size: 12px;
		color: #333;
	}
	
	p.timeStamp, .timeStamp {
		font-size: 9px;
		color: #656565;
		margin: 4px 0px;
	}

	.excerptContainerLarge {
		border-top: 1px solid #D7D7D7;
		border-bottom: 1px dashed #D7D7D7;
		padding: 15px 0px;
	}

	#articleListContainer .articleListItemLarge .excerptContainerLarge img,
	#articleListContainer .articleListItemSmall img {
		margin: 0px 12px 0px 0px;
	}

	.excerptContainerLarge p {
		margin: 0px;
		font-size: 11px;
		color: #656565;
	}
	
	.articleListItemSmall p {
		margin: 4px 0px;
	}
	.excerptContainerLarge a,
	.articleListItemSmall a {
		padding: 0px 12px 0px 0px;
		background: url(../gfx/bg_readMore_a.gif) no-repeat center right;
	}
	
	.articleListItemSmall .borders {
		float: left;
		width: 275px;
		border-top: 1px solid #D7D7D7;
		border-bottom: 1px dashed #D7D7D7;
		padding: 0px;
	}
	
	/*		PUBLICATION LISTING		*/
	
	#publicationListingContainer {
		width: 780px;
	}
	
	.publicationListItem h2,
	.publicationListItem img {
		margin: 10px 0px 0px 0px;
	}
	
	.publicationListItem {
		width: 120px;
		margin: 0px 33px 50px 0px;
	}
	
	.publicationListItem img.publication {
		padding: 4px;
		margin-left: -4px;
		background: url(../gfx/bg_brochureShadow.jpg) no-repeat;
	}
	
	.publicationListItem h2 {
		font-size: 12px;
	}
	
	/*		AD COLUMN STYLES	*/
	
	#ads {
		position: absolute;
		top: 94px;
		right: 15px;
		width: 130px;
		height: 600px;
	}
	
		#ads .ad_130x180 {
			width: 130px;
			height: 180px;
			overflow: hidden;
			margin: 0px 0px 30px 0px;
		}
		
/*		PAGE FOOTER		*/

#pageFooter {
	margin: 40px 0px 0px 0px;
	height: 35px;
	background: url(../gfx/bg_pageFooter.jpg) repeat-x;
	z-index: 15;
}

.home #pageFooter {
	margin-top: 0px;
}

	#pageFooter p {
		margin: 0px;
		padding: 7px 0px 0px 0px;
		text-align: center;
		color: #555;
	}


/* Tillegg */

#testOverFlash {
	width: 100%;
	position:fixed;
	z-index: 5;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#testOverFlash .cont {
	width: 950px;
	margin: 0 auto 0 auto;
}

#testOverFlash .imageAd {
	float: right;
	margin-top: 20px;
	margin-right: 35px;
	
	
}


/*** redesign of frontpage, styles added by Krister Karto - Allegro Interaktiv ***/
#leftcolumn,
#rightcolumn{
	float: left;
	width: 365px;
	margin-right: 34px;
}
.columnheading{
	float: left;
	width: 365px;
	height: 38px;
	color: #FFFFFF;
	background: url(../gfx/bg-columnheading.jpg) top left repeat-x;
	margin-bottom: 10px;
}
.columnheading h2{
	color: #FFFFFF;
	font-size: 14px;
	margin: 13px 0 0 9px;
	line-height: 14px;
}
#leftcolumn .articleListItemLarge{
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0 0 15px 0;
	background: url(../gfx/dottedline.jpg) bottom left repeat-x;
}
#leftcolumn .articleListItemLarge h2{
	font-size: 22px;
	color: #666666;
	line-height: 22px;
	margin: 15px 0 20px 0;
}
#leftcolumn .articleListItemLarge p{
	font-size: 13px;
	color: #535353;
}
#leftcolumn .articleListItemLarge a.readmore{
	font-size: 13px;
	color: #006aac;
}
#leftcolumn .articleListItemSmall{
	height: auto;
	width: 100%;
	margin: 35px 0 0 0;
	background: url(../gfx/dottedline.jpg) bottom left repeat-x;
	padding: 0 0 10px 0;
}
#leftcolumn .articleListItemSmall h2{
	font-size: 17px;
	color: #262626;
	line-height: 17px;
}
#leftcolumn .articleListItemSmall .top{
	border-bottom: 1px solid #cecece;
	margin-bottom: 15px;
}
#leftcolumn .articleListItemSmall .top p.timeStamp{
	color: #999999;
	margin: 3px 0 5px 0;
}
#leftcolumn .articleListItemSmall img{
	float: left;
	margin-right: 10px;
}
.clrfix{
	clear: both;
}
#rightcolumn iframe #result tr.even{
	background-color: green;
}


/* Mathias */
#qbboks {
position: absolute;
top:25%;
left:25%;
width:50%;
text-align: center;
font-size: 22px;
line-height: 26px;
z-index: 99;
}
#qbindre {
display: block;
position: relative;
width: 440px;
height: 240px;
padding: 30px;
background: url('/images/sporreboks.png') no-repeat;
text-align: center;
}
#thirdcolumn {
	font-size: 11px;
	line-height: 14px;
	color: #535353;
	}
#thirdcolumn B {
	font-size: 12px;
	}
#thirdcolumn .timeStamp {
	font-size: 9px;
	color: #999999;
	margin: 3px 0 5px 0;
}


