/* ===  GENERAL PAGE STRUCTURE   =========================================== */
/* This section contains styles that defines the size and position of the
   container and placeholder div's.
                                                                             */

#container {
	width: 986px;
	margin: 19px auto 0px auto;
	overflow: hidden;
	background: url(images/bg.png) top center repeat-y;
}
#container.menuroot-cid-229, #container.menuroot-cid-28,
.frontpage #container {
    
}
#placeholder-top {
	padding: 0 0 0 0;
	margin: 0 5px 1em 5px;	
	background: url(images/box2.png) top center no-repeat;
}
#placeholder-left {
	float:left;
	width: 190px;
	margin: 10px 0px 10px 13px;
	clear: both;
	background-color: #fff;
	height: 570px;
}

#placeholder-content-no-right {
    padding: 20px 0px 20px 20px;
    width: 720px;
    padding-top: 16px;
    float: left;
    overflow: hidden;
}



#placeholder-content {
	float: left;
	width: 570px;
	padding: 16px 5px 20px 10px;
	overflow: hidden;
}
.menuroot-cid-229 #placeholder-content {
	width: 550px;
}

.menuroot-cid-28 #placeholder-content {
    width: 550px;
}

.menuroot-cid-229 #placeholder-left,
.menuroot-cid-28 #placeholder-left {
    display: none;
}


#placeholder-right {
	width: 190px;
	margin-bottom: 5px;
	float: right;
	margin-top: 16px;	
	padding: 0 0 0 5px; 
	overflow: hidden;
}

.menuroot-cid-229 #placeholder-right,
.menuroot-cid-28 #placeholder-right {
    width: 385px;
}

#placeholder-bottom {
	clear: both;
	width: 986px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	height:238px;
	padding: 0px 0px 0px 0px;
	background: url(images/bottom2.png) top center no-repeat;
        color:white;
}
#placeholder-left .tile-content {
	padding: 10px;
}
#placeholder-left .tile-common,
#placeholder-right .tile-common {
    margin-bottom: 10px;
}

#extra-1, #extra-2, #extra-3, #extra-4, #extra-6, #extra-7, #extra-8 {
    display: none;	
}

#extra-5 {
    clear: both;
    margin: 10px 0 5px 20px;
}

/* ===   SPECIAL COREPUBLISH ELEMENT STRUCTURE   =========================== */
/* This section contains structure styles for HTML content not generated by
   the frontend templates. This can be output from system functions in the
   CorePublish backend, or HTML generated by system classes in the frontend
   code.
   
   It is rarely necessary to alter these style definitions.
                                                                             */
.clear {
    clear:both;	
}
.cpform-noborder {
	border: 0;
}
.list-thumbnail-left {
    float: left;
    padding-right: 10px;
}
.list-thumbnail-right {
    float: right;
    padding-left: 10px;
}
.list-thumbnail-center {
    text-align: center;
    padding-bottom: 10px;
}
span.ajax-button-not-visible {
    display: none;
}
span.ajax-button-visible {
    display: inline !important;
}
#extended-debug-info {
    margin-top: 100px;
    font-family: monospace;
}
.programmatic-clearboth {
    height: 0px;
    width: 0px;
    overflow: hidden;
    clear: both;
}
.javascript-popup {
    display: none;
    left: 300px;
    top: 100px;
}
#content-link {
	display: none;
}


/* ===   VISUAL DESIGN (COLORS/FONT/BORDERS)   ============================= */
/* This section defines general visual styles for the site. The section is
   divided into sub-sections to improve readability.
                                                                             */

/* ---   VISUAL STYLING OF GENERAL HTML TAGS   ----------------------------- */

body, html {
	height: 100%;
}
body {
	color: #000;
	font-family: Verdana, Helvetical, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.6;
}
h1 {
	font-size: 1.8em; /* 10px x 2em = 20px */
	font-weight: normal;
}
h2 {
	font-size: 1.4em;
	font-weight: normal;
}
h3 {
	font-weight: 400;
	font-size: 11px;
}
a:link,
a:visited,
a:hover {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover{
	color: #6d6e71;
	text-decoration: underline;
}
#placeholder-content a{color:#3D497D;}

#placeholder-content-no-right .full-articledisplay a:visited,
#placeholder-content-no-right .full-articledisplay a:visited,
#placeholder-content .full-articledisplay a:link,
#placeholder-content .full-articledisplay a:link{
color: #43468D;

}

