/*
DOMAIN:		www.webmakers.dk
DESC:		  Stylesheet for UN
AUTHOR:		Bjarke Raabjerg
RELEASE:	24 Sep. 2008
NOTES:
EDITED: 27.01.2011 (redesign implemented / Webmakers A/S)
*/

/* Globals */

body {
  font-family: arial, verdana, sans-serif;
	/*background-color: #505050;*/
	background:#004974 no-repeat url("../images/bg-body_2011.jpg") center top;
	font-size: 12px;
	color: #191d1e;
	text-align: center;
	margin: 0px auto;
	padding: 0;
  line-height: 17px;
}

.clearleft{clear:left;height:0;}

p {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    line-height: normal;
}

h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
    line-height: normal;
}

h3 {
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
    line-height: normal;
}

h4 {
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
    line-height: normal;
}

h5 {
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    line-height: normal;
}

h6 {
    font-size: 10px;
    font-weight: normal;
    margin: 0px;
    line-height: normal;
}

#container {
    width: 800px;
    /*background-image: url("../images/container.jpg");
    background-repeat: repeat-y;*/
    /*background:transparent repeat-y url("../images/bg-container.gif") center top;*/
    position: relative;
    margin: 0px auto;
    margin-top: 50px;
    text-align: left;
}

#header {
    width: 760px;
    /*height: 30px;*/
    margin: 0px 0px 0px 20px;
    padding: 0px;
    text-align: left;
    background: #ffffff;
}

#headerFlashimage {
/*    background-image: url("../images/header_flashimage.jpg");*/
    background-repeat: no-repeat;
    height: 233px;
    width: 760px;
    background-color: #cccccc;
    /*background-position: 20px 0px;*/
    /*border-bottom: 1px solid #24282b;*/
}

#headerLogo {
   background-image: url("../images/logo_2011_ny.jpg");
/*     background-image: url("../images/logo_2011.png"); */
    background-repeat: no-repeat;
    width: 415px;
    height: 107px;
    margin-left: 20px;
}

#headerLangSelector {
    width: 65px;
    height: 15px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    right: 50px;
    top: 23px;
}

.headerFlags {
    margin: 0px 2px 0px 0px;
    padding: 0px;
    border: none;
}

#menu {
    width: 760px;
    height:30px;
    /* background-image: url("../images/menu_bg.gif"); */
    background-repeat: repeat-x;
    /*margin: 0px 0px 2px 20px;*/
    margin: 0 auto;
    z-index: 999;
}

#headerIconsbar {
    display: none;
    position: absolute;
    right: 49px;
    top: 60px;
    overflow: hidden;
    white-space: nowrap;
    /*width: 102px;
    height: 13px;*/
    width: 107px;
    height: 14px;
}

.headerIcons {
    border: none;
    margin: 0px 14px 0px 0px;
    padding: 0px;
}

#content {
    position: relative;
    width: 760px;
/*    margin: 0px 0px 15px 27px;*/
    margin: 0px 0px 0 20px;
    padding: 0px;
    float: left;
    overflow: hidden;
    background-color: #ffffff;
}

body.p1 #content, body.p17 #content, body.p9 #content{
  width:760px;
}

#footer,
#footerNew {
    width: 747px;
    height: 17px;
    padding: 0px;
    font-size: 11px;
    /*background-color: #373d40;*/
    background-color:transparent;
    color: #fefefe;
    text-align: center;
    margin-left: 27px;
    clear: left;
}

#footerNew{
  background-color:transparent;
  clear:none;
  font-family: arial, verdana, sans-serif;
  font-size:9px;
  height:57px;
  margin:0 auto 10px auto;
  text-align:left;
  /*width:800px;*/width: 760px;
  }
  
  #footerNew .footerText{line-height:30px;}
  
  #slogan{
    float:right;
  }
    

/*
#watermark1 {
    display: none;
    background-image: url("../images/watermark1.jpg");
    background-repeat: no-repeat;
    width: 580px;
    height: 305px;
}

#watermark2 {
    display: none;
    background-image: url("../images/watermark2.jpg");
    background-repeat: no-repeat;
    width: 580px;
    height: 350px;
}
*/

#watermark1, #watermark2 {
    /* background-image: url("../images/watermark3.jpg"); */
    background-repeat: no-repeat;
    background-position: right;
    width: 770px;
    height: 287px;
}

