/*
- DEFAULT HTML STYLES 
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES 
- PARAGRAPH STYLES 
- LIST STYLES
- LINK STYLES 
- IMAGE STYLES
- TABLE STYLES 
- FORM STYLES
- DIVERSE STYLES
*/



/*
OVERVIEW OF MAIN CONTAINERS (divs's) IN LAYOUT:
--------------wrapper-----------------------------------------
|                                                            |
| -------------header--------------------------------------- |
| |    contains: logo, localoffices, print, fontsize       | | 
| |    PS: localoffices is not in use                      | |
| ---------------------------------------------------------- |
|                                                            |
| --------------mainNav------------------------------------- |
| | -------------nav---------------   -----searchpanel---  | |
| | |                             |   |    not in use   |  | |
| | -------------------------------   -------------------  | |   
| ---------------------------------------------------------- |
|                                                            |
| ---------------------breadcrumbs-------------------------- |
| |                    not in use                          | |
| ---------------------------------------------------------- |
|                                                            |
| --------------------contentWrapper------------------------ |
| |                                                        | |
| /                 LAYOUT ALTERNATIVE 1                   / |
| | ----col1------   ------col2Wide----------------------  | |
| | |            |   |                                  |  | |
| | |  content   |   |      content                     |  | |
| | | goes here  |   |     goes here                    |  | |
| | |            |   |                                  |  | |
| | |            |   |                                  |  | |
| | --------------   ------------------------------------  | |
| |                                                        | |
| /                 LAYOUT ALTERNATIVE 2                   / |
| | ----col1------   ------col2----------   ----col3-----  | |
| | |            |   |                  |   |           |  | |
| | |  content   |   |   content        |   |  content  |  | |
| | | goes here  |   |  goes here       |   | goes here |  | |
| | |            |   |                  |   |           |  | |
| | |            |   |                  |   |           |  | |
| | --------------   --------------------   -------------  | |
| |                                                        | |  
| /                 LAYOUT ALTERNATIVE 3                   / |
| | ----col1------   ------col2Wide----------------------  | |
| | |            |   |  --innerCol2--  ---innerCol3---  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |  content   |   |  |  content  |  |   content   |  |  | |
| | | goes here  |   |  | goes here |  |  goes here  |  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |            |   |  -------------  ---------------  |  | |
| | --------------   ------------------------------------  | |
| ---------------------------------------------------------- |
|                                                            |
| --------------------footer-------------------------------- |
| |                                                        | |
| ---------------------------------------------------------- |
--------------------------------------------------------------
*/








