﻿/**
 * Stilark for nye www.jordan.no
 * 
 * @author  Thomas S�moen <thomas@apt.no>
 * @version (20080526)
 */


/*  FARGER
    Bakgrunn p� siden:        #fff
    Tekst, generelt:        #1b1c20
    
  
  FONTER
    Body:             Verdana, Geneva, Arial, Helvetica, sans-serif;
*/

/*  DOKUMENTSTRUKTUR:
    =RESET (nullstiller enkelte deklarasjoner)
    =TYPOGRAFI OG FARGER(definerer skrifttype/-st�rrelse og -farger)
    =RAMMEVERK (sidenes oppsett, grid m.m.)
    =DINGSER (samtlige gjenbrukbare elementer)
    =SPESIAL (eventuelle spesialklasser og "hacks")
*/

/*  REKKEF�LGE P� DEKLARASJONER
    * positioning (with coordinates) styles
    * float/clear styles
    * display/visibility styles
    * spacing (margin, padding, border) styles
    * dimensions (width, height) styles
    * typography-related (line-height, color, etc.) styles
    * miscellaneous (list-style, cursors, etc.) styles

*/


/*  =RESET 
  ----------------------------------------------------*/
* {
  margin:0;
  padding:0;
  }
  
body {
  background:#fff url(../elm/bg_body.gif) top left repeat-x;
  }
  
fieldset{
  border: none;
  }

img{
  border: none;
  }
  
li {
  list-style:none;
}

legend {
  display:none;
  }
  
em {
  font-size:1.1em;
  font-weight:bold;
  font-style:normal;
  line-height:1.4em;
  }
  
div.hr hr {
  display:none;
  }
  
address {
  font-style:normal;
  }
  
.clearfix 
{
	clear:both; 
	height:0px; 
	overflow:hidden;
}  

.pos-left {
 float:left;
}

.pos-right {
	float:right;
}
  
/*  =TYPOGRAFI OG FARGER
  ----------------------------------------------------*/

  body {
    font-size:62.5%;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#1b1c20;
    }
    
  h1 {}
  
  h2 {
    margin-bottom:0.23em;
    font-size:3em;
    font-weight:normal;
    color:#4d403e;
    }
  
  h3 {
    margin-bottom:0.5em;
    font-size:1.4em;
    color:#4d403e;
    }
    
    h3 a {
      text-decoration:none;
      }
      
    h3 a:hover {
      text-decoration:underline;
      }
  
  h4 {
    font-size:1.1em;
    line-height:1.4em;
    font-weight:bold;
    }
  
  small {
    /*display:block;*/
    display: none;
    margin-bottom:1em;
    border-top:1px dashed #8d8e90;
    border-bottom:1px dashed #8d8e90;
    font-size:0.9em;
    line-height:2em;
    }
  
  p {
    padding-bottom:15px;
    font-size:1.1em;
    }
    
    p small {
      display:inline;
      }
    
  p.ingress {
    font-size:1.4em;
    }
  
  a {
    color:#004895;
    }

	.bg-lightgrey 
	{
		background:#edeeef;
	}
		
	.bg-seagreen 
	{
		background: #e9f4f5;
	}
    
    
