@CHARSET "UTF-8";

/*
    SiteComponents version:
    6.6.4.1, tag SC_6_6_4_1, created Tue Oct 27 21:28:23 +0100 2009

    Disclaimer
    
    While we make every effort to ensure that this code is fit for its intended
    purpose, we make no guarantees as to its functionality. CoreTrek AS will
    accept no responsibility for the loss of data or any other damage or
    financial loss caused by use of this code.


    Copyright
    
    This programming code is copyright of CoreTrek AS. Permission to run this
    code is given to approved users of CoreTrek's publishing system CorePublish.
    
    This source code may not be copied, modified or otherwise repurposed for use
    by a third party without the written permission of CoreTrek AS.
    
    Contact webmaster@coretrek.com for information.
    
*/

/* -------------------------------------------------------------------------- */
/* 1. General HTML elements                                                   */
/* -------------------------------------------------------------------------- */

/*
   If you are using the font size toggler (fontsize.js) either by itself or by
   using the linktoolbar tile, font size provided here will be overriden by
   the javascript. Remember to set the default font size as the smallest font
   size in the font size selector javascript configuration.

   See fontsize.js for more detals.
*/
html                    { height: 100%; }

body {
   height: 100%; font: 16px Georgia, Garamond, Serif; 
   margin: 0; padding: 0; color: #333; position: relative;
}

a:visited, a:link       { color: #00aeef; text-decoration: none; }

a:hover                 { color: #008cc1; }

a img                   { border: 0; }

h1                      { font-size: 30px; /*letter-spacing: -2px;*/ text-transform: uppercase; font-weight: normal; }

h2                      { font-size: 18px; /*letter-spacing: -1px;*/ font-weight: normal; }
h3                      { font-size: 1.2em; /*letter-spacing: -1px;*/ }
h4                      { font-size: 1.2em; }

fieldset                { margin-bottom: 10px; padding: 15px 10px 10px 10px; }

/* H-tags as graphics */

h1.graphics {
    font-size:30px;
    background-repeat:no-repeat;
    text-indent:-10000px;
    /*margin-top:20px;
    margin-bottom:3px;*/
}

h2.graphics {
    font-size:27px;
    background-repeat:no-repeat;
    text-indent:-10000px;
    /*margin-top:10px;
    margin-bottom:5px;*/
}

h3.graphics {
    font-size:24px;
    background-repeat:no-repeat;
    text-indent:-10000px;
    /*margin-top:10px;
    margin-bottom:5px;*/
}


/* -------------------------------------------------------------------------- */
/* 2. Container/placeholder positioning                                       */
/* -------------------------------------------------------------------------- */

#container {
   width: 1012px;
   margin: 0 auto;
   padding: 0 0 100px 0;
}
                                  
#placeholder-top {
   background-image: url(images/kulor/top_dots_377x85.png);
   background-repeat: no-repeat;
   background-position: 2px 0;
   margin: 0;
   padding: 0;
   height: 154px;
   position: relative;
}

#placeholder-content-wrapper {
   background-image: url(images/kulor/content_paper_shade3_1012x425.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   padding: 32px 0 0 0;   
}

.frontpage #placeholder-content-wrapper {
   /*background-image: none;*/
   padding: 0;
}

.frontpage #placeholder-right,
.frontpage #placeholder-content {
    margin:31px 0 0 0;
}

.frontpage #placeholder-content {
    border-right: 1px solid #f2f2f2;
}



.frontpage #placeholder-content-inner-wrapper {
    background-image:none;
}

#placeholder-content-inner-wrapper {
   background-image: url(images/kulor/content_vertical_border_1x15.gif);
   background-repeat: repeat-y;
   background-position: 667px;
   width: 1012px;
}

#placeholder-content {
   float: left;
   width: 668px;
   border: 0;
   margin: 0;
   padding: 0;
}

#placeholder-content-no-right {
   width: 1012px;
   margin: 0;
   padding: 0;
}

/*#placeholder-left               { clear:both; float: left; width: 200px; margin: 0 10px 20px 0; }*/

#placeholder-right {
   float: right;
   width: 340px;
   margin: 0;
   padding: 0;
}

#placeholder-bottom-wrapper {
   background-image: url(images/footer_bg.png);
   /*background-image: url(images/kulor/bottom_background_1280x331.gif);*/
   background-repeat: repeat-x;
   background-position: 0 0;
   background-color: #f8f7f8;
   overflow: hidden;
   height: 213px;
}

#placeholder-bottom {
   margin: 0 auto;
   width: 1012px;
   padding: 25px 0 45px 0;
   clear: both;
}

#content-link                   { display: none; }


/* -------------------------------------------------------------------------- */
/* 3. Common tile styling                                                     */
/* -------------------------------------------------------------------------- */

/*
   IMPORTANT INFO:
   What we do here is to set the style for the til common classes. We do two
   things:

    1. We add border, header and other stuff to create "tile-look". In the
       default design, this layout is used in the left and right placeholders.
    2. We then remove this layout for tiles in placeholder-top,
       placeholder-content, placeholder-content-no-right and placeholder-bottom.

    Since 2. overrides the default tile styles for the listed placeholder, you
    need to be equally specific when setting any of these styles.

*/
.tile-common            { border: none; margin: 0; padding: 0; }

.tile-content           { padding: 0; }

.tile-bottom            { clear: both; }

#placeholder-left h3,
#placeholder-right h3   { /*background:transparent none repeat scroll 0 0*/;
border-bottom:1px solid #FFFFFF;
color:#000000;
font-size:18px;
font-style:normal;
font-weight:bold;
margin:0;
padding:0 0 3px; }

#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,
#placeholder-content-no-right .tile-content,
#placeholder-content-no-right .tile-common,
#placeholder-content-no-right .tile-common h3   { border: none; margin: 0; padding: 0; }

#placeholder-content-no-right .tile-common { border: none; margin: 0 0 8px 0; padding: 0 30px 0 34px; }
#placeholder-content .tile-common { border: none; margin: 0 0 8px 0; padding: 0 8px 0 34px; }
#placeholder-right .tile-common { border: none; margin: 0 0 8px 0; padding: 0 30px 0 8px; }

#placeholder-content .tile-bottom               { clear:none; }

#placeholder-content-no-right .tile-bottom      { clear:none; }

#placeholder-left h3 a,
#placeholder-right h3 a                         { color: #fff; font-weight: bold; font-size: 0.9em; padding: 0px; }


/* -------------------------------------------------------------------------- */
/* 4. Non tile spesific common styles                                         */
/* -------------------------------------------------------------------------- */

.ctwebform-element-validationerror,
.error                      { color: #f00; font-weight: bold; }
.error                      { margin-bottom: 10px; }

.message                    { color: #fff; font-weight: bold; margin-bottom: 10px; }
.newsletter-form .message	{ color: #000; }

input.textinput             { height: 1.2em; }

.ctform-textinput input,
.ctform-textinput textarea,
td.ctwebform-element-type-textarea textarea,
td.ctwebform-element-type-text input,
.textinput,                 /* do not specify input for this, as it should also work on textareas */
input.amountfield           { border: 1px solid #c2c2c2; background: #fff url(images/input_bg.gif) repeat-x top;
                              padding-top: 6px; font-size: 0.9em; }

td.ctwebform-element-container-validationerror input,
td.ctwebform-element-container-validationerror textarea,
.ctform-element-container-validationerror textarea,
.ctform-element-container-validationerror input,
input.inputerror            { border: 1px solid red; }

.ctform-submit input,
input.ctwebform-element-type-reset,
input.ctwebform-element-type-submit,
input.ctwebform-element-type-button,
td.ctwebform-element-type-submit input,
button.submit,
input.submit                { margin: 10px 0 10px 0; padding: 2px 10px 2px 10px; border: none; background-color: #999;
                              color: #fff; text-transform: uppercase; font-weight: bold; font-size: 0.8em; float:right;}

img.cp-mmarchive-image-left { margin: 3px 6px 3px 0; }

img.cp-mmarchive-image-right{ margin: 3px 0 3px 6px; }
                                                            
select                      { border: 1px solid #c2c2c2; }

.ajax-button-not-visible    { display: none; }

.ajax-button-visible        { display: block !important; }

.button-small-next          { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat -15px top; }

.button-small-previous      { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat; }

.button-small-last          { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat -45px top; }

.button-small-first         { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat -30px top; }

.button-next                { display: block; height: 25px; width: 25px; background: url(images/buttons.png) no-repeat -25px -15px; }

.button-previous            { display: block; height: 25px; width: 25px; background: url(images/buttons.png) no-repeat 0 -15px; }

#tooltip-top                { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; }

#tooltip-bottom             { background: url(images/tooltip/tooltip-bottom.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; display: none; }

#tooltip-content            { background: #fff588; padding: 10px; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; }

.flipped-y #tooltip-bottom  { display: block; }

.flipped-y #tooltip-top     { display: none; }

.flipped-y #tooltip-content { border-bottom: none; }

.captcha-info               { padding-left: 80px; }

.captcha-regenerate,
.captcha-info               { font-weight: bold; font-size: .8em; }

.error-container #placeholder-top   { height: 60px; }

#extended-debug-info                { color: #aaa; }


/* -------------------------------------------------------------------------- */
/* 5. 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 li,
.small-articlelist li li,
.vertical-menu li li        { padding-left: 10px; }


/* -------------------------------------------------------------------------- */
/* 6. Spesific styling for tiles and other components                         */
/* -------------------------------------------------------------------------- */

/*
   Some of the tiles have been styled using id selectors. Because of this we
   need to use the full id-element path to override these styles. See section
   "3. Common tile styling" for more details.

   NOTICE:
   While styling the top placeholder layout I hit about every IE6 bug there is!
   Well, atleast 3 of them. When doing any changes here, please validate that
   the design still holds together on IE6.
*/


#placeholder-content-no-right .frontpagetile {
    background: url("images/frontpagetilebg.png") no-repeat top left;
    padding: 26px 30px 5px 31px;
    position:relative;
    min-height: 430px;
}

#placeholder-content-no-right .frontpagetile .banners {
    float:left;
    
}

#placeholder-content-no-right .frontpagetile .banner {
    width:638px;
    height:341px;
    overflow:hidden;
}

#placeholder-content-no-right .frontpagetile .controls {
    float:right;
    clear:both;
    margin: 7px 305px 0 0;
}

#placeholder-content-no-right .frontpagetile .controls .playpause {
    float:left;
    height:30px;
    width: 38px;
    background:url("images/banner_pause.png") no-repeat;
}

