/* ------------------------------------------------- */
/*          CSS  -  2008 Erik Bentsen
/*              erik@bentsen.me
/* ------------------------------------------------- */


/**************************************************** 
GENERAL
*****************************************************/

body {
    font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#000000;
    font-size:0.88em;
    line-height:1em;
    margin: 0;
    padding: 0;
}

h1 {
	font-family: Helvetica, Arial;
    font-size: 1.8em;
    font-weight: normal;
    font-stretch: expanded;
    letter-spacing: 1px;                
	margin: .75em 0 1em;
	* margin: .5em 0 1em;
	color: #0B9DBF;
}

h2 {
    font-size: 1.4em;
    font-weight: normal;
}

h3 {
    font-size: 1.2em;
}
h3.article {
	font-weight: normal;
	color:#585858; 
}
h4 {
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

a:link,
a:visited,
a:hover {
    color: #ec5e2f;
    text-decoration: none;
}

p  {
    margin-top: 0;
    margin-bottom: 1em;
    font-weight: normal;
    line-height: 1.4em;
    * font-size: .88em;
}
img {
    border: 0;
}

ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

form {
    margin: 0;
    padding: 0;
}

legend {
    display: none;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

input,
textarea,
select {
    padding: 4px 3px;
    /*font-size: 11px;*/
    border: solid 1px #d2cfcf;
    margin-bottom: 3px;
}

label {
    font-size: 0.9em;
}

.checkbox {
    width: 16px;
    border: 0;
}

td {
    vertical-align: top;
}

input.button {
    background: #3e3d3b;
    border: 0;
    font-weight: normal;
    color: #fff;
    padding: .3em .4em;
    * padding: .2em .3em;
    cursor: pointer;
    width: auto;
    font-size: .9em;
}

div.clear {
    clear: both;
}

#content-link {
    display: none;
}

#container {
    width: 100%;
    margin: 0;
}

#container-startpage {
    width: 100%;                                          
/*    margin: -2em 0 0 0;*/
	padding: 0;
}
.bg {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}



/**************************************************** 
PLACEHOLDERS 
*****************************************************/             
#placeholder-top {
	height: 23.4em;
	* height: 19.4em;
    margin: 0;    
    padding: 0;
    /* margin: 1.5em 0 0; 
	/* padding: 3.5em 0 0;*/
	width: 100%;
}
div.wave {
    background: transparent url(../graphics/energywave.gif) no-repeat scroll 28% 0; 
    position: relative; 
	width: 100%;
	height: 20em;
	* height: 14em;
	* margin: -4em 0 0;
	padding: 2em 0 0;
	* padding: 7em 0 0;
}
#container-startpage #placeholder-left {                 
    margin: 3.5em 0; 
    * margin: 3em 0; 
}

#container #placeholder-content {
    background-color: #FFFFFF;
    float: left;
    height: 100%;
    margin: 0 0 -2em;
    overflow: hidden;
    padding: 3em 0 0;    
    * padding: 3.5em 0 0 0;
    width: 80%;
}
#container-startpage #placeholder-center {
    height: 100%;
    /*margin: 4em 0 2em;*/
    overflow: hidden;
    padding: 0;
    * padding: 0;
    width:100%;
	overflow: hidden;
	/*background-color: #FFFFFF;*/
}

#placeholder-content-noright {
    background-color: #FFFFFF;
    float: left;
    height: 100%;
    margin: 0 0 -2em;
    overflow: hidden;
    padding: 3em 0 0;    
    * padding: 3.5em 0 0 0;
    width: 100%;
}

#placeholder-right {
    position: relative;
	padding: 3em 0 0 2em; 
	margin: 0 0 0 80%    
}
#placeholder-bottom {
    clear: both;
    padding: 1em 0;
}


/**************************************************** 
TOP STYLES 
*****************************************************/

/* logo */
#placeholder-top div.whitetop {
	/* background: transparent url(../graphics/transp_white_top2.png) repeat scroll 0 0;*/
    background-color: #FFF;
    height:13.5em;
    margin: 4em 0 0;
    padding: 1.5em 0 0;
    position: relative;
	* height: 12.5em;
	* margin: 0;
    /* for IE 8 */
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=82)";
	/* for IE 5-7 */
	filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity: 0.82;
}   
#container-startpage #placeholder-top div.page-header  {
    display: none;
}                     
#logo img { /* LOGO */                
    width: 22em;     
    height: 7.75em;  
    position:absolute;
	top: 10em;
	*top: 9.2em;
    left: 2em;          
    background:transparent;
    z-index: 1000;                              
}    