/*  =RAMMEVERK 
  ----------------------------------------------------*/
  
  div#framework {
    margin:0 auto;
    width:965px;
    }
    
  div#header {
    position:relative;
    margin-bottom:0.5em;
    width:965px;
    height:90px;
    background:url(../elm/bg_framework.gif) bottom left repeat-x;
    }
    
    div#header h1.logo {
      position:absolute;
      top:28px;
      left:11px;
      background:url(../elm/bg_logo.png) top left no-repeat;
      }
    
      div#header h1.logo a {
        display:block;
        width:132px;
        height:27px;
        text-indent:-10000em;
        outline:none;
        }
    
    div#header div.hr {
      position:absolute;
      left:0;
      bottom:0;
      width:965px;
      height:28px;
      }
    
      div#header div.hr span {
        position:absolute;
        left:0;
        bottom:0;
        }
        
      div#header div.hr span.left {
        width:8px;
        height:28px;
        background:url(../elm/bg_framework_left.gif) bottom left repeat-x;
        }
        
      div#header div.hr span.right {
        left:auto;
        right:0;
        width:7px;
        height:28px;
        background:url(../elm/bg_framework_right.gif) bottom left repeat-x;
        }
        
    div#header ul.menu {
      position:absolute;
      bottom:21px;
      right:0;
      width:56.5em;
      }
      
      ul.menu li {
        position:relative;
        display:block;
        float:left;
        border-top:1px solid #96969b;
        border-right:1px solid #96969b;
        border-left:1px solid #96969b;
        margin-left:-1px;
        width:8.1em;
        line-height:27px;
        }
        
        ul.menu li a {
          display:block;
          padding:0;
          font-size:1.1em;
          color:#9e9693;
          text-align:center;
          text-decoration:none;
          line-height:26px;
          }
          
        ul.menu li a:hover {
          color:#1b1c20;
          }
          
        ul.menu li span {
          position:absolute;
          top:-1px;
          display:block;
          width:4px;
          height:3px;
          }
          
        ul.menu li span.left {
          left:-1px;
          background:url(../elm/bg_menu_left.gif) top left no-repeat;
          }
          
        ul.menu li span.right {
          left:auto;
          right:-1px;
          background:url(../elm/bg_menu_right.gif) top left no-repeat;
          }
          
      ul.menu li.selected {
        background:#fff;
        margin-bottom:0;
        border-color:#1c1d21;
        z-index:1;
        }
        
        ul.menu li.selected a {
          color:#1b1c20;
          }
        
        ul.menu li.selected span.left {
          background-image:url(../elm/bg_menu_left_selected.gif);
          }
          
        ul.menu li.selected span.right {
          background-image:url(../elm/bg_menu_right_selected.gif);
          }

  div#canvas {
    width:965px;
    overflow:hidden;
    }
    
  div.twocolumns {
    width:965px;
    background:url(../elm/bg_two_columns.gif) 240px 0px repeat-y;
    overflow:hidden;
    }
    
    div.twocolumns .submenu-container {
      float:left;
      margin-left:1px;
      margin-right:12px;
      margin-top:24px;
      width:228px;
      }

    div.twocolumns .content {
      float:left;
      width:724px;
      min-height:500px;
      }
    
  div.threecolumns {
    width:965px;
    background:url(../elm/bg_three_columns.gif) 240px 0px repeat-y;
    overflow:hidden;
    }
    
    div.threecolumns .submenu-container {
      float:left;
      margin-left:1px;
      margin-right:12px;
      margin-top:24px;
      width:228px;
      }
      
    div.threecolumns .content {
      float:left;
      margin-right:1px;
      width:483px;
      min-height:500px;
      }
      
    div.threecolumns .relevance {
      float:left;
      margin-top:24px;
      padding-left:9px;
      width:231px;
      }   
      
  div.blank {
    background:none;
    }
          
  div#footer {
    margin-top:0.4em;
    width:965px;
    height:26px;
    }

		/* Header: Language selection area */    
    div#header .language-selection {
      position:relative;
      float:right;
      margin-right:20px;
      height:26px;
      }

	    div#header .language-selection .dropdown {
	    	margin: 5px 0px 0px 10px;
        font-size:12px;
				background-color: #efeff1;
     		color: #5c5b60;
        border-top:2px solid #999b9e;
        border-bottom:1px solid #c3c5c8;
        border-right:1px solid #c3c5c8;
        border-left:2px solid #999b9e;
				}

	    div#header .language-selection .language-flag {
	    	margin: 3px 0px 0px 10px;
	    	float:left;
				}
	    div#header .language-selection .language-flag img{
	        /*width:33px;*/
	        height:26px;
				}

    /* Header: Search area */
    div#header .search {
      position:relative;
      float:right;
      margin:5px 0px 0px 0px;
      }
      
      div#header .search input {
      	float: right;
        width:235px;
        }
        
      div#header .search input.frase {
        left:5px;
        padding:2px 4px 2px 19px;
        border-top:2px solid #999b9e;
        border-bottom:1px solid #c3c5c8;
        border-right:1px solid #c3c5c8;
        border-left:2px solid #999b9e;
        width:141px;
        font-size:10px;
        color:#98989c;
        background:url(../elm/bg_input_search_top.jpg) center left no-repeat;
        }
      
      div#header .search .searchbutton {
        float:right;
        margin-left: 10px;
        }
      
    div#footer #buttonrow{
    	float:right;
    	margin: 5px 10px 0px 0px;
    }  

    div#footer #buttonrow .rpos{
    	float:right;
    	margin-left: 10px;
    }  
      
    div#footer .mediabank {
      position:relative;
      float:left;
      border-top:1px solid #c7c7c8;
      border-right:1px solid #c7c7c8;
      border-left:1px solid #c7c7c8;
      width: 965px;  /* 719px; */
      height:26px;
      }

      
      div#footer .mediabank a.backtojordan
      {
        display:block;
        float:right;
        margin:4px 6px 0 0;
        height:21px;
        background:url(../elm/btn_mediabank.gif) top left no-repeat;
        text-indent:-100000em;
        outline:none;
        background:url(../elm/btn_backtojordan.gif) top left no-repeat;
        width:113px;
      }
      
      
      div#footer .mediabank #footeraddress 
      {
      	float: left;
      	padding: 6px 10px 0px 10px;
      }
      
    div#footer .left {
      display:block;
      position:absolute;
      top:-1px;
      left:-1px;
      width:5px;
      height:4px;
      background:url(../elm/bg_footer_left.gif) top left no-repeat;
      overflow:hidden;
      }
        
    div#footer .right {
      display:block;
      position:absolute;
      top:-1px;
      right:-1px;
      width:5px;
      height:5px;
      background:url(../elm/bg_footer_right.gif) top left no-repeat;
      overflow:hidden;
      }
    