#placeholder-content-no-right .frontpagetile .controls .playpause.play {
    background:url("images/banner_play.png") no-repeat;
}

#placeholder-content-no-right .frontpagetile .controls .playpause img {
    height:30px;
    width: 38px;
    cursor:pointer;
}


#placeholder-content-no-right .frontpagetile .controls .bullet {
    float:left;
    height:20px;
    width:22px;
    background:url("images/banner_bullet.png") no-repeat;
    margin: 6px 0 0 0;
}

#placeholder-content-no-right .frontpagetile .controls .bullet img {
    width:22px;
    height:20px;
    cursor:pointer;
}


#placeholder-content-no-right .frontpagetile .controls .bullet.active {
    background:url("images/banner_bullet_active.png") no-repeat;
}

#placeholder-content-no-right .frontpagetile .controls .bulletLast {
    height:30px;
    width:13px;
    background:url("images/banner_right.png") no-repeat;
    float:left;
}

#placeholder-content-no-right .frontpagetile .newsarticles {
    float:right;    
    height: 338px;
    margin: 1px 2px 0 0;
    width: 296px;
}

#placeholder-content-no-right .frontpagetile .newsarticles .article {
    background:url("images/news_bg.png") no-repeat bottom left;
    font-size:12px;
    min-height:100px;
    padding: 5px 0 10px 0;
    overflow:hidden;
}
#placeholder-content-no-right .frontpagetile .newsarticles .article.last {
    background:none;
    padding: 6px 0 0 0;
}

#placeholder-content-no-right .frontpagetile .newsarticles .article.first {
    padding: 0 0 4px 0;
}

#placeholder-content-no-right .frontpagetile .article h2 {
    font-size:18px;
    font-style:italic;
    margin:0;
    padding: 2px 0 5px 0;
}
#placeholder-content-no-right .frontpagetile .article h2 a {
    color:#231f20;
}

#placeholder-content-no-right .frontpagetile .newsarticles .article .thumb {
    float:right;
    padding:1px;
    border:1px solid #c7c7c7;
    margin: 0 0 2px 5px;
}

#placeholder-content-no-right .frontpagetile .newsarticles .article.even .thumb {
    float:left;
    margin: 0 5px 2px 0;
}

#placeholder-content-no-right .frontpagetile .article span.rm {
    display: block;
    margin: 5px 0 0;
}

#placeholder-content-no-right .frontpagetile .article span.rm a {
    color:#f8981d;
    font-style:italic;
    font-size:11px;
}

#placeholder-content-no-right .frontpagetile .bottomArticles {
    float:left;
    clear:both;
    margin: 28px 0 0 0;
}

#placeholder-content-no-right .frontpagetile .bottomArticles .article {
    float: left;
    font-size: 12px;
    padding: 0 15px 0 0;
    width: 307px;
}

#placeholder-content-no-right .frontpagetile .bottomArticles .article.last {
    padding: 0;
}

#placeholder-content-no-right .frontpagetile .bottomArticles .article .thumb {
    float:left;
    margin: 0 7px 0 0;
    padding:1px;
    border:1px solid #c7c7c7;
}


.spinner                                    { width: 16px; height: 16px; overflow:hidden; background: url(images/spinner.gif) no-repeat top center; }

#ctstatistics-noscript-iframe               { display: none; }

/* -- LOGO TILE -- */
#placeholder-top .logo-tile { 
   position: absolute;
   top: 94px;
   left: 1px;
   margin: 0;
   padding: 0;
}

.logo-tile .logo                            { font-size: 1.85em; font-weight: bold; }

/* -- HORIZONTAL MENU ("quicklaunch") AND LANGUAGE SELECTOR IN TOP -- */
#placeholder-top .horizontal-menu           { 
   font-weight: bold; text-align: right;
   font-size: 0.725em;
   /*letter-spacing: -1px;*/
   position: absolute;
   top: 26px;
   right: 207px;
}

#placeholder-top .horizontal-menu.hover           {
   font-weight: bold;
   text-align: left;
   font-size: 1em;
   position: absolute;
   top: 150px;
   right: 300px;
   z-index:500;
}

#placeholder-top .language-selector         { float: right; }

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

#placeholder-top .language-selector a,
#placeholder-top .horizontal-menu a         { color: #000; text-decoration: none; text-transform: uppercase; margin:0; padding: 0;
}

#placeholder-top .language-selector a:hover,
#placeholder-top .horizontal-menu a:hover         { text-decoration: underline; }

#placeholder-top .language-selector ul,
#placeholder-top .horizontal-menu ul        { list-style-type: none; padding: 0; margin: 0; }

#placeholder-top .language-selector li,
#placeholder-top .horizontal-menu li        { border-left: 1px solid #eee; margin: 0; padding: 0 5px 0 5px; display: inline; }

#placeholder-top .language-selector li.first,
#placeholder-top .horizontal-menu li.first  { border-left: none; padding-left: 0;}

#placeholder-top .language-selector li.last,
#placeholder-top .horizontal-menu li.last  { padding-right: 0; }


#placeholder-top .horizontal-menu.hover li {
    position:relative;    
    /*background: url("images/hover_leftbg.png") no-repeat top left;*/
    padding:0 16px;
    border:none;
    border:1px solid red;
}

#placeholder-top .horizontal-menu.hover li.shadowbg {
    /*background:url("images/hover_shadow.png") repeat-y top left;*/
}


#placeholder-top .horizontal-menu.hover li.tree-level-1 {
    display: block;
    height: auto;
    padding: 10px 15px;
    position: static;
    width: 135px;
    /*background:url("images/hover_underbg.png") no-repeat top center;*/
    border:1px solid green;
}


#placeholder-top .horizontal-menu.hover ul.tree-level-1.hidden {
    display:none;
}

#placeholder-top .horizontal-menu.hover .tree-level-0 ul {
    position: absolute;
    top:19px ;
    left: 0;    
    /*background:url("images/hover_shadow.png") repeat-y top left;*/
    font-size: 12px;
    
}







/* -- SITELOCATOR -- */
#placeholder-top .sitelocator               { background: #fff url(images/top_bg.gif) repeat-x; clear: both; padding: 18px 0 0 10px; font-size: 1em; color: #000; }

#placeholder-top .sitelocator h3            { float: left; color: #000; text-transform: none; font-weight: bold; font-size: 0.8em; }

#placeholder-top .sitelocator ul            { float: left; list-style-type: none; margin: 0; padding: 0; }

#placeholder-top .sitelocator li            { float: left; margin: 0; padding: 0 0 0 8px;font-weight: normal; font-size: 0.8em; }


/* -- ARTICLE DISPLAY -- */
.full-articledisplay                        { clear: both; }

.full-articledisplay p:first-child          { padding: 0; margin: 0; }

/*.full-articledisplay h1  					{ font-size: 36px; letter-spacing: -2px; }*/

.full-articledisplay .digest                { margin-bottom: 10px; }

