/* Design & Code (c) ABOVO Media */
html, body { 
   padding        : 0; 
   margin         : 0; 
}

body {
   font        : normal 12px "Arial", "Verdana", sans-serif;
   background     : #fff url('../_images/background.gif') repeat-x top left;
   color       : #888; 
}

#wrapper {
   margin         : 0 auto;
   width       : 900px;
   padding        : 0 15px;
   min-height     : 553px;
   background     : transparent url('../_images/background.png') no-repeat top left;
}  
   
#header {
   float       : left;
   width       : 100%;
   height         : 196px;
   background     : transparent url('../_images/header.jpg') no-repeat top left;
}

   #header #logo {
      float       : left;
      width       : 410px;
      height         : 60px;
      margin         : 33px 0 0 34px;
      cursor         : pointer;
   }

      #header #logo img {
         width       : 410px;
         height         : 60px;
      }

#menu {
   float       : left;
   width       : 100%;
   height         : 50px;
}

#main {
   float       : left;
   width       : 100%;
   min-height     : 100%;
   background-color: #fff;
   padding        : 20px 0 30px 0;
}

#left {
   width       : 520px;
   float       : left;
   height         : auto;
   padding        : 0px 30px 0 30px;
   margin-top     : -0px;
   border         : 0px solid black;   
}

#mainpanel-groot li {
      list-style: url('../_images/listitem.gif');  
      margin-left: 20px;
      width:      530px;
   }

#mainpanel-groot ul {
      margin-top: 10px;
   }

#mainpanel ul {
      margin-top: 10px;
      
   }

#mainpanel li {
      list-style: url('../_images/listitem.gif');  
      margin-left: 20px;
      width:      530px;
   }

#mainpanel {
   float       : left;
   width       : 530px;
   height         : auto;
   padding        : 0 30px 0 30px;
   border         : 0px solid black;   
   line-height    : 18px;
}

#mainpanel-groot {
   float       : left;
   width       : 530px;
   height         : auto;
   padding        : 0 30px 0 30px !important!;
   padding        : 0px 0px 0px 30px;
   border         : 0px solid black;   
   line-height    : 18px;
}

#main #mainpanel-groot ul li a{
   list-style     : none;
   text-decoration   : none;
   background     : none;
   padding        : 0 0 0 0px;
}

   #left #services {
      width       : 100%;
      padding        : 5px 0 0 0;
   }
   
   #left a {
      margin-top: -17px;
      display        : block;
      font-weight    : bold;
      background     : transparent url('../_images/item.gif') no-repeat top left;
      padding        : 0 0 0 20px;
      color       : #888;
      text-decoration   : none;
   }
   
   #left a:hover {
      background-position: 0 -35px;
      color          : #415968;

   }
   
   #left .submenu {
      margin-top: -0px;
      text-decoration: none;
      list-style: none;
   }
   
   #left #image {
      position    : relative;
      float       : left;
      width       : 149px;
      height         : 149px;
      margin         : 0px 15px 0 0;
      background     : transparent url('../_images/image_background.gif') no-repeat top left;
      border: 1px solid black;
   }

   #left #submenu {
      border: 1px solid black;
   }
   
      #left #services #image {
         position    : relative;
         float       : left;
         width       : 149px;
         height         : 149px;
         margin         : 15px 15px 0 0;
         background     : transparent url('../_images/image_background.gif') no-repeat top left;
      }

         #left #image #overlay {
            display        : none;
            position    : absolute;
            top            : 0;
            left        : 0;
            width       : 149px;
            height         : 149px;
            background     : transparent url('../_images/image_overlay.png') no-repeat top left;
         }

