/*
Title: 		Innovasjon Norge - Norway Expo 2010
Author: 	Espen André Lund, Objectware (2009)
File:		Screen.css
*/


/* ----------------------- RESET ----------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, 
h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-size: 100%; 
vertical-align: baseline; 
background: transparent;
}

/* ----------------------- GENERAL ----------------------- */

body{
background: #fff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #323232;
background-repeat: no-repeat;
background-position: top center;
background-color: #e3001b;}

p{
line-height: 130%; 
margin-bottom: 10px;}

a img{
border: none;}

a, a:link, a:active, a:visited{
color: #004179; 
text-decoration: none;}

a:hover{
color: #004179;
text-decoration: underline;}

h1, h2, h3, h4{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;}

h1{
font-size: 30px;}

h2{
font-size: 24px;}

h3{
font-size: 18px;}

h4{	
font-size: 16px;}

h5{
font-size: 12px;}

small{
font-size: 10px;}

/* ----------------------- TOOLS ----------------------- */

.left{ 
float: left;}

.right{ 
float: right;}

.center{ 
margin: 0 auto;}

.clear{ 
clear: both;}

.textCenter{ 
text-align: center;}

.textRight{ 
text-align: right;}

.textLeft{ 
text-align: left;}

.hide{ 
display: none;}

.show{ 
display: block;}

.invisible{ 
visibility: hidden;}

.error{ 
border: 1px solid #fb4343; 
padding: 3px; 
color: #fb4343;}

.print{
margin: 0;
vertical-align: top;}

.warning{ 
border: 1px solid #d4ac0a; 
padding: 5px; 
color: #000;
background-color: #ffeea5;
margin: 20px 0 20px 0;}

.success{ 
border: 1px solid #149b0d; 
padding: 3px; 
color: #149b0d;}

.border{
padding: 1px;
border: 1px solid #dcdedd;}

img.large{
width: 520px;}

.medium{
float: left;
margin-right: 10px;
width: 245px;}

img.medium{
float: left;
margin-right: 10px;
width: 245px;}

#sidebar img.medium{
width: 180px;}

img.small{
float: left;
margin-right: 10px;
width: 35px;}

img.profile{
float: left;
margin-right: 10px;
width: 125px;}

.square{
float: left;
margin-right: 10px;
margin-top: 5px;
width: 75px;
height: 75px;}

.dropdown{
border: 1px solid #bdbec0;
background-color: #f0eee4;
width: 150px;
margin: 5px 0 10px 0;
padding: 0;}

.pageing{
float: left;
text-align: center;
width: 100%;
margin: 10px 0 10px 0;
padding: 5px;}

.pageing .page{
border: 1px solid #dedcca;
padding: 0px 6px 1px 6px;
font-weight: bold;}

.pageing .active{
border: 1px solid transparent;}

.pageing img{
vertical-align:bottom;}

#content .submenu{
float: left;
border-bottom: 1px solid #bdbec0;
margin-bottom: 10px;
width: 100%;}

#content .submenu .item{
float: left;
background-color: #a9b54d;
padding: 5px 10px 5px 5px;
margin-right: 1px;}

#content .submenu .active{
background-color: #939598;}

#content .submenu .item a{
color: #fff;
font-weight: bold;
font-size: 14px;
padding-right: 20px;
background-image: url('../Styles/Images/icon_arrow_small.gif');
background-repeat: no-repeat;
background-position: right center;}

/* ----------------------- BACKGROUNDS -----------------------../Custom/Styles/Images/logo.gif */

body.index{
background-image:url('../Styles/Images/bg01.jpg');}

body.nonespecific{
background-image:url('/Custom/Styles/Images/bg01.jpg');}

body.calender{
background-image:url('../Styles/Images/bg02.jpg');}

body.news{
background-image:url('../Styles/Images/bg03.jpg');}

body.article{
background-image:url('../Styles/Images/bg03.jpg');}

body.blog{
background-image:url('../Styles/Images/bg04.jpg');}

body.press{
background-image:url('../Styles/Images/bg05.jpg');}

body.contact{
background-image:url('../Styles/Images/bg06.jpg');}


/* ----------------------- STRUCTURE ----------------------- */

#header{
width: 100%;
height: 25px;
background-color: #e3001b;}
	
#container{
margin: 0 auto;
width: 960px;
/*padding-bottom: 10px;*/}

#sidebar{
float: left;
width: 200px;
margin-right: 10px;}

#navigation{
float: left;
width: 178px;
margin-right: 10px;}

#content{
float: left;
width: 545px;}

#slogan{
float: left;
margin-top: 165px;}

/* ----------------------- HEADER ----------------------- */

#header .placeholder{
margin: 0 auto;
width: 945px;}
		