#placeholder-content-no-right .full-articledisplay a    { color: #43468D; }

img {
	border: 0;
}
/* To set list styles for article content you will have to style the article
   content spesifically. Search for ".full-articledisplay ul".               */
ul,
ul li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
form {
	margin: 0;
	padding: 0;
}
a.submit,
input,
textarea,
select {
	padding: 2px;
	border: 1px solid #CAD4E7;
	background-color: #ECEEF5;
        border-radius: 4px 4px 4px 4px;        
}


/* ---   COMMON TILE VISUAL STYLING   -------------------------------------- */
/* In this section you will find visual style definitions for classes common
   for all tiles, or a set of tiles (eg. all tiles in a placeholder).
                                                                             */

button.submit,
input.submit,
.cpform-button {
	background: #ECEEF5;
	color: #3B5998;	
	padding: .2em .4em .2em .4em;
	margin: .5em 0;	
	font-size: 1em;
	position: relative;
	top: -1px;   
        cursor: pointer;
}

#placeholder-right input.submit{
	background: #3D497D;
	color: #fff;
	font-weight: 700;
	padding: .2em .4em .2em .4em;
	margin: .0em .8em .5em .0em;
	font-size: 1em;
	float: right;
}
#placeholder-left input.submit{
	background: #3D497D;
	color: #fff;
	font-weight: 700;
	padding: .2em .4em .2em .4em;
	margin: .0em .8em .5em .0em;
	font-size: 1em;
	float: right;
}

#placeholder-right input.textinput {
	width:134px;
	background-color:#fff;

}
#placeholder-left input.textinput {
background-color:#FFFFFF;
width:110px;
}

span.required-field {
    color: #f00;
    font-weight: bold;
}
#placeholder-content h1,
#placeholder-content-no-right h1 {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	padding-bottom: .6em;
}
#placeholder-content h3,
#placeholder-content-no-right h3 {
	margin: 0;
	padding: 0;
}
#placeholder-content p,
#placeholder-content-no-right p {
	margin: 0 0 1em 0;
	padding: 0;
}
#placeholder-left h3,
#placeholder-right h3 {
	margin: 0;
	padding: .5em 0 .5em 10px;
}
#placeholder-right h3 {
	padding-left: 10px;
}
#placeholder-left .small-articledisplay-nolayout div.tile-content,
#placeholder-right .small-articledisplay-nolayout div.tile-content {
	background: none;
	border: none;
	padding: 0px;
}
#placeholder-content-no-right form {
	padding: 10px;
        padding-left: 0;
}
#placeholder-bottom .tile-content {
	padding:10px 30px 10px 0px;
}
#placeholder-left h3 {
	background: url(images/lang-knapp.jpg) no-repeat center center;
	text-align: center;
	color: #fff;
	padding: 4px 20px 4px 20px;
	font-weight: 400;
}
#placeholder-right h3 {
background:#EEEEEE;
color:#3D497D ;
margin-bottom:5px;
margin-right:10px;
padding:4px 5px;
text-align:left;
text-transform: uppercase;
}
#placeholder-left h3,
#placeholder-right h3 {
background:#EEEEEE none repeat scroll 0 0;
color:#3D497D;
margin-bottom:5px;
margin-right:10px;
padding:4px 5px;
text-align:left;
text-transform:uppercase;
}
div.entitycomment td,
table.calendar-header td,
table.calendar-layout td,
div.searchlog-container td,
div.webshop-checkout td {
    vertical-align: top;	
}

/* ===   SPECIFIC TILE STYLING   =========================================== */
/* This section contains both structure and visual styling for specific tiles.
   The section is divided into sub-sections where definitions for a given tile
   are grouped together. We try to reuse definitions where possible. This
   means that there can be tile definitions for a tile outside the tiles
   sub-section.
                                                                             */
/* ---   PAGE HEADER   ------------------------------------------------------*/