/* Frontpage */

#fp_newsbox {
    width: 226px;
    height: 170px;
    float: left;
    margin-bottom: 45px;
    margin-top: 17px;
}
body.p1 #fp_newsbox, body.p17 #fp_newsbox, body.p9 #fp_newsbox{
  margin-top:0;    
}

#fp_newsboxHeader {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 9px;
    color: #373d40;
}

#fp_newsboxList {
    width: 205px;
    /*height: 133px;*/
    /*background-color: #4a8ac3;*/
    background:#fefba6;
    color:#000;    
    padding: 21px 15px 20px 17px;
}

body.p1 #fp_newsboxList, body.p17 #fp_newsboxList, body.p9 #fp_newsboxList{
  height:200px;
  width:200px;
  margin-top: 48px;
}

.fp_newsboxDate {
    font-size: 11px;
    /*color: #fefefe;*/
    color:#000;
    font-weight: bold;
    line-height: 13px;
}

.fp_newsboxNews {
    font-size: 11px;
    /*color: #fefefe;*/
    color:#000;
    line-height: 13px;
}

.fp_newsboxNews a {
    font-size: 11px;
    /*color: #fefefe;*/
    color:#000;
    text-decoration: none;
}

.fp_newsboxNews a:hover {
    text-decoration: underline;
}

.fp_newsboxDivider {
    width: 205px;
    height: 1px;
    /*color: #fefefe;*/
    color:#000;
    /*background-image: url("../images/fp_newsboxdivider.gif");*/
    background-image: url("../images/fp_newsboxdivider_2011.gif");
    background-repeat: no-repeat;
    margin: 8px 0px 8px 0px;
}

#fp_newsboxlink {
    font-size: 11px;
    /*color: #fefefe;*/
    color:#000;
    text-align: right;
    margin-top: 8px;
}

#fp_newsboxlink a{
    /*color: #fefefe;*/
    color:#000;
    text-decoration: underline;
}

#fp_contentBox {
    width: 493px;
    /*height: 210px;*/
    float: left;
    overflow: hidden;
    /*margin-bottom: 45px;*/
    margin-bottom: 25px;
    margin-top: 17px;
    padding-right: 20px;
    margin-left: 15px;
}

body.p1 #fp_contentBox, body.p17 #fp_contentBox, body.p9 #fp_contentBox{
  margin-top:0;
}

#fp_bottomImageBox{
    padding-left: 28px;
    clear: both;
}

.fp_bottomImages {
    border: 2px solid #383e41;
}

/* Personnel */

#ps_contactlist{
    width: 720px;
    margin-left: 15px;
    margin-top: 30px;
    font-size: 11px;
    overflow: hidden;
}

.ps_contactlistHeader {
    width: 720px;
    height: 24px;
    padding-top: 6px;
    color: #363b3e;
    font-weight: bold;
    overflow: hidden;
}

.ps_contactlistBlue {
    width: 720px;
    height: 24px;
    padding-top: 6px;
    color: #000000;
    background-color: #c3d4e4;
    overflow: hidden;
}

.ps_contactlistWhite {
    width: 720px;
    height: 24px;
    padding-top: 6px;
    color: #000000;
    background-color: #f1f1f1;
    overflow: hidden;
}

.ps_contactlistImageicon {
    float: left;
    width: 11px;
    height: 14px;
    margin: 2px 18px 1px 18px;
    _margin: 2px 18px 1px 9px;
    overflow: hidden;
    white-space: nowrap;
}

.ps_contactlistName {
    float: left;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
}

.ps_contactlistDepartment {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    padding: 25px 0px 5px 0px;
}

.ps_contactlistJob {
    float: left;
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
}

.ps_contactlistEmail {
    float: left;
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
}

.ps_contactlistEmail a{
    color: #4a8ac3;
    text-decoration: none;
}

.ps_contactlistEmail a:hover{
    text-decoration: underline;
}

.ps_contactlistMobile {
    float: left;
    width: 102px;
    overflow: hidden;
    white-space: nowrap;
}

.ps_contactlistPhone {
    float: left;
    width: 133px;
    overflow: hidden;
    white-space: nowrap;
}

/* NEWS */