.full-articledisplay .article-content       { margin: 0 5px 5px 0; color: #808080; }

.full-articledisplay table       { margin-bottom: 25px; }

h2.digest                                   { font-style: italic; }

.small-articledisplay .digest p             { margin: 0 0 10px 0; }

.byline { color: #dcdbdb;  margin: 5px 10px 0 0; padding-top: 5px; font-size: 11px; font-family: Arial; display: block; clear: both; border-top: 1px solid #e8e8e8; }
.commentcount { color: #999999; display: inline; font-size: 11px; font-family: Arial; } 

/* -- ARTICLE LIST -- */
#placeholder-content-no-right .full-articlelist-twocolumn h3,
#placeholder-content .full-articlelist-twocolumn h3,
#placeholder-content-no-right .full-articlelist h3,
#placeholder-content .full-articlelist h3   { text-transform: uppercase; clear:both;}

.full-articlelist h3 a { color: #000000; font-size: 36px; font-weight: normal; /*letter-spacing: -2px;*/ }
.full-articlelist p     { color: #000000; font-size: 18px; line-height: 17px; font-style: italic; margin: 7px 0 20px 0; }

.full-articlelist ul,
.full-articlelist-twocolumn ul              { list-style-type: none; padding: 0; margin: 0; }

.full-articlelist ul li                     { clear: both; padding: 0 0 30px 0 }

/*.full-articlelist>ul>li 					{ padding-bottom: 40px; }*/

.full-articlelist-twocolumn li.odd          { float: left; clear: both; width: 48%; /* 245px; */ }

.full-articlelist-twocolumn li.even         { float: right; width: 48%; /* 245px; */ }

.full-articlelist .articlelist-link-internal ul li,
.full-articlelist-twocolumn .articlelist-link-internal ul li { clear: none; padding: 0 0 20px 0; }

.full-articlelist .articlelist-link-internal { font-size: 16px; font-style: italic; }

.full-articlelist-message { margin-left: 33px; }
	
.list-navigation-text,
.list-navigation                            { text-align: center; }

.list-navigation-text                       { margin-bottom: 10px; }

.list-thumbnail-left                        { float: left; padding-right: 10px; margin-bottom: 12px; }

.list-thumbnail-right                       { float: right; padding-left: 10px; }

.list-thumbnail-center                      { text-align: center; padding-bottom: 10px; }


/* -- SMALL ARTICLE LIST -- */
.small-articlelist .tile-content            { font-size: .9em; }

.small-articlelist li                       { padding-bottom: 10px; }

.small-articlelist a                        { display: block; }

.small-articlelist .newsarchivelink         { font-weight: bold; }

.small-articlelist .newsarchivelink a       { padding-bottom: 0px; }

.small-articlelist .newsarchivelink ul li   { margin-left: 15px; list-style-image: url(images/link_marker.png); }

/* Some minor tweaks to fix small-articlelist layout in content area */
#placeholder-content .small-articlelist h3          { margin-bottom: 10px; }

#placeholder-content-no-right .small-articlelist h3 { margin-bottom: 10px; }

#placeholder-content .small-articlelist             { margin-bottom: 10px; }

/* -- SMALL ENTITY LIST -- */
/*
   The entity list contains some info after the link. Since the link is set to
   block in small-articlelist we need to override that here. Since the entity
   list is general, and we want paranthesis around the entity score - we add
   this here. This do not work in all browsers, but it is not a critical design
   criteria. If the paranthesis is important to you, you may need to split the
   tile template into more spesialized templates for general entities, articles
   etc.
*/
.small-entitylist a                         { display: inline; }

/* -- RSS LIST --
   Most of this is already styles using the small article list above as the rss-
   reader tile is also set with the small-articlelist class.

   Lets just add the feed icon to the header background
*/
.small-rsslist h3 span              {display: block; width: 100%; background: url(images/feed_icon.png) no-repeat right 1px; }

.small-rsslist li.last a            { padding-bottom: 0px; }


/* -- LEFT CATEGORY MENU -- */
/*.vertical-menu                      { border: 0; font-size: 0.9em; } */

.vertical-menu .tile-content        { padding: 0; margin: 0; }

.vertical-menu h3                   { display: none; }

.vertical-menu ul li.first          { border-top: 1px solid #c2c2c2; }

.vertical-menu ul li                { border-bottom: 1px solid #c2c2c2; padding: 8px 0 9px 28px; /*font-weight: bold;
                                      text-transform: uppercase;*/ }
                                      
.vertical-menu ul li ul li          { border: 0; padding-bottom: 0; font-weight: normal;  text-transform: none; }

.vertical-menu ul li ul li.first    { border: 0; }

.vertical-menu a                    { text-decoration: none; }

.vertical-menu li.expanded          { background: url(images/menu_expanded.gif) no-repeat 10px 12px; }

.vertical-menu li.collapsed         { background: url(images/menu_collapsed.gif) no-repeat 10px 9px; }

/* -- PAGE FOOTER -- */
#placeholder-bottom .small-articledisplay-nolayout a    { color: #fff }

#placeholder-bottom .small-articledisplay-nolayout p    { display: inline; color: #fff; font-size: .85em; }

.small-articledisplay-nolayout                          { float: left; }

.small-articledisplay-nolayout .tile-content,
.small-articledisplay-nolayout                          { border: 0; padding: 0; margin: 0; }

#coretrek-colofon                   { float: right; font-size: .85em; }

#coretrek-colofon a                 { color: #fff }

#extra-5                            { clear: both; height: 5px; }


/* -- FULL SEARCH INPUT -- */
.full-searchinput input             { margin-bottom: 0px; }

.full-searchinput input.textinput   { width: 250px; }

.full-searchinput .error            { margin-top: 10px; }

/* -- ADVANCED SEARCH INPUT --  */
.advanced-searchinput label                     { float: left; width: 90px; margin: 8px 0 0 0; padding-right: 10px; text-align: right; }

.advanced-searchinput select                    { margin-top: 5px; margin-left: 100px; }

.advanced-searchinput input                     { margin-top: 5px; }

.advanced-searchinput .datepickers .textinput   { width: 90px; }

.advanced-searchinput .datepickers-bottom       { display: block; clear: both; }

/* -- SMALL SEARCH INPUT -- */
#placeholder-right input.textinput,
#placeholder-left input.textinput   { width: 170px; }

#placeholder-top .small-searchinput {
   position: absolute;
   top: 17px;
   right: 29px;
   background-image: url(images/kulor/search_wrap_150x29.png);
   background-repeat: no-repeat;
   background-position: top left;
   width: 150px;
   height: 29px;
   margin: 0;
   padding: 0;
   border: none;
   overflow: hidden;
}

#placeholder-top .small-searchinput .tile-bottom,
#Placeholder-top .small-searchinput .tile-top,
#placeholder-top .small-searchinput h3 { 
   display: none; }
#placeholder-top .small-searchinput .tile-content {
   margin: 0; padding: 0; border: none; }
#placeholder-top .small-searchinput .tile-content div { 
   margin: 0; padding: 0; border: none; }
#placeholder-top .small-searchinput input.textinput { 
   border: 0; margin: 6px 0 0 23px; padding: 0; background-image: none; width: 114px; background-color: #fff;}
#placeholder-top .small-searchinput input.submit { 
   display: none; }

/* -- QUESTIONS SEARCH INPUT -- */

.question-searchinput {
   position: relative;
   background: transparent url(images/kulor/search_wrap_150x29.png) no-repeat top right;
   width: 610px;
   height: 50px;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

#placeholder-content .question-searchinput { 
	background: transparent url(images/kulor/search_wrap_150x29sands.png) no-repeat top right;	
}

.question-searchinput .tile-bottom,
.question-searchinput .tile-top,
.question-searchinput h3 { display: none; }
.question-searchinput .tile-content { margin: 0; padding: 0; }
.question-searchinput .tile-content div { margin: 0; padding: 0; }
.question-searchinput form { padding: 0; margin: 0; }
.question-searchinput input.textinput { border: 0; position: relative; float: right; margin: 4px 5px 0 20px; padding: 0; width: 85px; background: transparent;}
.question-searchinput input.submit { width: 29px; height: 29px; text-indent: 28px; /*background: #ffffff url(images/kulor/search_wrap_150x29.png) no-repeat;*/ position: relative; top: -10px; left: 80px; cursor: pointer; }
.question-searchinput label { position: relative; top: 5px; left: 70px; font-style: italic; font-size: 12px; color: #808080; }
.question-searchinput a.lightbox { position: relative; top: 4px; float: left; font-style: italic; font-size: 16px; }


/* -- CALENDAR -- */
table.calendar-header                       { width: 100%; padding-bottom: 10px; }

table.calendar-layout                       { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-top: 10px; }

.calendar-layout th                         { width: 12%; }

.calendar-layout td                         { border: 1px solid #c2c2c2; text-align: center; }

.datepicker .calendar-layout td.inactive,
.calendar-layout td.inactive                { background-color: #eee; }

.calendar-header td                         { width: 100%; text-align: center; }

.calendar-header td.next                    { width: 15px; }

.calendar-header td.previous                { width: 15px; padding: 0px; }

.small-calendar ul                          { padding: 10px 0 0 15px; }

.small-calendar ul li                       { list-style-image: url(images/link_marker.png); }

.calendar_goto_links ul                     { margin: 0; }

.small-calendar-popup                       { position: absolute; width: 250px; }

.small-calendar-popup .top                  { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0;
                                              height: 10px; text-align: right; }
                                              
.small-calendar-popup .top a                { font-size: 0.8em; padding-right: 15px; position: relative; top: 12px; left: -4px;
                                              background: url(images/small-close.gif) no-repeat right 2px; }
                                              
.small-calendar-popup .content              { background: #fff588; padding: 20px 10px 10px 10px; border-right: 1px solid #ccc255;
                                              border-bottom: 1px solid #ddd366; }
                                              
.small-calendar-popup .content h4           { margin: 0 0 0 0; }

.small-calendar-popup .content              { text-align: left; }

.small-calendar-popup .content ul           { margin: 5px 0 0 15px; padding: 0; }

.small-calendarlist p                       { margin-top: 0; }

.hasevents { background: #fff8aa; }�

/* --- DATEPICKER -- */
.datepicker-popup table.calendar-layout     { background: #fff; width: 100%; } 

.calendar-layout                            { width: 180px; background: #fff; border: 1px solid #c2c2c2; padding: 10px; }

.calendar-header td                         { border: 0; padding: 0;}

input.datepickerinput                       { width: 100px; }

a.datepicker-select span                    { display: none; }

a.datepicker-select                         { border: 0; display: block; background: url(images/calendar-icon.png); width: 16px; height: 16px;}

.datepicker-nextyear,
.datepicker-previousyear                    { margin-bottom: 5px; }

.datepicker-nav span                        { display: none; }

.datepicker-nav a                           { display: block; width: 15px; height: 15px; }

.datepicker table                           { border-collapse: collapse; border-spacing: 0; padding: 0; }

/* -- MULTIMEDIAFOLDER -- */
.multimediafolder table                     { width: 100%; border-collapse: collapse; border-spacing: 0px; }

.multimediafolder th                        { text-align: left; border-bottom: 2px solid #c2c2c2; }

.multimediafolder td                        { padding: 4px 2px 2px 2px; border-bottom: 1px solid #c2c2c2; }

.multimediafolder tr.last td                { border-bottom: 0px; }

.multimediafolder-item                      { float: left; width: 170px; height: 170px; }


/* -- SLIDESHOW -- */
.slideshow-previous span                    { display: none; }

.slideshow-next span                        { display: none; }

.slideshow-next                             { float: right; }

.slideshow-previous                         { float: left; }

.slideshow-before                           { padding-top: 10px; clear: both; }

.slideshow-thumbnails                       { white-space: nowrap; overflow: hidden; text-align: center; }

.slideshow-thumbnails img                   { width: 50px; height: 50px; padding: 10px; }

.slideshow-thumbnails div                   { background: url(images/thumbnail-canvas.png) no-repeat center; width: 100px; float: left; }

.slideshow-thumbnails div.active            { background: url(images/thumbnail-canvas-active.png) no-repeat center; }

.slideshow-image                            { text-align: center; margin-bottom: 30px; }

/* -- LOGIN FORM -- */
.login-form-link                            { padding-bottom: 10px; }

#login-form-logout p                        { margin: 0; }

#placeholder-right .login-form{ background:#F7F7F7 none repeat scroll 0 0;color:#CDCDCD;font-size:17px;font-style:italic;padding:10px 0 40px; width:312px; }

#placeholder-right .login-form .tile-content .row{padding-top:10px;float: right;}

#placeholder-right .login-form .tile-content a{padding-top:10px;float: right; clear:both;}

/* -- DIRECT EDIT -- */
.directedit-link-container                          { float: right; padding-left: 20px; }

#placeholder-bottom .directedit-link-container      { float: left;  padding: 0 20px 0 0; }

.directedit-link-container a,
#placeholder-bottom .directedit-link-container a    { color: #000; }

.directedit-link-container ul                       { margin: 0 0 5px 0; padding: 0px; }

.directedit-link-container ul li                    { float: left; list-style-type: none; padding-right: 10px; }

.directedit-link-container-bottom                   { clear: both; }

div.directedit-link-container li a                  { float: left; display: block; height: 16px; width: 16px; background-repeat: no-repeat; }

div.directedit-link-container li span               { display: none; }

div.directedit-link-container li a.edit-article     { background-image: url(images/directedit/article-edit.gif); }

div.directedit-link-container li a.new-article      { background-image: url(images/directedit/article-new.gif); }

div.directedit-link-container li a.delete-article   { background-image: url(images/directedit/article-delete.gif); }

div.directedit-link-container li a.new-category     { background-image: url(images/directedit/category-new.gif); }

div.directedit-link-container li a.edit-category    { background-image: url(images/directedit/category-edit.gif); }

div.directedit-link-container li a.delete-category  { background-image: url(images/directedit/category-delete.gif); }


/* ---   LIGHTBOX   ---------------------------------------------------------*/

/*
       Because of a Firefox bug (Linux/OS X) causing Flash to become invisible
       when rendered above a fixed layer with background opacity. This will
       happen when e.g. displaying an article with Flash content inside the
       lightbox. To fix this the lightbox javascript will override the
       background color setting it to a transparent PNG image. Make sure that
       the image has the same color and opacity as the background styled here.
       The lightbox.js will by default set opacity to 80% and set background
       image to: projectroot/html/images/lightbox/ff-overlay-img.png

       More info: http://www.findmotive.com/2006/10/02/firefox-flash-bug-update/
*/

#lightbox-overlay               { z-index: 999; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#lightbox                       { overflow: auto; width: 100%; height: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; }

#lightbox-container             { z-index: 1000; position: relative; margin: auto; }

#lightbox-spinner               { background: url(images/spinner-large.gif) no-repeat center center; }

#lightbox-container             { padding: 0; top: 50px; width: 450px; }

#lightbox-close-container       { z-index: 1000; position: absolute; right: 0; }

#lightbox-close span            { display:none; }

#lightbox-close                 { display: block; width: 30px; height: 30px; margin: 3px 12px 0 0; }

#lightbox-start                 { height: 26px; background: url(images/lightbox/start-center.png) repeat-x; position: relative; margin: 0 51px 0 39px; }

#lightbox-start div.left        { background: url(images/lightbox/start-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: -6px; width: 38px; }

#lightbox-start div.right       { z-index: 100; background: url(images/lightbox/start-right.png) no-repeat; position: absolute; right: -50px; top: 0px; bottom: -24px; width: 50px; }

#lightbox-outer-content         { border: 1px solid #fff; padding: 0 10px 0 10px; background: #fff; position: relative; margin: 0 26px 0 14px; }

#lightbox-content               { }

#lightbox-content-left          { background: url(images/lightbox/content-left.png) repeat-y; position: absolute; left: 0px; top: 32px; bottom: 34px; width: 14px; }

#lightbox-content-right         { background: url(images/lightbox/content-right.png) repeat-y; position: absolute; right: 12px; top: 50px; bottom: 34px; width: 14px; }

#lightbox-end                   { height: 34px; background: url(images/lightbox/end-center.png) repeat-x; position: relative; margin: 0 50px 0 38px; }

#lightbox-end div.left          { background: url(images/lightbox/end-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: 0px; width: 38px; }

#lightbox-end div.right         { background: url(images/lightbox/end-right.png) no-repeat; position: absolute; right: -38px; top: 0px; bottom: 0px; width: 38px; }

#lightbox .tile-common          { border: 0px; }

/* --- EMAIL THIS PAGE IN LIGHTBOX ------------------------------------------ */
.suggestionform label             { display: block; }

.suggestionform input.textinput   { width: 300px; margin-bottom: 5px; }

.suggestionform input.captcha     { width: auto; }

.suggestionform textarea          { width: 300px; }

.suggestionform h3                { display: none; }

.suggestionform                   { width: 320px; margin-left: auto; margin-right: auto; }

.subpost-entitycomment-form       { width: 700px; }

/* --- CONTENT PLACEHOLDER IN LIGHTBOX  ------------------------------------- */

#lightbox-placeholder-content               { width: 500px; }

#lightbox-placeholder-content .tile-content { padding: 0; }

/*#lightbox .entitycomment-form-content table { width: 400px; } */

/* ---  LINKTOOLBAR   --------------------------------------------------------*/
#placeholder-content .linktoolbar                   { margin: 10px 0 10px 0; padding: 10px; }

#placeholder-content .linktoolbar .tile-bottom      { clear: both; }

/* This section will be applicable on the left/right placeholders */
.linktoolbar ul                                     { padding: 0; margin: 0; }

.linktoolbar li                                     { padding: 0 0 5px 0; margin: 0; list-style-type: none; }

.linktoolbar a                                      { padding-left: 25px; }

/* Here we override the content and content-no-right styles */
#placeholder-content-no-right .linktoolbar h3,
#placeholder-content .linktoolbar h3                { display: none; }

#placeholder-content-no-right .linktoolbar a,
#placeholder-content .linktoolbar a                 { color: #1b485a; font-size: 0.75em; padding:0 15px 0.5em 20px;
                                                      height: 16px; display: block; float: left; }
                                                      
#placeholder-content-no-right .linktoolbar li,
#placeholder-content .linktoolbar li                { white-space: nowrap; margin: 0; padding: 0; float: left; }

#placeholder-content-no-right .linktoolbar ul,
#placeholder-content .linktoolbar ul                { margin: 0 0 0 0; padding: 0; list-style-type: none; }

/*
Using CSS sprite technique to limit the amount of requests done by a page load.
All linktoolbar icons are collected into one image. We use background offset to
control what image is visible.
*/
.font_size_link                                     { background: url(images/linktoolbar/icons.gif) no-repeat left -251px; }

.print_link                                         { background: url(images/linktoolbar/icons.gif) no-repeat left -51px; }

.tipafriend_share_link                              { background: url(images/linktoolbar/icons.gif) no-repeat left top; }

.facebook_share_link                                { background: url(images/linktoolbar/icons.gif) no-repeat left -201px; }

.delicious_share_link                               { background: url(images/linktoolbar/icons.gif) no-repeat left -101px; }

.kudos_share_link                                   { background: url(images/linktoolbar/icons.gif) no-repeat left -301px; }

.digg_share_link                                    { background: url(images/linktoolbar/icons.gif) no-repeat left -151px; }

.nettby_share_link                                  { background: url(images/linktoolbar/icons.gif) no-repeat left -401px; }

.reddit_share_link                                  { background: url(images/linktoolbar/icons.gif) no-repeat left -451px; }

.linkedin_share_link                                { background: url(images/linktoolbar/icons.gif) no-repeat left -351px; }

.twitter_share_link                                  { background: url(images/linktoolbar/icons.gif) no-repeat left -501px; }


/* --- IFRAME TILE ---------------------------------------------------------- */
.iframe-tile iframe         { width: 100%; }


/* -- WEBSHOP --------------------------------------------------------------- */
.full-productdisplay-priceorder                 { float: right; border: 1px solid #c2c2c2; padding: 5px 15px 10px 25px;
                                                  margin: 10px 0 5px 5px; }
                                                  
#placeholder-content form                       { display: inline; padding: 0; margin: 0; background-color: transparent; }

.full-productdisplay-priceorder .price,
.full-productdisplay-priceorder div             { text-align: center; margin-top: 3px; }

.full-productdisplay-priceorder input,
.full-productdisplay-priceorder select          { margin-top: 5px; }

.full-productdisplay-priceorder label           { float: left; width: 50px; margin-top: 7px; clear: both; }

.full-productdisplay-priceorder .price          { font-size: 1.25em; font-weight: bold; }

.webshop-step-indicator                         { float: right; }

.webshop-step-indicator ul                      { margin: 0px; padding: 0px; }

.webshop-step-indicator li                      { list-style-type: none; display: block; float: left; width: 20px; border: 2px solid #c2c2c2;
                                                  margin-left: 5px; text-align: center; }
                                                  
.webshop-step-indicator li.step-done            { border: 2px solid #c2c2c2; background-color: #c2c2c2; font-weight: bold; }

.webshop-step-indicator li.active               { border: 2px solid #568699; background-color: #74b2c7; color: #000; font-weight: bold; }

.webshop-checkout table                         { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; }

.webshop-checkout table tr.even                 { background-color: #fff; }

.webshop-checkout table tr.basetotal td         { border-bottom: 3px double #000; padding-top: 10px; }

.webshop-checkout table tr th                   { text-align: left; font-style: italic; padding-bottom: 10px; }

.webshop-checkout table tr th.right-align       { text-align: right; }

.webshop-checkout table tr.productrow td        { vertical-align: top; }

.webshop-checkout table td.currency             { text-align: right; font-family: monospace; width: 100px; }

.webshop-checkout table tr.productrow td.input,
.webshop-checkout table tr.productrow td.remove { text-align: right; }

.webshop-checkout table tr.productrow td input.amountfield { width: 30px; text-align: right; }

.webshop-checkout div.shippingtext              { clear: both; padding-top: 15px; }

.webshop-checkout input.submit                  { float: right; }

.webshop-checkout div.errormessage fieldset     { border: 2px solid #f00; }

#placeholder-content .list-productdisplay form,
#placeholder-content-no-right .list-productdisplay form { background-color: transparent; display: inline; }

.webshop-list-priceorder                        { float: right; margin-left: 10px; border: 1px solid #c2c2c2; text-align: right; padding: 0 .7em 0 .7em; }
                                                  
.webshop-list-price                             { font-size: 1.25em; font-weight: bold; padding-top: 10px; float: left; margin-right: 15px; }

.webshop-list-priceorder .after                 { clear: both; }

/* -- ENTITY COMMENT FORM ----------------------------------------- */
#placeholder-content .entitycomment,
#placeholder-content-no-right .entitycomment    { margin-top: 30px; padding: 0; }

.entitycomment label							{ font-size: 16px; }
	
.entitycomment ul                               { border-top: 1px solid #e8e8e8; margin: 0 5px 30px 0; list-style-type: none; padding: 0; }

.entitycomment li                               { border-bottom: 1px solid #e8e8e8;
                                                  padding: 10px 0 10px 0; margin: 0 0 10px 0; }
.entitycomment-urls,
.entitycomment-byline                           { color: #888; font-size: .8em; font-style: italic; }

.entitycomment-byline							{ display: none; }

.entitycomment h2,
.entitycomment-form h3							{ font-size: 18px; font-style: italic; font-weight: normal; }
	
.entitycomment-form-content div               	{ margin-top: 20px; color: #808080; }

.entitycomment-form-content input               { width: 225px; border-top: 1px solid #8e8e8e; background: transparent; padding: 3px; }

.entitycomment-form-content textarea            { height: 100px; width: 612px; border-top: 1px solid #8e8e8e; background: transparent; padding: 3px; }

.entitycomment-form-content .submit             { width: 128px; height: 22px; border-top: none; background: url(images/kulor/button_sendkommentar_128x22.gif); text-indent: 127px; cursor: pointer; }

.captcha-container  							{ position: relative; float: right; padding: 0 10px 0 320px; } /* leftpadding is tweak for IE */

.entitycomment-form-submit                      { position: relative; float: right; }

.entitycomment-form-note						{ display: none; }
	
#entitycomment-form-message                     { margin: 10px 0 10px 0; padding: 10px; color: #009900; border: 1px solid #c2c2c2; text-align: center; }

#entitycomment-form-error                       { margin: 10px 0 10px 0; padding: 10px; color: #990000; border: 1px solid #c2c2c2; text-align: center; }

.entity-comment-post-tag-offensive              { float: right; font-size: 11px; font-family: Arial; }

/* -- entity comment tree list -- */
.entitycomment .treelist div.post-body          { margin: 0 0 10px 0; padding: 2px; }

.entitycomment .treelist ul                     { margin: 0 0 10px 0; padding: 0; }

.entitycomment .treelist li                     { border: 0; padding: 0; margin: 0; }

.entitycomment .treelist ul li                  { margin-left: 20px; padding: 0; }

.entitycomment .treelist .headerblock           { padding: 5px; background: #f6f6f6; }

.entitycomment .treelist .headerblock div       { clear:both; }

.entitycomment .treelist .headerblock h3,
.entitycomment .treelist li.collapsed .headerblock .entitycomment-byline,
.entitycomment .treelist li.collapsed .headerblock .entitycomment-urls
                                                { display: inline; clear:none; padding-left: 10px; }

.entitycomment-trackback-link                   { float: right; }

.entitycomment-form-quoted                      { font-style: italic; margin-bottom: 20px; }

.entitycomment .treelist .headerblock,
.entitycomment .treelist .entitycomment-byline,
.entitycomment .treelist .entitycomment-urls,
.entitycomment .treelist .headerblock a:link,
.entitycomment .treelist .headerblock a:visited,
.entitycomment .treelist .headerblock a:hover               { color: #000; }

.entitycomment .treelist li.collapsed .headerblock,
.entitycomment .treelist li.collapsed .entitycomment-byline,
.entitycomment .treelist li.collapsed .entitycomment-urls,
.entitycomment .treelist li.collapsed .headerblock a:link,
.entitycomment .treelist li.collapsed .headerblock a:visited,
.entitycomment .treelist li.collapsed .headerblock a:hover  { color: #333; }

.entitycomment .treelist form,
.entitycomment .treelist .entitycomment-byline              { padding-top: 3px; }

.entitycomment .treelist li                                 { clear: both; }

.entitycomment .treelist h3                                 { font-size: 1em; }

/*.entitycomment .treelist a.toggler                          { float: left; margin-right: 10px; width: 16px; height: 16px; display: block; background: url(images/comments/collapse.gif) no-repeat; }*/

.entitycomment .treelist li.collapsed a.toggler             { background: url(images/comments/expand.gif) no-repeat; }

.entitycomment .treelist a.toggler span                     { display: none; }

.entitycomment .treelist li.collapsed .headerblock          { background: #c2c2c2; margin-bottom: 10px; }

.entitycomment .treelist li.collapsed .entitycomment-urls,
.entitycomment .treelist li.collapsed div.post-content,
.entitycomment .treelist li.collapsed li                    { display: none; }

.entitycomment .treelist div.post-body .buttons             { float: left; }


/* -- ENTITY RATINGS --------------------------------------------- */
.rating-container 								{ font-size: 11px; font-family: Arial; position: relative; margin: 0 20px 0 20px; float: right; top: -26px;}
.rating-label                                   { color: #dcdbdb; font-size: .9em; padding: 0 5px 0 0; }
.rating-container .submit						{ margin: 10px 0 0 0;}


/* -- ENTITY TABBED LIST ----------------------------------------- */
.tabbedentitylist .tile-content                 { padding: 0; }

.tabbedentitylist h3                            { display:none; }

#placeholder-left .tabbedentitylist .tab h3,
#placeholder-right .tabbedentitylist .tab h3    { display: block; margin: 0px;font-size: 1.1em; }

.tabbedentitylist .tab div                      { padding: 10px; }

/* -- STYLE FOR LOGIN PAGE --------------------------------------- */
body.login #container                       { background: none; width: 300px; margin: 50px auto 0 auto;  }

body.login #placeholder-left,
body.login #placeholder-right,
body.login #placeholder-top,
body.login #placeholder-bottom              { display: none; }

body.login #placeholder-content-no-right    { width: auto; background: #fff; padding: 20px; text-align: center; }

body.login #placeholder-content-no-right .login-form  h3 { margin-bottom: 20px; }

body.login .login-form label                { display: block; position: absolute; width: 90px; text-align: left; }

body.login .login-form input.textinput      { margin: 0 0 5px 100px; }

body.login .login-form input.submit         { margin-top: 20px; }

/* -- FORM STYLES (AppbaseFormViewFefault -> CtForm, and CtWebForm) -- */
.form-tile label                            { display: block; padding-top: 5px; }
.ctwebform-element-validationerror          { display: block; }

/* A nasty clear-both to make msie render pages properly. */
/* The div MUST have content, such as a nbsp, even though */
/* font-size is set to zero. The div takes up no space.   */
div.clear-both {
        margin: 0px;
        padding: 0px;
        border: 0px;
        height: 0px;
        line-height: 0;
        font-size: 0px;
        clear: both;
}

/* --- SOCIALSHARE -------------------------------------------------------- */
.socialshare { position: relative; float: right; top: -20px; display: inline; font-weight: normal; color: #dcdbdb; font-size: 11px; }
.socialshare span { float: left; margin: 0 5px 0 10px; font-size: 11px; font-family: Arial; }
.socialshare ul { display: inline; padding: 0; margin: 0 20px 0 0; }
.socialshare li { display: inline; list-style-type: none; }
.socialshare img { width: 16px; height: 16px; margin: 0 2px 0 2px; }
.share_email     { background: url(images/linktoolbar/share_email.gif) no-repeat left top; }
.share_facebook  { background: url(images/linktoolbar/share_facebook.gif) no-repeat left top; }
.share_delicious { background: url(images/linktoolbar/share_delicious.gif) no-repeat left top; }
.share_twitter   { background: url(images/linktoolbar/share_twitter.gif) no-repeat left top; }
.share_windows   { background: url(images/linktoolbar/share_windows.gif) no-repeat left top; }
.share_google    { background: url(images/linktoolbar/share_google.gif) no-repeat left top; }
.share_bookmark  { background: url(images/linktoolbar/share_bookmark.gif) no-repeat left top; }

/* --- PROMOMENU ---------------------------------------------------------- */
.promomenu { border-top: 1px solid #f2f2f2; }
.promomenu h3 { display: none; }
.promomenu h4 { padding: 10px 0 5px 0; margin: 0; font-size: 16px; font-style: normal; text-transform: uppercase; /*letter-spacing: -2px;*/ }
.promomenu a,
.promomenu a:visited { color: #ffffff; text-decoration: none; }
.promomenu ul { clear: both; list-style-type: none; margin: 0; padding: 0; }
.promomenu li { float: left; height: 255px; margin: 0px 4px 20px 4px; padding: 0; background-repeat: no-repeat; cursor: pointer; }
.promomenu li.first { margin-left: 0; }	
.promomenu li.last { margin-right: 0; }	
.frontpage .promomenu li>div {  color: #ffffff; background: transparent url(images/kulor/black_opacity_80.png) repeat; padding: 0px 15px 10px 15px; 
					 font-style: italic; font-size: 15px; text-align:left; }
.promomenu li>div {  color: #ffffff; background: transparent url(images/kulor/black_opacity_80.png) repeat; padding: 0px 15px 10px 15px; 
					 font-style: italic; font-size: 15px; text-align:center; }
#placeholder-content .promomenu li { width: 149px; }
#placeholder-content-no-right .promomenu li { width: 231px; }
#placeholder-content .promomenu li>div {  margin-top: 132px; height: 83px; }
#placeholder-content-no-right .promomenu li>div {  margin-top: 112px; height: 123px; }

/* --- SIMPLEARTICLELIST -------------------------------------------------- */
.simplearticlelist { width: 620px; clear: both; }
.simplearticlelist ul { list-style-type: none; margin: 10px 0 0 0; padding: 0; width: 300px; position: relative; }
.simplearticlelist ul.column1 { float: left; }
.simplearticlelist ul.column2 { float: right; }
.simplearticlelist li { display: block; }
.simplearticlelist h4{ font-size: 16px; margin: 5px 0 5px 0; font-style: italic; font-weight: normal; }
.simplearticlelist h4 a{ font-size: 16px; margin: 5px 0 0 0; font-style: italic; font-weight: normal; }
.simplearticlelist p { font-size: 14px; margin: 0 0 0 0; font-style: italic; }
.simplearticlelist a { font-size: 14px; margin: 2px 0 0 0;}
.simplearticlelist img.thumbnail { position: relative; float: left; margin: 5px 10px 0 0; }
.simplearticlelist img.linkicon { width: 16px; height: 16px; background: url(images/kulor/linkicon_16x16.gif); cursor: pointer; /*position: relative; top: 3px; left: 5px;*/ } 

/* Category menu in bottom placeholder */
#placeholder-bottom .vertical-menu { 
/*   background-color: #333; */
   float: left; width: 188px; padding: 0 95px 0 28px; margin: 0; }
#placeholder-bottom .vertical-menu .tile-top { 
   display: none; }
#placeholder-bottom .vertical-menu h3 { 
   display: block; border: none; 
   padding: 0 0 2px 0; margin: 0 0 5px 0; font-size:1em; }
#placeholder-bottom .vertical-menu h3 span { 
   color: #464646; }
#placeholder-bottom .vertical-menu .tile-content { 
   margin: 0; padding: 0; }
#placeholder-bottom .vertical-menu ul { 
   margin: 0; padding: 0;}
#placeholder-bottom .vertical-menu li { 
   border: none; margin: 0; padding: 0 0 5px 0; }
#placeholder-bottom .vertical-menu a { 
   color: #333333; text-decoration: none;font-size:0.85em;}
#placeholder-bottom .vertical-menu .tile-bottom { 
   display: none; }

#placeholder-bottom .vertical-menu ul li.first,
#placeholder-bottom .vertical-menu ul li.last,
#placeholder-bottom .vertical-menu ul li {
    border:none !important;
}

#placeholder-bottom .vertical-menu ul li {
    padding: 0 0 0 11px;
    background: url(images/footer_link.png) no-repeat 0 5px;

}

/* Newsletter form in bottom placeholder */
#placeholder-bottom .newsletter-form { 
/*   background-color: #333;*/
   float: left; width: 300px; padding: 0 85px 0 0; margin: 0; }
#placeholder-bottom .newsletter-form .tile-top { display: none; }
#placeholder-bottom .newsletter-form h3 {
   display: block; border: none;
   padding: 0 0 2px 0; margin: 0 0 7px 0; font-size:1em;}
#placeholder-bottom .newsletter-form h3 span {
   color: #464646; text-transform: uppercase; }
#placeholder-bottom .newsletter-form .tile-content { margin: 0; padding: 0; }
#placeholder-bottom .newsletter-form .digest { margin: 0; padding: 0 0 10px 0; color: #333333;font-size:0.7em; }
#placeholder-bottom .newsletter-form #newsletter-form-register label { text-transform: lowercase; color: #333333; font-size:0.7em;}
#placeholder-bottom .newsletter-form #newsletter-form-register input.textinput {
   border: none;
   background-image: url(images/newsletter_text.png);
   background-repeat: no-repeat; background-position: top left;
   margin: 0 0 10px 0;
   padding: 5px 10px 5px 10px;
   width: 190px;
   height: 22px;
   font-size:12px;
   font-family: Georgia;
   font-style:italic;
   color:#f7f7f7;
}
#placeholder-bottom .newsletter-form #newsletter-form-register input.cpform-noborder {
    vertical-align: middle;
    margin: 0 5px 0 0;
}
#placeholder-bottom .newsletter-form #newsletter-form-register input.submit {
   width: 80px; height: 32px; margin: 0 0 0 0; padding: 0; border: none; background-color: transparent;
   float:right;
}
#placeholder-bottom .newsletter-form .tile-bottom {}

/* rss banner in bottom placeholder */
#placeholder-bottom .small-articledisplay {
/*   background-color: #33f;*/
   float: left; width: 188px; padding: 0; margin: 0; }
#placeholder-bottom .small-articledisplay .tile-top { display: none; }
#placeholder-bottom .small-articledisplay h3 {
   display: block;
   border: none;
   padding: 0 0 6px 0;
   margin: 0;
   font-size:1em;
}
#placeholder-bottom .small-articledisplay h3 span {
   color: #333333; text-transform: uppercase; font-size:1em; }
#placeholder-bottom .small-articledisplay .tile-content {
   margin: 0; padding: 0; color: #333333; }
#placeholder-bottom .small-articledisplay .tile-content p { margin: 0; padding: 0; font-size:0.7em;}
#placeholder-bottom .small-articledisplay .tile-bottom { display: none; }

#placeholder-bottom .small-articledisplay-nolayout { 
/*   background-color: #333;*/
   width: 948px; margin: 2px 0 0 0; padding: 10px 30px 0 34px;
   display: block; clear: both; border: none;
   border-top: 1px solid #242424; font-size:0.9em; }
#placeholder-bottom .small-articledisplay-nolayout .tile-top { display: none; }
#placeholder-bottom .small-articledisplay-nolayout .tile-content { 
   text-align: center; }
#placeholder-bottom .small-articledisplay-nolayout .tile-content p { 
   text-align: center; color: #464646; }
#placeholder-bottom .small-articledisplay-nolayout .tile-content a {
   color: #00aaef; text-decoration: none; } 
#placeholder-bottom .small-articledisplay-nolayout .tile-content a:hover {
   text-decoration: underline; } 
#placeholder-bottom .small-articledisplay-nolayout .tile-bottom { display: none; }


.storelist li {
	padding: 0 !important;
}
.full-articlelist .store {
	width:580px;
	/*height:160px;*/
	padding:20px;	
	border-bottom:1px solid #e2e2e2;
	margin:0;
	font-size:17px;	
	font-style:italic;
}

.full-articlelist .store a {
	color: #00AEF4;
	/*text-decoration:none;*/
}

.full-articlelist .store a:hover {	
	/*text-decoration:underline;*/
}

.full-articlelist .store td {
	vertical-align: top;
}

.full-articlelist .store td.paddme {
	padding:0 10px 0 0;
	text-align:right;
}

.full-articlelist .store td.paddymcpad {
	padding:15px 0 0 0;
}

.full-articlelist .store h2 {
	margin:0 0 5px 0;
	font-size:21px;
	font-weight:bold;
	font-style:normal;
}

.full-articlelist .even .store {	
	background:#ffffff;
}


.full-articlelist .odd .store {	
	background:#f8f8f8;
}

#placeholder-right .tagcloud {
	border:1px solid #e5e5e5;
	padding:10px;
	width:280px;
	margin: 0 0 10px 8px;
}

#placeholder-right .tagcloud h3 {
	display:none;
}

/* kulor main menu in top placeholder */
#placeholder-top-position { position: absolute; top: 0; right: 0;}
#body-position { position: absolute; top: 0; right: 0;}
#kulorMainMenu { 
   position: absolute; 
   top: 102px;  /* right is set by the prototype class */
   text-align: right; z-index: 1000;
}
#kulorMainMenu .main { padding: 0 13px 0 0;}
#kulorMainMenu .main img.menuSeparator { padding: 0 1px; }
#kulorMainMenu .sub { 
/*   background-image: url(images/kulor/menu_sub_top_430x13.gif);
   background-position: top left; background-repeat: no-repeat;*/
   padding: 0 0 0 0;
/*   background-color: #231f20; */float: right; width: 430px; text-align: left;
}
#kulorMainMenu .sub.right { margin-right: 0; }
#kulorMainMenu .sub.middle { margin-right: 50px; }
#kulorMainMenu .sub.left { margin-right: 100px; }
#kulorMainMenu .sub_top {
   background-image: url(images/kulor/menu_sub_top2_430x13.gif);
   background-position: top left; background-repeat: no-repeat;
   height: 13px; width: 430px; overflow: hidden;
}
#kulorMainMenu .sub_bottom {
   background-image: url(images/kulor/menu_sub_bottom2_430x13.gif);
   background-position: top left; background-repeat: no-repeat;
   height: 13px; width: 430px; overflow: hidden;
}
#kulorMainMenu .sub_inner { 
/*   background-image: url(images/kulor/menu_sub_bottom_430x13.gif);
   background-position: bottom left; background-repeat: no-repeat;*/
   background-color: #231f20;
   margin: 0; padding: 0 0 35px 0; }
#kulorMainMenu .sub .subItem {  }
#kulorMainMenu .sub .subItem .categoryWrapper { 
   float: left; width: 197px; border-right: 1px solid #302c2d; margin: 0 10px 0 0; padding: 0; }
#kulorMainMenu .sub .subItem .categoryWrapper .categoryName { 
   background-image: none;
   float: left; width: 141px; height: 20px; overflow: hidden;
   border: 1px solid #1f1c1c; border-left: none; font-size: 0.8em;
   margin: 0 1px 4px 0; padding: 4px 0 0 10px; color: #babcbe; }
#kulorMainMenu .sub .subItem .categoryWrapper .categoryName a { color: #babcbe; text-decoration: none; } 
#kulorMainMenu .sub .subItem .categoryWrapper .categoryName.active a { color: #fff; text-decoration: none; }
#kulorMainMenu .sub .subItem .categoryWrapper .categoryName.active { color: #fff; background-image: none; }
#kulorMainMenu .sub .subItem .categoryWrapper .categoryArrow {
   float: left; width: 35px; height: 26px; margin: 0 0 4px 0; padding: 0; border: none;
   background-image: url(images/kulor/menu_category_arrow_off_35x26.gif);
   background-position: bottom left; background-repeat: no-repeat;
} 
#kulorMainMenu .sub .subItem .categoryWrapper .categoryArrow.activeArrow {
   background-image: url(images/kulor/menu_category_arrow_on_35x26.gif);
}
#kulorMainMenu .sub .subItem .articleWrapper { float: left; width: 222px; }
#kulorMainMenu .sub .subItem .articleWrapper .thumb { 
   float: left; width: 55px; padding: 0; border: none; margin: 0 10px 0 0; }