#container #placeholder-top div.page-header {
    float: left;
    margin: 2.5em 2em;
    * margin: 2.5em 1.3em;
    width: 30%;                                                  
    position: relative;
}
                    
#container #placeholder-top div.page-header img { /* LOGO */                
    width: 22em;     
    height: 7.75em;  
    position:absolute;
    top:0;
    left:0;          
    background:transparent;                              
    z-index: 1000;                              
} 
/* Small-searchinput */
#placeholder-top div.small-searchinput {
    float: right;
    width: auto;
    text-align: right;
    margin: 3em 0 0 0;    
    padding-right: 3.5em;   
}
#placeholder-top div.small-searchinput input.searchfield {      
    width: 12.5em;
    background: transparent url(../graphics/searchbg.png) repeat-y left top;
    /* for IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    /* for IE 5-7 */
    filter:alpha(opacity=75);
    /* CSS3 standard */
    opacity: 0.75;
}
#placeholder-top div.small-searchinput .button {
    color: #fff;
    background-color: #ec5e2f;
}   

#placeholder-top div.small-searchinput label {
   /* display: none;*/
}

#placeholder-top div.small-searchinput h3 {
    display: none;
    * display: inline;
}
    
/************** Horizontal menu ***************/
/*#placeholder-top */
div.horizontal-menu {
    background: #8ED6EC url(../graphics/main_menu.png) repeat-y scroll right top;
    height: 2.5em;
    line-height: 2.5em;
	color: #FFF;
	margin: 0;
	* margin: 0 0 -.5em;
	left: 0;
	bottom: 0;
    /* ie 7 */
    width: 100%;                                                           
    /* for IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=96)";
    /* for IE 5-7 */
    filter:alpha(opacity=97);
    /* CSS3 standard */
    opacity: 0.97;
}          

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

/*#placeholder-top */
.horizontal-menu ul {
    float: right;
    margin-right: 2em;    
    * margin-right: 1.5em;    
}   
/*#placeholder-top */
.horizontal-menu li {
    list-style: none;
    margin: 0;
    display: block;
    position: relative;
    float: left;
    color: #ffffff; 
    font-family: Helvetica, Arial;   
    font-size: .9em;
    * font-size: .88em;       
}
.horizontal-menu a,      
.horizontal-menu a:visited {
    display: block;
    color: #FFFFFF;                    
    padding: 0 1.2em;
    font-weight: 600;
    text-decoration: none;    
}

.horizontal-menu a:hover,
.horizontal-menu a.active:hover,
.horizontal-menu a.active,                          
.horizontal-menu a.active:visited  {
    display: block;
    background: transparent url(../graphics/menu_active.gif) repeat-x 0 0;
/*    color: #ec5e2f; /* fargen gjelder høyremeny */
    color: #FFFFFF;
    font-weight: 600;  
}

/*#placeholder-top */
.horizontal-menu li.active {                                                                  
}   
/*#placeholder-top */
.horizontal-menu li.first {
   /* margin-left: 45%;*/
}
div.horizontal-menu ul li ul {
    background: #0096c2 url(../graphics/main_menu_dropbg.png) repeat-y right top;
    position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
    width: auto; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	height: auto;
    display: block;
    left: 0;     
    color: white;
    /* for IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	/* for IE 5-7 */    
    filter:alpha(opacity=85);
    /* CSS3 standard */
    opacity: 0.9;
	z-index: 1000;
}
/*
div.horizontal-menu ul li.even ul {
    position: absolute;
    right: -5em;
} */   
div.horizontal-menu ul li ul li {
    width: 100%; /* makes the list items fill the list container (ul) */
    text-indent: 1em;       
    padding-right: 2em;    
    font-size: 1em;
    position: relative;
    color: white;
    white-space: nowrap;
}

div.horizontal-menu ul li ul li.last {
    border-bottom: none;
}