/*  =DINGSER 
  ----------------------------------------------------*/    
  div.campaign {
    margin:0 2px;
    height:354px;
    background:#edeeef;
    }
    
  .box {
    position:relative;
    float:left;
    width:241px;
    height:172px;
    }
    
    .box h2 {
      font-size:20px;
      }
      
      .box h2 a {
        color:#4d403e;
        text-decoration:none;
        }
        
      .box h2 a:hover {
        /*text-decoration:underline;*/
        }
    
    .box img {
      position:absolute;
      top:0;
      left:0;
      }
      
    .box .frame {
      position:absolute;
      top:0;
      left:0;
      padding:11px 11px 11px 11px;
      width:219px;
      height:150px;
      background:url(../elm/bg_box_frame.png) top left no-repeat;
      overflow:hidden;
      }

    .box .frame02 {
      position:absolute;
      top:0;
      left:0;
      padding:11px 11px 11px 11px;
      width:210px;
      height:150px;
      overflow:hidden;
      }
      
  .product {
    margin-left:3px;
    padding:13px 11px 0 11px;
    width:230px;
    height:159px;
    background:url(../elm/bg_box_product.gif) top left no-repeat;
    overflow:hidden;
    }
    
  .product * {
    font-family:Arial, Helvetica, sans-serif;
    }
    
    .product h3 {
      float:left;
      font-size:18px;
      font-weight:normal;
      color:#fff;
      }

    .product div.label {
      float:left;
      display:block;
      width:213px;
      }

    .product .text {
      font-size:11px;
      line-height:13px;
      color:#5c5b60;
      }
      
    .product a.button {
      float:right;
      display:block;
      margin-right:10px;
      margin-bottom:10px;
      width:98px;
      font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size:10px;
      line-height:21px;
      text-align:center;
      color:#5c5b60;
      background:url(../elm/btn_product.gif) top left no-repeat;
      text-decoration:none;
      }
    
  .boxes {
    padding-top:4px;
    margin-left:240px;    
    width:737px;
    height:172px;
    clear:both;
    overflow:hidden;
    }
    
  ul.entrance {
    margin-top:5px;
    width:965px;
    overflow:hidden;
    }
    
    ul.entrance li {
      float:left;
      margin-right:3px;
      width:239px;
      height:170px;
      }
      
      ul.entrance li h2 {
        font-size:2em;
        font-weight:normal;
        }
      
        ul.entrance li h2 a {
          display:block;
          float:left;
          width:228px;
          height:170px;
          color:#4d403e;
          text-decoration:none;
          }
          
      ul.entrance li .frame {
        width:239px;
        height:170px;
        background-image:url(../elm/bg_box_frame_entrance.png);
        }
          
    ul.entrance li.end {
      margin-right:0;
      }
      
  ul.submenu {
    border-bottom:1px solid #e5e5e6;
    }
    
    ul.submenu li {
      display:block;
      }
      
      ul.submenu li a {
        display:block;
        padding-left:16px;
        border-top:1px solid #e5e5e6;
        border-bottom:1px solid #fff;
        border-left:1px solid #fff;
        font-size:1.1em;
        line-height:2.2em;
        color:#1b1c20;
        text-decoration:none;
        z-index:1;
        outline:none;
        }
        
      ul.submenu li a:hover {
        color:#1b1c20;
        }
        
    ul.submenu li.multi {
      background:url(../elm/bg_submenu_lev1.gif) 6px 10px no-repeat;
      }
      
      
        
    ul.submenu li.selected {
      background:url(../elm/bg_submenu_selected.gif) 6px center no-repeat;
      }
      
      ul.submenu li.selected a {
        color:#1b1c20;
        }
        
      ul.submenu li ul {
        overflow:hidden;
        height:0px;
        }
        
        ul.submenu li ul li {
          margin-left:16px;
          }
          
        ul.submenu li ul li.selected {
          background:url(../elm/bg_submenu_selected.gif) 6px center no-repeat;
          }
        
          ul.submenu li ul li a {
            position:static;
            padding-left:18px;
            border-bottom:1px solid #fff;
            background:none;
            }
          
          ul.submenu li ul li.first a {
            border-top:1px solid #fff;
            }
            
          ul.submenu li ul li ul {
            overflow:hidden;
            height:0px;
            }
          
    ul.submenu li.open {
      border-bottom:none;
      background:url(../elm/bg_submenu_lev1_open.gif) 6px 10px no-repeat;
      }
      
      ul.submenu li.open a {
        border-color:#1b1b1f;
        color:#1b1c20;
        
        }
      
      ul.submenu li.open ul {
        height:auto;
        }
        
        ul.submenu li.open ul li {
          }
          
        ul.submenu li.open ul li.selected {
          background:url(../elm/bg_submenu_selected.gif) 6px center no-repeat;
          }
          
          ul.submenu li.open ul li a {
            border:none;
            border-top:1px solid #e5e5e6;
            color:#1b1c20;
            background:none;
            }
            
          ul.submenu li.open ul li.selected a {
            color:#1b1c20;
            }
          
          ul.submenu li.open ul li a:hover {
            color:#1b1c20;
            }
            
        ul.submenu li.open ul li.first a {
          border-top:1px solid #fff;
          }
          
        ul.submenu li.open ul li ul {
          overflow:hidden;
          height:0px;
          }
          
      ul.submenu li.open ul li.open {
        }
        
        ul.submenu li.open ul li.open a {
          color:#1b1c20;
          }
        
        ul.submenu li.open ul li.open ul {
          height:auto;
          }
          
          ul.submenu li.open ul li.open ul a {
            color:#1b1c20;
            }
            
          ul.submenu li.open ul li ul li.selected a {
            color:#1b1c20;
            }
          
  div.twocolumns .article {   
    padding:15px 8px 15px 8px;
    width:708px;
    background:url(../elm/bg_content.gif) top left repeat-x;
    }
    
    div.twocolumns .article div.hr {
      border-top:1px dashed #aaaaac;
      }
      
    div.twocolumns .article em {
      display:block;
      padding-top:3px;
      }
      
    div.twocolumns .article h3 {
      margin-top:1em;
      }
      
    div.twocolumns div.images {
      width:100%;
      }
  
  div.twocolumns .productdisplay {  
    padding: 0 8px 15px 8px;
    width:362px;
    background:url(../elm/bg_two_columns.gif) 374px 0px repeat-y;
    }
  
  div.twocolumns .productinfo{
    float: left;
    width: 320px;   
    min-height:500px;
    padding: 0 0 0px 8px;
	  }

	  div.twocolumns .productinfo .producttext{
			min-height:475px; 
			padding-bottom:15px;
			}
  
	  div.twocolumns .productinfo .footer{
			position:relative; 
			left:0px; 
			bottom:0px; 
			width:320px; 
			height:25px;
			}

	  div.twocolumns .productinfo .footer .link{
	    color:#1b1c20;
			float:left;
	  	margin-top:12px;
	  	text-decoration:none;
			}

	  div.twocolumns .productinfo .footer .image{
			float:left;
			margin-right:8px;
			}

  div.threecolumns .article {   
    padding:15px 8px 15px 8px;
    width:467px;
    background:url(../elm/bg_content.gif) top left repeat-x;
    }
    
    div.threecolumns .article div.hr {
      border-top:1px dashed #aaaaac;
      }
      
    div.threecolumns .article em {
      display:block;
      padding-top:3px;
      }
      
    div.threecolumns .article h3 {
      margin-top:1em;
      }
      
	  div.threecolumns .article .footer{
			height:25px;
			}

	  div.threecolumns .article .footer .link{
	    color:#1b1c20;
			float:left;
	  	margin-top:12px;
	  	text-decoration:none;
			}

	  div.threecolumns .article .footer .image{
			float:left;
			margin-right:8px;
			}
      
  div.threecolumns .category {
    min-height:100px;
    }
    
    div.threecolumns .category .campaign {
      position:relative;
      width:479px;
      height:354px;
      }
      
      div.threecolumns .category .campaign img {
        position:absolute;
        display:block;
        }
      
      div.threecolumns .category .campaign .corner {
        position:absolute;
        display:block;
        width:5px;
        height:5px;
        background:#f00;
        z-index:1;
        }
        
      div.threecolumns .category .campaign .top-left {
        top:0;
        left:0;
        background:url(../elm/bg_category_main_top_left.png) top left no-repeat;
        }
        
      div.threecolumns .category .campaign .top-right {
        top:0;
        right:0;
        background:url(../elm/bg_category_main_top_right.png) top left no-repeat;
        }
        
      div.threecolumns .category .campaign .bottom-left {
        bottom:0;
        left:0;
        background:url(../elm/bg_category_main_bottom_left.png) top left no-repeat;
        }
        
      div.threecolumns .category .campaign .bottom-right {
        bottom:0;
        right:0;
        background:url(../elm/bg_category_main_bottom_right.png) top left no-repeat;
        }
        
  div.threecolumns .contact { 
    padding:15px 5px 15px 5px;
    width:473px;
    }
    
    div.threecolumns .contact h2 {
      margin-left:3px;
      }
      
    div.threecolumns .contact div#map {
      position:relative;
      width:473px;
      height:349px;
      background:url(../elm/map.jpg) top left no-repeat;
      }
      
      div.threecolumns .contact div#map h3 {
          margin-top:20%;
          margin-left:20%;
          padding:5%;
          width:50%;
          background:#fff;
        }
        
  div.images {
    margin-bottom:1em;
    width:467px;
    overflow:hidden;
    }
          
    div.images img {
      display:block;
      float:left;
      }
      
    div.images img.right {
      float:right;
      }
      
  .player {
    width:483px;
    height:386px;
    }