#kulorMainMenu .sub .subItem .articleWrapper .text { 
   float: left; width: 147px; padding: 0; border: none; margin: 0 10px 0 0; }
#kulorMainMenu .sub .subItem .articleWrapper .space { 
   clear: both; height: 5px; overflow: hidden; margin: 0; padding: 0; border: none; }
#kulorMainMenu .sub .subItem .articleWrapper .header { color: #fff; text-transform: uppercase; font-size: 0.8em; }
#kulorMainMenu .sub .subItem .articleWrapper .digest { color: #babcbe; font-size: 0.8em; }
#kulorMainMenu .sub .subItem .articleWrapper a { font-size: 0.8em; }

#kulorMainMenu .on-top { z-index: 10000; }
.hidden { display: none; }


#placeholder-right .right-menu .tile-content {
	background:#F7F7F7;
	font-size:17px;
	font-style:italic;
	color:#cdcdcd;
	padding:10px 0 40px 0;
}

#placeholder-right .right-menu .tile-content .author {
	font-size:12px;
}

#placeholder-right .right-menu .tile-content .sub-content {
	padding:10px;
}

#placeholder-right .right-menu .tile-content .sub-content ul {
	padding:5px 0 0 0;
	margin:0;
}

#placeholder-right .right-menu .tile-content .sub-content ul li {
	list-style-type:none;
	background:url(images/li_grey.png) no-repeat 0 6px;
	padding: 0 0 0 10px;
	margin:0px;
}