div.horizontal-menu ul li ul li a {
    width: 100%;  /* makes the list items fill the list container (ul) */
    display: block;
	color: #FFF;
}
/*div.horizontal-menu ul li ul li a.active:hover {*/
div.horizontal-menu ul li ul li a:hover {
    background: #91D5EA url(../graphics/menu_active_bullet.gif) no-repeat .8em center; /*#72ADBE*/
    width: auto;  
    color: #f94308;/*ec5d2f;*/
}

/* make the drop-down display as the menu is rolled over */
div.horizontal-menu ul li ul {display: none;} /* conceals the drop-down when menu not hovered */
div.horizontal-menu ul li:hover ul {display: block; color: #FFF;} /* shows the drop-down when the menu is hovered */ /* DENNE FUNKER IKKE PÃ IE !!!! */

/**************************************************** 
LEFT LIST STYLES 
*****************************************************/

/*Vertical Menu*/
#placeholder-left .small-articlelist ul {
	margin: 0;
    border: 0;
    padding: 0;
}

#placeholder-left .small-articlelist h3{
    display: none;    
}

#placeholder-left .small-articlelist li {
   /* height: 3em;*/                                                                     
    margin: 0.7em 0;
    width: auto;    
}                                         

#placeholder-left .small-articlelist a, 
#placeholder-left .small-articlelist a:visited,
div.full-articledisplay p.backlink a {
    background:#00A6CC url(../graphics/gradient_vmeny.gif) repeat-y scroll right top;
    color:#FFFFFF;
    display: inline-table;
    line-height: 2.1em;
    padding: 0.1em 3em 0.1em 2em;
    * padding: 0.4em 3em 0.4em 2em;
    text-decoration:none;
    width: auto;
    font-family: Helvetica, Arial;
    font-size: 1.25em;
    * font-size: 1.3em;
}          
                                 
#placeholder-left .small-articlelist a.active:hover,
#placeholder-left .small-articlelist a:hover {
    background: transparent  url(../graphics/gradient_leftmenu_active.gif) repeat-y right top;    
    padding-right: 3.3em;  /* compensate image orange border - makes gradient degrade at same place as when not hovering */
    * padding-right: 3.25em;    
}

/**************************************************** 
CONTENT STYLES 
*****************************************************/

/* Sitelocator */
div.sitelocator {
    font-size: 10px;
    height: 20px;
    margin-bottom: 28px;
}

div.sitelocator h3 {
    display: inline;
    font-size: 10px;
    font-weight: normal;
    color: #3e3d3b;
    margin-right: 3px;
}

div.sitelocator p, div.sitelocator ul, div.sitelocator li {
    display: inline;
}

div.sitelocator ul {
    list-style-type: none;
}

div.sitelocator li a {
    padding: 0 12px 0 0;
    background: url(../graphics/sitelocator_spacer.gif) no-repeat right;
}

div.sitelocator li.last a {
    text-decoration: none;
    font-weight: bold;
    color: #000;
    background: none;
}



/***** Full-articlelist *****/
div.full-articlelist {
    background-color: white;
	float: left;
	padding: 1em 2em 0 2em;
	width: 70%;
}

div.full-articlelist ul {

}

div.full-articlelist li{
    margin-bottom: 5px;
    padding-bottom: 12px;
}

div.full-articlelist h3 {
    color: #585858;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 0 0.5em;
}

div.full-articlelist h3 a,
div.full-articlelist h3 a:hover,
div.full-articlelist h3 a:visited {
    font-size: 1.1em;
    font-weight: normal;
    color: #00A4CB;
    text-decoration: underline;    
}


div.full-articlelist div.list-thumbnail-left {
    float: left;
    display: inline;
    margin-right: 18px;
    padding: 3px 3px 0px 3px;
    border: solid 1px #d7d7d7; 
}
#placeholder-content div.list-thumbnail-right,
div.full-articlelist div.list-thumbnail-right {
   /* border: 1px solid #D7D7D7;*/
	display: inline;
	float: right;
	margin: 1em 0;
}
#placeholder-content div.list-thumbnail-right img {
	max-width: 12em;
}
div.full-articlelist p {
    margin-bottom: .3em;
    font-weight: normal;
}


div.full-articlelist div.articlelist-link-internal {
    float:left;
    display: inline;
}

