﻿/********************************************************************
GLOBAL TYPOGRAPHY CLASSES
********************************************************************/
body, p, a, th, td, div, h1, h2, h3, h4, h5, h6, input, select
{
  margin:0px;
  padding:0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 9pt;  
  line-height:18px;
  font-weight: normal;
  color: black;
}
a img
{
    border:0px;
}
a:link, a:visited
{ 
  text-decoration:none;
}
a:hover
{
  text-decoration:underline;
}
.ingress, .ingress p, .ingress h2
{
    font-family:verdana;
    font-style:italic;
    font-size:14px;
    color:#9999a7;
    font-weight:normal;
    margin:0px 0px 20px 0px;
}
h1, h1 p
{
    font-family:Verdana, Arial, Sans-Serif;
    font-size:29px;
    line-height:32px;
    font-weight:normal;
    color: #0084c9;
    margin:0px 0px 10px 0px;
}
h2
{
    font-family:Verdana, Arial, sans-serif;
    font-size:11px;
    line-height:14px;
    font-weight: bold;
    color: #0084c9;
    text-transform:uppercase;
    margin:0px 0px 5px 0px;
}
h3, h3 a
{
  font-size:9pt;
  font-weight:bold;
}

h4, h4 a
{
  font-size:8pt;
  font-weight:bold;
}
h5, h5 a
{
  font-size:8pt;
  font-weight:bold;
  font-style:italic;
}
h6, h6 a
{
  font-size:9pt;
  font-weight:bold;
  font-style:italic;
  color:gray;
}
.clear
{
    clear:both;
    font-size:0px;
    height:0px;
    width:0px;
}
/********************************************************************
STRUCTURE CLASSES
********************************************************************/
html
{
  height:100%;
}
body
{
  margin:0px auto 0px auto;
  height:100%;
}
#wrap
{
  width:100%;
  height:auto;
}
#topWrap
{
  width:100%;
  height:auto;
  background:url(Images/menu_bg.gif) repeat-x left bottom;
}
#topContent
{
    position:relative;
  width:950px;
  height:100px;
  margin:0px auto 0px auto;
}
#logotype
{
    cursor:pointer;
    position:absolute;
    top:14px;
    width:162px;
    height:73px;
    background:url(Images/nac_logotype.png);
}
#slogan
{
    position:absolute;
    top:35px;
    left:735px;
    width:170px;
    height:27px;
    background:url(Images/yournordicpartners.gif);
}
#menu
{
    position:relative;
    color:White;
    width:950px;
    height:37px;
    margin:0px auto 0px auto;
}
#mainWrap
{
  width:100%;
  height:auto;
}
#mainContent
{
  width:950px;
  height:auto;
  margin:0px auto 0px auto;
}
#mainContent .minHeight
{
  float:left;
  width:1px;
  height:300px;
  font-size:0px;
}
#col1
{
  float:left;
  width:699px;
  height:auto;
  margin:20px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
#col1 .content
{
    float:right;
    width:645px;
    margin:0px 30px 0px 0px;
}
#col1 .content_2spalt
{
    float:left;
    width:304px;
    height:auto;
}
#col1 .spalt2
{
    margin:0px 0px 0px 37px;
}
#col2
{
    float:left;
    width:250px;
    height:auto;
}
#footerWrap
{
  display:none;
  position:absolute;
  width:100%;
  height:150px;
  background:#000000 url(Images/footer_bottom.gif) repeat-x left bottom;
  
}
#footerContent
{
  text-align:center;
}


/********************************************************************
"PAGE SPECIFIC" CLASSES (Menu, footer, left/right-content etc.)
********************************************************************/
.menu_list
{
    float:left;
    position:relative;
    margin:67px 0px 0px 200px;
    list-style-type:none;   
}

.menu_list .item
{
    position:relative;
    list-style-type:none; 
    padding:0px 12px 0px 12px;
    float:left;
    background-repeat:no-repeat;
    
}
.menu_list .item a
{
    color:White;
    text-transform:uppercase;
}   
.submenu_list
{
    overflow:hidden;
    position:absolute;
    top:24px;
    left:0px;
    width:150px;
    height:0px;
    margin:0px;
    padding:0px;
    background:#0190dc url(images/ddl_bg.gif) repeat-x top left;
}
.submenu_list a
{
    display:block;
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
    width:auto;
    height:auto;
    list-style-type:none;
    margin:5px 0px 5px 8px;
    padding:0px;
}
.dotts_h
{
    background:url(/www/skins/default/images/dotts_h.gif) repeat-x center left;
    font-size:0px;
    margin:0px;
    padding:0px;
    height:5px;
    width:100%;
}
.highlights_item
{
    color:White;
    float:left;
    width:190px;
    margin:0px 0px 5px 0px;
    cursor:pointer;
}
.highlights_item p
{
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    color:White;
    font-size:11px;
}
.tools_item
{
    float:left;
    width:190px;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    cursor:pointer;
}
.tools_item a
{
    font-size:11px;   
}
.blue_box_container
{
    width:228px;
    height:auto;
    background:url(/www/skins/default/images/bluebox/bluebox_shadow.gif) repeat-y left top;
}
.blue_box_container .top
{
    float:left;
    width:228px;
    height:19px;
    background:url(/www/skins/default/images/bluebox/bluebox_top.gif) no-repeat left top;
}
.blue_box_container .main
{
    width:210px;
    height:auto;
    margin:0px 0px 0px 9px;
    padding:0px 0px 0px 0px;
    background:#0079ba url(/www/skins/default/images/bluebox/bluebox_bg.gif) no-repeat left top;
}    
.blue_box_container .main .content_area
{
    float:left;
    width:209px;
    margin:0px 0px 0px 0px;
}
.blue_box_container .main .content
{
    float:left;
    width:180px;
    margin:0px 0px 20px 18px;
}
#mainContent .blue_box_container .main .minHeight
{
    float:left;
    width:1px;
    height:270px;
    font-size:0px;
    margin:0px;
    padding:0px;
}
.blue_box_container .bottom
{
    float:left;
    width:228px;
    height:30px;
    background:url(/www/skins/default/images/bluebox/bluebox_bottom.gif) no-repeat left top;
}



.hightlights_list_item
{
    float:left;
    width:500px;
    margin:0px 0px 15px 0px;
}


.footer_images
{
    position:relative;
    overflow:hidden;
    width:1000px;
    height:125px;
    margin:0px auto 0px auto;
}
.footer_images #footer_roler
{
    position:absolute;
    left:-330px;
    top:0px;
    width:auto;
    height:150px;
}
.footer_images .item
{
    float:left;
    width:330px;
    height:auto;
    margin:0px;
}
.footer_images .item .image
{
    float:left;
    width:160px;
    height:115px;
    margin:5px 0px 5px 5px;
}
.footer_images .item .text
{
    text-align:left;
    color:Gray;
    float:left;
    width:160px;
    height:115px;   
    margin:5px 0px 5px 5px;
    font-size:11px;
    
}

.bc_ul
{
    float:left;
    list-style-type:none;   
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
.bc_ul li
{
    float:left;
    list-style-type:none;   
    padding:0px 5px 0px 0px;
    margin:0px 0px 0px 0px;
    
}