#placeholder-right .right-menu .tile-content .archive ul {
	padding:5px 0 0 0;
}

#placeholder-right .right-menu .tile-content .archive ul li ul {
	padding:0;
}

#placeholder-right .right-menu .tile-content .archive ul li {
	background:url(images/li_blue.png) no-repeat 0 7px;
}

#placeholder-right .right-menu .tile-content .archive ul li ul li {
	background: none;	
	padding: 0 0 0 8px;
	font-size:14px;
}


#placeholder-right .right-menu .tile-content .sub-content h3 {
	font-size:18px;
	/*color:#000000;
	font-weight:bold;
	font-style:normal;
	background:none;*/
	margin:0;
	padding:0 0 3px 0;
	border-bottom:1px solid #ffffff;
}

#placeholder-top .vertical-menu {
	float:right;
	margin:110px 12px 0 0;
	font-size:20px;
}

#placeholder-top .vertical-menu a {
	color:#000000;
}

#placeholder-top .vertical-menu ul {	
	padding:0;
}

#placeholder-top .vertical-menu ul li {
	float:left;
	list-style-type:none;
	background:none;
	border:0;
	border-right: 1px dotted #cccccc;	
	padding:0 10px 0 10px;
}

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

.searchresult li {
	width:580px;	
	padding:20px 20px 30px 20px !important;	
	border-bottom:1px solid #e2e2e2;
	margin:0;
}

