﻿#topgraphic {
  width: 960px;
  height: 210px;
  position: relative;
}

#topgraphicsub {
  width: 960px;
  height: 130px;
  overflow: hidden;
  position: relative;
}

.faderitem {
  width: 960px;
  height: 210px;
  position: absolute;
  top: 0px;
/*  left: 960px;*/
  left: 0px;
}

.faderitem_first {
  width: 960px;
  height: 210px;
  position: absolute;
  top: 0px;
  left: 0px;
}

body .faderitem h1, body .faderitem_first h1 {
  background-image: url(../images/fader_h1_bg.png);
  margin: 33px 0px 0px 481px;
  padding: 7px 0px 9px 11px;
  font-family: OptimaLTStdMedium, Arial, Helvetica, Sans-Serif;
  font-size: 26px;
  font-weight: normal;
  line-height: 28px;
  
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}

/*
===== ===== ===== ===== ===== PRIMARYSUBMENU
*/
#primarysubmenu {
  width: 924px;
  height:28px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  clear: both;
  float: left;
  background:#c2c9d0;
  padding-left:36px;
}

#primarysubmenu li {
  float:left;
  margin: 0px;
  padding: 0px;
  padding:5px 7px;
  overflow: auto; 
}

#primarysubmenu li a {
  color: #333;
  padding: 1px 0px 1px 7px; 
  display: block; 
  font-size:13px; 
}

#primarysubmenu li a:hover {  
  color: #000;
  text-decoration: none;
}

#primarysubmenu li a.inpath, #primarysubmenu li a.active {
  background:url(../images/bullet_l2.png) left 6px no-repeat;
  color: #000;
  padding-left:10px;
}

#primarysubmenu li ul {
  margin: 0px;
  padding: 0px;
}

#primarysubmenu li ul li {
  margin: 0px;
  padding: 0px;
}


/*
===== ===== ===== ===== ===== CONTENT
*/
#colleft {
  width: 545px;
  margin: 0px;
  padding: 14px 0px 0px 22px;
  float: left;
  
}


#colleft ul {
  margin: 0px;
  padding: 10px 0px 10px 13px;
}

#colleft ol {
  margin: 0px;
  padding: 10px 0px 10px 24px;
}

#colleft ul li, #colleft ol li {
  margin: 0px;
  padding: 0px;
}

#colleft table {
  margin: 0px 0px 0px 0px;
}

#colleft table th {
  
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  padding: 3px 7px 3px 7px;
}

table.th {
  margin:20px 0 0 0;
  background: url(../images/th-bg.png) no-repeat;
  width:545px;
  height:32px;
  border:0px solid red;
  font-size:14px;
  text-align:center;
}
#colleft table.th2 td {
  padding: 6px 7px 6px 7px;
  border-bottom: 1px solid #e8eef3;
}


#colleft table td {
  padding: 6px 7px 6px 7px;
  border-bottom: 0px solid #e8eef3;
}

#colleft p {
  padding: 0px 0px 0px 0px;
  line-height:14px;
}

#colleft h1:first-child, #colleft h1:first-child, #colright h1:first-child, #colright .h1:first-child {
  background-image: none;
  padding-top: 0px;
}


#colleft h1, #colleft .h1 {
  line-height: 24px;
  font-family: OptimaLTStdMedium, Arial, Helvetica, Sans-Serif;
}



#colleft h1, #colleft .h1, #colright h1, #colright .h1 {
  margin: 0px;
  font-size: 24px;
  font-weight: normal;
}

#colright .round-box h1 a, #colright .round-box .h1 a {
  font-size: 20px;
}


#colleft h1 span.text2, #colleft .h1 span.text2{
  color:#004782;
  font-weight:bold;
}

#colleft div.ordinary h1{
  padding-bottom:0px;
}
.ordinary img {
  float:right;
  /*margin-top:20px;*/  
}

.ordinary table td img {
  float: none;
}

#colleft p.text3 {
  font-size:14px;
  line-height:16px;
}