#header .country{
float: left;}

#header .country ul{
margin: 0; 
padding: 0; 
list-style: none;
margin-top: 5px;}

#header .country ul li{
float: left;
margin-right: 5px;}

#header .search{
float: right;}

#header .search .searchfield{
background-color: #e3001b;
color: #fff;
border: 1px solid #ac091a;
font-size: 10px;
vertical-align: top;
margin-top: 2px;
width: 150px;}

html>#header .search .searchfield{
margin-bottom: 4px;}

#header .search img{
margin-top: 2px;}

#content .logo{
width: 100%;
height: 130px;
margin-top: 10px;}

#content .logo img{
float: right;}

#content .countdown{
clear: both;
float: left;
line-height: 25px;
height: 25px;
background-color: #333333;
padding: 0 10px 0 10px;}

#content .countdown h3{
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
text-transform: uppercase;}

#content .countdown h3 span{
color: #ff1b1b;}

#content .footer{
clear: both;
float: left;

background-color:#f1eee5;
padding: 5px 10px 0 10px;
width: 525px;
margin: 0;}

/* ----------------------- NAVIGATION ----------------------- */

#navigation .banner{
margin-bottom: 10px;}

#navigation .menu ul{
margin: 0;
padding: 0;
list-style: none;}

#navigation .menu ul li{
height: 30px;
line-height: 30px;
background-color: #333333;
margin-bottom: 1px;}

#navigation .menu ul li a{
display: block;
color: #fff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
text-transform: uppercase;
padding: 0 5px 0 5px;
border-left: 3px solid #e3001b;
background-image: url('../Styles/Images/icon_arrow_red.gif');
background-repeat: no-repeat;
background-position: 160px 12px;}

#navigation .menu a{
display: block;}

#navigation .menu ul li a:hover{
background-color: #e2001a;
background-image: none;}

* html #navigation .menu ul li a {  /* make hover effect work in IE */
width: 178px;}

/*----- Level 2 -----*/
#navigation .menu ul ul li{
background-color: #fff;}

#navigation .menu ul ul li a{
display: block;
color: #333333;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
text-transform: uppercase;
padding: 0 5px 0 5px;
background-image: none;
border-left: 10px solid #fff;
}

#navigation .menu ul ul li a:hover{
background-color: #e2001a;
border-left: 10px solid #e3001b;
color:#fff;
background-image: none;}

* html #navigation .menu ul ul li a {  /* make hover effect work in IE */
width: 171px;}

/* ----------------------- FrontpageMenu ----------------------- */
#content .main .divFrontPageMenu ul{
margin: 0;
padding: 0;
list-style: none;}

#content .main .divFrontPageMenu ul li{
height: 68px;
background-color: #fff;
margin-bottom: 1px;
}

#content .main .divFrontPageMenu ul li a
{
height: 68px;
display: block;
color: #e2001a;
text-decoration: none;
border-left: 20px solid #fff;
/*padding: 0 5px 0 0;*/
background-image: url('../Styles/Images/icon_arrow_big.gif');
background-repeat: no-repeat;
background-position: 437px 0px;}


#content .divFrontMenuOnlyBigText
{
font-family: Arial, Helvetica, sans-serif;
line-height:68px;
font-weight:bold;
font-size: 30px;
text-transform: uppercase;
}

#content .divFromtmenuSmall
{
 padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 16px;
text-transform: uppercase;
}

#content .divFromtmenuBig
{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 25px;
text-transform: uppercase;
}

#content .main .divFrontPageMenu ul li a:hover{
background-color: #e2001a;
color: #fff;
border-left: 20px solid #e2001a;
background-image: url('../Styles/Images/icon_arrow_big_selected.gif');
background-position: 437px 0px;}


* html #content .main .divFrontPageMenu ul li a {  /* make hover effect work in IE */
width: 505px;}


/* ----------------------- SIDEBAR ----------------------- */

#sidebar .calender{
background-color: #f0f0e6;
margin-bottom: 10px;}

#sidebar .header{
color: #fff;
height: 30px;
line-height: 30px;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
padding-left: 10px;}

#sidebar .calender .header{
background-color: #004179;}

#sidebar .calender .item{
border-bottom: 1px dotted #959396;
margin: 5px 0 5px 0;}

#sidebar .calender .item h3{
font-weight: bold;
padding: 5px;}

#sidebar h3 a{
color: #323232;}

#sidebar .calender .item h3 span{
color: #fff;
background-color: #004179;
padding: 3px;
padding-left: 5px;
padding-right: 5px;}

#sidebar .calender .item p{
padding: 0 5px 0 5px;
margin-left: 37px;}

