@CHARSET "UTF-8";

/* -------------------------------------------------------------------------- */
/* General HTML elements                                                      */
/* -------------------------------------------------------------------------- */

html, body {
    font-family: Arial, Sans-serif;
    margin: 0;
    padding: 0;
    background-color: #dbd8b8;
    color: #442707;
}
a:visited,
a:link,
a:hover {
	color: #797526;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1 {
	font-size: 30px;
	margin: 0px;
}

/* -------------------------------------------------------------------------- */
/* Container/placeholder positioning                                          */
/* -------------------------------------------------------------------------- */

#container {
	margin: 0px auto 0px auto;
    width: 950px;
    background-color: #e1e0c9;
}
#placeholder-top {
    background-color: #dbd8b8;
    background-image: url(images/top-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 111px;
    width: 950px;
}
#placeholder-left {
	clear:both;
    float: left;
    width: 185px;
    padding-top: 5px;
    padding-left: 5px;
}
#placeholder-right {
	float: right;
	width: 185px;
	padding-top: 5px;
	padding-right: 5px;
	margin-left: -3px;
}
#placeholder-content {
    float: left;
    width: 552px;
    border-left: 1px solid #dbd8b8;
    border-right: 2px solid #dbd8b8;
    background-color: #fff;
    margin-left: 8px;
    padding-bottom: 20px;
    overflow: hidden;
}
#placeholder-content-no-right {
    float: left;
}
#placeholder-bottom {
	clear: both;
	width: 950px;
	padding-top: 25px;
	color: #8E836E;
	background-color: #dbd8b8;
	background-image:url(images/page-bottom.png);
	background-repeat: repeat-x;
	background-position: top;
}
#coretrek-colofon {
	padding-top: 5px;
	background-color: #dbd8b8;
}

#coretrek-colofon a:link,
#coretrek-colofon a:visited,
#coretrek-colofon a:hover {
	font-size: 11px;
}
#content-link {
    display: none;
}
#extra-5 {
	clear: both;
}

/* -------------------------------------------------------------------------- */
/* General tile                                                               */
/* -------------------------------------------------------------------------- */

/* 
   Tiles in top, bottom and content placeholders should not be styled using
   the general styles, so we reset these styles here. HTML element ID spesific
   styling, using the #html-element-id notion has precendence over styles set
   generally using only the css-class. If we want to override these styles later
   in the stylesheet, we must remember to use the full element path.
*/

#placeholder-top .tile-content,
#placeholder-top .tile-common,
#placeholder-top .tile-common h3,
#placeholder-bottom .tile-content,
#placeholder-bottom .tile-common,
#placeholder-bottom .tile-common h3,
#placeholder-content .tile-content,
#placeholder-content .tile-common,
#placeholder-content .tile-common h3 {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
}
#placeholder-left .tile-common,
#placeholder-right .tile-common {
	background-image: url(images/tile-column-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	color: #8E836E;
	width: 185px;
}
#placeholder-content .tile-common {
	margin: 0px 10px 0px 10px;
}
#placeholder-left .tile-common.small-articledisplay-nolayout {
	margin-top: -10px; /*hack to get this tile edge to edge with the tile above*/
	background-image: url(images/tile-column-bottom-small.gif);
}
.tile-common h3 {
    margin: 0 0 5px 0;
    padding: 2px 10px 3px 10px;
}
.tile-content {
}
#placeholder-left .tile-content,
#placeholder-right .tile-content {
	background-color: #fff;
	margin: 0px;
	border-left: 1px solid #e6e3c7;
	border-right: 1px solid #e6e3c7;
	padding: 7px;
	width: 169px;
	font-size: 11px;
	overflow: hidden;
	
}
#placeholder-left h3,
#placeholder-right h3 {
	margin: 0px;
	padding:9px;
	color: #442707;
	background-image: url(images/h3-bg.png);
	background-repeat: repeat-x;
	height: 11px;
	overflow: hidden;
	font-size: 12px;
}

/* -------------------------------------------------------------------------- */
/* General inline listing (eg. horizontal menu, linktoolbar, sitelocator)     */
/* -------------------------------------------------------------------------- */
.tile-top,
.vertical-menu h3,
.small-searchinput h3,
.horizontal-menu h3,
.linktoolbar h3,
.sitelocator h3 {
    display: none;
}	
#placeholder-right .small-articledisplay .tile-top,
#placeholder-right .small-articledisplay-nolayout .tile-top {
	display: block;
	background-image: url(images/tile-column-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 5px;
	padding: 0px;
	overflow: hidden;
}
#placeholder-left .small-articledisplay-nolayout .tile-content {
	width: 167px;
	margin-left: 1px;
}
#placeholder-right .small-articledisplay-nolayout .tile-content{
	padding-top: 0px;
	padding-bottom: 4px;
}
#placeholder-left .small-articledisplay-nolayout p,
#placeholder-right .small-articledisplay-nolayout p,
#placeholder-bottom .small-articledisplay-nolayout p{
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.horizontal-menu ul,
.linktoolbar ul,
.sitelocator ul {
	display: inline;
	margin: 0;
	list-style-type: none;
	padding: 0;
}
.horizontal-menu li,
.linktoolbar li,
.sitelocator li {
	display: inline;
}