#colleft h2, #colleft .h2 {
  margin: 0px;    
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  font-family: OptimaLTStdMedium, Arial, Helvetica, Sans-Serif;
}

#colleft h3, #colleft .h3 {
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-size: 10px;
  font-weight: bold;
}

#colright h2, #colright .h2 {
  margin: 0px;
  padding: 0px;
  /*position: absolute;*/
}

#colright h3, #colright .h3 {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  font-weight: normal;
}

#colleft h4, #colleft .h4, #colright h4, #colright .h4 {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
}

#colleft a.readmore, #colright a.readmore {  
  
  background: url(../images/readmore_arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  margin: 0px;
  padding: 0px 0px 0px 15px; 
  display: block;
  font-weight:bold;
}


.col:first-child {
  margin-left: 0px;
}

.col {
  width: 530px;
  margin: 0px 0px 15px 15px;
  padding: 16px 16px 15px 16px;
  float: left;
  position: relative;
  z-index: 2;
}

.col img {
  /*position: absolute;
  top: 65px;
  right: 15px;*/
  z-index: 1;
  
  float: right;
  padding: 65px 0px 10px 10px;
}
.col h1, .col .h1, #colright h1, #colright .h1{
  padding: 0px 0px 7px 0px;
}
.col h2, .col .h2{
  padding: 10px 0px 0px 0px;
}

.col h1, .col h3, .col p {
 
}



.col h1:first-child, .col h1:first-child {
  background-image: none;
  padding-top: 0px;
}


#colleft input[type='text'] {
  background: #f2f3f4;
  margin: 0px;
  padding: 1px 3px 0px 3px;
  border: 1px solid #dddfe0;
  font-size: 11px;
}

#colleft input[type='submit'] {
  background: #ffffff;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 14px; 
  color: #ac1a2f;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor:pointer;
  }



#colleft form {
  margin: 30px 0px 20px 0px;
}


#colleft div.knowmore{
  background:url(../images/knowmore.png) no-repeat;
  width:352px;
  min-height:111px;
  padding-top:20px;
  clear: both;
}

.knowmore a{
  background: url(../images/readmore_arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  margin: 0px;
  padding: 0px 0px 0px 15px; 
  display: block;
  font-weight:bold;
}


#colright {
  width: 312px;
  margin: 0px;
  padding: 14px 10px 0px 0px;
  float: right;
}

#colright div:first-child {
  margin-top: 0px;
}


#colright div {
  margin: 18px 0px 0px 0px;
  border: 0px solid #e5e5e5;
  padding: 0px 0px 0px 0px;
  position: relative;
}


#colright #subscribe-box{
  width:302px;
  height:98px;
  padding-left:10px;
  padding-top:5px;
  background:url(../images/green_box.png) no-repeat;  
}
#subscribe-box h2, #subscribe-box .h2{
  float:left;
  text-align:left;
  font-size:18px;
  font-weight:normal;
}
#subscribe-box form{
  margin-top:40px;
  width:144px;
  border:0px solid red;
  float:right
}
#subscribe-box .ptext{
  clear:both; 
  margin:24px 2px 0 2px;
  font-size:13px; 
  color:#313336;
  float:left
}
#subscribe-box .tilmeldlink{
  margin:50px 0 0 167px;
}

#subscribe-box label{
  font-size:13px;
  color:#313336;
  /*position:relative;*/
  margin-top:42px;  
  float:left
}

#subscribe-box input[type='text'] {
  background: #fff;
  
  border: 1px solid #71aa38;
  font-size: 11px;
  position:relative;
  height:20px;
  width:132px;
}

#subscribe-box input[type='submit'] {
  background: #c8dc69;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  border: 0px;
  font-size: 13px;
  font-weight:bold;
  color: #71aa38;
  cursor:pointer;
}

#colright div#blue-roundbox{  
  background: #00427b url(../images/round_blue_box.png) 167px 0px no-repeat;
  /*padding: 3px 5px;*/
  color: white;
  font-weight: bold;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}

#colright div#orange-roundbox{  
  background: #ff9d1e url(../images/round_orange_box.png) 167px 0px no-repeat;
  /*padding: 3px 5px;*/
  color: white;
  font-weight: bold;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}
