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

  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: 130px; height: auto; margin: 0; padding: 10px 0 0 0; }
/*#navigation  li:hover ul { display: block; }*/
#navigation  li ul li { float: none; 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
-----------------------------------------------------------------------------------------------*/

.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 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 { 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; }

/* 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:first-child{
	padding-bottom: 10px;
	background: url(../images/bg_hr.png) repeat-x;
	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{ 
	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; }

/* 3.2 Sub page 1
-----------------------------------------------------------------------------------------------*/


/* 3.3 Sub page 2
-----------------------------------------------------------------------------------------------*/