#placeholder-top .page-header span.logo {
	font-size: 2.5em;
}
#placeholder-top .page-header span.logo a:link,
#placeholder-top .page-header span.logo a:visited,
#placeholder-top .page-header span.logo a:hover {
    color: #fff;
}
#placeholder-top .page-header {
	position: relative;
	top: 27px;
	left: 22px;
	clear:both;
	width: 330px;
}
#placeholder-top .page-header span.logo {
	padding: 0;
	margin: 0;
}


#placeholder-top .linktoolbar {
    float: right;
    margin: 0 5px 0 0;
    width: 130px;
    height: 35px;
    
}

#placeholder-top .linktoolbar h3 {
    display: none;
}

#placeholder-top .linktoolbar li {
    background: url(images/fb.gif) no-repeat 100px 0;
}

#placeholder-top .linktoolbar li.last {
    background: url(images/fb.gif) no-repeat 126px 0;
    margin-left: -26px;
}


/* ---   HORIZONTAL MENU   --------------------------------------------------*/

#placeholder-top .horizontal-menu h3 {
	display: none;
}
#placeholder-top .horizontal-menu {
	height: auto;
        float: left;
	width: 960px;
	margin: 8px 0 0 7px;
	clear: both;
	background: url(images/menubg.png) repeat-x;
        border-radius:5px;     
}


#placeholder-top .horizontal-menu ul {    
    width: 100%;    
    float: left;    
    font-size: 1.2em;
}
#placeholder-top .horizontal-menu li {
    list-style: none;
    margin: 0;
    float: left;		
    text-align: center;	
}
#placeholder-top .horizontal-menu li a {
    color:#ffffff;
    padding: 4px 15px 5px 15px;
    display: block;
}

#placeholder-top .horizontal-menu li.first a {
    margin-left: 10px;    
    padding: 4px 15px 5px 3px;
}

#placeholder-top .horizontal-menu li.active a {
    color: #ff9900;
}

 #placeholder-top .horizontal-menu ul li {
    border-left: 1px solid #00529B;
    border-right: 1px solid #003666;
}

#placeholder-top .horizontal-menu ul li.first {    
    border-left: none;
}

#placeholder-top .horizontal-menu ul li.last {
    border-right: none;    
}

/* ---   ARTICLEDISPLAY   ---------------------------------------------------*/

.small-articledisplay ul,
.full-articledisplay ul {
//    margin: 1em;
}
.small-articledislplay ul li ul,
.full-articledisplay ul li ul {
    margin: 0;
}
.small-articledisplay ul li,
.full-articledisplay ul li,
.sitemap ul li {
	display: list-item;
	list-style: square;
	list-style-position: outside;
	margin: 0 2em;
	padding: 0;
}
.full-articledisplay li ul,
.sitemap li ul {
	margin-bottom: 1em;
}

/* ---   VERTICAL MENU   ----------------------------------------------------*/

.vertical-menu .tile-content {
	padding: 0;
	background-color: #fff;
}

.vertical-menu h3 {
	display: none;
}

.vertical-menu ul {
	line-height: 1.2em;
	margin-left: -10px;
}
.vertical-menu li {
	margin-top: 5px;
	padding: 8px 0 8px 2px;
	background-color: #fff;
	font-weight: bold;
}
.vertical-menu li a {
	color: #333367;
	font-size: 1.2em;
	padding: 0 0 0 12px;
}

.vertical-menu li li a {
	color: #000;
	font-size: 1.2em;
}

.vertical-menu li li {
	padding: 0 0 0 0px;
	margin: 4px 0 0 22px;
	background-color: #fff;
	font-weight: normal;
	background: #fff url(images/li.png) 2px 3px no-repeat;
}

.vertical-menu li li.active {
    background: #fff url(images/active.li.png) 2px 3px no-repeat;
}

/* ---   LINK TO SITEMAP   -----------------------------------------------------*/

#placeholder-top .small-articledisplay {
	float: right;	
	text-align: right;
	padding: 14px 18px 10px 0;
}

/* ---   ARTICLE DISPLAY   --------------------------------------------------*/

