﻿/*
Title: 		Utenriksdepartementet - Norgesportalen
Author: 	Espen André Lund, Objectware (2009)
File:		Blue.css
Desc:		Styles for default design (blue)
*/



/* ------------------------- GENERAL ----------------------- */
.darkcolor 
{
    color: #013662 !important; /*2d5166*/
}
.lightcolor 
{
    color: #4E7BA4 !important; /*2d5166*/
}

div.darkimage {
	background-image:url('../Images/dark_blue_h1.gif') !important;
	background-repeat: no-repeat !important; 
	background-position:left bottom !important;
	background-repeat:repeat-x !important;
	margin-bottom:5px !important;
}


.lightimage {
	background-image:url('../Images/dark_blue_h1.gif') !important; 
	background-repeat: no-repeat !important; 
	background-position:left bottom !important;
	background-repeat:repeat-x !important;
	margin-bottom:5px !important;
}
.darkimageTitle  {
	background-image:url('../Images/dark_blue_h1_gradient.gif') !important;
	background-repeat: no-repeat !important; 
	background-position:right bottom !important;
	background-repeat:no-repeat !important;
	margin-bottom:5px !important;
}
.lightimageTitle  {
	background-image:url('../Images/dark_blue_h1_gradient.gif') !important;
	background-repeat: no-repeat !important; 
	background-position:right bottom !important;
	background-repeat:no-repeat !important;
	margin-bottom:5px !important;
}
ul.level3 li.active {
border-top: 2px solid #013662;
}
h1, .h1{
color: #2d5166;
background-color: #fff; 
background-image:url('../Images/dark_blue_h1_gradient.gif'); 
background-repeat: no-repeat; 
display: inline; 
padding-right: 56px; 
background-position: right bottom;}

h1 a:link, h1 a:active, h1 a:visited, h1 a:hover{
color: #013662;
text-decoration: none;} 

h2{
color: #2d5166;
background-color: #fff; 
background-image:url('../Images/dark_blue_h1_gradient.gif'); 
background-repeat: no-repeat; 
display: inline; 
padding-right: 56px; 
background-position: right bottom;}

h2 a:link, h2 a:active, h2 a:visited, h2 a:hover{
color: #4E7BA4;
text-decoration: none;} 

h3{
color: #4E7BA4;}

h3 a:link, h3 a:active, h3 a:visited, h3 a:hover{
color: #4E7BA4;
text-decoration: none;} 

h4{
color: #013662;}

h4 a:link, h4 a:active, h4 a:visited, h4 a:hover{
color: #013662;
text-decoration: none;} 

.h1border{
background-image:url('../Images/dark_blue_h1.gif');
margin-bottom: 5px;
background-position: left bottom;
background-repeat:repeat-x;}

.h2border{
background-image:url('../Images/dark_blue_h1.gif');
margin-bottom: 5px;
background-position: left bottom;
background-repeat:repeat-x;}

/* ------------------------- HEADER ------------------------ */


.header .global{
background-image: url('../Images/dark_blue_box.png');}

/* ----------------------- NAVIGATION ---------------------- */



/* ------------------------- FOOTER ------------------------ */

.footer .star{
background-image: url('../Images/dark_blue_star.gif');}

.footer h2{
color: #013662;}

/* ------------------------ SIDEBAR ------------------------ */

.sidebar .box .title{	
background-image: url('../Images/dark_blue_sidebar.gif');
color: #013662;}

.box .star{
background-image: url('../Images/dark_blue_sidebar_star.gif');}

.box .subtitle, .box .month{
color: #013662;}

/* ------------------------ ARTICLE ------------------------ */

.page  .factbox{
border-top: 3px solid #4E7BA4;
border-bottom: 3px solid #4E7BA4;}

.page  .factbox h3{
color: #4E7BA4;}

.divider{
background-image: url('../Images/dark_blue_gradient.gif');
background-color: #013662;}

.button a {
 background: url("../Images/dark_blue_button.gif") 0 0 no-repeat;}

.eventlist .month{
color: #013662;}

.button {
 background-image: url("../Images/dark_blue_button.gif");
 background-repeat:repeat-y;
 background-color:#013662;
}

.event .placeholder .month, .event .placeholder .date{
color:#013662;}
