/**********************************************************************************************

  CSS on Sails Framework
  Title: Nordre Jarlsberg Brygge
  Author: XHTMLized (http://www.xhtmlized.com/)
  Date: April 2010

***********************************************************************************************

  1. BASE
      1.1 Reset
      1.2 Accessibility Navigation & Hide
      1.3 Clearfix
      1.4 Default Styles

  2. COMMON
      2.1 Container
      2.2 Header
      2.3 Navigation
      2.4 Content
      2.5 Sidebar
      2.6 Footer

  3. PAGES
      3.1 Home page
      3.2 Sub page 1
      3.3 Sub page 2

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/
.images-top:after,
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #142836 url(../images/background.jpg) no-repeat fixed center top; color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
a, a:visited { color: #e9d9a2; text-decoration: none; }
a:hover, a:active { color: #e9d9a2; text-decoration: underline; }


/* 2. COMMON
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Container
-----------------------------------------------------------------------------------------------*/

.container { width: 950px; position: relative; margin: 0 auto; }
.wrapper-content { position: relative; z-index: 1; }

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header { position: relative; z-index: 2; height: 141px; }

#header h1.nordre-jarlsberg-brygge { float: left; padding: 31px 0 0 10px; }
#header .nordre-jarlsberg-brygge a { display: block; width: 130px; height: 73px; background: url('../images/logo.png') no-repeat; text-indent: -8000px; }


/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/

#navigation { position: relative; float: right;  height: 40px; margin: 55px 10px 0 0; padding: 0 5px 0 4px; background: url(../images/bg_nav.png) repeat-x; }
#navigation li { float: left; position: relative; }
#navigation li.back { position: absolute; z-index: -1; width: 9px; height: 30px; background: url(../images/bg_nav_a.png) no-repeat 100% -31px; }
#navigation li.back .left { height: 30px; background: url(../images/bg_nav_a.png) no-repeat 0 28px; margin-right: 26px;  }
#navigation li a { position: relative; z-index: 10; display: block; float: left; padding: 11px 13px 4px 12px; color: #fff; font-weight: bold; text-transform: uppercase; outline: none; }
#navigation li a:hover { text-decoration: none; }

#navigation li ul {
	/*
display: none;
	position: absolute;
	top: 25px; left: 0;
	z-index: 100;
	float: none;
	overflow: visible;
	width: 530px;
	height: auto;
	margin: 0;
	padding: 10px 0 0 0;
*/

	background: none repeat scroll 0 0 #182A39;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-box-shadow: 0 -1px 0 #0F1F2C, 0 1px 0 #2F4658;
	-moz-box-shadow: 0 -1px 0 #0F1F2C, 0 1px 0 #2F4658;
	box-shadow: 0 -1px 0 #0F1F2C, 0 1px 0 #2F4658;
	
	display: none;
	float: left;
	height: auto;
	left: -22px;
	margin: 20px;
	position: absolute;
	top: 21px;
	white-space: nowrap;
	width: 305px;
	z-index: 100;
}

/*#navigation  li:hover ul { display: block; }*/

#navigation li ul li {
	display: inline;
	float: left; 
	padding: 4px 14px 4px 14px;
	/* background: #39566c; */
}

#navigation li ul li a { display: block; float: none; padding: 0; color: #fff; font-weight: normal; text-transform: uppercase; }
#navigation li ul li a:hover { text-decoration: none; color: #e9d9a2; }


/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

#filmbtn {
	clear:both;
	/* display: none; */
	margin-bottom: 10px;
}

#filmbtn a {
	display: block;
	width: 950px; height: 30px;
	background: url(../images/sefilm_btn.png) no-repeat 0 0;
}

#filmbtn a:hover {
	display: block;
	width: 950px; height: 30px;
	background: url(../images/sefilm_btn.png) no-repeat 0 -30px;
}