#placeholder-content .digest,
#placeholder-content-no-right .digest {
	font-weight: bold;
	font-size: 1em;
	margin: 10px 0 10px 0;
}
.small-articledisplay p {
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
}

/* ---   PAGE FOOTER   ------------------------------------------------------*/

#placeholder-bottom a {
	font-weight: normal;
	color:#fff;
}

#coretrek-colofon {
	padding: 40px 0 0 10px;
	color:#fff;
	float:left;
	clear:both;
}

/* ---   NEWSLETTER AND SUGGESTION FORM   -----------------------------------*/

.small-searchinput {
	float: right;
	margin: 0 10px 0 0;
}

.small-searchinput h3 {
	display: none;
}

.newsletter-form .tile-content input.textinput,
.login-form .tile-content input.textinput,
.suggestionform .tile-content input.textinput,
.small-searchinput .tile-content input.textinput {
	
	margin-bottom : .5em;
}
.newsletter-form .tile-content span {
	margin: 1em 0;
}
.suggestionform .tile-content textarea {
	width: 95%;
	font-size: 120%;
}
#newsletter-form-register div {
    margin: 10px auto 10px auto;
}

/* ---   LOGIN FORM   -------------------------------------------------------*/

#login-form-error,
#login-form-message,
#newsletter-form-error,
#newsletter-form-message,
.suggestionform .suggestionform-error,
.suggestionform .suggestionform-message,
#searchlog-container-error-message,
#entitycomment-form-error,
#entitycomment-form-message {
    color: red;
 	padding: 0;
    margin-bottom: 5px;
    text-align: left;
    float:left;
       
}
#login-form-message,
#newsletter-form-message,
#entitycomment-form-message,
.suggestionform .suggestionform-message {
    color: #279634;
}
#login-form-changepassword,
#login-form-lostpassword-container {
    display: none;
}

.login-form-link {
	font-size: 9px;
	float: left;
}

/* ---   ARTICLE/RSS LISTS   ------------------------------------------------*/

#placeholder-right .small-articlelist {
	background: url(images/relatert.png) no-repeat top left;
	padding-top: 35px;
}
#placeholder-right .small-articlelist h3,
#placeholder-right .small-articlelist .date{
	display: none;
}
#placeholder-right .small-articlelist a{
	text-decoration: underline;
	background: url(images/pil.png) no-repeat left top;
	padding-left: 10px;
	color: #454a67;
}

#placeholder-right .newsarchivelink li,
#placeholder-left .newsarchivelink li {
	margin: 0 0 -1em 0;
	padding-top: 1em;
	border-top: #c8d6dc dashed 1px; 
}
.small-calendarlist .tile-content li,
.small-articlelist li,
.small-rsslist li,
.metadatarelationlist li {
	padding: 0 0 8px 0;
}

.list-navigation-text {
	text-align: center;
}
.full-articlelist-twocolumn,
.full-articledisplay,
.full-articlelist {
	padding-bottom: 2em;
}
.full-articlelist h3 {
	font-size: 1.7em;
	margin: 0;
	padding: 0;
}
.full-articlelist ul li.odd,
.full-articlelist ul li.even {
	background: url(images/box1.png) no-repeat top center;
    padding-top: 10px;
}
.full-articlelist ul li {
    clear: both;
}
.full-articlelist .articlelist-link-internal a {
	color: #43468d;
	text-decoration: underline;
}
.full-articlelist .articlelist-link-internal ul li,
.full-articlelist-twocolumn .articlelist-link-internal ul li {
    clear: none;
    padding: 0 0 10px 0;
}
.full-articlelist-twocolumn li.odd {
    clear: both;
    float: left;
    width: 245px;
}
.full-articlelist-twocolumn li.even {
    float: right;
    width: 245px;
}


/* ---   TOOLTIP   ----------------------------------------------------------*/

#tooltip a:link,
#tooltip a:visited,
#tooltip a:hover {
    color: #000;	
}
#tooltip {
	color: #000;
}
#tooltip-top {
    background: url(images/tooltip-top.gif) no-repeat;
    height: 14px;
}
#tooltip-content {
	padding: 5px 10px 5px 10px;
	background: #fff588;
	border-right: 1px solid #746f32;
	border-bottom: 1px solid #746f32;
}


