/*
******************************************************************************
* AUTHOR:  Christian Melbye [christian@xeed.no]
* COMPANY: Xeed AS [www.xeed.no]
* DATE:    23.01.2009
******************************************************************************
*/


/*
******************************************************************************
* GENERAL
******************************************************************************
*/

*
{
    padding: 0;
    margin: 0;
}

body
{
    font-family: Arial;
    background:url(../img/graphics/page_bg.gif) repeat-x top left;
}

#container
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

img
{
    border:none;
}

.clearBoth
{
    clear:both;
}

/*
******************************************************************************
* HEADER LANGUAGE LINK
******************************************************************************
*/
#language
{
    height:40px;
    padding:5px 0 0 0;
}

/*
******************************************************************************
* HEADER AND TOP MENU
******************************************************************************
*/

#top_menu
{
    width: 960px;
    
}

    #top_menu .left
    {
        height: 81px;
        width: 14px;
        background-image: url(/img/graphics/top_menu_left.jpg);
        background-repeat: no-repeat;
        float: left;
    }
    
    #top_menu .center
    {
        height: 81px;
        width: 932px;
        background-image: url(/img/graphics/top_menu_center.jpg);
        background-repeat: repeat-x;
        float:left;
    }
    
        #top_menu .center ul
        {
            display: inline;
            list-style-type: none;
            font-size: 11px;
            font-weight: bold;
            
        }
        
            #top_menu .center ul li
            {
                float: left;
                padding:0;
                margin-left: 2px; 
                background-image: url(/img/graphics/top_menu_item.jpg);
                background-repeat: repeat-x;
                height:46px; 
                width: 110px;
                text-align: center;
                                 
            }
            
                #top_menu .center ul li a
                {
                    color:Black;
                    text-decoration: none;
                    
                    display:block;
                    line-height:46px;
                    height:46px;
                }
                
            #top_menu .center ul li.selected
            {
                 background-image: url(/img/graphics/top_menu_item_selected.jpg);
                 background-repeat: repeat-x;
            }
                
                #top_menu .center ul li.selected a
                {
                    color:White;
                }
    
    #top_menu .right
    {
        height: 81px;
        width: 14px;
        background-image: url(/img/graphics/top_menu_right.jpg);
        background-repeat: no-repeat;
        float:left;
    }

        
/*
******************************************************************************
* COLUMN STRUCTURE
******************************************************************************
*/

#content_column_wide
{
    width: 700px;           /* 700 + (2 x 10 padding) = 720 */
    padding-left: 10px;
    padding-right: 10px;
}

#content_column_wide_2
{
    width:600px;
    padding-left: 10px;
    padding-right: 30px; 
}

#content_column_wide_3
{
    width:940px;
    padding:0 10px;
}

    #content_column_wide .column
    {
        width: 330px;       /* 330 + (2 x 10 padding) = 350 */
        padding: 10px;
        margin-bottom: 10px;
    }
    
    #content_column_wide.news_item, #content_column_narrow.news_item
    {
        border-bottom:none;
    }

        #content_column_wide.news_item span.date
        {
            font-size:10px;
            color:#5e5e5e;
            padding:0 0 0 12px;
        }

        #content_column_wide.news_item img
        {
            padding:13px;
            margin:10px 0 5px 0;
            border:1px solid #e3e3e3;
        }

        #content_column_narrow.news_item ul
        {
            list-style-type: none;
            margin: 0px;            
        }
    
            #content_column_narrow.news_item li
            {
                padding:0 0 5px 17px;
                font-size:11px;
            }
            
                #content_column_narrow.news_item li a
                {
                    font-size:11px;
                }


#content_column_wide.intro_text p
{
    
}

    .intro_text p strong
    {
        font-size:16px;
        line-height:21px;
        font-weight:bold;
    }


#content_column_narrow
{
    width: 240px;
}

#content_column_narrow_2
{
    width:310px;
}


    #content_column_narrow .grey_box
    {
        border-left:1px solid #e3e3e3;
        border-right:1px solid #e3e3e3;
        border-bottom:1px solid #e3e3e3;
        background-color:#f5f5f5;
        
        padding:25px 30px 15px 15px;
    }
    
    #content_column_narrow .grey_box.padding_none
    {
        padding:0;
    }