div.full-articlelist div.published {
    float:left;
    display: inline;
    background: url(../graphics/published_bg.gif) repeat-y;
    font-size: 10px;
    color: #808080;
    margin: 0 5px;
    padding: 0 6px;
}


div.full-articlelist div.grey a,
div.full-articlelist div.grey a:hover,
div.full-articlelist div.grey a:visited {
    float:left;
    display: none;
    font-size: 10px;
    color: #a6a4a1;
}


/**** Full-articlelist - Vertical ****/

div.vertical ul {
    border-top: solid 1px #e5e5e5;
}

div.vertical li {
    float: left;
    margin: 0;
    width: 45%;
    display: block;
    border-bottom: solid 1px #e5e5e5;
}

div.vertical li.odd {
    border-right: solid 1px #e5e5e5;
    padding: 18px 25px 25px 0;
}

div.vertical li.even {
    padding: 18px 0 25px 25px;
}


/* Full-articlelist - Kalender */
div.calendar_list h2 {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 18px;
}

div.calendar .date {
    float: left;
    margin-right: 8px;
    display: inline;
}

div.calendar .time {
    margin-right: 8px;
}

div.calendar .articlelist-link-internal {
    float: left;
    display: inline;
    width: 265px;
    margin-bottom: 6px;
}


/***** Full-articledisplay *****/
#container-startpage div.full-articledisplay,
#placeholder-content div.full-articledisplay {
    width: 100%;
	/*min-height: 220px;*/
	margin: 0 0 1em 0;
	* margin: 0 0 2em 0;
    /* width: 95.7%; /* IE 6 hack */    
}
#container-startpage div.full-articledisplay {
    margin: 3.5em 0 2em;
    background: transparent url(../graphics/transp_white.png) repeat 0 0;
	* background-color: white;
    /* for IE 5-7 */
    filter:alpha(opacity=92);
}
#container-startpage #placeholder-center div.full-articledisplay div.full-article-content,
#placeholder-content div.full-articledisplay div.full-article-content,
#placeholder-content-noright div.contact {
    padding: 0 3em 0 2em;
    width: 90%;
    text-align: left;
    font-size: .955em;
}    
div.contact .preamble {
    margin-bottom: .6em;
    * margin-bottom: 1em;
}
#container-startpage #placeholder-center div.full-articledisplay h1 {
    background: transparent url(../graphics/gradient_h1.png) repeat-y top right;
    color:#FFFFFF;
    display: inline-block;
    * display:inline;
    font-weight: 500;
    line-height: 1.6em;
	* line-height: 1.8em;
    padding: 0.35em 1.9em; 
	* padding: .5em 1.9em;
    width: auto;
    font-family: Helvetica, Arial;
    font-size: 1.45em;
    margin: 0 0 1.5em -2em;
	* margin: 0 0 2em -2em;
}                         
#placeholder-content div.full-articledisplay h4 {
    display: none;
}
div.full-articledisplay h3 {
    margin-bottom: 0px;
}

#placeholder-center div.full-articledisplay .published,
#placeholder-content div.full-articledisplay .published {
    display: none;
    /*color: #c1bfbc;
    margin: 0 0 12px 0;*/
}

#placeholder-center div.full-articledisplay p,
#placeholder-content div.full-articledisplay p {
    margin: 1em 1.5em 1em 0;
    max-width: 60em;
}
#placeholder-center div.full-articledisplay img.cp-mmarchive-image-left,
#placeholder-content div.full-articledisplay img.cp-mmarchive-image-left {
    margin: 0 1em 1em 0;       
	float: left;
}    
#placeholder-center div.full-articledisplay img.cp-mmarchive-image-right,
#placeholder-content div.full-articledisplay img.cp-mmarchive-image-right {
    margin-left: 0 0 1em 1em;       
	float: right;
}    

/*#placeholder-center div.full-articledisplay div.full-article-content div.preamble,
#placeholder-content div.full-articledisplay div.full-article-content div.preamble {*/
div.preamble {
/*	background-color: blue;*/
    color: #00A4CB;
    font-family: sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    font-size-adjust: 0.58;
    line-height: 1.5em;    
    max-width: 50em;
	* margin: 2em 0 0;
}

#placeholder-center div.full-articledisplay p.backlink {
    margin: 1em 0 0 -2em;
    * margin: 1em 0 -.1em -2.5em;
    padding: 0;
	* clear: both;
}