.searchresult .articlelist-link-internal,
.searchresult .articlelist-link-internal li {
	border:none;
	padding:0 !important;
}

.searchresult .even {
	background:#ffffff;
}

.searchresult .odd {
	background:#f8f8f8;
}

.searchresult .list-thumbnail-left { max-height: 80px; overflow: hidden; }

.searchresult h3 a {font-size:22px;}

.red 	{ color: #ff0000; }
.green 	{ color: #18b118; }

.lbform .captcha 	{ margin: 10px 0 10px 0 }

.lbform label		{ color: #808080; }
.lbform input,
.lbform textarea 	{
	border: 1px solid #c2c2c2; background: #fff url(images/input_bg.gif) repeat-x top;
    padding-top: 6px; font-size: 0.9em;
}
.lbform input    	{ width: 225px; border-top: 1px solid #8e8e8e; background: transparent; padding: 3px; }
.lbform textarea 	{ height: 100px; width: 378px; border-top: 1px solid #8e8e8e; background: transparent; padding: 3px; }
.lbform .submit  	{ width: 58px; height: 18px; border: none; background: url(images/kulor/button_send_58x18.gif); text-indent: 57px; cursor: pointer; float:none; }

.county ul {
	list-style-type: none; 
	margin: 0 0 0 0px;
	padding: 0;	
	width:480px;
	float:right;
}

.county .postsearch {	
	float:left;
	width:131px;
	margin: 30px 0 0 0;
}

.county .postsearch input {
	width:121px;
	height: 22px; 
	background: url(images/postal_input.png); 
	padding:10px 0 0 10px;
	border:none;
}

.county .postsearch input.submit {
	width: 57px; 
	height: 26px; 
	border: none; 
	background: url(images/postal_submit.png); 
	text-indent: 56px; 
	cursor: pointer;
	margin: 5px 0 0 35px;	
	float:left;
}

.county h1 { 
	font-size:30px;
	margin: 0 0 10px 20px;
}

.county h2 {
	margin: 0 0 0 20px;	
}

.county li {
	width:145px;
	background:url(images/li_grey.png) no-repeat 0 7px;
	padding: 0 0 0 12px;
	font-style: italic;
}

.county li.odd {
	float:left;
	/*clear:left;*/
}

.county li.even {
	float:left;
}

.county span.where {
	display:block;
	clear:both;
	float:left;
	margin: 15px 0 0 0;
	padding: 15px 0 15px 0;
	border-top: 2px solid #f8f8f8;
	font-weight:bold;
	font-size:1.1em;
	width: 620px;
}



h2.county {
	padding:10px 0 10px 0;
	border-bottom: 2px solid #f8f8f8;
	width: 620px;
	display:block;
	margin: 0 0 15px 0;
	font-weight:bold;
}


.nominate {
	background:url(images/nominate/nominer.png) no-repeat;
	height:456px;	
	position:relative;
	top:0px;
	left:-5px;
	color:#808080;
}

.nominate .tile-content {
	padding: 185px 0 0 0;
	
}

.nominate .tile-content .wrapper {
	padding: 0px 5px 5px 12px;	
	width:300px;
}

.nominate input,
.nominate textarea 	{
	background: #f8f8f8 url(images/nominate/input.png) repeat-x top;
	border-top: none;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
    padding: 3px 3px 3px 3px;
    margin: 0 0 5px 0;
    font-size: 0.85em;
    color:#808080;
    font-family: Georgia, Garamond, Serif; /* For some yet to be determined reason, 
    										  this has to be set here as well to work 
    										  (inheritance from <body> doesn't have any effect). */
}
.nominate input    	{ width: 278px; }
.nominate textarea 	{ height: 75px; width: 278px; }
.nominate .submit  	{ float:left; margin: 38px 0 0 88px; width: 84px; height: 18px; border: none; background: url(images/nominate/nominate.png); text-indent: 83px; cursor: pointer; }


.nominate input.file {
	width:120px;
}

.nominate span {
	font-size:0.9em;
	display:block;
	height:20px;
	width:190px;
	margin: 0 85px 0 0;
	float:right;	
}

.nominate .check {
	margin: 10px 0 0 3px;
	float: left;	
	width: 15px;
}

.msg {
	color:#808080;
	padding: 0 0 5px 0;
	margin: 0 0 0 5px;
}

.full-articledisplay.banner .bg {
	width: 948px;
	cursor:pointer;
	padding:25px 0 5px 0;
	position: relative;
}

.full-articledisplay.banner a.left {
	display:block;
	float:left;
	clear:left;
	margin: 0px 0px 0px 30px;	
}

.full-articledisplay.banner a.right {			
	position:absolute;
	bottom:0;
	right:0;
	margin: 0px 30px 30px 0px;	
}


/* Google maps related */
#gmap {
	width: 626px;
	height: 420px;
	margin: 15px 0 15px 0;
}

#placeholder-content .small-articledisplay-nolayout p {
	font-style:italic;
	padding: 0;
	margin:0;
}
		
#placeholder-right .newsletter-form {float:left;background:#F7F7F7 none repeat scroll 0 0; color:#CDCDCD; font-size:17px; font-style:italic; padding:10px 0 0px; margin-bottom:1px; width:312px;}
#placeholder-right .newsletter-form input.textinput{margin-right:126px;margin-bottom:10px;}
#placeholder-right .newsletter-form input.submit{background-color:#f7f7f7;}
#placeholder-right .newsletter-form input.submit{background-color:#f7f7f7;}
#placeholder-right .vertical-menu li a{color:black;}
#placeholder-right .vertical-menu li li a{color:#00AEEF;}


#placeholder-top .hovermenu {
    z-index:101;
}

#placeholder-top .hovermenu ul {
    list-style-type: none;
    margin:0;
    padding:0;
    position:absolute;
    top:120px;
    right:20px;
    z-index:100;
}

#placeholder-top .hovermenu ul li ul {
    position:absolute;
    top:26px;
    left:-2px;    
}