ul.tabs
{
    border-bottom:1px solid #e3e3e3;
    list-style-type:none;
    padding:0 0 0 10px;
    width:230px;
}

    ul.tabs li
    {
        float:left;
        padding:0 17px;
        line-height:33px;
        height:33px;
        
        font-size:14px;
        font-weight:bold;
                
        border-top:1px solid #e3e3e3;
        border-left:1px solid #e3e3e3;
        border-right:1px solid #e3e3e3;
    }
    
    ul.tabs li.first
    {
        margin:0 5px 0 0;
    }
    
    ul.tabs li.selected
    {
        border-bottom:1px solid #f5f5f5;
        margin-bottom:-1px;
        
        background-color:#f5f5f5;
    }    
    
        ul.tabs li.selected a
        {
            color:#424242;
        }
    
        ul.tabs li a
        {
            text-decoration:none;
        }

ul.prod_navi
{
    list-style-type:none;
}
    ul.prod_navi li
    {
        border-top:1px solid #e3e3e3;
    }
    
        ul.prod_navi li a
        {
            padding:9px 0 9px 20px;
            text-decoration:none;
            display:block;
            
            background:url(/img/graphics/prod_navi_arrow.gif) no-repeat 5px -32px;
        }
    
    ul.prod_navi li.first
    {
        border-top:none;
    }
        
        ul.prod_navi li.selected a
        {
            background:url(/img/graphics/prod_navi_arrow.gif) no-repeat 5px 0;
            color:#424242;
        }


        ul.prod_navi li ul
        {
            display:none;
            list-style-type:none;
        }
    
        ul.prod_navi li.selected ul
        {
            display:block;
        }
        
        ul.prod_navi li.selected ul li a
        {
            background-image:none;
            color:#0001fd;
        }
        
            ul.prod_navi li ul li
            {
                border:none;
            }           
            
                ul.prod_navi li ul li.selected a
                {
                    background-color:#e2e2e2;
                    color:#424242;
                }
        
        
                ul.prod_navi li ul li a
                {
                    padding:3px 0 3px 20px;
                    text-decoration:none;
                    display:block;                   
                }
                

div.bottom_line
{
    padding-bottom: 8px;
    border-bottom: 3px solid #DBDBDB;
    width:700px;
}
    
    div.bottom_line a.arrow_grey_left
    {
        line-height:30px;
        
        text-decoration:none;
        font-weight:bold;
        font-size:12px;
        
        background: url(/img/graphics/link_arrow_grey_left.gif) no-repeat left center;
        padding-left: 20px;
    }


.float_left
{
    float: left;
}

.float_right
{
    float: right;
}

.box_big
{
}

.box_small
{
    width: 160px;
    margin-right: 20px;
}

.box_inner
{
    border: 1px solid #DBDBDB;
    padding: 14px 14px 6px 14px;
    overflow: hidden;
}

    .box_inner p
    {
        font-size: 12px;
    }

.news_item
{
    border-bottom: dotted 1px black;
}

#news_column
{    
    overflow: hidden;
    background-image: url(/img/graphics/news_col_bg.gif);
    background-repeat: repeat-x;
    background-color:#f0f0f0;
    
}
    
    #news_column .curve_top
    {
        height:10px;
        display:block;
        background:url(/img/graphics/curve_top.gif) no-repeat top left;
    }
    
    #news_column .content
    {
        padding-left: 14px;
        padding-right: 14px;
        border-left: 1px solid #DBDBDB;
        border-right: 1px solid #DBDBDB;
        border-bottom: 1px solid #DBDBDB;
    }
    
    #news_column ul
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        padding-bottom: 20px;
        
    }
    
        #news_column ul li
        {
            padding-left: 17px;
            padding-bottom: 15px;
            padding-top: 5px;
            border-bottom: 1px dotted #DBDBDB;
            overflow:hidden;
        }
        
        #news_column ul li.last
        {
            border-bottom: 0px;
        }
                
            #news_column ul li p
            {
                margin-top: 10px;
                float: left;
                clear: both;
            }
            
            #news_column ul li p.small
            {
                font-size: 11px;
                margin: 0px;
            }
            
            #news_column ul li img.float_left
            {
                margin:0 5px 5px 0;
            }