#placeholder-center div.full-articledisplay p.backlink a {
    padding: 0.1em 2em 0.1em 2em;
    * padding: 0.4em 2em 0.4em 2em;
}
#placeholder-content div.full-articledisplay p.backlink a {
	line-height: 1.4em;
	*line-height: 3.5em;
}

#placeholder-content div.full-articledisplay p.backlink,
#placeholder-content div.full-articledisplay p.backlink a  {
    display: none;
} 
                  
#placeholder-center div.full-articledisplay ul,
#placeholder-content div.full-articledisplay ul,
#placeholder-content-noright div.full-articledisplay ul {
    list-style: disc;
    padding: 0 0 0 20px;
    margin-bottom: 18px;
}

#placeholder-center div.full-articledisplay li,
#placeholder-content div.full-articledisplay li,
#placeholder-content-noright div.full-articledisplay li {
    list-style: disc;
    padding: .3em 0;
    font-weight: normal;
    line-height: 1.4em;
    * line-height: 1.6em;
}

#placeholder-center div.full-articledisplay ol,
#placeholder-content div.full-articledisplay ol,
#placeholder-content-noright div.full-articledisplay ol {
    list-style: decimal;
    padding: 0 0 0 20px;
    margin-bottom: 18px;
}

#placeholder-center div.full-articledisplay ol li,
#placeholder-content div.full-articledisplay ol li,
#placeholder-content-noright div.full-articledisplay ol li {
    list-style: decimal;
    padding: 0;
    margin-bottom: 16px;
}



/* Full-articledisplay Photos */
#placeholder-center div.full-articledisplay .image,
#placeholder-content div.full-articledisplay .image { 
    overflow: hidden; 
}
#placeholder-center div.full-articledisplay .left,
#placeholder-content div.full-articledisplay .left,
#placeholder-content div.full-articledisplay img .left { 
    float: left; 
    display: inline; 
    margin: .2em 1.5em 1.5em 0; 
    * margin: 2em 1.5em 1.5em 0; 
}
#placeholder-center div.full-articledisplay .right,
#placeholder-content div.full-articledisplay .right,
#placeholder-content div.full-articledisplay img .right { 
    float: right; 
    display: inline; 
    margin: .2em 0 1em 1.5em; 
}
#placeholder-center div.full-articledisplay .photobyline,
#placeholder-content div.full-articledisplay .photobyline { 
    color: #666;
    font-size: .88em; 
    font-weight: normal;
    margin: 0 0 1.5em 0; 
    
}
#placeholder-center div.full-articledisplay .right .photobyline, 
#placeholder-content div.full-articledisplay .right .photobyline, 
#placeholder-center div.full-articledisplay .left .photobyline, 
#placeholder-content div.full-articledisplay .left .photobyline { 
   /* color: #c1bfbc; */        
    margin: 0 0 1.5em 0; 
}


/**** Full-articledisplay - Kalender ****/
div.full-articlelist-twocolumn {
	display: none;
}
#calendar {
	padding: 0 2em 0 2em;
	width: 920px;
}