#placeholder-top .hovermenu ul li {    
    display:inline;
    position:relative;
    margin: 0 13px 0 0;
    padding: 9px 0 5px 24px;
    background: url("images/hover_leftbg.png") no-repeat top left;    
}

#placeholder-top .hovermenu ul li ul li {
    margin: 0;    
    display:block;
    position: static;
    background: url("images/hover_underbg.png") no-repeat top center;
    min-width: 100px;
    padding: 9px 17px 5px;
}


#placeholder-top .hovermenu ul .wrap-left {
    background: url("images/hover_shadow_left.png") no-repeat bottom left;
    float:left;   
}

#placeholder-top .hovermenu ul .wrap-right {
    background: url("images/hover_shadow_right.png") no-repeat bottom right;
    float:left;
}


#placeholder-top .hovermenu ul .li-content {
    /*background-color: blue;*/
    float:left;
    margin:0 8px;
    background: url("images/hover_shadow_bottom.png") repeat-x bottom center;
}

#placeholder-top .hovermenu ul .white {
    /*background-color: blue;*/
    float:left;
    margin:0 0 10px 0;
    background: #fff;   
}

#placeholder-top .hovermenu ul li.selected span {    
    background: url("images/hover_duppedings.png") no-repeat bottom center;
    padding: 0 0 6px;
}