.images-top { margin-bottom: 31px; }
.images-top .image { position: relative; display: block; width: 458px; height: 247px; float: left; border: solid 6px #fff; }
.images-top .image:last-child { float: right; }
.images-top .image dl { position: absolute; top: 0; left: 0; z-index: 3; display: block; width: 458px; height: 247px; }
.images-top .image.hover dl,
.images-top .image:hover dl { background: url(../images/bg_images-top.png); }
.images-top .image dl dt { padding: 12px 15px 0 0; text-align: right; text-transform: uppercase; font-size: 15px; font-weight: bold; color: #183042; }
.images-top .image:hover dl dt ,
.images-top .image.hover dl dt { color: #fff; }
.images-top .image dl dd.top { visibility: hidden; height: 150px; padding: 34px 106px 0 106px; }
.images-top .image:hover dl dd.top,
.images-top .image.hover dl dd.top { visibility: visible; }
.images-top .image.hover dl dd.top a { display: block; padding: 14px 0 0 0; }
.images-top .image dl dd.bottom { float: right; padding: 0 18px 0 0; text-align: right; text-transform: uppercase; font-size: 20px; color: #183042; }
.images-top .image dl dd.bottom span { display: block; float: left; }
.images-top .image dl dd.bottom strong {  }
.images-top .image:hover dl dd.bottom,
.images-top .image.hover dl dd.bottom { color: #fff; }
.images-top .image img { display: block; width: 458px; height: 247px; }

#content { width: 621px; float: left; font-family: Verdana; }
#content h1 { margin: 0 0 11px 0; padding: 0 0 6px 24px; border-bottom: solid 1px #d0d5d9; font-weight: normal; font-size: 23px; text-transform: uppercase; }
#content h2 { padding: 0 18px 12px 23px; font-size: 13px; color: #fff; text-transform: uppercase; background: url(../images/bullet_02.png) no-repeat 8px 7px; }
#content h3 { padding: 0 18px 12px 23px; font-size: 11px; color: #fff; }
#content p { padding: 0 18px 15px 23px; line-height: 15px; }
#content ul { line-height: 15px; }
#content ul {
	margin: 0px 0px 15px 0px;
	
	
}
#content ul li { padding: 0 18px 5px 43px; background: url(../images/bullet_01.png) no-repeat 31px 6px; }
#content .image { display: block; margin: 3px 19px 0 19px; float: right; border: solid 5px #fff; }

.box { background: url(../images/bg_box.png) repeat-x 0 7px; margin: 0 0 9px 0; padding: 0 19px 35px 19px; }
.home .box { width: 272px; float: left; margin-right: 9px; padding-bottom: 26px; }
.home .box:last-child { margin-right: 0; float: right; }
.box h2, .box h3 { margin: 0 -7px 14px -7px; font-size: 13px; text-transform: uppercase; padding: 0 !important; background: none !important; }
.box h4 { font-size: 11px; }
.box p { padding: 0 0 12px 0 !important; }
/*.box p a.more { display: block; margin: 14px 0 0 0; }*/
.box hr { display: block; height: 12px; margin: 0; border: none; background: url(../images/bg_hr.png) repeat-x 0 0;  }
.box ul { line-height: 15px; }
.box ul li { padding: 0 18px 5px 25px; background: url(../images/bullet_01.png) no-repeat 16px 6px; }


ul.files { padding: 2px 0 0 0; }
ul.files li { padding: 5px 0 10px 28px; }
ul.files li.doc { background: url(../images/ico_doc.png) no-repeat 0 2px; }
ul.files li.pdf { background: url(../images/ico_pdf.png) no-repeat 0 2px; }
ul.files li.xls { background: url(../images/ico_xls.png) no-repeat 0 2px; }
ul.files li.xlsx { background: url(../images/ico_xls.png) no-repeat 0 2px; }
ul.files li a {  }

/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar { width: 310px; float: right; padding-top: 3px; }


/* sidebar specific styles for bygg velger */

	ul#velgbolig-nav {
		overflow: hidden;	
	}

		ul#velgbolig-nav li {
			display: inline;
			float: left;
			*margin-bottom: 15px;
			padding: 0;			
		}
		
		ul#velgbolig-nav li a {
			background: none repeat scroll 0 0 #182A39;
			clear: none;
			display: block;
			float: left;
			font-size: 13px;
			font-weight: bold;
			margin: 2px 15px 15px 0;
			
			padding: 8px 17px;
			text-transform: uppercase;			
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 30px;
			
			-webkit-box-shadow: 0 1px 0 #0F1F2C, 0 -1px 0 #2F4658;
			-moz-box-shadow: 0 1px 0 #0F1F2C, 0 -1px 0 #2F4658;
			box-shadow: 0 1px 0 #0F1F2C, 0 -1px 0 #2F4658;
			
			/* IE7 */
			*border-top: 1px solid #2F4658;
			*border-bottom: 1px solid #0F1F2C;
			/* IE8 */
			border-top: 1px solid #2F4658\9;
			border-bottom: 1px solid #0F1F2C\9;
		}
		
			ul#velgbolig-nav li a:hover,
			ul#velgbolig-nav li a:focus {
				color: #fff;
				cursor: pointer;
				text-decoration: none;
			}
			
			ul#velgbolig-nav li a:active {
				background: none repeat scroll 0 0 #18242D;
				margin: 3px 15px 14px 0;
				
				-webkit-box-shadow: 0 -1px 0 #0F1F2C, 0 1px 0 #2F4658;
				-moz-box-shadow: 0 -1px 0 #0F1F2C, 0 1px 0 #2F4658;
				box-shadow: 0 -1px 0 #0F1F2C, 0 1px 0 #2F4658;
				
				/* IE7 */
				*border-top: 1px solid #0F1F2C;
				*border-bottom: 1px solid #2F4658;
				/* IE8 */
				border-top: 1px solid #0F1F2C\9;
				border-bottom: 1px solid #2F4658\9;
			}

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/

