/* 
	Klient: Miljølære / co2nnect.org
	CSS design: snedig.no
	E-post: elisabeth@snedig.no
	Version: 1.0

	Based on the stylesheet at http://beta.co2nnect.org/css/style.css

*/


/* --------------- general css --------------- */

body {
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	background-color: #E7E3C5;	
    margin: 0px;
	padding: 0px; 
	line-height: 1.5em;
/*text-align: left;*/
}

h1 { 
   font-size: 22px;
   line-height: 24px; 
   color: #A82F39;
   font-weight: bold; 
}

h3 {
   font-size: 12px; 
   font-weight: 600; 
}

h3+ul,h3+p {
      margin-top: 1px; 
      padding-top: 0px; 
}

h1+p {
     margin-top: 1px;
     padding-top: 0px; 
}

ol {   
   list-style-type: decimal; 
}

ul {
   list-style-image: none; 
}

img {
    border: none; 
}

/* --------------- end general css --------------- */



/* --------------- main layout --------------- */

#main {
	width: 950px; 
	margin: 0 auto;   
	background-color: #fff;
	color: #505050;
}

#contentcolumn {
   margin-top: 10px;             
   float: left;      
   width: 550px;        
}

#leftcolumn {
   margin-top: 10px; 
   float: left; 
   width: 190px;  
}

#rightcolumn {
   margin-top: 10px; 
   float: left; 
   width: 190px; 
}

#footer {
	clear: both; 
	width: 100%;
    height: 80px;
/*	height: 200px; */ 	
    border-top: 10px solid #E7E3C5;  
	color: #000; 
	padding: 15px;
	background: url(/images/footer.png) no-repeat;
    background-position: 0 5px; 
/*	background-position: 0 120px; */
}

.innertube {
	margin: 10px; 
	margin-top: 0px;
}

/* --------------- end main layout --------------- */



/* --------------- main nav --------------- */

#topmenu {
    list-style-type: none; 
    height: 3em;
    background-color: #E7E3C5; 
    border-bottom: 3px solid #57732F; 
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

#topmenu ul {
    margin: 0px; 
    padding: 0px; 
}

#topmenu li {
    display: inline;
    float: left; 
    line-height: 3em;     
}

#topmenu li a {
    text-decoration: none; 
    display: block; 
    line-height: 3em; 
    border-bottom: 0; 
    padding: 0 10px;  
}

#topmenu li.expanded a, #topmenu li.selected a {
    background-color: #57732F;
    color: #fff; 
}

#topmenu li a:hover {
    background-color: #57732F; 
    color: #fff; 
}

/* --------------- end main nav --------------- */



/* --------------- sub nav  --------------- */

ul.lokalmeny	{
    padding: 0px; 
    margin: 0px;   
    display: inline; 
    list-style-type: none;
}

ul.lokalmeny li	a  {
    padding: 5px; 
    color: #57732F;
    font-weight: bold;
    display: block;    
    list-style-type: none;   
    text-align: left;  
}
         
ul.lokalmeny li a:hover	{
	background-color: #78993F;
    color: #fff; 
}
	
ul.lokalmeny li.selected a {
 	background-color: #78993F;
    color: #fff; 
}

ul.lokalmeny li.active a {
 	background-color: #E7E3C5;
    color: #57732F; 
}

ul.lokalmeny li.active a:hover {
 	background-color: #78993F;
    color: #fff; 
}

ul.lokalmeny li.submenu:hover	{
	background-color: transparent;
}
		
ul.lokalmeny ul	{
	border: 0px solid blue;					
    list-style-type: none;
}

ul.lokalmeny ul li	{
    margin: 0px;
	padding: 0px;
	padding-left: 20px;
} 
			
ul.lokalmeny ul li:hover	{
	background-color: #ecf7d3;
}

ul.lokalmeny a		    { 
   text-decoration: none; 
   border-bottom: 0px; 
   display: block; 
}

#sidebar ul.lokalmeny a {
   width: 98%;
}

#leftcolumn li {
  text-align: left;
  border-left: 3px solid #78993F;   
}

/* --------------- end sub nav  --------------- */



/* --------------- various boxes  --------------- */

div.loginbox {             
   padding: 0px; 
   margin: 7px; 
   margin-bottom: 15px; 
}

div.loginbox-outer {
   padding: 0; 
   margin: 0;  
}

div.loginbox-inner {
   background-color: #E7E3C5;  
   margin: 0; 
   padding: 0; 
   padding-bottom: 0px; 
}