/* -------------------------------------------------------------------------- */
/* General bullet-less listing (eg. verical menu and small article list)      */
/* -------------------------------------------------------------------------- */

.full-articlelist ul,
.small-articlelist ul,
.vertical-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.full-articlelist li,
.small-articlelist li,
.vertical-menu li {
    margin-bottom: 5px;
}
.full-articlelist li li,
.small-articlelist li li,
.vertical-menu li li {
    padding-left: 10px;	
}

#placeholder-content .full-articlelist li .articlelist-link-external li {
    padding-left: 0;	
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}


/* -------------------------------------------------------------------------- */
/* Styling for spesific elements                                              */
/* -------------------------------------------------------------------------- */

/* 
   Some of these elements have been styled using id-context above. We therefore
   need to use the full id-element path to override these styles.
*/

/* -- Page header ----------------------------------------------------------- */
.page-header {
    float: left;	
}
.page-header img{
    border: none;	
}
.page-header .logo {
    font-size: 1.85em;
    font-weight: bold; 	
}


/* -- Small and full searchinput ----------------------------------------------------------- */
#placeholder-top .small-searchinput {
    float: right;
    margin: 15px 25px 0px 0px;
}

input.submit {
	padding: 0px;
	background: url(images/searchbutton.gif) no-repeat left top;
	border: none;
	width: 42px;
	height: 24px;
	float: left;
	padding: 2px 0px 10px 13px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial, Sans-serif;
	color: #442707:
}

#placeholder-top .small-searchinput input.textinput,
#placeholder-content .full-searchinput input.textinput,
#placeholder-content-no-right .full-searchinput input.textinput {
	background-image: url(images/search-inputfield.gif);
	background-repeat: no-repeat;
	border: 0px;
	width: 123px; /*128px*/
	height: 21px; /*24px*/
	padding: 3px 0px 0px 5px;
	overflow: hidden;
	float: left;
}
#placeholder-content .full-searchinput {
    padding-bottom: 25px;
}


/* -- Horizontal menu in top placeholder -------------------- */
#placeholder-content .horizontal-menu {
	background-image: url(images/horizontal-menu-bg.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 48px;
	line-height: 13px;
}
#placeholder-content .tile-common.horizontal-menu {
	margin: 0px;
}
#placeholder-content .horizontal-menu ul {
}
#placeholder-content .horizontal-menu a:link,
#placeholder-content .horizontal-menu a:visited,
#placeholder-content .horizontal-menu a:hover {
	border-right: 1px solid #fff;
	display: block;
	width: 78px;
	height: 30px;
	padding-top: 8px;
	float: left;
	font-size: 12px;
	color: #442707;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
#placeholder-content .horizontal-menu li.last a:link,
#placeholder-content .horizontal-menu li.last a:visited,
#placeholder-content .horizontal-menu li.last a:hover {
	border-right: none;
}
#placeholder-content .horizontal-menu a:hover,
#placeholder-content .horizontal-menu li.active a:link,
#placeholder-content .horizontal-menu li.active a:visited,
#placeholder-content .horizontal-menu li.active a:hover,
#placeholder-content .horizontal-menu li.main-active a:link,
#placeholder-content .horizontal-menu li.main-active a:visited,
#placeholder-content .horizontal-menu li.main-active a:hover {
	background-image: url(images/active-horizontal-menu-bg.png);
	background-repeat: repeat-x;
	background-postion: bottom left;
	color: #fff;
}


/* -- Vertical menu in left placeholder -------------------- */
#placeholder-left .vertical-menu {
	
}
#placeholder-left .tile-common.vertical-menu,
#placeholder-left .vertical-menu .tile-content,
#placeholder-right .vertical-menu .tile-content {
	background: none;
	margin: 0px 0px 10px 0px;
	border: none;
	padding: 0px;
	width: 185px;
	color: #8E836E;
}
#placeholder-left .vertical-menu ul {
}
#placeholder-left .vertical-menu li {
	margin-bottom: 2px;
}
#placeholder-left .vertical-menu ul li ul{
	padding: 0px 0px 5px 0px;
	background-image: url(images/tile-column-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 2px;
	
}
#placeholder-left .vertical-menu ul li ul li{
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #ccc78e;
	border-right: 1px solid #ccc78e;
	background-color: #fff;
}
#placeholder-left .vertical-menu ul li ul li.last{
	padding-bottom: 10px;
}
#placeholder-left .vertical-menu a:link,
#placeholder-left .vertical-menu a:visited,
#placeholder-left .vertical-menu a:hover {
	display: block;
	font-size: 11px;
	color: #442707;
	text-decoration: none;
	font-weight: bold;
	height: 24px;
	padding: 5px 0px 0px 10px;
	background-image: url(images/vertical-menu-bg.png);
	background-repeat: repeat-x;
}