#footer { clear: both; border-top: solid 1px #d1d7db; margin-top: 20px; }
#footer p { padding: 16px 0 16px 80px; }

/* 2.7 News
-----------------------------------------------------------------------------------------------*/
#content ul.newslist{
	
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#content ul.newslist li{
	background: none;
	margin: 0 0 13px;
	padding: 0;
}
#content ul.newslist h2{
	padding-bottom: 0px;
}

#content ul.two_latest li {
	padding-bottom: 10px;
	background: url(../images/bg_hr.png) repeat-x;
	background-position:left bottom;
}
#content ul.two_latest li.last-item {
	padding-bottom: 10px;
	background: none;
	background-position:left bottom;
}

#content ul.two_latest span.news-list-morelink {
	display: block;
	margin: 11px 0 0;
}

#content ul.completelist li{
	margin: 0;
}


/* 2.8 Typo3 image styles
-----------------------------------------------------------------------------------------------*/
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img, div.top-content-border{ 
	border: solid 6px #fff; 
}
div.csc-textpic div.csc-textpic-single-image img {
	margin-bottom:0px;
}

/* 2.9 Single News Article
-----------------------------------------------------------------------------------------------*/
.single-article-timedata {
	margin: 0 0 10px 22px;
}

#content .single-article h2 {
	padding-bottom: 2px;
}

#content .news-single-img {
	margin: 0 0 0 15px;
}

.news-single-img img{
	border: 5px solid #fff;
}


/* 3. PAGES
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 3.1 Home page
-----------------------------------------------------------------------------------------------*/

.home #content { width: auto; float: none; font-family: Arial !important; }

.home #visningshelg {
	/* display: block; */
	margin-bottom: 20px;
	/*
width: 950px; height: 176px;
	background: url(../images/visningshelg_banner.jpg) no-repeat;
*/
}

/* 3.2 Login form
-----------------------------------------------------------------------------------------------*/



div.tx-felogin-pi1 form fieldset div{
	margin-bottom: 10px;
}

div.tx-felogin-pi1  input#user, div.tx-felogin-pi1  input#pass{
	width: 220px;
}

.tx-buildingselector {
	border: solid 6px #fff;
}
/* 3.3 Sub page 2
-----------------------------------------------------------------------------------------------*/