#right {
   border         : 0px solid black;
   width       : 310px;
   float       : right;
   height         : 100%;
   margin-top     : px;
}
   
   #right .banner-holder{
      float       : left;
      position    : relative;
      width       : 290px;
      height         : 100%;
      cursor         : pointer;
      z-index        : 2;
   }
   #right .banner-holder-top{
      float       : left;
      position    : relative;
      width       : 290px;
      height         : 100%;
      cursor         : pointer;
      z-index        : 2;
   }
   #right .banner {
      float       : left;
      width       : 279px;
      height         : 60px;
      background     : transparent url('../_images/banner_background.gif') no-repeat top left;
      /*margin       : 0 0 15px 0;*/
      padding        : 12px 0 0 11px;
      color          : #FFFFFF;
   }

   #right .block {
      position    : relative;
      float       : left;
      width       : 264px;
      min-height     : 90px;
      background     : transparent url('../_images/block_background.gif') no-repeat top left;
      margin         : 0 0 15px -8px;
      padding        : 24px 18px 0 26px;
   }
   #right a.banner_url{
      color       : #FFFFFF;
      text-decoration   : none;
   }
   #right #banner-info {
      position    : relative;
      float       : left;
      width       : 279px;
      height         : 31px;
      /*margin       : 0 0 15px 0;*/
      padding        : 88px 0 0 11px;
      background     : transparent url('../_images/banner_info.gif') no-repeat top left;
   }
      #right #banner-info-cursor{
         z-index        : 2;
         position    : absolute;
         top            : 0px;
         right       : 0px;
         width       : 290px;
         height         : 119px;
         cursor         : pointer;
      }
      #right #banner-info #can {
         z-index        : 1;
         position    : absolute;
         top            : -51px;
         right       : -56px;
         width       : 273px;
         height         : 199px;
         cursor         : auto;
         background     : transparent url('../_images/can.png') no-repeat top left; 
      }

#footer {
   float       : left;
   width       : 900px;
   border-top     : 1px solid #e5e5e5;
   padding        : 11px 0 20px 0;
}

   #footer #address {
      float       : left;
      height         : 39px;
      padding        : 3px 0 0 55px;
      line-height    : 18px;
      background     : transparent url('../_images/mail.gif') no-repeat top left;
   }

   #footer #contact {
      float       : left;
      padding        : 3px 0 0 30px;
      line-height    : 18px;
   }

   #footer #copyright {
      float       : right;
      padding        : 3px 10px 0 0;
   }

.hr {
   height         : 21px;
   background     : transparent url('../_images/hr.gif') repeat-x center;
}

/* Headings H1-H6 */
h1 { 
   font-size      : 22px;
   line-height    : 26px;
   color       : #AEB801;
}

h2 { 
   font-size      : 18px;
   line-height    : 22px;  
   margin         : 15px 0 5px 0;
   color       : #AEB801;
}

h3 { 
   font-size      : 18px;
   line-height    : 22px;  
   margin         : 0 0 5px 0;
   color       : #ffffff;
}

h4 { 
   font-size      : 16px;
   line-height    : 26px;
   color       : #ffffff;
}

h5 { 
   font-size      : 14px;
   line-height    : 18px;
   color       : #425968;
   margin         : 20px 0 5px 0;
}

h6 { 
   font-size      : 12px;
   line-height    : 16px;
   color       : #888888;
   margin         : 20px 0 5px 0;
   font-weight    : bold;
}


/* Paragraph and Link Styles */
p { }

   #left p { 
      line-height       : 20px;
      padding           : 10px 0 5px 0;
   }

   #right p {
      line-height       : 20px;
      padding           : 5px 0 0 0;
   }

a { 
   color       : #aeb801;
   text-decoration   : none;
}  

   #menu ul.main li a {
      color       : #fff;
      font-weight    : bold;
      text-decoration   : none;
   }

   #menu ul.main li a:hover {
      color       : #b0bd22;
   }

   #menu ul.main li a:active {
      color       : #b0bd22;
/*    padding        : 0 0 0 17px;
      background     : transparent url('../_images/menu_active.gif') no-repeat left; */
   }

   #submenu ul.main li.active {
      padding        : 0;
      background     : none;
   }

   #main ul li a {
      display        : block;
      font-weight    : bold;
      background     : transparent url('../_images/item.gif') no-repeat top left;
      padding        : 0 0 0 20px;
      color       : #888;
      text-decoration   : none;
   }

   #main ul li a:hover {
      background-position: 0 -35px;
      color          : #415968;
   }

   #services ul li:hover a {
      background-position: 0 -35px;
      color          : #415968;
   }

   #news a {
      color       : #425968;
      text-decoration : none;
      font-weight    : bold;
   }

      #news a span {
         padding        : 0 0 0 10px;
      }

      #news a:hover span {
         text-decoration   : underline;
      }

   #newsitem {
      margin         : 5px 0 0 10px;
   }

   #banner-info a {
      position    : relative;
      display        : block;
      color       : #d9dca3;
      text-decoration   : none;
   }

   #banner-info a:hover {
      text-decoration   : underline;
   }

   .banner a {
      color       : #fff;
      text-decoration   : none;
   }
   
   

   .banner:hover a {
      text-decoration   : underline;
   }
   