#placeholder-left .vertical-menu a:hover,
#placeholder-left .vertical-menu li.active a:link,
#placeholder-left .vertical-menu li.active a:visited,
#placeholder-left .vertical-menu li.active a:hover,
#placeholder-left .vertical-menu li.main-active a:link,
#placeholder-left .vertical-menu li.main-active a:visited,
#placeholder-left .vertical-menu li.main-active a:hover {
	background-image: url(images/active-vertical-menu-bg.png);
	background-repeat: repeat-x;
	color: #fff;
}


#placeholder-left .vertical-menu ul li ul li a:link,
#placeholder-left .vertical-menu ul li ul li a:visited,
#placeholder-left .vertical-menu ul li ul li a:hover,
#placeholder-left .vertical-menu ul li.active ul li a:link,
#placeholder-left .vertical-menu ul li.active ul li a:visited,
#placeholder-left .vertical-menu ul li.active ul li a:hover,
#placeholder-left .vertical-menu ul li.main-active ul li a:link,
#placeholder-left .vertical-menu ul li.main-active ul li a:visited,
#placeholder-left .vertical-menu ul li.main-active ul li a:hover {
	background: none;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 5px 0px;
	border-bottom: 1px solid #8E836E;
	color: #8E836E;
	font-weight: normal;
	height: 10px;
}
#placeholder-left .vertical-menu ul li ul li.active a:link,
#placeholder-left .vertical-menu ul li ul li.active a:visited,
#placeholder-left .vertical-menu ul li ul li.active a:hover,
#placeholder-left .vertical-menu ul li ul li.main-active a:link,
#placeholder-left .vertical-menu ul li ul li.main-active a:visited,
#placeholder-left .vertical-menu ul li ul li.main-active a:hover {
	color: #442707;
	font-weight: bold;
}


/* -- Linktoolbar ----------------------------------------------------------- */
.linktoolbar ul {
    float: right;   
}

/* -- Sitelocator ----------------------------------------------------------- */
.sitelocator h3 {
    font-size: 1em;	
    font-weight: normal;
}

/* -- Small article list ------------------------------------------------------- */
.newsarchivelink {
    margin-top: 10px;
}


/* -- Article display ------------------------------------------------------- */
.full-articledisplay {
    clear: both;
}
.cp-mmarchive-image-left {
    margin-right: 5px;
}
.cp-mmarchive-image-right {
    margin-left: 5px;
}

/* -- Article list ---------------------------------------------------------- */

#placeholder-content .full-articlelist{
	margin-top: 20px;
}
#placeholder-content .full-articlelist h3 {
}
#placeholder-content .full-articlelist p {

}
#placeholder-content .full-articlelist h3,
#placeholder-content .full-articlelist h3 a:link,
#placeholder-content .full-articlelist h3 a:visited,
#placeholder-content .full-articlelist h3 a:hover {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    font-size: 12px;
}
#placeholder-content .full-articlelist p {
	margin: 0px;
	padding: 0px;
}
#placeholder-content .full-articlelist ul li {
    border-bottom: 1px solid #8E836E;
    margin-bottom: 15px;
    padding-bottom: 15px;
    clear: both;
    float: left;
    width: 100%;
}

#placeholder-content .full-articlelist img {
    border: none;
}
#placeholder-content .full-articlelist .articlelist-link-internal{
	display: block;
}
#placeholder-content .full-articlelist .articlelist-link-internal ul li {
    border: none;
    padding: 0px;
}
.list-thumbnail-left {
    float: left;
    clear: both;
    margin-right: 5px;
    margin-bottom: 5px;
}
.list-thumbnail-right {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
}
.list-thumbnail-center {
    text-align: center;
    margin-bottom: 5px;
}

/* -- Digest ---------------------------------------------------------------- */
h2.digest {
	font-size: 12px;
}

#placeholder-content table,
#placeholder-content-no-right table {
	border: none;
	background-color: #dbd8b8;
}
#placeholder-content form table,
#placeholder-content-no-right form table {
	background-color: #fff;
}
#placeholder-content td,
#placeholder-content-no-right td {
	background-color: #fff;
	border: none;
}

.ctwebform-element-validationerror {
	color: #d9541e;
	font-weight: bold;
	white-space: nowrap;
}

span.imagetext {
	display:block;
	margin:2px 2px 0 0;
	color:#8E836E;
}