div.loginbox-innermost {
   padding: 10px; 
   padding-bottom: 50px; 
   margin: 0; 
}

div.framsidebokser {
   width: 550px; 
   margin-top: 10px; 
   margin-bottom: 20px; 
   clear: both;
}

div.framsideboks {
   margin: 3px; 
   border: 1px solid #2D6D70; 
   width: 250px; 
   min-height: 150px;  
   float: left;      
}

div.framsideboks table {
   padding: 5px;               
}

div.framsideboks td {
   padding: 0px;
   margin: 0px;
}

div.framsidebilder {
   margin: 10px auto;
   padding-top: 15px; 
   text-align: center; 
   clear: both; 
   width: 100%; 
}

div.margbilder {
   margin-top: 10px; 
   padding-left: 40px;
}

div.margbox-inner	{		
	border: 1px solid #2D6D70;
	margin: 3px;
    font-size: 10px; 
	margin-bottom: 15px;
    line-height: normal;   
}   	

div.margbox-inner h3, div.framsideboks h3 {
    padding: 2px; 
    /* text-transform: uppercase; */
    font-size: 11px;
    display: block; 
    color: #fff; 
    background-color: #2D6D70;
    margin: 0; 
}

#rightcolumn ol {
  line-height: 2em; 
  list-style-type: none; 
  font-size: 10px;
  padding: 10px; 
  margin: 0px; 
  list-style-image: none;  
  list-style-position: outside; 
}

#rightcolumn ol li {  
  display: block;  
  text-align: left; 
}

/* --------------- end various boxes  --------------- */



/* --------------- details  --------------- */

#contentcolumn .ARROW, #rightcolumn .ARROW  {
  background-image: url(/images/bullett_connect.gif);
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left:8px;
  clear: both;   
}

.STH {
      color: #fff; 
      font-family: Verdana, Arial, sans-serif; 
      font-weight: bold; 
      background-color: #aaa; 
      border-right: 1px solid #fff; 
      padding: 2px;
}

#links ul {
   list-style-type: square;
}

#links li {
   padding-bottom: 10px; 
}

#contentcolumn a {
  text-decoration: none;
  font-weight: bold;   
  color: #57732F; 
  padding: 1px 2px;
   
}

#rightcolumn li {
  line-height: 1.2em;
  padding-bottom: 5px; 
}

#rightcolumn a {
  text-decoration: none; 
  font-weight: bold; 
  color: #57732F;
}

#contentcolumn a:hover { 
  background-color: #78993F;
  color: #fff;
}

/*#contentcolumn*/ .STH a {
   text-decoration: underline; 
   color: #fff;
}

/*#contentcolumn*/ .STH a:hover {
   background-color: #aaa;
   text-decoration: none; 
}

#contentcolumn .STD1 a, #contentcolumn .STD2 a {
   text-decoration: underline; 
   color: #000; 
}

#footer img {
   margin-right: 30px;
   margin-bottom: 10px;
}

/* --------------- end details  --------------- */


/* Lagt til lokalt  */

#contentcolumn div.lenkeboks {
/*    float: left; */
    clear: both;
}
#contentcolumn .lenkeboks a {
    padding: 8px;
    display: block;
    margin: 4px;
    width: 200px;
    float: left;
    text-decoration: none;
    background-color: #E7E3C5;
    border: 1px solid #57732F;
    border-bottom: 2px solid #57732F;;
    border-right: 2px solid #57732F;;
}
#contentcolumn .lenkeboks a:hover {
    background-color: #57732F;
    border: 1px solid #E7E3C5;
    text-decoration: underline;
}

#contentcolumn .lenkeboks img {
    float: left;
    padding: 0px;
    margin: 0px;
    padding-right: 8px;
}

#contentcolumn .lenkeboks a .forklaring {
   font-weight: normal;
   display: block;
   color: black;
}
#contentcolumn .lenkeboks a:hover .forklaring {
   font-weight: normal;
   color: white;
}

.logoboks {
  border: 1px solid #ccc;
  margin-top:20px; 
  padding: 3px;
  line-height: 1em;
  color: #aaa;
}

.logoboks:hover {
  color: #000;
}


div.box-inner {
 background-color: #E7E3C5;             
}

#contentcolumn th a {
     color: #fff;
     text-decoration: underline;
}

#contentcolumn .EDITLINK {                
    color:  #a0a0a0;                         
}              
#contentcolumn .EDITLINK A {                          
   color:  #a0a0a0;
   text-decoration: underline;
   font-weight: normal;
}