/* PRISLISTE TABLE
-----------------------------------------------------------------------------------------------*/

table#prisliste {
    /* border: 1px solid #2A4459; */
    background: transparent;
    font-size: 10px;
    line-height: 15px;
    margin: 20px 0 0 0;
    padding: 0;
    width: 625px;
    white-space: nowrap;
}

	#prisliste thead {
	    border-bottom: 1px solid #142737;
		margin-bottom: 10px;
	}
	
	#prisliste th {
	    border: 0 none;
	    border-left: 1px solid #243E51;
	    color: #AAAAAA;
	    font-size: 14px;
	    font-weight: normal;
	    padding: 0 6px 14px;
	    text-align: left;
	}
		
		#prisliste th:first-child {
			border-left: none;
		}
	
	#prisliste th h4 {
	
	    color: #FFFFFF;
		font-size: 11px;
		font-weight: bold;
		margin-top: 0;
	}
	
	#prisliste tr  {
		
	}
	
	/*
#prisliste tr th[scope=col] {
		color: #A4A198;
		font-size: 13px;
	}
*/
	
	
	/*
#prisliste tr th[scope=row] {
	  color: #646464;
	  font-size: 11px;
	}
*/
	
	#prisliste td {
	    border-left: 1px solid #1E3444;
		padding: 7px;
		text-align: left;
		
		/* sort IE spacing issues */
		*padding: 7px 4px;
		padding: 7px 4px\9;
	}
	
	#prisliste tr td:first-child {
		border-left: none;
		font-weight: bold;
	}
	
	#prisliste tr td:last-child {
		font-weight: bold;
	}
	
	#prisliste tr td:nth-child(odd) {
		/*background: rgba(22, 41, 56, 0.3);*/
	}
	
		#prisliste tr.selected td:nth-child(odd) {
			background: none;
		} 
	
	#prisliste tr.odd {
	    background: none repeat scroll 0 0 #13293A;
	}
	
	#prisliste tr.selected {
	   	/*
		background: #FFDC6A;
	   	color: #162938;
		*/
	}
	
		#prisliste tr.selected td {
		   	background: #FFDC6A;
		   	color: #162938;
		}
		
		/* needs to be declared separately so the yellow row works in IE */
		#prisliste tr.selected td:nth-child(odd) {
			background: #FFDC6A;
		   	color: #162938;
		}
	
		#prisliste tr.selected:hover {
		   	background: #FFDC6A;
		   	color: #162938;
		   	-webkit-box-shadow: none;
		   	-moz-box-shadow: none;
		   	box-shadow: none;
		}
		
		#prisliste tr.sold td {
		   	background: #EAA6A6;
		   	color: #162938;
		}
		
		/* needs to be declared separately so the yellow row works in IE */
		#prisliste tr.sold td:nth-child(odd) {
			background: #EAA6A6;
		   	color: #162938;
		}
	
		#prisliste tr.sold:hover {
		   	background: #EAA6A6;
		   	color: #162938;
		   	-webkit-box-shadow: none;
		   	-moz-box-shadow: none;
		   	box-shadow: none;
		}
	
	
	#prisliste tbody tr:last-child {
		border-bottom: 1px solid #223848;
	}
	
	#prisliste tbody tr:hover {
	    background: none repeat scroll 0 0 #14222D;
	    color: #F7D354;
	    -moz-box-shadow: 0 0 10px #0A161F inset, 0 1px 0 #233645;
		-webkit-box-shadow: 0 0 10px #0A161F inset, 0 1px 0 #233645;
		box-shadow: 0 0 10px #0A161F inset, 0 1px 0 #233645;		
		cursor: pointer;
	}
	
	.bygg-i-prisliste #content p {
		padding: 0;
		margin: 15px 0px 10px 0px;
	}
/* Single apartment info box
-----------------------------------------------------------------------------------------------*/

.info-box { /* overwrite */
  border: none;
  float: right;
  margin: 0 0 15px 0;
  padding: 0 0 0 27px;
  width: 146px;
  
  
}