#calendar h1 {
    font-weight: normal;
    font-size: 1.5em;
	* font-size: 1.3em;
    position: absolute;
	top: 350px;
	* top: 310px;
	left: 30px;
	text-transform: uppercase;
}
#calendar div.full-articledisplay h1 {
	position: static;
}
#calendar .calendar {
    width: 60%;
	margin: 2em;
}
#calendar .calendar h2 {
    font-size: 1.1em;
	background:#00A6CC url(../graphics/gradient_vmeny.gif) repeat-y scroll right top;
    /*background:#32A7C9;*/
    color:#FFFFFF;
    display: block;
    line-height: 2.1em;
    padding: 0.1em 3em 0.1em 2em;
    * padding: 0 3em 0 2em;
    text-decoration:none;
    width: auto;
    font-family: Helvetica, Arial;
    * font-size: 1.15em;    
}
#placeholder-content-noright div.calendar,#placeholder-content-noright div.calendar ul {
	margin: 0 0 2.5em 1em;
	padding: 0;
}
#placeholder-content-noright div.calendar li {
	list-style: none;
    color: rgb(0,105,144);
    display: block;
    line-height: 1.3em;
    padding: 0.3em 2em;
    * padding: 0.4em 2em;
}
#calendar .calendar li.even {
	background: #cceaf3 url(../graphics/gradient_calendar.gif) repeat-y scroll right top;
}
#placeholder-content-noright div.calendar .calendar-desc {
	padding: 0 2em 2em;
}
#placeholder-content-noright p.backlink a {
	margin: 0 0 0 -2em;
	font-size: 1.1em;
	line-height: 2em;
}
#placeholder-content-noright #calendar p.backlink a { 
	margin: 0;
}
#calendar-list-aktivitet {
	position: absolute;
	top: 400px;
	* top: 350px;
	left: 510px;
	width: 450px;
    z-index: -1;
    * z-index: 0;
}
#calendar-list-kurs {
	position: absolute;
	top: 400px;
	* top: 350px;
	left: 30px;
	width: 450px;
	margin: 0;
	z-index: -1;
	* z-index: 0;
}
#calendar li {
	list-style: none;
    line-height: 1.3em;
    padding: 0 0 0 1em;
    * padding: 0.3em 0 0.3em 1.1em;	
}
#calendar li.first {
	width: 140px;
}
#calendar li.second {
	width: 70px;
}
#calendar li.third {
	width: 130px;
}
#calendar li.last {
	width: auto;
}
#calendar ul.calendar-list-heading, div.calendar-list-heading {
	margin: 0;
	padding: .2em 0 .2em 1em;
    font-size: 1em;
	background:#00A6CC url(../graphics/gradient_vmeny.gif) repeat-y scroll right top;
	border-top: 1px solid #FFF;
    color:#FFFFFF;
	width: 100%;
}
#calendar div.calendar-list-heading {
	padding-top: .5em;
}
#calendar ul.calendar-list-heading li {
	display: inline-block;
	*float: left;
	padding-left: 0; 
}
#calendar ul.calendar-list-heading li a {
	color: #FFE08F;
}
#calendar ul.aktivitet li,
#calendar ul.kurs li {
	display: inline-block;
	*float: left;
	margin: 0;
	padding: 0;
	line-height: 2em;
}
ul.aktivitet,
ul.kurs {
	width: 452px;
	font-size: .88em;
	padding-left: 1em;
}
#calendar-list-kurs ul.listodd,
#calendar-list-aktivitet ul.listodd {
    background-color: #7FE4FF;
}
/* Full-articledisplay - Kontakt */
#placeholder-content-noright div.contact fieldset,
#placeholder-content div.contact fieldset {
    width: 370px;
}

#placeholder-content-noright div.contact label,
#placeholder-content div.contact label {
    float: left;
    width: 160px;
	font-size: 1em;
}

#placeholder-content-noright div.contact input.contactinput,
#placeholder-content div.contact input.contactinput {
    float: left;
    width: 200px;
    margin-bottom: 10px;
	height: 1em;
}

#placeholder-content-noright div.contact input.button,
#placeholder-content div.contact input.button {
    clear: both;
    float: right;
    width: 50px;
}

#placeholder-content-noright div.contact textarea,
#placeholder-content div.contact textarea {
    clear: both;
    width: 360px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 20px;
    font-family: Verdana;
    font-size: 11px;
}

#placeholder-content-noright div.contact div.link-internal,
#placeholder-content div.contact div.link-internal {
    float: right;
    margin-bottom: 20px;
}

/* Full-articledisplay - Slideshow */
div.slideshow {

}

div.slideshow div.small-articledisplay {
    border-top: dashed 1px #969590;
    border-bottom: dashed 1px #969590;
    padding: 12px 0;
    margin-top: 30px;
}

div.slideshow div.small-articledisplay h3,
div.slideshow div.small-articledisplay p {
    padding: 0 22px 16px 22px;
}

div.slideshow div.small-articledisplay div.list-navigation {
    text-align: left;
    padding: 0;
    margin: 0;
}






/* Tables */
#placeholder-content table table,
#placeholder-content-noright table  {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    padding: 0;
    margin-bottom: 20px;
}

#placeholder-content th,
#placeholder-content-noright th {
    text-align: left;
    padding: 0 4px 6px 4px;
    border-bottom: dashed 1px #969590;
    color: #969590;
}