.news_grid
{
    padding:15px 0 0 0;
}

    .news_grid .item
    {
        width:300px;
        margin:0 0 15px 20px;
    }
    
    .news_grid .item.first
    {
        margin-left:0;
    }
    
        .news_grid .item .image
        {
            width:100px;
        }
        
            .news_grid .item .image img
            {
                border:1px solid #e3e3e3;
                padding:8px;
            }

        .news_grid .item .text
        {
            width:190px;
            font-size:13px;
            color:#424242;
        }
        
            .news_grid .item .text a.arrow_red
            {
                margin-left:0;
            }
            
            .news_grid .item span.date
            {
                display:block;
                font-size:10px;
                color:#5e5e5e;
            }

.product_item_grid
{
    padding:15px 0 0 0;
}

    .product_item_grid .item
    {
        width:100px;
        margin:0 0 20px 20px;
    }   
    
    .product_item_grid .item.first
    {
        margin-left:0;
    }
    
        .product_item_grid .item img
        {
            display:block;
            border:1px solid #e3e3e3;
            padding:14px;
            margin:5px 0 0 0;
        }
        
        .product_item_grid .item a:hover img
        {
            background-color:#f5f5f5;
        }




.two_grid_photo
{
    width:700px;
    margin:25px 0 20px 0;
}      
    .two_grid_photo img.powerpoint_image
    {
      margin-bottom: 20px;
      padding: 14px;
      border: 1px solid #e3e3e3;
    }      

    .two_grid_photo h4
    {
        margin:0 0 10px 13px;
    }

    .two_grid_photo .item
    {
        border:1px solid #e3e3e3;
        padding:14px;
        
        font-size:12px;
        color:#424242;  
    }
    
        .two_grid_photo .item img
        {
            display:block;
            margin:0 0 5px 0;
        }

.three_grid_photo
{
    margin:0 0 20px 0;
}

    .three_grid_photo .item
    {
        border:1px solid #e3e3e3;
        padding:14px;        
        margin:0 0 0 20px;
        
        font-size:12px;
        color:#424242;
    }
    
    .three_grid_photo .item.first
    {
        margin-left:0;
    }
    
        .three_grid_photo .item img
        {
            display:block;
            margin:0 0 5px 0;
        }
    

.contact_grid
{
    padding:15px 10px 0 10px;
}

    .contact_grid .item
    {
        width:300px;
        /*background-color:Red;*/
        margin:0 0 20px 0;
    }
    
    .contact_grid .item.first
    {
        margin-right:75px;
    }
    
        .contact_grid .item .image
        {
            width:100px;
        }
        
            .contact_grid .item .image img
            {
                border:1px solid #e3e3e3;
            }
    
        .contact_grid .item .text
        {
            width:190px;
            font-size:13px;
            color:#424242;
        }
                
            .contact_grid .item .text a
            {
                font-size:13px;
                font-weight:bold;
            }



.grid_salg
{
    border-bottom: 3px solid #DBDBDB;
    padding:20px 0 0 0;
}

    #content_column_narrow_2 .grid_salg .item
    {
        margin-left:25px;
    }

    .grid_salg .item
    {
        margin:0 0 20px 9px;
    }
    
    .grid_salg .item.first, #content_column_narrow_2 .grid_salg .item.first
    {
        margin-left:0;
    }
    
        .grid_salg .item a
        {
            text-decoration:none;
            font-size:12px;
            font-weight:bold;
        }
    
        .grid_salg .item img
        {
            display:block;
            border:1px solid #e3e3e3;
            padding:15px;
            margin:5px 0 0 0;
        }