/* Relevance column - Links + contact info */      
  .relevance {
		color: #9e9793;
   }
    
    .relevance address {
      display:block;
      margin-top:15px;
      }
      
      .relevance address a.email {
        padding:0 1.1em 0 0;
        text-decoration:none;
        background:url(../elm/bg_li.gif) center right no-repeat;
        }
    
    .relevance h3 {
			color: #9e9793;
      }

    .relevance h4 {
      margin-bottom:3px;
			color: #9e9793;
      }
      
    .relevance .fn {
      display:none;
      }
      
      .relevance h4.logo.logo a {
        display:block;
        width:132px;
        height:27px;
        text-indent:-10000em;
        outline:none;
        }
    
    .relevance a.read-more {
      padding:0 1.1em 0 0;
      text-decoration:none;
      background:url(../elm/bg_li.gif) center right no-repeat;
      }
      
    .relevance a.read-more:hover {
      text-decoration:underline;
      }
    
    .relevance li {
      padding-left:1.3em;
      background:url(../elm/bg_li.gif) center left no-repeat;
      }
      
      .relevance li a {
        font-size:1.1em;
        line-height:1.6em;
        text-decoration:none;
        }
    
    .relevance .hr {    
      margin-bottom:1.2em;
      border-top:1px solid #c7c7c8;
      }
      
  /* Relevance - Contact info */
  .bubble-address {
    display: none;
		}

  .relevance .contactus p {
		font-size: 1.0em;
		line-height: 1.3em;
	  }    

    .relevance .contactus a {
      padding:0 1.1em 0 0;
      text-decoration:none;
      background:url(../elm/bg_li.gif) center right no-repeat;
      }

  
  /* Bobble på google map */
      
  div.bubble {
    }
    
    div.bubble .fn {
      display:block;
      margin-bottom:13px;
      width:132px;
      height:27px;
      text-indent:-10000em;
      background:url(../elm/bg_logo.png) top left no-repeat;
      }
      
      div.bubble .bubble-address {
      	display: block;
      }
      
  div.twocolumns div.product-list {
		width:600px;
    }
    
    div.twocolumns div.product-list div.product {
      border: 1px solid #e9e9e9;
      float:left;
      margin:0 1px 4px 0;
      padding:0;
      width:114px;
      height:182px;
      background:none;
      overflow:hidden;
      }
    div.twocolumns div.product-list div.product:hover {
       border: 1px solid #1b1b1f;
    }  
      div.twocolumns div.product-list div.product h3 {
        padding-left: 4px;
        margin-top:0;
        font-size: 11px;
        line-height: 14px;
        }
        
        div.twocolumns div.product-list div.product h3 a {
          color:#4d403e;
          font-weight: bold;          
          }
          
        div.twocolumns div.product-list div.product h3 a.hover {
          text-decoration:none;
          }
          
                         
    div.twocolumns div.product-list div.hr {
      float:left;
      border-top:none;
      width:100%;
      height:1px;
      overflow:hidden;
      }
      
      div.twocolumns div.product-list div.hr hr {
        display:none;
        }
        
  div.twocolumns div.categories {
    }
    
    div.twocolumns div.category {
      float:left;
      margin:0 7px 14px 0;
      width:224px;
      }

    div.twocolumns div.category h4 {
      margin-bottom:10px;
      }

    div.twocolumns div.category a {
      color:#4d403e;
      font-weight: bold;        
      text-decoration:none;  
      }

    div.twocolumns div.category a:hover {
      text-decoration:underline;
      }



    .slide-show {
        position: relative;
        width: 961px;
        height: 354px;
        overflow: hidden;
        z-index: 0;
        }

        .slide-show .frame-top,
        .slide-show .frame-bottom {
            position:absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 6px;
            background: url(../elm/bg_slideshow_frame.png) top left no-repeat;
            }

        .slide-show .frame-bottom {
            top: auto;
            bottom: 0;
            background-position: 0 -348px;
            z-index: 1;
            }

        .slide-show ul {
            position:absolute;
            top: 0;
            left: 0;
            display: block;
            width: 961px;
            height: 354px;
            z-index: 0;
            }

            .slide-show ul li {
                position:absolute;
                top: 0;
                left: 0;
                display: block;
                width: 961px;
                height: 354px;
                z-index: 0;
                }

            .slide-show ul li.active {
                z-index: 1;
                }

                .slide-show ul li img {
                    display: block;
                    position:absolute;
                    top: 0;
                    left: 0;
                    width: 961px !important;
                    height: 354px !important;
                    z-index: 0;
                    }

                .slide-show ul li .desc {
                    display: block;
                    position:absolute;
                    bottom: 15px;
                    left: 0;
                    width: 100%;
                    height: 73px;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    color: #ffffff;
                    z-index: 1;
                    overflow: hidden;
                    background: url(../elm/bg_slideshow_desc03.png) top left no-repeat;
                    }

                    .slide-show ul li .desc .background,
                    .slide-show ul li .desc .text {
                        position:absolute;
                        top: 0;
                        left: 0;
                        width: 961px;
                        height: 73px;
                        z-index: 0;
                        }

                    .slide-show ul li .desc .text {
                        padding:5px 83px 10px ;
                        width: 795px;
                        height: 62px;
                        z-index: 1;
                        }

                        .slide-show ul li .desc .text h2 {
                            margin: 0;
                            padding: 0;
                            width: 795px;
                            font-size:32px;
                            color: #ffffff;
                            font-weight: bold;
                            white-space: nowrap;
                            overflow: hidden;
                            }

                            .slide-show ul li .desc .text h2 a {
                                text-decoration: none;
                                color: #ffffff;
                                }

                        .slide-show ul li .desc .text p {
                            display: block;
                            height: 42px;
                            width: 795px;
                            font-size: 18px;
                            color: #ffffff;
                            overflow: hidden;
                            }

        .slide-show .navigation {
            }

            .slide-show .navigation a {
                display: block;
                position: absolute;
                left: 12px;
                bottom: 24px;
                width: 44px;
                height: 54px;
                text-indent: -88em;
                overflow: hidden;
                outline: none;
                background: url(../elm/bg_slideshow_nav04.png) top left no-repeat;
                }

            .slide-show .navigation a:hover {
                background: url(../elm/bg_slideshow_nav05.png) top left no-repeat;
            }

            .slide-show .navigation a.next {
                left: auto;
                right: 12px;
                background-position: -44px 0;
                }

            .slide-show .navigation a:hover {
                }