#sidebar .newslist{
background-color: #dedcca;
margin-bottom: 10px;}

#sidebar .list{
margin-bottom: 10px;}

#sidebar .newslist .item{
border-bottom: 1px dotted #959396;
background-color: #f0f0e6;
padding: 5px;}

#sidebar .newslist .header, #sidebar .blogroll .header{
background-color: #ac9768;}

#sidebar .item h3{
font-weight: bold;}

#sidebar .list {
padding: 5px;
background-color: #dfdccb;}

#sidebar .list ul{
margin: 0;
padding: 0;
list-style: none;}

#sidebar .list ul li{
background-image:url('../Styles/Images/icon_arrow_black.gif');
background-position: 2px 4px;
background-repeat: no-repeat;
padding-left: 15px;
margin: 5px 0 5px 0;}

#sidebar .list ul li a{
font-weight: bold;
color: #323232;}

#sidebar .blogroll .user{
float: left;}

/* ----------------------- FRONTPAGE ----------------------- */

#content .main{
float: left;
clear: both;
width: 525px;
min-height: 190px;
background-color: #f1eee5;
padding: 10px;
margin-bottom: 1px;}

#content .main .back{
float: left;
background-image: url('../Styles/Images/icon_back.gif');
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;
margin: 5px 0 10px 2px;
display: block;
width: 100%;}

#content .main .back a{
color: #323232;
text-decoration: none;
font-weight: bold;}

#content .main .mainintro{
font-weight: bold;}

#content .main .back a:hover{
text-decoration: underline;}

#content .main .topitem h2{
font-size: 14px;
color: #004179;}

#content .main .topitem span.pubdate{
float: left;
width: 100%;
color: #004179;
margin: 10px 0 10px 0;}


/* ----------------------- ARTICLE ----------------------- */
#content .repeater .item{
width: 515px;
float: left;
border-bottom: 1px dotted #939598;
padding-bottom: 5px;
padding-top: 10px;
padding-left: 10px;}

#content .repeater .odd{
background-color: #ffffff;
padding-top: 15px;}

#content .list .item{
width: 515px;
float: left;
border-bottom: 1px dotted #939598;
padding-bottom: 5px;
padding-top: 10px;
padding-left: 10px;}

#content .list .odd{
background-color: #ffffff;
padding-top: 15px;}

#content .list .subitemcontainer{
border-bottom: 1px dotted #939598;
float:left;}
	
#content .list .subitem{
width: 250px;
float: left;
padding-bottom: 5px;
padding-top: 10px;
padding-left: 10px;}

#content .list .subodd
{
	padding-left: 5px;
}

#content .list h3{
margin: 5px 0 10px 0;}

#content .list .odd h3 a, #content .list .item span{
color: #00386c;}

#content .main .item .left{
margin-right: 10px;}

#content h1, #content h1 a, #content h3, #content h3 a{
color: #e30018;}

#content .main .footer{
float: left;
width: 100%;
border-top: 1px dotted #939598;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
color: #004179;}

#content .archive{
float: left;
clear: both;
width: 100%;}

#content .archive h3{
color: #323232;}

#content .archive .month .header{
color: #fff;
font-weight: bold;
float: left;
width: 100%;
border-bottom: 1px dotted #323232;
margin: 10px 0 10px 0;
padding-bottom: 5px;}

#content .archive .month .item{
float: left;
width: 260px;
font-weight: bold;
margin: 2px 0 2px 0;}

#content .archive .month .item span{
font-weight: normal;
color: #fff;
margin-right: 10px;}

/* ----------------------- CONTACT ----------------------- */

#content .card{
float: left;
width: 230px;
background-color: #fff;
padding: 10px;
margin: 0 10px 10px 0;
height: 120px;}

*html #content .card{
width: 235px;}

#content .card h4
{
    width:157px;
    float:left;
}

#content .card img
{
    width:60px;
    height:60px;
    float:right;
}

#content .card .title
{
    width:165px;
}

#content .card .phone{
margin-top: 10px;
width:165px;}

#content .card .mail{
margin-top: 10px;
font-weight: bold;
font-size: 9px;}

#content .card .mail a{
color: #e2001a;}

/* ----------------------- PRESS ----------------------- */

#content .presslist .header{
font-weight: bold;
float: left;
width: 100%;
border-bottom: 1px dotted #323232;
margin: 10px 0 10px 0;
padding-bottom: 5px;}

#content .presslist .press{
float: left;
margin-right: 10px;
width: 115px;}

#content .presslist .imagebox{
float: left;
width: 260px;
margin-bottom: 10px;
min-height: 100px;}

#content .presslist .imagebox .meta{
float: left;
width: 130px;}