#footer
{
    clear:both;
    width: 960px;
    height: 170px;
    float:left;
 
    padding-top: 5px;
    margin-top: 20px;
    border-top: 1px solid #e3e3e3;
    
    background-image: url(/img/graphics/footer_background.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    
    color:#b5b5b5;
    font-size:11px;
    
}

    #footer p
    {
        color:#b5b5b5;
    }
    
    #footer a
    {
        color:#b5b5b5;
        text-decoration:none;
    }


    #footer_col_one
    {
        margin:11px 0 0 25px; /* 165 - 25 = 140px */
        width:140px;       
    }
    
    #footer_col_two
    {
        margin:11px 0 0 15px; /* 180 - 15 = 165px */
        width:165px;       
    }
    
    #footer_col_three
    {
        margin:11px 0 0 15px; /*135 - 15 = 120px */
        width:120px;        
    }
    
    #footer_col_four
    {
        margin:53px 70px 0 0;
        width:120px;
    }
    
    #footer_col_five
    {
        margin:24px 0 0 0;
        width:255px;
    }
    
        #footer_col_five span
        {
            display:block;
            color:#b5b5b5;
            font-size:10px;
        }
        
#footer_reflection
{
    clear:both;
    width:960px;
    
    padding:15px 0 0 0;
    margin:0 0 30px 0;
    
    color:#999999;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    
     background:url(/img/graphics/footer_reflect_bg.gif) no-repeat top left;
}

/*
******************************************************************************
* TEXT MARKUP
******************************************************************************
*/

h1
{
    font-size: 20px;
    color: #424242;
    font-weight: normal;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 5px;
    clear: both;
    
}

    h1.bottom_line
    {
        padding-bottom: 8px;
        border-bottom: 3px solid #DBDBDB;
    }
    
    h1.bottom_line_dotted
    {
        padding-bottom: 8px;
        border-bottom: 1px dotted #DBDBDB;
    }
    
    

h2
{
    font-size: 20px;
    color: #424242;
    font-weight: normal;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 5px;
    clear: both;    
}

    h2.bottom_line_dotted
    {
        padding-bottom: 8px;
        border-bottom: 1px dotted #DBDBDB;
    }

    h2.news
    {
        background-image: url(/img/graphics/news_paper.gif);
        background-repeat: no-repeat;
        background-position: left top;
        height: 24px;
        padding-left: 35px;
        vertical-align: text-bottom;
        margin-top: 1px;
    }    
    
    
h3
{
    color: #424242;
    font-size: 12px;
    margin-left: 16px;
    margin-top: 25px;
    margin-bottom: 5px;
}

h4
{
    color:#424242;
    font-size:14px;
    font-weight:bold;
}

    
p
{
    font-size: 13px;
    color: #424242;
    margin-top: 5px;
    margin-bottom: 15px;
}

    p.strong
    {
        font-weight: bold;
        font-size: 14px;
    }
        
a
{
    text-decoration: underline;
    color:#0001fd;
    font-size: 11px;
}

    a.arrow_grey
    {
        clear: both;
        background-image: url(/img/graphics/link_arrow_grey.gif);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 20px;
    }
    
    a.arrow_red
    {
        font-size: 12px;
        font-weight: bold;
        clear: both;
        background-image: url(/img/graphics/link_arrow_red.gif);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 18px;
        margin-left:-17px;
        text-decoration: none;
        
        color:#0001fd;

    }

div.bottom_line.empty
{
    height:38px;
    border-bottom: 3px solid #DBDBDB;
    padding-bottom: 0px;
    width: 100%;
}   
    
/*
******************************************************************************
* MARKUP USED TO OVERRIDE PREVIOUS STYLES
******************************************************************************
*/
    
    
.margin_none
{
    margin: 0px;
}

.border_none
{
    border-bottom: 0px;
}

/*
******************************************************************************
* CLEARFIX - http://www.positioniseverything.net/easyclearing.html
******************************************************************************
*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */


/*
******************************************************************************
* Certificates
******************************************************************************
*/

#certificates
{
  border: 1px solid #E3E3E3;
  height: 63px;
  margin-bottom: 8px;
  padding-top: 2px;
}

  #certificate a
  {
    text-decoration: none;
  }

  #certificates a.first
  {
    margin-left: 30px;
    width: 78px;
    display: block;
    float:left;
  }
  
  #certificates a.second
  {
    margin-left: 25px;
    width: 70px;
    float: left;
    display: block;
  }

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */