/**
 ** riktig
 **/
 
/**
 **	Generell html
 **/

li {
  margin-left: 2ex;
}

dd, ul, ol {
 	margin-bottom: 1em;
	margin-left: 1em;
}
p {
	margin-bottom: 1em;
}

body 
{   
  text-align: center; /*Midtstilling av super*/
  vertical-align: center;  /*Midtstilling av super og page ie. stil*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  padding:0px;
  margin:0px;
  background-image: url(images/sitebg.gif);
  /*background-repeat: repeat-x;
  background-color: white;*/
}
html, body 
{
        height: 100%;

}

td {
	font-size: 9pt;
}
a { 
    color:#000066;
    text-decoration: none;
 }
a:hover {
        color: black;
}

p,h1,pre { 

} 


h1 { 
     /*background-image: url(images/knapp_heading.gif);
     background-repeat: no-repeat;
     background-position: center left;*/
     font-family: Arial, Verdana;
     font-size: 14pt;
     color: #000066;
     margin-left: 0px;
/*     padding-left: 20px;*/
 }
/**
 **  sidejusteringselementer super og page
 **/

#super
{
  MARGIN-LEFT: auto;
  MARGIN-RIGHT: auto;
  background-image: url(images/superbg.gif);
  background-repeat: repeat-y;
  height: 100%;
  width: 790px;
  vertical-align: center;

 }

#page
{ 
  height: auto;
  width: 770px;
  text-align: left;
  align: left;
  MARGIN-LEFT: auto;
  MARGIN-RIGHT: auto;
  /*background-image: url(images/superbg.gif);/**/

  /*background: #f4f4f4;
  border: thin solid #ccc;*/

 }


/**
 **                      banner
 ** Sideelementer left - center - right 
 **                      footer
 **/

#banner {
	width: 790px;
	height: 88px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	margin: 0px;

}


#leftContent {
 position: relative;
 margin: 0px;
 top: 0px;
 background-image: url(images/mainimg.jpg);
 background-repeat: no-repeat;
 width: 790px;
 padding: 0px;
 height: 190px;

}


#page > #leftContent /* Riktig metode for Gecko og Opera med venner */

{
  margin-left: 0px;
}
	

#centerContent {
 width: 760px;
 border: thin solid #eeeeee;
 margin: 10px;
 background-color: white;

}

#rightContent {
 	display: none;
	position: absolute;
 	
	float: left;
	width: 130px;
	height: 230px;
 	margin-top: 10px;
	background-image: url(images/leftimg.gif);
	background-repeat: no-repeat;
 	z-index: 5;
}


#footer{

	width: 790px;
 	height: 85px;
	clear: both;
	padding-top: 20px;
	text-align: center;
	font-size: 7pt;
	color: #9b9b9b;
	background-image: url(images/footer.gif);
  background-repeat: no-repeat;
  
}

#footer span {
   	line-height: 4em;
	top: 0px;
}


/**
 ** Banner-innhold
 **/

#banner h1 {
	display: none;
}

/**
 ** Left-innhold a.k.a 'Meny'
 **/

#navcontainer h3 {
	display: none;
}
#leftContentTitle {
	display: none;
}






.hiddenStructure {
	display: none;
}




/**
 ** Center-innhold
 **/

#centerContentTitle {
  display: none;
}

#contentBox {
  margin: 10px;
}


#pageHeader, .pageHeader, .newsFolderHeader {
   font-weight: bold;
   font-size: 14pt;
   font-family: Arial;	
   text-transform: capitalize;
   margin-bottom: 1em;
}




/**
 ** userPanel
 **/



/**
 ** DIV. stil
 **/

a.documentDefault, a#document-default{
	padding-left: 22px;
	background-image: url(/icon/file.gif);
	background-repeat: no-repeat;
}

a img {  /* stygt med ramme rundt a img */
  border: 0;
}

h1.pageHeader, h1.folderHeader {
	font-size: 160%;
}

#pageDescription, p.pageDescription, p.description, #objectDescription{
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
	color: #666666;
	
}





/**
 **  N Y H E T E R 
 **/



.clearer {
	margin-top: 1em;
	margin-bottom: 0.5em;
	border-bottom: 2px dotted lightgrey;
}

.newsItem {
	/* border-bottom: #000 thin dotted; */
}

h3.newsItemHeader, h3.newsItemHeader a {
     color: black;
     font-family: Arial, Verdana;
     font-size: 10pt;
     margin-left: 0px;
}
h3.newsItemHeader a:hover {
  text-decoration: underline;
}

.newsItemDescription
{

}


.newsItemFooter{
        clear: none;
        margin-bottom: 5px;
	margin-top: 10px;
}

.newsItemImageOdd {
  float:right;
  margin: -15px 10px 5px 2px;
}
.newsItemImage {
  float: right;
  margin: -15px 10px 5px 2px;
}
.newsItemURL {
 text-transform: lowercase;
	float: left;
	
 
}
a.newsItemURL  {
	background-image: url(images/knapp_lesmer.gif);
	background-repeat: no-repeat;
	background-position: center left;

}

.newsItemDate {
 text-transform: lowercase; 
 color: grey;
 font-size: 90%;
/* margin-right: 2em; */
	
}
.newsItemDateText{
 display:none;
 text-transform: normal;
 color: grey;
}

.newsPage{

}

.newsPageHeader{
        margin-left: 0;

}
.newsPageDescription{
        font-weight: normal;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #666666;
}

.newsPageDescriptionImage {
  float: right;
  margin: 2px 10px 5px 2px;
}