/*  =SPESIAL 
  ----------------------------------------------------*/
  
/* brukes til � skjule elementer som allikevel skal v�re synlige for roboter og talegjenkjenning */
.hidden {
  position:absolute;
  width:99em;
  left:-99.9em;
  }

/*added by Epinova October 09 profesionalpages*/

/*news*/
.newsLetterBox {display:block;clear:both;width:100%;float:left;}
.newsLetterBox label{display:block;margin-bottom:3px;}
.newsLetterBox input{width:100%;display:block;width:229px;margin-bottom:8px;}
.newsLetterBox input[type=submit] {width:auto;}

/*Prof startpage*/
.prof {}
.prof_starpage {}
.pro_news {padding-right:10px;color:#4c4c4c;}
.one {color:#4c4c4c;width:100%;display:block;overflow:hidden;float:left;clear:both;}
.two {width:211px;float:left;margin-right:15px;color:#7f7f7f;clear:left;}
.three {width:211px;float:left;color:#7f7f7f;}
.pro_news h3{margin:0;padding:0;font-weight:normal;color:#000;}
span.publishDate{color:#7f7f7f;padding:0;display:block;padding:1px 0 3px 0;}

.pro_news img {border:1px solid #efefef;max-width:120px;float:left;margin:0 10px 10px 0;}
img.profInline {width:232px;float:left;}
div.courseList {display:block;width:100%;float:left;clear:both;margin:3em 0 0 0;}
div.courseList .image{width:232px;float:left;display:block;}
div.courseList .list{width:235px;float:left;display:block;}
div.courseList ul {}
div.courseList ul li {margin:0.5em 0 0.5em 0;}
div.courseList ul li a{color:#7f7f7f;}
div.courseList ul li a:hover{color:#004895;}

/*Newslist*/
.newslisting {display:block;float:left;width:100%;margin-bottom: 3em;}
.newslisting h3{font-weight:normal;margin:0 !important;padding:0 !important;}
.newslisting h3 a{color:#000;text-decoration:none;}
.newslisting img{float:left;border:1px solid #efefef;max-width:120px;margin:0 10px 10px 0;}
.newslisting p{font-size:0.9em;margin-bottom:0px;padding-bottom:0px;}
.orderButton {background: transparent url(../../images/orderButton.jpg) no-repeat top center;cursor:pointer;width:63px !important;height:20px;font-size:0.9em;border:0px solid #fff;display:block;clear:both;color:#fff;margin:0;padding:0 20px 0 10px;}
.timeAndPlace {margin-bottom:20px;}
.timeAndPlace h3 {font-size:1.1em;margin-bottom:3px;}

/*course and conferance*/
div.listCourse h4 {color:#4c4c4c;font-weight:normal;font-size:1.2em;margin-top:1.5em;margin-bottom:0.2em;}
.listCourse p {padding-bottom:0;margin-bottom:0;}
h3.listHeading{display:block;width:100%;clear:both;overflow:hidden;padding:1em 0 0 0 !important;}
div.links a{clear:both;float:left;display:inline-block;width:auto;}
div.CourseIntroduction img, div.CourseIntroduction{margin-bottom:1em;}
div.archiveFooter {margin-top: 15px;}

/*imageGallery*/
.imageGallery a{margin:0 0 0.5em 0;}
.imageGallery img{margin:0 0 1em 0;}

/*order material*/
.order {width:476px;float:left;margin-right:-8px;margin-left:-1px;}
.order h3{display:block;width:465px;float:left;font-weight:normal;}
.order h4 {font-size:1.0em;font-weight:normal;}
.order .modul {float:left;width:119px;margin-bottom:15px;}
.order .modul img{width:112px;height:112px;}
.order input {width:30px;margin-top:3px;}



/*OrderMaterialConfirm*/
img.confirm {float:left;width:232px;margin-top:14px;}
fieldset.confirm {width:232px;float:left;}
fieldset.confirm label{display:block;margin:0px 0 3px 0;}
fieldset.confirm label.inline{display:block;float:left;margin:0 0 0 5px;width:205px;}
fieldset.confirm input.check{float:left;width:15px;}
fieldset.confirm input.small{width:40px;}
fieldset.confirm input.medium{width:171px;}
fieldset.confirm input.large{width:221px;}
fieldset.confirm div.row{display:block;width:100%;float:left;margin:0 0 5px 0;}
fieldset.confirm div.row div.inlineSmall{display:block;width:50px;float:left;}
fieldset.confirm div.row div.inline{display:block;width:176px;float:left;}

    a.read-more-prof {
      padding:0 1.1em 0 0;
      text-decoration:underline;
      background:url(../elm/bg_li.gif) center right no-repeat;
      color:#7f7f7f;
      margin-top:0.4em;
      display:inline-block;
      }
      a.read-more-prof-large 
      {
      padding:0 1.1em 0.4em 0;
      text-decoration:underline;
      background:url(../elm/bg_li.gif) center right no-repeat;
      color:#7f7f7f;
      margin-top:0.4em;
      display:inline-block;
	 font-size:1.15em;
      }
      
    a.read-more-prof:hover, a.read-more-prof-large:hover {
      text-decoration:underline;
      color:#004895;
      }