/* ------------------------------------------------------------------------- */
/*     Design -  2007 MUX MediaLab, Norway                                   */
/*     CSS    -  2007 CoreTrek and MUX MediaLab (www.muxmedialab.no)         */
/* ------------------------------------------------------------------------- */
/* ---   MENU  BOTTOM  ----------------------------------------------------*/

#placeholder-bottom h3{

float:left;
font-size:1.2em;
font-weight:bold;
color: #fff;
width:200px;
}


#placeholder-bottom .vertical-menu .tile-content {
	padding-top: 20px;
	padding-left:30px;
	float:left;
	width:175px;
	background:none;
	
}

#placeholder-bottom .vertical-menu ul {
	line-height: 1.2em;
	margin-left: -10px;
}
#placeholder-bottom .vertical-menu li {
	margin-top: 5px;
	padding: 3px 0 3px 25px;
	font-weight: normal;
	background:none;
}
#placeholder-bottom .vertical-menu li a {
	color: #fff;
	font-size: 1.2em;
	padding: 0 0 0 12px;
}
#placeholder-bottom .vertical-menu li li a {
	color: #fff;
	font-size: 1em;
}

#placeholder-bottom .vertical-menu li li {
	padding: 0 0 0 0px;
	margin: 4px 0 0 22px;
	font-weight: normal;
	
}

#placeholder-bottom .newsletter-form {
float:left;
width:200px;
padding-top:10px;
padding-right:25px;
   
}
#placeholder-bottom .small-articledisplay p {
margin:0;
padding:0px 0px 0px 0px;
color: #fff;
float:right;
width:185px;

}

#login-form-container {float:left; width:250px; }
#login-form-lostpassword-container{float:left; width:250px; }
#login-form-container input.textinput{float:right;}
#login-form-error{border:none;float:left; width:250px;}
#login-form-container input.submit{margin-top:20px;}
#placeholder-bottom .login-form h3{padding-top:10px;width:250px;}
#login-form-logout {float:left; width:250px;}
#login-form-logout input.submit{float:left;}


/* === Styling for landingpage ============================================ */

#container.landingpage {
    height: 700px;
    background: none;
    width: 1100px;
}

#placeholder-content-landingpage {
    width: 1100px;
    height: 700px;
}

.landingpage_container   {
    float: left;
    width: 530px;
    margin-right: 12px;
    margin-top: 40px;
    border: 2px solid #ff9900;
    cursor: pointer;
}

.landingpage_container .link_banner {
    background-color: #fff;
    margin-top: 250px;
    height: 40px;
    font-size: 2em;
    text-align: right;
    padding-right: 15px;
    border-top: 1px solid #ff9900;
    border-bottom: 1px solid #ff9900;
}

.landingpage_container .logo_banner {
    height: 50px;
    border-bottom: 2px solid #ff9900;
}

.landingpage_container .text {
    background-color: #fff;
    margin-top: 56px;
    min-height: 200px;
    padding: 5px;
    border-top: 2px solid #ff9900;
}

#placeholder-content-landingpage .full-articledisplay {
    margin-left: 8px;
}

.menuroot-cid-229 #placeholder-content-no-right,
.menuroot-cid-28 #placeholder-content-no-right {
    width: 984px;
    padding: 10px 0;
}


.menuroot-cid-229 #placeholder-content-no-right,
.menuroot-cid-28 #placeholder-content-no-right .tile-common {
    
}


/* "Large" boxes */

.menuroot-cid-229 #placeholder-content-no-right .small-rsslist,
.menuroot-cid-28 #placeholder-content-no-right .small-rsslist, 
.menuroot-cid-229 #placeholder-content-no-right .small-articlelist,
.menuroot-cid-28 #placeholder-content-no-right .small-articlelist,
.menuroot-cid-229 #placeholder-content-no-right .small-articledisplay,
.menuroot-cid-28 #placeholder-content-no-right .small-articledisplay {
    border: 1px solid #3D497D;
    border-radius: 5px 5px 5px 5px;    
    float: left;
    height: 188px;
    margin: 5px 5px 0 12px;
    overflow: hidden;
    padding: 10px;
    width: 286px;    
 
}