.info-box h2, .download-box h2{
	background: none repeat scroll 0 0 transparent !important;
	border-bottom: 1px solid #FFFFFF;
	font-weight: normal;
	line-height: 16px;
	margin: 0 0 10px;
	padding: 0 0 10px 0 !important;
}
.info-box a {
	color:#17436d;
	font-size:13px;
	padding:1px 0 0 45px;
	display:block;
}

.info-box .box {
	background:url(../images/divider2.gif) repeat-x;
	padding:15px 0 10px;
	margin:-1px 0 1px;
}

.info-box dl dt {
	clear: left;
	float: left;
	margin: 5px 0;
}

.info-box dl dd {
	clear: right;
	color: #FFFFFF;
	float: right;
	font-weight: bold;
	margin: 5px 0;
}

.info-box dl dd:last-child {
	color: #FFDC6A;
}

.info-box dl dd.sold {
	color: #DA9696;
}


/* Download box
-----------------------------------------------------------------------------------------------*/

.download-box { /* overwrite */
  border: none;
  clear: right;
  float: right;
  margin: 0;
  padding: 0 0 0 27px;
  width: 146px;
}
	
	.download-box .box-holder .box {
		background: none;
		padding: 5px 0 0 0;
	}
	
	.download-box a.plantegning {
		background: url("../images/btn-download.png") no-repeat scroll 0 0 transparent;
		color: #fff;
		display: block;
		height: 23px;
		padding: 3px 0 0 32px;
	}
		
		.download-box a.plantegning:hover, .download-box a.plantegning:focus {
			background-position: 0 -30px;
			color: #f7d354;
		}
		
		.download-box a.plantegning:active {
			background-position: 0 -60px;
			color: #f7d354;
		}

.text-section p {
	margin: 0 0 10px;
}

/* Left / right plan buttons
-----------------------------------------------------------------------------------------------*/

ul#plan-pagination {
	float: right;
	height: 25px;
	margin: -47px 1px 20px 0;
	position: relative;
	width: 148px;
}
	
	ul#plan-pagination li {
		background: none;
		float: left;
		list-style: none;
		padding: 0 !important;
	}
	
		ul#plan-pagination li a{
			background:url(../images/plan_forrige_neste.png);
			display: block;
			width:74px; height:25px;
			text-indent:-9999px;
			overflow:hidden;
		}
		
		ul#plan-pagination li a.forrige {
			background-position: -11px -7px;
		}
		ul#plan-pagination li a.forrige:hover {
			background-position: -11px -47px;
		}
		ul#plan-pagination li a.forrige:active {
			background-position: -11px -88px;
		}
		ul#plan-pagination li a.forrige.inactive{
			background-position: -11px -128px;
		}
		ul#plan-pagination li a.neste {
			background-position: -85px -7px;
		}
		ul#plan-pagination li a.neste:hover {
			background-position: -85px -47px;
		}
		ul#plan-pagination li a.neste:active {
			background-position: -85px -88px;
		}
		ul#plan-pagination li a.neste.inactive {
			background-position: -85px -128px;
		}

/* Flash bygg I background
-----------------------------------------------------------------------------------------------*/
				
.bygg-holder.bygg-i.back {
	background: url(../../../../building/bygg-i/assets/gfx/bolig-back.jpg);
}
.bygg-holder.bygg-i {
	background: url(../../../../building/bygg-i/assets/gfx/bolig-front.jpg);
}

/* Sub nav
-----------------------------------------------------------------------------------------------*/

ul.subnav li {
	background: url("../images/bullet_01.png") no-repeat scroll 4px 5px transparent;
	
	list-style: none outside none !important;
	margin-bottom: 13px;
	padding: 0 0 0 18px;
	
}

	ul.subnav li ul {
		margin: 12px 0;
	}

	ul.subnav li a {
		font-size: 12px;
		text-transform: uppercase;	
	}
	
		ul.subnav li a:hover {
			color: #fff;
		}
	
	ul.subnav li ul li a {
		margin: 8px 0 12px;
		text-transform: none;
	}