/* 
---------------------------------------------------------------------------------------------
DEFAULT HTML STYLES 
---------------------------------------------------------------------------------------------
*/
html {padding:0px;margin:0px;background-color:#fff;}
body {background: url(../backgrounds/valdres/bg_valdres.jpg) no-repeat top left;padding:0px;margin:0px;}
h1 {}
h2 {}
h3 {}
h4 {}
p {}
ul {}
ol {}
li {}

/*RIKTIG REKKE: LoVe HAte*/
a:link {color:#608b4c; }
a:visited {color:#608b4c;}
a:hover {color:#608b4c;}
a:active {color:#608b4c;}




/* 
---------------------------------------------------------------------------------------------
CONTAINER STYLES 
---------------------------------------------------------------------------------------------
*/
div.transparentImg {background: url(../backgrounds/raufoss/Turkis-transp2.png) repeat top left;}
div#imgPlaceholder2 {background: url(../backgrounds/valdres/bgContentWrapper_valdres.gif) repeat-y 0px 10px;padding-top:30px;margin-top:-30px;}
div#imgPlaceholder {background: url(../backgrounds/raufoss/brImgPlaceholder.png) repeat-x bottom right;}
div.col4 div.schoolLogo {background:transparent url(../backgrounds/raufoss/bgImgBorder.gif) repeat-x bottom left;}
div#mainfooter {background:#00937f;color:#fff;}
div.leftcollink {background:#90c9c0;}
div.accessibility {}
div.col1 div#simplegallery {background-color:Transparent;}


/* 
---------------------------------------------------------------------------------------------
SPAN STYLES 
---------------------------------------------------------------------------------------------
*/







/* 
---------------------------------------------------------------------------------------------
HEADLINE STYLES 
---------------------------------------------------------------------------------------------
*/
h1.title{color:#fff;}




/* 
---------------------------------------------------------------------------------------------
PARAGRAPH STYLES 
---------------------------------------------------------------------------------------------
*/

p.contrast {}
p.sound {}



/* 
---------------------------------------------------------------------------------------------
LIST STYLES 
---------------------------------------------------------------------------------------------
*/

ul.skolene {background:transparent url(../backgrounds/valdres/menumarker_valdres.gif) no-repeat bottom left;}
div#homemenu ul li.selected {background-color:#fff;}
div.col3 ul.pagelist li {background:none !important}
/* 
---------------------------------------------------------------------------------------------
LINK STYLES 
---------------------------------------------------------------------------------------------
*/

h1.title a {color:#fff;}
div#homemenu ul li a {color:#fff;}
div#homemenu ul li.selected a {color:#000;}
div#homemenu ul li.selected ul li a {color:#000;}

div#treemenu ul li a {color:#fff;}
div#treemenu ul li.selected a {color:#000;background-color:#fff;}
div#treemenu ul li.expanded a {color:#000;background-color:#fff;}
div#treemenu ul li.expanded ul li a {color:#000;background-color:#fff;}
div#treemenu ul li.expanded ul li.expanded ul li a {color:#000;}
p.contrast a, p.sound a {color:#000;}
div.accessibility ul li.small a {color:#000;}
div.accessibility ul li.medium a {color:#000;}
div.accessibility ul li.large a {color:#000;}

div.col3 div.module ul li {background:transparent url(../backgrounds/raufoss/listmarker.gif) no-repeat 0px 5px;}
ul.introlist li {background:none !important}
div.paging ul li {background:none !important}
div#mainfooter a {color:#fff;}


div.leftcollink a {color:#000 !important;}







/* 
---------------------------------------------------------------------------------------------
IMAGE STYLES 
---------------------------------------------------------------------------------------------
*/







/* 
---------------------------------------------------------------------------------------------
TABLE STYLES 
---------------------------------------------------------------------------------------------
*/






/* 
---------------------------------------------------------------------------------------------
FORM STYLES 
---------------------------------------------------------------------------------------------
*/

fieldset.search {border:0px;background-color:#608b4c;}
fieldset.search input {border:0px;background-color:#fff;color:#608b4c;border:1px solid #608b4c}
fieldset.search input.searchBtn {background-color:#608b4c;border:0px;color:#fff;}



/* 
---------------------------------------------------------------------------------------------
DIVERSE STYLES 
---------------------------------------------------------------------------------------------
*/



/*******************************************/
/* Article tools / ShareThis              */
/*****************************************/
#ShareLink a 
{
	float: right;
    color: #333; 
    background: url('/images/share_icons/sharethis_icon.png') no-repeat;
    display: block;
    padding: 1px 0 1px 20px;
}
div.sharethisbox 
{ 
    background: #eee;
    width: 100%;
    margin-bottom: 10px;
    clear:both;
    overflow: hidden;
}
    div#shareThisPanel h2 
    {
        font-size: 1.4em;
        font-style: normal;
        padding: 10px 0 0 10px;
        margin: 0;
        font-weight: bold;
    }
    div#shareThisPanel h3 
    {
        font-size: 1.2em;
    }
    div.sharethisbox fieldset { border: 0 none; }
    div.sharethisbox ul.communities,
    fieldset.sharethisboxleft ul 
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }
        div.col3 div.module div.sharethisbox ul li { float: none; margin: 0; background:none; }
        div.sharethisbox #ShareArticle ul li a
        {
            background-repeat: no-repeat;
            background-position: left center;
            font-size: 1em;
            padding: 2px 0 2px 20px;
            display: block;
        }
        
        div.sharethisbox ul li a.share_facebook { background-image: url('/images/share_icons/share_facebook.gif'); }
        div.sharethisbox ul li a.share_nettby { background-image: url('/images/share_icons/share_nettby.gif'); }
        div.sharethisbox ul li a.share_origo { background-image: url('/images/share_icons/share_origo.png'); }
        div.sharethisbox ul li a.share_twitter { background-image: url('/images/share_icons/share_twitter.gif'); }
        div.sharethisbox ul li a.share_linkedin { background-image: url('/images/share_icons/share_linkedin.png'); }
        div.sharethisbox ul li a.share_google { background-image: url('/images/share_icons/share_google.png'); }
        
    fieldset.sharethisboxleft 
    {
        width: 60%;
        float: left;
    }
        fieldset.sharethisboxleft input.EmailPageText, fieldset.sharethisboxleft .EmailPageTextField
        {
            width: 95%;
            float: left;
            z-index: 333343;
        }
        fieldset.sharethisboxleft textarea.EmailPageTextField { float: left; }
        fieldset.sharethisboxleft span.error { width: 5%; clear: right; }
        fieldset.sharethisboxleft label { font-size: 1em; }
    fieldset.sharethisboxleft { }
    
    fieldset.sharethisboxright { width: 25%; float: right;}

p.email-status { clear: both; color: green; background: #eee; padding: .7em; margin-bottom: .1em; }