#placeholder-content td,
#placeholder-content-noright td {
    text-align: left;
    padding: 6px 4px 6px 8px;
    border-bottom: solid 1px #e2e2e2;
}





/**************************************************** 
RIGHT COL STYLES
*****************************************************/
#placeholder-right div.vertical-menu {
	position: absolute;
	right: 2em;
}
#placeholder-right div.vertical-menu h3 {
    display: none;
}
#placeholder-right div.vertical-menu ul {
    padding: 1em 0 0;    
}
#placeholder-right div.vertical-menu li {
    margin-bottom: 1em;    
    
}
#placeholder-right div.vertical-menu a,
#placeholder-right div.vertical-menu a:visited {
    color: #00A4CB;
    padding-left: 1.2em;
    background: transparent url(../graphics/vmenu_bullet.gif) no-repeat left center; /*#91D5EA*/
}       
#placeholder-right div.vertical-menu a:active, #placeholder-right div.vertical-menu a.active,
#placeholder-right div.vertical-menu a:hover {
    color: #EC5E2F;
    background: transparent url(../graphics/vmenu_active_bullet.gif) no-repeat left center; /*#91D5EA*/
}       
#placeholder-right div.newsletter {
    background: url(../graphics/ico_newsletter.gif) no-repeat left top;
    margin: 20px 20px 0 20px;
    padding: 2px 0 0 25px;
}






/**************************************************** 
BOTTOM STYLES
*****************************************************/

#placeholder-bottom .small-articledisplay-nolayout {
    text-align: center;
    color: #838080;
}




/**************************************************** 
ELEMENT STYLES
*****************************************************/
                
                  
div.linktoolbar li.first a,
div.linktoolbar li.last a {
    background: url(../graphics/ico_print.gif) no-repeat left;
    padding: 3px 0px 3px 27px;
}

div.linktoolbar li.last a{
    background: url(../graphics/ico_taf.gif) no-repeat left;
}

/* List-navigation */
div.list-navigation {
    margin-bottom: 30px;
    text-align: center;
    padding: 0;
}

div.list-navigation li {
    display: inline;
    padding: 0;
    margin: 0 3px;
}

div.list-navigation p.list-navigation-text {
    margin-top: 10px;
}


div.date {
    font-weight: bold;
}

.left {
    float: left;
}

.right {
    float: right;
}

.bold {
    font-weight: bold; 
}

.normal {
    font-weight: normal; 
}

.italic {
    font-style: italic; 
}

.link-internal {
    margin-top: 18px;
}

/**************************************************** 
STARTPAGE
*****************************************************/
/*
#container-startpage #placeholder-left ul {
    margin: 2em 0 0.5em 0;                 
    height: 38px;
    *height: 40px;
}   
/*#placeholder-top */
/*
#container-startpage #placeholder-left li {
    list-style: none;
    margin: 0;
    display: block;
    position: relative;    
    color: #fff;    
    line-height: ;
}
 */
#container-startpage #placeholder-content .sitelocator {
    display: none;
}

#container-startpage #placeholder-right {
}

#container-startpage #placeholder-content {
}

.login-form {

	
	float: right;
    width: auto;
    text-align: right;
	margin:90px -220px 0px 0px;  
}

.login-form legend {
	font-family: Verdana;
	color: black;	
	padding: 0;
	margin-bottom: 4px;	
	font-size: 11px;
}

.login-form input[type=text],
.login-form input[type=password],
.login-form input[type=submit] {
	border: 1px solid black;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
}

.login-form input[type=text],
.login-form input[type=password] {
    width: 12.5em;
    background: transparent url(../graphics/searchbg.png) repeat-y left top;
    /* for IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    /* for IE 5-7 */
    filter:alpha(opacity=75);
    /* CSS3 standard */
    opacity: 0.75;
}

.login-form input[type=submit]{
	margin-left: 0px;
	color: white;
	background-color: #ec5e2f;
	padding: 2px 0px;
	width: 60px;
	

}

.login-form p {
	float: right;
	margin-right: 10px;
}

.login-form #innlogget {
	text-align:right;
	padding-bottom:10px;
}

.login-form #innlogget input[type=submit] {
	border: none;
	background-color: white;
	color: #01A7CB;
	display: inline;
	padding: 0;
	font-size: 11px;
	
}