#news_newslistbox {
    /*background-color: green;*/
    width: 300px;
    float: left;
    margin: 30px 41px 0px 51px;
    _margin: 30px 41px 0px 25px;
}

#news_newsbox {
    background-color: #c3d4e4;
    width: 270px;
    float: left;
    clear: right;
    margin-top: 30px;
    padding: 21px 27px 20px 26px;
    position: relative;
}

.news_newslistItem {
    width: 300px;
    height: 70px;
    margin: 0px 0px 0px 0px;
    /*background-color: red;*/
    float: left;
}

.news_newslistArrow {
    background-image: url("../images/page_arrow.gif");
    background-repeat: no-repeat;
    background-position: 0px 4px;
    /*background-color: #fe3456;*/
    width: 9px;
    height: 65px;
    float: left;
    margin-right: 3px;
    clear: left;
}

.news_newslistDate {
    float: left;
    color: #888989;
    width: 288px;
    /*background-color: yellow;*/
    line-height: 17px;
}

.news_newslistHeadline {
    width: 288px;
    font-weight: bold;
    /*background-color: blue;*/
    float:left;
    line-height: 17px;
}

.news_newslistDescription {
    /*background-color: grey;*/
    width: 288px;
    float: left;
    line-height: 17px;
}

.news_newslistLink {
    /*background-color: #f7f7f7;*/
    width: 286px;
    float: left;
    text-align: right;
    line-height: 17px;
    margin-right: 2px;
    clear: left;
}

.news_newslistLink a {
    text-decoration: underline;
    color: #ff0000;
}

.news_newslistArchivebuttonBox {
    float: left;
    clear: left;
    width: 286px;
}

.news_newslistArchivebutton {
    font-size: 11px;
    line-height: 14px;
    background-color: #4a8ac3;
    /*width: 56px;*/
    text-align: center;
    color: #fefefe;
    display: inline;
    padding: 0px 5px 0px 5px;
    clear: both;
}

.news_newslistArchivebutton a {
    text-decoration: none;
    color: #ffffff;
}

.news_newslistArchivebutton a:hover {
    text-decoration: underline;
}

#news_newslistNav {
    width: 145px;
    float: right;
}

.news_newslistNavItem {
    font-size: 11px;
    line-height: 14px;
    background-color: #4a8ac3;
    width: 16px;
    text-align: center;
    color: #fefefe;
    margin: 5px 1px 0px 1px;
    float: left;
}

#news_newslistNavItemActive {
    background-color: #ff0000;
}

.news_newslistNavItem a {
    text-decoration: none;
    background-color: #4a8ac3;
    color: #fefefe;
}

.news_newslistNavItem a:hover {
    text-decoration: underline;
}

.news_newsDate {
    color: #4a8ac3;
}

.news_newsHeadline {
    font-weight: bold;
    margin-bottom: 9px;
}

.news_newsImagebox {
    float: left;
    margin: 0px 10px 9px 0px;
}

.news_newsImage {
    
}

/* Products */

#product_firstpageTextbox {
    /*position: relative;*/
    background-image: url("../images/page_arrow.gif");
    background-repeat: no-repeat;
    background-position: 0px 4px;
    width: 670px;
    margin: 29px 0px 100px 44px;
    /*_margin: 29px 0px 100px 22px;*/
    /*float: left;*/
}

#product_firstpageHeadline {
    color: #191d1e;
    /*color: #4a8ac3;*/
    font-weight: bold;
    position: relative;
    left: 16px;
    margin-bottom: 8px;
}

#product_firstpageContent {
    position: relative;
    
}

#product_textbox {
    background-image: url("../images/page_arrow.gif");
    background-repeat: no-repeat;
    background-position: 0px 4px;
    width: 290px;
    margin: 29px 0px 100px 44px;
    _margin: 29px 0px 100px 22px;
    float: left;
}

#product_headline {
    color: #191d1e;
    /*color: #4a8ac3;*/
    font-weight: bold;
    position: relative;
    left: 16px;
    margin-bottom: 8px;
}

#product_content {
    position: relative;
    
}

#product_videobox {
    width: 303px;
    /*height: 300px;*/
    background-color: #c3d4e4;
    float: left;
    margin: 29px 0px 0px 46px;
    padding: 10px 10px 0px 10px;
}

/* Road Direction */