#colright div#lightblue-roundbox{  
  background: #67a7f0 url(../images/round_lightblue_box.png) 167px 0px no-repeat;
  /*padding: 3px 5px;*/
  color: white;
  font-weight: bold;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}

#colright div#green-roundbox{
  background: #71aa38 url(../images/round_green_box.png) 167px 0px no-repeat;
  /*padding: 3px 5px;*/
  color: white;
  font-weight: bold;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}

#colright div#grey-roundbox{
  background: #656668 url(../images/round_dark_gray_box.png) 167px 0px no-repeat;
  /*padding: 3px 5px;*/
  color: white;
  font-weight: bold;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#colright .round-box{
  clear:both;
  height:102px;
}

#colright .round-box img{
  margin-right:10px;
}

#colright .round-box h1{
  padding-top:17px;
  font-size:18px;
  font-weight:normal;
  color:#fff;
}

#colright .round-box a{
  color:#fff;
  font-size:13px;
}

#colright h2, #colright .h2 {  
  padding: 1px 3px 1px 3px; 
  font-size: 18px;
  color: #ffffff;
}

#colright p {
  padding: 4px 0px 0px 0px;
  font-size:13px;
}

#colright img{
  float:left;
}

div#navyblue-roundbox{
  background: #00427b url(../images/navyblue_box.png) no-repeat;
  /*padding: 3px 5px;*/
  color: white;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}

div#navyblue-roundbox.small {
  width: 145px;
  background: #00427b url(../images/navyblue_box_small.html) no-repeat;
  /*padding: 3px 5px;*/
  color: white;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div#navyblue-roundbox.navyblueround-box{  
  width:292px; 
  height:25px;
  padding:10px; 
}

div#navyblue-roundbox.navyblueround-box.small {
  padding: 6px 6px 3px 6px;
  width: 133px;
  float: right;
}

#navyblue-roundbox.navyblueround-box a{
  color:#fff;
  font-size:18px;
}

#navyblue-roundbox.navyblueround-box.small a{
  font-size: 13px;
  font-weight: bold;
}

/*
===== ===== ===== ===== ===== NEWS
*/
#news {  
  width:100%;
  margin: 80px 10px 0px 0px; 
  background: url(../images/gray_bar.png);
  background-repeat: no-repeat;
  background-position:15px 0px;
  clear: both;
  float: left;
}

#news a.fulllist{
  float:right;
  font-size:13px;
  font-weight:bold;
  background: url(../images/readmore_arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  margin: 7px 20px 0px 0px;
  padding: 0px 0px 0px 15px; 
  display: block;
}

#news h1, #news .h1 {
  width: 116px;
  height: 20px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 18px;
  font-weight: normal;
  color: #ffffff;  
  float: left;
  text-align:center;
  margin-left:15px;
}

#news h2, #news .h2 {
  font-size: 11px;
  font-weight: bold;
  display: block;
}

#newsitems {
  clear:both;
  width: 564px;
  height: 166px;
  overflow: hidden;
  border-top:1px solid #656668;
  border-bottom:1px solid #656668;
}

.newsitem {
  width: 494px;
  padding: 4px 44px 0px 15px;
  float: left;
  background:url(../images/bullet_news.png) left 23px no-repeat;
}
#newsitems .newsitem p{
  padding:0px;
}

.newsitem .date {
  color: #8f9195;
}

.newsitem a { 
  text-decoration: none;
}

.newsitem a:hover {
  text-decoration: underline;
}

/*
===== ===== ===== ===== ===== NEWSLIST AND DETAILS
*/
#newslist h2, #newslist .h2, #newsitem h2, #newsitem .h2, #vaadomraade h2, #vaadomraade .h2 {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}

#newslist span, #newsitem span {
  color: #8f9195;
}

#newslist p, #newsitem p, #vaadomraade p {
  margin: 0px 0px 15px 0px;
}

#vaadomraade img {
  float: right;
  margin: 0px 0px 10px 15px;
}