#content .presslist .imagebox .meta .title{
margin-bottom: 10px;
font-weight: bold}

#content .presslist .imagebox .meta .download a{
font-weight: bold;}

/* ----------------------- BLOG ----------------------- */


#content .blogroll{}

#content .blogroll .item{
width: 515px;
float: left;
border-bottom: 1px dotted #939598;
padding-bottom: 5px;
padding-top: 10px;
padding-left: 10px;}

#content .blogroll h3{
margin: 5px 0 10px 0;}

#content .blogroll .odd{
background-color: #ffffff;
padding-top: 15px;}

#content .blogroll .item .entry{
float: left;
width: 370px;
border-right: 1px dotted #323232;
padding-right: 10px;}

#content .blogroll .item .author span{
font-weight: bold;}

#content .blogroll .item .comments{
float: left;
margin-left: 10px;}

#content .blogroll .item .amount{
font-weight: bold;
background-image: url('../Styles/Images/icon_comment.gif');
background-position: left center;
background-repeat: no-repeat;
padding-left: 17px;
margin-bottom: 5px;}

#content .blogroll .item .shows{
font-weight: normal;}

#content .blogroll .author, #content .blogroll .comments, #content .blogroll .author a{
color: #004179;}

.blogitem .footer{
border-bottom: 1px dotted #939598;}

.blogitem .footer .right{
margin-bottom: 10px;}

.comments{
float: left;
margin-top: 10px;}

.comments h4{
margin-bottom: 10px;}

.comments .poster, .comments .poster a, .blogitem .pubdate{
color: #004179;}

.comments .poster a{
font-weight: normal;}

.comments .item{
width: 515px;
float: left;
border-bottom: 1px dotted #939598;
padding-bottom: 5px;
padding-top: 10px;
padding-left: 10px;}

.comments  .odd{
background-color: #ffffff;
padding-top: 15px;}
/*
.profile p
{
	display:inline;
}
*/
/* ----------------------- CALENDER ----------------------- */

#content .list .item .thumb{
float: left;
margin-right: 10px;
width: 80px;}

#content .list .item .body{
float: left;
width: 420px;}

#content .list .item .info{
float: left;
width: 100%;}

#content .list .item .info .left{
float: left;
font-weight: bold;
color: #00386c;
width: 100px;}

#content .list .item .info .right{
float: left;
width: 300px;}

#content .calender h4 a{
color: #00386c;}

#content .calender table
{
width: 525px;
border:1px solid transparent}

#content .calender table td{
width: 70px;
height: 20px;
border: 1px solid #ceccbb;
background-color: #dedcca;
text-align: center;
line-height: 20px;
border:0}

#content .calender table td a{
font-weight: bold;
color: #fff;
font-size: 14px;}

#content .calender table td.day{
width: 70px;
height: 20px;
border: 0;
border: 1px solid #ceccbb;
background-color: #dedcca;
text-align: center;
line-height: 20px;
font-weight: normal;
color: #323232;
font-size: 11px;
text-transform: uppercase;
padding-left: 3px;}

#content .calender table td.today{
border: 1px solid #004179;
background-color: #004179;}

#content .calender table td.event{
border: 1px solid #e2001a;
background-color: #e2001a;}

#content .calender table td.othermonth{
border: 1px solid #ceccbb;
background-color: #dedcca;}


#content .calender .browse{
float: left;
width: 100%;
padding: 5px 2px 0 2px;}

#content .calender .previous{
float:left;
width: 20px;}

#content .calender .next{
float: right;
width: 20px;
margin-right: 1px;}

#content .calender .month{
float: left;
text-align: center;
width: 480px;
font-weight: bold;
color: #323232;
font-size: 14px;}

#content .main .topitem .info{
clear:right;
float: left;
width: 100%;}

#content .main .topitem .info .left{
float: left;
font-weight: bold;
color: #00386c;
width: 100px;
}

#content .main .topitem .info .right{
float: left;
width: 300px;}

.bottomContainerHeading
{
	margin: 0 auto;
clear:both;
/*padding-top: 10px;*/
font-weight:bold;
float: left;
color: #fff;
font-size:1.5em;
display:block;
}
#bottomContainer
{
	padding-right: 290px;
margin: 0 auto;
clear:both;
/*height: 85px;*/ 
width:960px;
/*width:545px;*/
/*background: #fff url(/Custom/Styles/images/bg-dot-hor.gif) repeat-x top left;*/
}
div.bottomAds
{
margin-top: 1px;
float:left;
background: #fff url(/Custom/Styles/images/bg-dot-vert.gif) repeat-y top right;
height:85px;
}
.whitebackground
{
background: #fff !important;
}
div.bottomAds img
{
	padding:15px 15px 10px 15px;
}