.menuroot-cid-229 #placeholder-content-no-right .small-rsslist h3 a,
.menuroot-cid-28 #placeholder-content-no-right .small-rsslist h3 a, 
.menuroot-cid-229 #placeholder-content-no-right .small-articlelist h3,
.menuroot-cid-28 #placeholder-content-no-right .small-articlelist h3 {
    color: #3D497D;
    font-size:1.2em;    
}


/* Small boxes */

#placeholder-content-no-right .small-articledisplay-nolayout,
#placeholder-content-no-right .small-articledisplay-nolayout {
    border: 1px solid #3D497D;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 100px;
    margin: 15px 5px 0 8px;
    overflow: hidden;
    padding: 10px;
    width: 205px;    
}

.menuroot-cid-229 #placeholder-content-no-right .small-articledisplay-nolayout,
.menuroot-cid-28 #placeholder-content-no-right .small-articledisplay-nolayout {
    margin: 15px 5px 0 12px;
}



#placeholder-content-no-right .small-articledisplay-nolayout p,
#placeholder-content-no-right .small-articledisplay-nolayout p {
    margin:0;
}

#placeholder-content-no-right .small-articledisplay-nolayout a,
#placeholder-content-no-right .small-articledisplay-nolayout a {
    display:block;
    float:left;
    background:#3D497D;
    color:#ffffff;
    width:195px;
    padding: 4px 5px;
    height:20px;
    font-size:1.1em;
}

/* Would have used :nth-child(n) if it weren't from needing at least IE9 :o/ */
#placeholder-content-no-right .small-articledisplay-nolayout p:first-child a,
#placeholder-content-no-right .small-articledisplay-nolayout p:first-child a {    
    width:auto;
    padding:0;
    height:auto;
    display:block;
    float:none;
}




#placeholder-content-no-right .small-articledisplay-nolayout a:hover,
#placeholder-content-no-right .small-articledisplay-nolayout a:hover {
    text-decoration: none;
}




/* frontpage campaigns */

#placeholder-content-no-right .campaign-articlelist { 
    height:200px; 
    width:960px;
    float:left;    
    position: relative; 
    overflow: hidden; 
    margin:5px 0 10px 12px;
    background: none;
    padding: 0;
}
.campaign-articlelist .tile-content                 { height: 200px; }
.campaign-articlelist .list-navigation              { 
    left: 670px;
    position: absolute;
    top: 178px;
}
.campaign-articlelist .list-navigation .pages       { 
    line-height: 8px; 
    height: 13px; 
    display: block; 
    font-size: 8px; 
    float:left;
}
.campaign-articlelist ul li                         { position: absolute; top: 0; left: 0; }

.campaign-articlelist ul li.odd,
.campaign-articlelist ul li.first,
.campaign-articlelist ul li.even {
    background:none;
    padding:0;
}

.campaign-article                                   { 
    width: 960px; 
    height: 200px; 
    overflow: hidden; 
}

.campaign-article.click {
    cursor:pointer;
}

.campaign-article.right {
    background-position: top right;
}

.campaign-text { 
    margin-left: 660px;
    width: 300px; 
    height: 200px; 
    position: relative; 
    overflow: hidden;  
    background: url(images/text-bg.png) repeat-x;
    color:#fff;
}

.campaign-text span.ctext { 
    display: block;
    height: 122px;
    margin: 0 11px;
    overflow:hidden;
}


.campaign-text.left { 
    margin-left: 10px; 
}

#placeholder-content-no-right .campaign-text h3 {
    padding: 5px 10px; 
    font-size: 24px !important; 
    line-height: 36px; 
    margin: 0;   
    color:#fff;
}


#placeholder-content-no-right .campaign-text a { 
    color: #fff; 
}

.campaign-text p { 
    padding: 0 20px 20px 20px; 
    margin: 0; 
    font-size:1.1em;
}
.campaign-text .articlelist-link-internal   { 
    position: absolute; 
    bottom: 28px; 
    left: 22px; 
}