#body { width: 880px; background: #8b8b8b url(images/bg.jpg) repeat-y top left; }
#OuterDiv { width: 880px; margin: 10px 0 0 135px; }

  #OuterSite { width: 880px; float: left; clear: left; padding: 0; }

/*========================================================*/
/*     Innlogging                                         */
/*========================================================*/  

#ContentLogin { width: 880px; float: left; padding: 0 15px 0 15px; clear: none; }
    #Login { width: 850px; float: left; clear: left; padding: 0; margin: 0px 15px 0 0; text-align: left; }
    #AdminLogin { width: 100px; float: right; clear: right; padding: 0; text-align: right; }
    
.Login:link { font-family: Verdana; color: #B9BABE; font-size: 11px; font-weight: normal; }
.Login:visited { font-family: Verdana; color: #B9BABE; font-size: 11px; font-weight: normal; }
.Login:hover { font-family: Verdana; color: #ffffff; font-size: 11px; font-weight: normal; }

.User:link { font-family: Verdana; color: #ffffff; font-size: 11px; font-weight: normal; margin-right: 20px; }
.User:visited { font-family: Verdana; color: #ffffff; font-size: 11px; font-weight: normal; }
.User:hover { font-family: Verdana; color: #ffffff; font-size: 11px; font-weight: normal; }


/*========================================================*/
/*     Header                                             */
/*========================================================*/   

#OuterTopBorder { width: 880px; height: 20px; background: url(images/border_top_.png) no-repeat bottom left; text-align: right; }

#TopSite { width: 880px; float: left; clear: none; }
 #TopSiteLeft { float: left; clear: left; width: 15px; height: 151px; margin: 0; padding: 0; background: url(images/border_top_left.png) repeat-y top right; } 
 #TopSiteHeader { float: left; height: 147px; clear: none; width: 846px; padding: 2px 2px 2px 2px; margin: 0; background: #ffffff; }
    * html #TopSiteHeader { height: 147px; background: #ffffff; padding: 2px 2px 2px 2px; } /*IE6*/

    #header { background: #ffffff; width: 846px; height: 147px; padding: 0; margin: 0; float: left; clear: left; background: url(images/bg_header.jpg) repeat-x top left; }
    #CellLeftLogo { width: 188px; height: 147px; float: left; clear: none; margin: 0; padding: 0; background: url(images/header_logo.jpg) no-repeat top left; }
    #CellRightBildeloop { width: 658px; float: right; clear: none; margin: 0; padding: 0; }
            .Bildeloop {  width: 658px; height: 147px; margin: 0; padding: 0; }

 
 #TopSiteRight { float: right; clear: right; width: 15px; height: 151px; margin: 0; padding: 0; background: url(images/border_top_right.png) no-repeat top left; } 
    #top_menu { float: left; width: 846px; padding: 0; margin: 0px 2px 0 2px; background: url(images/bg_top_menu.jpg) repeat-x top left; }
    #TopHorizontalMenu { float: left; clear: left; width: 652px; }
        body:first-of-type #TopHorizontalMenu {  width: 642px; } /*Safari3*/

/*========================================================*/
/*     To kolonner                                        */
/*========================================================*/   

#ContentDoubleColumns { float: left; clear: left; width: 465px; padding: 0; margin: 0 0 2px 0; text-align: left; }  
 #DoubleColumns { float: left; clear: left; width: 465px; text-align: left; margin: 0; padding: 0; background-color: #ffffff; }
 * html #DoubleColumns { float: right; clear: right; width: 465px; margin: 0; padding: 0; } /*IE6*/ 
        #DoubleColumns p { margin: 0; }   

#ColumnLeft { width: 231px; float: left; clear: left; text-align: left; margin: 0 3px 0 0; padding: 0; }
.ColumnLeft { width: 231px; float: left; clear: left; text-align: left; margin: 0; padding: 0; }

#ColumnRight { width: 231px; float: left; clear: none; text-align: center; margin: 0; padding: 0; } 
.ColumnRight { width: 231px; float: left; clear: none; text-align: center; margin: 0; padding: 0; }


/*========================================================*/
/*     Tre kolonner                                       */
/*========================================================*/   

#ContentColumn { float: left; clear: left; width: 465px; padding: 0; margin: 0; text-align: left; }  
  #TripleColumns { float: left; clear: left; width: 465px; text-align: left; margin: 0; padding: 0; background-color: #ffffff; }
  * html #TripleColumns { float: right; clear: right; width: 465px; margin: 0; padding: 0; } /*IE6*/ 
  #TripleColumns p { margin: 0; }   

#column-1 { width: 153px; float: left; clear: left; text-align: left; margin: 0 3px 0 0; padding: 0; }
.column-1 { width: 153px; float: left; clear: left; text-align: left; margin: 0; padding: 0; }
.tekstcolumn-1 { width: 153px; float: left; clear: left; text-align: left; margin: 0; padding: 0; }
       
#column-2 { width: 153px; float: left; clear: none; text-align: center; margin: 0 3px 0 0; padding: 0; } 
.column-2 { width: 153px; float: left; clear: none; text-align: center; margin: 0; padding: 0; }
.tekstcolumn-2 { width: 153px; float: left; clear: left; text-align: left; margin: 0; padding: 0; }
  
#column-3 { width: 153px; float: left; clear: none; text-align: right; margin: 0; padding: 0; } 
.column-3 { width: 153px; float: left; clear: none; text-align: right; margin: 0; padding: 0; }
.tekstcolumn-2 { width: 153px; float: left; clear: left; text-align: left; margin: 0; padding: 0; }

#MainSite { width: 880px; float: left; padding: 0 15px 0 15px; clear: none; background: url(images/bg_site.png) repeat-y top left; }
#Site { width: 846px; padding: 0; float: left; clear: none; background:#ffffff; }
#Content { background:#ffffff; width: 846px; padding: 0; float: left; clear: left; margin: 0; }	

#main { float: left; clear: left; width: 846px; padding: 0; margin: 2px 2px 2px 2px; text-align: left; }
    body:first-of-type #main { width: 846px; } /*Safari3*/
    * html #main { width: 846px; margin: 1px 2px 2px 2px; } /*IE6*/ 

#TopContent { float: left; clear: left; width: 846px; text-align: left; margin: 0; padding: 0; background: url(images/bg_content.jpg) repeat-y top left; }
 
#leftContent { width: 188px; height: 580px; float: left; clear: left; margin: 0; padding: 0; background: #b7b9bb url(images/bg_menu.jpg) no-repeat top left; }	
	
	#leftMenu { float: left; clear: left; width: 161px; padding: 0; margin: 0; text-align: left; }
    * html #leftMenu { width: 158px; } /*IE6*/
	#leftMenu-1 { width: 158px; float: left; clear: left; padding: 0; margin: 5px 15px 15px 15px; }
	
	
	#leftContent-1 { float: left; padding: 0; margin: 0; }
	    .leftContent-1 { float: left; clear: left; width: 164px; padding: 0; margin: 25px 12px 25px 12px; }
	        .leftContent-1 p { margin: 0 0 10px 0; }

#rightContentMain { width: 658px; float: right; clear: none; margin: 0; padding: 0; }

#MainContent { float: left; clear: left; width: 465px; text-align: left; margin: 0 2px 2px 2px; padding: 0; }
    * html #MainContent { width: 465px; } /*IE6*/ 
    #MainContent p { margin: 0 0 10px 0; }
    .MainContentPane { width: 465px; padding: 0 0 2px 0; float: left; clear: left; margin: 0; text-align: left; }     
        * html .MainContentPane { width: 465px; } /*IE6*/

#rightContent { width: 189px; float: left; clear: none; margin: 0; padding: 0; }	
	#rightContent-1 { float: right; padding: 0; margin: 0; background: url(images/bg_right.jpg) no-repeat top left; }
	    .rightContent-1 { float: right; clear: right; width: 159px; padding: 0; margin: 5px 15px 15px 15px; }
	        .rightContent-1 p { margin: 0 0 10px 0; }
	
	#rightContent-2 { float: right; padding: 0; margin: 0; background: url(images/bg_right.jpg) no-repeat top left; }
        .rightContent-2 { float: right; clear: right; width: 159px; padding: 0; margin: 5px 15px 15px 15px; } 
  	        .rightContent-2 p { margin: 0 0 10px 0; }

/*========================================================*/
/*     Adminsider                                        */
/*========================================================*/   

#AdminTopContent { float: left; clear: left; width: 846px; text-align: left; margin: 0; padding: 0; }
    
 #AdminContent { float: left; clear: left; width: 846px; text-align: left; margin: 0; padding: 0; }
    * html #AdminContent { float: left; clear: left; width: 822px; margin: 0; padding: 0; } /*IE6*/ 
    #AdminContent p { margin: 0 0 10px 0; }
    .AdminContentPane { width: 846px; padding: 0; float: left; clear: left; margin: 0; text-align: left; }     
        * html .AdminContentPane { float: left; clear: left; width: 846px; } /*IE6*/           
     #AdminCellRightBildeloop { float: right; clear: none; margin: 0; padding: 0; }

  
/*========================================================*/
/*     Footer                                             */
/*========================================================*/   

#footer { float: left; width: 846px;  text-align: center; padding: 5px 0 0 0; margin: 0 2px 0 2px; background: #e9eaea; height: 19px; }
    * html #footer { height: 24px; } /*IE6*/      
    
#FooterColumn { float: left; clear: left; width: 846px; text-align: left; margin: 0; padding: 0; }
  * html #FooterColumn { float: right; clear: right; width: 840px; margin: 0; padding: 0; } /*IE6*/ 
  #FooterColumn p { margin: 0; }   

#FooterDomene { width: 129px; float: left; clear: left; text-align: left; margin: 0 0 0 13px; padding: 1px 0 0 0; font-family: Verdana; font-size: 9px; color: #737373; font-weight: bold; }
       
#FooterKontakt { width: 450px; float: left; clear: none; text-align: center; margin: 0 15px 0 0; padding: 0; } 
  .FooterKontakt { width: 450px; float: left; clear: none; text-align: center; margin: 0; padding: 0; }
  .FooterKontakt { width: 450px; float: left; clear: left; text-align: left; margin: 0; padding: 0; }
 
#FooterProd { width: 200px; float: left; clear: none; text-align: right; margin: 0 15px 0 0; padding: 1px 0 0 0; font-family: Verdana; font-size: 9px; color: #737373; }     
    #FooterProd a { font-family: Verdana; font-size: 9px; font-weight: normal; color: #737373; } 


/*========================================================*/
/*     Bunn                                               */
/*========================================================*/  

#BottomSite { box-sizing: border-box; -moz-box-sizing: border-box; width: 880px; float: left; clear: none; padding: 0; margin: 0; }
  #BottomSiteLeft { float: left; clear: left; width: 15px; height: 2px; margin: 0; padding: 0; background: url(images/border_bottom_left.png) no-repeat bottom right; } 
  #BottomSiteRight { float: right; clear: right; width: 15px; height: 2px; margin: 0; padding: 0; background: url(images/border_bottom_right.png) no-repeat bottom left; } 
    * html #BottomSiteLeft, #BottomSiteRight  { margin: 0 0 -10px 0; } /*IE6*/ 
 
#OuterBottomBorder { float: left; clear: left; width: 880px; height: 17px; background: url(images/border_bottom.png) no-repeat top left; }


/*========================================================*/
/*     Søk                                                */
/*========================================================*/
#Search { box-sizing: border-box; -moz-box-sizing: border-box; float: right; clear: right; padding: 0; margin: 0; width: 176px; }
    body:first-of-type #Search {  width: 186px; } /*Safari3*/
#dnn_dnnSearch_txtSearch { margin-bottom: 3px; }
    html>body #dnn_dnnSearch_txtSearch { margin-bottom: 4px; }

#TopSearch { box-sizing: border-box; -moz-box-sizing: border-box; float: left; clear: left; padding: 0; margin: 0; width: 176px; height: 26px; }
    body:first-of-type #TopSearch {  width: 186px; } /*Safari3*/
#SearchBox { float: left; width: 120px; text-align: right; padding: 0; margin: 2px 0 0 0; }
    body:first-of-type #SearchBox { margin: 0 10px 0 0; } /*Safari3*/
.TopSearchBox { }
#SearchButton {	float: right; clear: right; width: 46px; padding: 5px 0 0 0; font-family: Verdana; font-size: 11px; font-weight: bold; color: #ffffff; }    

    #SearchButton a:link { padding: 5px 0 0 0; font-family: Verdana; font-size: 11px; font-weight: bold; color: #737377; }    
    #SearchButton a:hover { padding: 5px 0 0 0; font-family: Verdana; font-size: 11px; font-weight: bold; color: #737377; }    

#SearchBottom { box-sizing: border-box; -moz-box-sizing: border-box; float: left; clear: left; padding: 0; margin: 0; background: #deeddb; width: 174px; height: 23px; margin-right: 2px; }
    body:first-of-type #SearchBottom {  width: 184px; } /*Safari3*/

/*========================================================*/
/*     Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu   --*/ 
.MainMenu_MenuContainer { padding: 0; height: 26px; }
/*-- menuitems idle  --*/ 
.MainMenu_Idle TD { font-family: Verdana; font-size: 11px; font-weight: normal; color: #8C8C8C; padding: 0px 0px 0px 0px; height: 26px; }
/*-- menuitems over  --*/ 
.MainMenu_Selected TD { background: #8C8C8C; font-family: Verdana; font-size: 11px; font-weight: normal; color: #ffffff; padding: 0px 0px 0px 0px; height: 26px; }    
/*-- menuitems active           --*/ 
.MainMenu_Active TD, .MainMenu_BreadcrumbActive TD {  
    font-family: Verdana; font-size: 11px; font-weight: bold; color: #000000; padding: 0px 0px 0px 0px; height: 26px; }
/*-- right seperator idle       --*/ 
.MainMenu_RightIdle { background: url(images/menubg_divide.jpg) no-repeat top right; width: 0px; height: 26px; }
/*-- bar that holds the menu    --*/ 
.MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent; height: 26px;}
/*-- submenu container          --*/ 
.MainMenu_SubMenu, .ModuleTitle_SubMenu {
    z-index: 1000; cursor: pointer;  cursor: hand; margin: 0; background: #F1F1F1; padding: 0px; font-weight: normal; filter: none; }  
/*-- submenu items idle         --*/ 
.MainMenu_MenuItem, .ModuleTitle_MenuItem {
    font-family: Verdana; font-weight: normal; font-style: normal; color: #8C8C8C; font-size: 11px;
     padding: 2px 30px 2px 16px; height: 15px; border: 0; }    
/*-- submenu items hover        --*/ 
.MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: Verdana; font-size: 11px; font-weight: normal; 
    cursor: pointer; cursor: hand; color: #ffffff; background: #8C8C8C; padding: 2px 30px 2px 16px; height: 15px; border: 0;}
/*-- not needed - main menu     --*/ 
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
/*-- module menu continer       --*/ 
.ModuleTitle_MenuContainer { color: #ff0000; }
/*-- module menu bar            --*/ 
.ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
/*-- module menu padding        --*/ 
.ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
/*-- not needed - module menu   --*/ 
.MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }
/*-- removing seperator borders --*/ 
.MainMenu_MenuBreak { border-top-style: none; border-right-style: none; border-left-style: none; 
    border-bottom-style: none; background: transparent; vertical-align: top;}