.newsPageDetails{
        clear: right;
        margin-top: 10px;
        margin-bottom: 10px;
}
.newsPageDate{
        
	margin-bottom: 1em;
	
}
.newsPageDateText{
	display: none;
        color: grey;
        text-transform: lowercase;
}
.newsPageText{
        clear: left;
        margin-top: 1em;
	color: #666666;
}

.newsPageFooter{
        margin-top: 10px;
}

#newsArchive {
	margin-top: 20px;
}

.repeatedDate {
        visibility: hidden;
}
#newsArchiveItem {
	padding-left: 1em;
}
#newsArchiveItem a{
	background-image: url(images/knapp_lesmer.gif);
         background-repeat: no-repeat;
         background-position: center left;
}


/*
 * Standard admin
 */

#userPanel{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	possition: absolute;
}



.form {
	background: white;
	margin: 0px;
	padding: 10px;
	background-color: #eeeeee;
}

.context {
	color: white;
	background-color: #000066;
	border: none;
}


input, textarea, select {
	color: #000066;
	background-color: white;
	border: 1px solid #000066;
	margin-bottom: 0.5em;
}








/*
 * ImageFolder
 */


table.imageFolder2x3{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.imageFolder2x3 tr td
{
	padding-top: 25px;
	text-align: left;
	width: 30%;
}

.image6 ul{
	float: left;
}
.image6 img{
	border: 0;
}


/*
 * DocumentActions
 */

#documentActions {
  float: right;

}
#documentActions ul {
  list-style-type: none;
}
#documentActions ul li {
  display: inline;
}
#documentActions ul li a img {
  border: 0;
}

#objectDescription {
  color: #999999;
  font-size: 10pt;
}

#pageContent img {

float: right;
margin: ;
border: 1 px;

}

#pageContent table thead td {
  text-align: center;
  vertical-align: top;
  font-size: 8pt;
}



#pageContent table tbody td {
  padding-left: 1em;
  text-align: left;
}

ul#objectPath {
  type: circle;
  margin: 0;
  padding:0;
}
ul#objectPath li {
  margin-left: 2px;
  padding:0;
  display: inline;
  background-image: url(images/bsti-pil.gif);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 7px;

}

table , table tr, table tr td{
  vertical-align: top;
}



/**
 MENY
 
**/




#navlist{
                             /* menu list container */
	margin-top: 68px;
        display: inline;
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */

        /*position: absolute;  */         /* need this so that the z-index stuff works correctly */
             /* the default background color within the main menu container */
        color: #fff;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
	
	margin-left: 5px;
	
	height: 15px;


  	background-color: pink;
   
    }
    #navlist li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
	display: inline;
        color: #fff;                /* main menu item font color (not links) */
        margin-left: 0px;                /* spacing between main menu items */
        margin-right: 0px;
	padding: 0px;               /* padding within main menu items */
       
	width: 89px !important;
	width: 89px;               /* the width of each main menu item */
	

        display: block;
	background-color: #000066;

    }
    #navlist li a{                    /* top-level menu element links */
     text-align: left;         /* text alignment in main menu item links */
     width: 81px !important;
	width: 93px;              /* set this to (#dmenu li -> width) - (2 * (#dmenu li -> padding)) */
     display: block;
	padding: 0px;
	margin: 2px;
	padding-left: 2px;

	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	z-index: 20;
	text-transform: none;
    }
    #navlist li ul li a{
 	color: #000066;
 	text-transform: Capitalize;
	padding-left: 2px;
	Font-size: 7pt;
    }
    #navlist li ul li a:hover{
 	background-color: #000066;
	
    } 
    #navlist li ul{                   /* sub-menu list container */
       position: absolute;         /* this is so that it doesn't push that page content around on hover */
       margin: 0px;                /* space around the list container */
	margin-top: -1px;
       padding: 0px;               /* space within the list container */
       list-style-type: none;      /* disable the display of the list item bullets */
       display: none;
      	width: 95px;               /* the width of the sub menus */
                   /* sub-menu default background color */
       color: #000;                /* sub-menu default font color (not links) */
	background-color: white;
    }
    #navlist li ul li{                /* sub-menu element links */
        background-color: #fff;     /* default background color for sub-menu container */
        color: #000;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 0px;               /* This is for padding between menu items in the drop-downs */
	 width: 93px !important;
        width: 95px;               /* (padding*2 - 5) must be subtracted from #dmenu li ul -> width and set for this one, or borders won't display properly...
                                       not sure where the other 5 pixels come from... Maybe it's actually padding*4 instead? I'll find out some other time*/
	margin-top: -1px;
	display: block;
	border: 1px solid #666;


    }
     #navlist li ul li a{
	text-align: left;
	line-height: 14px;
       font-weight: normal;
	margin-top: 1px;
	
    }
    #navlist li ul li a:hover{
	
	margin-top: 1px;
	line-height: 14px;
       color: white;
	



    }
    #navlist li:hover ul, #navlist li.over ul{ /* lists nested under hovered list items */
        display: block;



    }

#satser, #maler {
  width: 160px;
  clear: both;
  float: right;
  border: 1px solid #114A43;
  padding: 0.5em;
}

#maler{
	display: none;
}
#satser ul, #maler ul {
 padding: 0;
 margin: 0;
}

#satser ul li, #maler ul li {
  list-style-type: none;
  margin: 0;
  
}
#maler {
  margin-top: 25px;
}

#newsFolder {
  margin-right: 200px;
}
.newsItem .clearer {
  clear: none;
}