#roaddir_map {
    background-color: #777777;
    width: 370px;
    height: 210px;
    float: left;
    margin-left: 34px;
    _margin-left: 17px;
    margin-top: 80px;
    margin-bottom: 30px;
}

#roaddir_text {
    width: 250px;
    float: left;
    margin-top: 80px;
    margin-left: 50px;
}

/* Normal Page */

#page_text {
    width: 665px;
    margin-left: 40px;
    margin-top: 40px;
}

/* Contact form */

.contactform_title {
    width: 85px;
    /*height: 50px;*/
    overflow: hidden;
    white-space: nowrap;
    float: left;
    clear: left;
    /*background-color: blue;*/
    padding-top: 2px;
}

.contactform_value {
    /*clear: right;*/
    /*float: left;*/
    display: inline;
    width: 150px;
}

.contactform_field {
    margin-top: 7px;
}

#contactform_submitbutton {
    margin: 15px 0px 30px 0px;
}

.contactform_redstar {
    color: red;
}

/* MENU */

/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
    margin:0;
    padding:0;
    list-style:none;
    font-size: 12px;
    font-weight: normal;
}
.nav {
	line-height:1.1;
}
.nav ul {
	position:absolute;
	top:-999em;
	width:auto;
}

.nav ul li,
.nav a {
	width: auto;
}

.nav li {
	float:left;
	position:relative;
}

.nav a {
	display:block;
}

.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top:2.6em;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}

.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:8.46em;
	top:-1px;
}

.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
    float:left;
    /*margin-bottom:1.5em;*/
    white-space: nowrap;
    margin-left: 25px;
    _margin-left: 13px;
    z-index: 999;
}

.nav li {
    width:99px;
    display: block;
    float: left;
    white-space: nowrap;
    margin-right: 3px;
    z-index: 999;
}

.nav a {
    color: #00448b;
    /*font-size: 11px;*/
    text-align: center;
    padding: 6px 0px 0px 0px;
    text-decoration: none;
    height: 20px;
    width: 99px;
    float: left;
}


.nav a:hover {
    text-decoration:none;
    color: #ffffff;
    width: 99px;
}

.nav a.active {
    text-decoration:none;
    /*color: #4a8ac3;*/
    width: 99px;
    /* background-image: url("../images/menubutton_active.gif"); */
    background-position: center 1px;
    background-repeat: no-repeat;
}

li a.levelone {
    color: #a6b7bf;
}

li a:hover.levelone {
    color: #00448b;
}

.nav a.first {
	/*padding: 7px 0px 0px 0px;*/
}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
    /*color: #4a8ac3;*/
    color: #a6b7bf;
    z-index: 999;
    /* background-image: url("../images/menubutton_active.gif"); */
    background-position: center 1px;
    background-repeat: no-repeat;
}

.nav li ul {
    width: auto;
    color: #4B4B4B;
    z-index:999;
    margin-left: -2px;
}

.nav li li {
    clear: both;
    padding: 0;
    z-index: 999;
}

.nav li li a {
    /*color: #4B4B4B;*/
    padding: 7px 0px 0px 0px;
    text-decoration: none;
    float: left;
    width: 155px;
    height: 20px;
    margin: 0px;
    background-image: url("../images/menubutton2_active.gif");
    background-repeat: no-repeat;
    background-position: center 0px;
}

.nav li li:hover, .nav li li.sfHover {
    background-image: none;
}

.nav li li a:hover {
    background-image: url("../images/menubutton2_active.gif");
    background-repeat: no-repeat;
    background-position: center 0px;
    padding: 7px 0px 0px 0px;
    text-decoration: none;
    width: 155px;
    height: 20px;
}

.nav li li ul {
    margin: 0;
    padding: 0;
    margin-top: 1px;
    margin-left: 64px;
    /*_margin-left: 25px;*/
    z-index: 999;
}

.nav li li li {
    margin-left: 0px;
    z-index: 999;
}

/* Flash Footer */
#flashFooter{display:none;}
body.p1 #flashFooter, body.p17 #flashFooter, body.p9 #flashFooter{
  position:absolute;
  background:no-repeat url("../images/bg-flash.png") left top;
  display:block;
  height:50px;
  left:20px;
  top: 320px;
  width:760px;
  z-index:999;
}