#placeholder-top .hovermenu ul li a {
    outline: none; /* Fjerner "selcted"/ramme rundt elementet som nettleseren setter. Dette er ikke den vanlige borderen */
}

 .ui-state-default {
    display: block;
    height: 31px;
    width: 573px;
    background: url("images/faq_collapsed.png") no-repeat top left;
    padding: 0 0 0 47px;
    line-height: 31px;
    font-size: 13px;
    color: #767b73;
    cursor: pointer;
    margin: 0 0 0 0;
    font-style:italic;
}

.ui-state-active {
    display: block;
    height: 31px;
    width: 573px;
    background: url("images/faq_expanded.png") no-repeat top left;
    padding: 0 0 0 47px;
    line-height: 31px;
    cursor: pointer;
    margin: 0 0 0 0;
    font-size: 13px;
    font-weight:bold;
    color: #000;
    font-style:italic;

}

.ui-accordion-content {
    background-color: #ffffff;    
    overflow: hidden;   
    padding: 0 0 0 47px;
    font-style:normal;
    font-size: 13px;
    line-height: 18px;
}

.ui-accordion-content {
    background-color: #ffffff;
    overflow: hidden;
    padding: 0 10px 10px 47px;
    font-style:normal;
    font-size: 13px;

}

.ui-accordion-content .answer {
    color: #00aeef;
    font-style:italic;
    padding: 17px 0;
    display: block;
}

.ui-accordion-content .answer_content {
    color: #00aeef;
    font-style:normal;
    padding: 0 0 10px 0;
}

.ui-accordion-content .answer_content p {
    font-style:normal;
}

.ui-accordion-header {
    outline: none; /* Fjerner "selcted"/ramme rundt elementet som nettleseren setter. Dette er ikke den vanlige borderen */
}