/* Lists and Navigation */
ul { }   

   #menu ul.main { }

   #menu ul.main li {
      float       : left;
      display        : block;
      height         : 34px;
      padding        : 16px 22px 0 19px;
      background     : transparent url('../_images/menu_bar.gif') repeat-y top right;
      
   }

   #menu ul.submain { 
      position    : absolute;
      visibility     : hidden;
      background-color: #425968;
      padding        : 5px 0;
      margin         : 1px 0 0 0px;
      border         : 1px solid #31393d;
      opacity        : 0.9;
      filter         : alpha(opacity=90);
   }

   #menu ul.submain li {
      float       : none;
      height         : auto;
      padding        : 5px 30px 5px 10px;
      background     : none;
   }
   
   #menu ul.submain li:hover {
      float       : none;
      height         : auto;
      padding        : 5px 30px 5px 10px;
      background     : none;
      position    : static;
      visibility     : visible;
   }

   #menu .main li .active:hover, ul.submain {
      visibility     : visible;
   }
   
   #main ul {
      list-style     : disc;
   }
   
   #main #leftmenu ul {
      float          : left;
   }

   #main ul li {
      padding        : 0 0 7px 0;
      line-height    : 18px;
   }

   #services ul {
      float       : left;
      margin         : 15px 0 0 0;
   }

   #services ul li {
      line-height    : normal;
   }
   

/* Forms */
input, select, textarea {
   border         : 1px solid #b7b7b7;
   padding        : 5px;
   margin         : 0 0 -50px 0;
   width       : 200px;
   font        : normal 12px "Arial", "Verdana", sans-serif;
}

#form-3{
   padding-left   : 20px;
   width       : 400px;
   margin-top: 0px;
}

.form-tekst {
   text-align: right;
}

.forms label {
   width: 400px;
}

/* Tables */

table {
   border-color   : #888888;
   margin         : 15px 0 0 3px;
}

tr {

}

td {
   padding        : 2px 0 2px 10px;
}

caption {
   font-size      : 14px;
   line-height    : 18px;
   color       : #425968;
   margin         : 5px 0 2px 0; 
}

ul .main li:hover {
   position: static;
}

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

#nav {
   width: 900px;
   background-image:url(../_images/bg_menu.jpg);
   background-repeat:repeat-x;
   height:38px;
}
#nav li:hover, #menu li.hover {
    position: static;
}
#nav, #nav ul {
   padding: 0;
   margin: 0;
   list-style: none;
}
#nav li a {
   line-height:36px;
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   font-weight:bold;
   color:#727272;
   text-align:center;
   display:block;
   padding:0px 10px 0px 10px; 
}
#nav li a:hover {
   color:#ED1C24;
}
#nav li {
   float: left;
   display:block;
   background-image:url(../_images/bg_li.jpg);
   background-repeat:no-repeat;
   position:relative;
}
ul#nav ul li {
   background-image:none;
   background-color:#FFFFFF;
   padding:0px;
   width: 200px;
}
#nav ul.submain li a {
   height:19px;
   border:1px solid #9FA0A0;
   border-top:0px;
   line-height:18px;
   text-indent:20px;
   background-image:url(../_images/red_arrow.gif);
   background-repeat:no-repeat;
   background-position:5px 7px;
   display:block;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   color:#696969;
   text-decoration:none;
   background-color:#FFFFFF;
   text-align:left;
   padding:1px 17px 1px 0px;
   width:200px;
   cursor:pointer;
}
#nav ul.submain li a:hover {
   background-color:#DFDFDF;
   background-image:url(../_images/arrow_over.gif);
   background-repeat:no-repeat;
   background-position:5px 7px;
}
#nav li ul {
   position: absolute;
   width: 10em;
   left: -999em;
}
#nav li:hover ul {
   left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
   left: auto;
}
ul#nav ul {
   background-image:none;
}
*/
.spacer{
   clear: both;
   height: 15px;
   }