.login-form #loggutNavn,
.login-form #loggutKnapp,
.login-form #loggutKnapp form {
	display: inline;
}

.login-form #loggutKnapp input.button {
	cursor:pointer;
/*	border:1px solid #000000;
	color:#FFFFFF;
	background-color:#8D8D8D;
	padding:3px;
	margin-left:5px;*/
}

.login-form #loggutNavn {
	font-weight: normal;
}

.login-form #loggutNavn span {
	font-weight: normal;
}

/* Kalender */

* { font-family:'Trebuchet MS', Verdana, Geneva, Arial, Helvetica; font-weight:normal; }
#placeholder-content-noright h1 { font-family:Helvetica; font-size:22px; letter-spacing:1px; font-weight:normal; color:#0B9DBF; text-transform:uppercase; margin:0px 0px 30px 20px; }

#placeholder-content-noright div.filter { margin:0px 0px 20px 20px; }
#placeholder-content-noright div.filter h3 { font-size:14px; font-weight:normal; color:#0B9DBF; text-transform:uppercase; }
#placeholder-content-noright div.filter input[type=text] { background:#C4E6F1; color:#000; border:1px solid #CCC; padding:4px; }
#placeholder-content-noright div.filter img { padding:0px 20px 0px 10px; position:relative; top:5px; }
#placeholder-content-noright div.filter input[type=button] { background:#E8744F; color:#FFF; border:0px; padding:4px; text-transform:uppercase; }

#placeholder-content-noright div.calendar { width:600px; float:left; margin-left:20px; }
#placeholder-content-noright div.calendar div.tile-top { padding:3px 0px 3px 5px; background:url('http://www.lavenergiprogrammet.no/graphics/gradient_vmeny.gif') right repeat-y #00A6CC; margin-bottom:1px; }
#placeholder-content-noright div.calendar div.tile-top h2 { font-weight:normal; font-size:14px; color:#FFF; text-transform:uppercase; margin:0px; padding:0px 0px 0px 10px; }

#placeholder-content-noright div.calendar div.tile-content table { font-size:13px; }
#placeholder-content-noright div.calendar div.tile-content table tr.odd { background:#FFF; }
#placeholder-content-noright div.calendar div.tile-content table tr.even { background:#7FE4FF; }
#placeholder-content-noright div.calendar div.tile-content table tr.first { background:#00A6CC; }
#placeholder-content-noright div.calendar div.tile-content table tr th, #placeholder-content-noright div.calendar div.tile-content table tr td { padding:4px 5px; text-align:left; border:0px; }
#placeholder-content-noright div.calendar div.tile-content table tr .col1 { width:200px; padding:0px 0px 0px 15px; }
#placeholder-content-noright div.calendar div.tile-content table tr .col2 { width:200px; }
#placeholder-content-noright div.calendar div.tile-content table tr .col3 { width:100px; }
#placeholder-content-noright div.calendar div.tile-content table tr th.col4 { width:100px; background:url('http://www.lavenergiprogrammet.no/graphics/gradient_vmeny.gif') right repeat-y #00A6CC; }
#placeholder-content-noright div.calendar div.tile-content table tr th.col1 a { color:#FFF; text-decoration:none; }
#placeholder-content-noright div.calendar div.tile-content table tr th.col2 a, #placeholder-content-noright div.calendar div.tile-content table tr th.col3 a, #placeholder-content-noright div.calendar div.tile-content table tr th.col4 a { color:#FFE08F; text-decoration:none; }
#placeholder-content-noright div.calendar div.tile-content table tr td a { color:#E8744F; text-decoration:none; }
#placeholder-content-noright div.calendar div.tile-bottom div.list-navigation { }
#placeholder-content-noright div.calendar div.tile-bottom div.list-navigation div.numbers { float:left; width:50%; }
#placeholder-content-noright div.calendar div.tile-bottom div.list-navigation div.numbers ul {margin:0px; padding:0px; }
#placeholder-content-noright div.calendar div.tile-bottom div.list-navigation div.numbers ul li { float:left; margin:0px 10px 0px 0px; padding:0px; }
#placeholder-content-noright div.calendar div.tile-bottom div.list-navigation div.text { float:left; width:50%; text-align:right; }

#placeholder-content-noright div.full-articledisplay.calendar div.tile-top { background:#FFF; }