@import "common/reset.css";
@import "common/generic.css";
@import "common/IE6.css";
@import "common/forms.css";

/* @import "common/slimbox.css"; <- include if slimbox is used on website */

/*
 * COLOR CHART FOR ENGBO
 *
 * Greys
 * ------------------------------------------
 * Light			:		#ededed (page background)
 *
 *
 * Blues
 * ------------------------------------------
 * Regular			:		#003c76 (font color)
 * Pale blue		:		#a5b8c9 (ruler)
 * Light blue 		:		#7394b4 (delimiter)
 * Greyish blue 	:		#83b6c1 (mailto link)
 * Deeper			:	 	#2f6190 (button border)
 * 
 * Greens
 * ------------------------------------------
 * Mustard			:		#b1b400 (link color)
 *
 */
 
.mustard 	{ color: #b1b400; }
.black 		{ color: black; }
 
body {
	background: #003c76;
	font-family: Verdana;
	color: #003c76;
}
strong{
	font-weight:bold;
}
a:link,
a:visited {
	color: #003c76;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline; 
}
/** links that are in normal text **/
p a:link,
p a:visited {
	color: #b1b400;
}


/*
 * GENERIC FRAMEWORK STYLES
 */

.headWrapper {
	background: #ededed;
	
}

#head {
	width: 1000px;
	height: 398px;
	margin: 0 auto;
	background: url('../_gfx/head_bg.jpg');
	position: relative;
}

#head .logo {
	position: absolute;
	left: 60px;
	top: 0;
	width: 158px;
	height: 61px;
}

#head .motto {
	position: absolute;
	left: 220px;
	top: 38px;
	font-size: 1.2em;
	font-style: italic;
}

#head .motto a:hover { text-decoration: none; }

#head .banner {
	width: 860px;
	height: 224px;
	position: absolute;
	top: 79px;
	left: 70px;
}

#head .flags {
	position: absolute;
	top: 47px;
	right: 60px;
}

#head .flags ul li {
	display: block;
	float: left;
	margin: 0 0 0 10px;
}

#head .flags ul li a:link,
#head .flags ul li a:visited {
	display: block;
	font-weight: bold;
	text-transform: capitalize;
}

#head .flags ul li.no a:link,
#head .flags ul li.no a:visited {
	padding-right: 22px;
	background: url('../_gfx/flag_no.gif') center right no-repeat;
}

#head .flags ul li.en a:link,
#head .flags ul li.en a:visited {
	padding-right: 25px;
	background: url('../_gfx/flag_en.gif') center right no-repeat;
}

#head .mustard_ruler {
	position: absolute;
	top: 303px;
	left: 70px;
	width: 860px;
	height: 6px;
	background: #b1b400;
}

#head .nav {
	position: absolute;
	top:309px;
	left: 70px;
	height: 59px;
	width: 860px;
	background: url('../_gfx/nav_bg.gif');
	text-align: left;
}
#head .nav ul{
/*	position: relative;
	left: 50%;
	float:left;
	clear: left;*/
}
#head .nav ul li {
/*	position: relative;
	right: 50%;*/
	float: left;
	text-transform: uppercase;
}
#head .nav ul li.nav0 a:link, #head .nav ul li a:hover{
	text-decoration: none;

}
#head .nav ul li.nav0 a:link, #head .nav ul li.nav0 a:visited  { width: 129px; }
#head .nav ul li.nav1 a:link, #head .nav ul li.nav1 a:visited  { width: 121px; }
#head .nav ul li.nav2 a:link, #head .nav ul li.nav2 a:visited  { width: 142px; }
#head .nav ul li.nav3 a:link, #head .nav ul li.nav3 a:visited  { width: 115px; }
#head .nav ul li.nav4 a:link, #head .nav ul li.nav4 a:visited  { width: 162px; }
#head .nav ul li.nav5 a:link, #head .nav ul li.nav5 a:visited  { width: 186px; }

#head .nav ul li.nav0.lang2 a:link, #head .nav ul li.nav0.lang2 a:visited  { width: 104px; }
#head .nav ul li.nav1.lang2 a:link, #head .nav ul li.nav1.lang2 a:visited  { width: 100px; }
#head .nav ul li.nav2.lang2 a:link, #head .nav ul li.nav2.lang2 a:visited  { width: 150px; }
#head .nav ul li.nav3.lang2 a:link, #head .nav ul li.nav3.lang2 a:visited  { width: 134px; }
#head .nav ul li.nav4.lang2 a:link, #head .nav ul li.nav4.lang2 a:visited  { width: 184px; }
#head .nav ul li.nav5.lang2 a:link, #head .nav ul li.nav5.lang2 a:visited  { width: 180px; }

#head .nav ul li a:link,
#head .nav ul li a:visited {
	float: left;
	margin-top: 13px;
	font-size: 1.2em;
	color: white;
	font-weight: bold;
/* 	padding: 0 16px; */
	display: block;
	height: 34px;
	border-right: 1px solid #7394b4;
	line-height: 34px;
	text-align: center;
}

a.active:link,
a.active:visited,
li.active a:link,
li.active a:visited,
#leftMenu ul li.selected ul.submenu li.active a:link,
#leftMenu ul li.selected ul.submenu li.active a:visited,
#head .nav ul li.active a:link,
#head .nav ul li.active a:visited,
#head .nav ul li a:hover {
	color: #b1b400;
}

#head .nav ul li.last a:link,
#head .nav ul li.last a:visited {
	border: none;
	padding-right: 0;
}

#head .breadcrumbs {
	position: absolute;
	top: 379px;
	left: 60px;
	height: 20px;
	line-height: 2.5em;
}

#head .breadcrumbs a.active:link,
#head .breadcrumbs a.active:visited {
	color: #b1b400;
}

.mCCWrapper {
	width: 100%;
	background: #ededed url('../_gfx/water_bg.jpg') center bottom repeat-x;
}

.mCCWrapper .bottom_border { 
	margin: 130px 0 14px 0;
	background: url('../_gfx/taustrek.png');
	height: 6px;
	width: 100%;
}

.footWrapper {
	width: 100%;
	border-top: 7px solid #b1b400;
	height: 178px;
	background: url('../_gfx/footer-bg.jpg') top left repeat-x;
}

.footWrapper .foot {
	width: 1000px;
	position: relative;
	margin: 0 auto;	
	color: white;
	text-align: left;
	padding: 30px 0 0 0;
}

.footWrapper .foot p {
	margin: 0 0 20px 60px;
	line-height: 1.5em;
	font-size: 1.2em;
}

.footWrapper .foot p a:link,
.footWrapper .foot p a:visited {
	color: white;
}

.footWrapper .foot .seagull {
	position: absolute;
	top: -60px; 
	right: 60px;
	width: 244px;
	height: 174px;
	background: url('../_gfx/seagull.png');
}

.spacer20 { height: 20px; }
.spacer35 { height: 35px; }
.spacer40 { height: 40px; }
.spacer60 {	height: 60px; }

#mCC {
	min-height: 150px; 
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

/*
 * END OF GENERIC FRAMEWORK STYLES
 */


/*
 * index styles
 */

#rightPane {
	float: left;
	width: 180px;
}

#rightPane .content {
	border-left: 1px solid #a5b8c9;
	padding-left: 15px;
}

#rightPane .content a.pdf:link,
#rightPane .content a.pdf:visited {
	display: block;
	background: url('../_gfx/icon_pdf.gif') left 2px no-repeat;
	padding: 0 0 0 30px;
	font-size: 1.1em;
	margin: 0 0 10px 0;
	text-align: left;
}

#rightPane .content a .mustard { font-weight: bold;}
#rightPane .content .ruler { 
	border-top: 1px solid #a5b8c9;
	margin: 10px 0;
}

#leftPane {
	float: left;
	width: 760px;
}


/*
 * leftmenu pages styles
 */
 
#leftMenu {
	float: left;
	width: 200px;
	font-size: 1.2em;
}

#leftMenu h2 {
	color: #b1b400;
	margin: 0 10px 0.5em 60px;
	text-transform: uppercase;
}

#leftMenu ul {
	margin: 0 10px 0 60px;
}

#leftMenu ul li {
	line-height: 1.8em;
}

#leftMenu ul li ul.submenu {
	display: none;
}
#leftMenu ul li.active ul.submenu,
#leftMenu ul li.selected ul.submenu {
	display: block;
}
#leftMenu ul li.active ul.submenu,
#leftMenu ul li.selected ul.submenu  {
	margin: -3px 10px 3px 0;
}

#leftMenu ul li.active ul.submenu li,
#leftMenu ul li.selected ul.submenu li {
	line-height: 1.4em;
}
#leftMenu ul li.active ul.submenu li a:link,
#leftMenu ul li.active ul.submenu li a:visited,
#leftMenu ul li.selected ul.submenu li a:link,
#leftMenu ul li.selected ul.submenu li a:visited {
	color: #83b6c1;
}

#CC {
	float: left;
	width: 740px;
}

ul.shadow_box {
	width: 744px;
	font-size: 1.2em;
}

ul.shadow_box li.top {
	height: 15px;
	background: url('../_gfx/shadow_box_top.png');
}

ul.shadow_box li.heading {
	height: 65px;
	background: url('../_gfx/shadow_box_heading.png');
	margin: 0;
}

ul.shadow_box li.heading h1 {
	margin: 0 0 0 35px;
	padding: 28px 0 0 0;
}

ul.shadow_box li.content {
	background: url('../_gfx/shadow_box_content.png');
	padding-top: 8px;
}

ul.shadow_box li.content .paging {
	text-align: right;
	padding-right: 45px;
	padding-top: 0;
}

ul.shadow_box li.foot {
	height: 25px;
	background: url('../_gfx/shadow_box_foot.png');
}

ul.ansatte_list {
	width: 654px;
	padding-left: 45px;
}

ul.ansatte_list li img {
	float: left;
	margin-right: 10px;
}

ul.ansatte_list li {
	padding-bottom: 23px;
	background: url('../_gfx/taustrek_pale.gif') bottom center repeat-x;
	margin-bottom: 20px;
}

ul.ansatte_list li.last {
	margin: 0;
}

ul.ansatte_list li .text {
	float: left;
}

ul.ansatte_list li .text h4 {
	font-weight: normal;
	font-style: italic;
	margin-bottom: 20px;
}

p.pre {
	white-space: pre;
}

p.pre a:link,
p.pre a:visited {
	color: #83b6c1;
}

.article {
	width: 100%; /* IE7 FIX */
}

.article .prod_picture {
	float: left;
	width: 213px;
	padding: 0 20px 0 35px;
}

.article .prod_text {
	float: left;
}

.article .col1 {
	float: left;
	width: 370px;
	padding-left: 15px;
	min-height: 320px;
}
.article .col2 {
	float: left;
	width: 314px;
	background: url('../_gfx/taustrek_pale.gif') bottom center repeat-x;
	padding-bottom: 23px;
}

.article .col2 p {
	margin: 0 0 10px 0;
	text-align: justify;
	line-height: 1.3em;
	color: #000000;
}
.article .col2
.blackP p {
	color: black;
}
.article .col2.aboutus a{
	color: #83B6C1;
}

ul.products { width: 744px; }

ul.products li {
	width: 186px;
	height: 226px;
	float: left;
	background: url('../_gfx/products-bg.png');
}

ul.products li img {
	margin: 15px 0 0 15px;
}

ul.products li h2 {
	line-height: 35px;
	font-size: 1.2em;
	width: 100%;
	text-align: center;
}

a.blue_button:link,
a.blue_button:visited {
	display: block;
	height: 26px;
	border: 1px solid #2f6190;
	color: white;
	background: url('../_gfx/blue_button_bg.gif');
	line-height: 26px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding: 0 15px;
	float: left;
	margin-right: 10px;
}

ul.products_list li .text {
	width: 230px;
	float: left;
	line-height: 1.3em;
}

.prod_text .details {
	width: 460px;
	float: left;
	margin-right: 10px;
	line-height: 1.6em;
}

.prod_text .extra {
	width: 220px;
	float: left;
	line-height: 1.3em;
	color: black;
}

/*
 * end leftmenu pages styles
 *
 * start fullwidth pages styles
 */
 
ul.shadow_box.large {
	width: 890px;
	padding: 35px 0 0 55px;
} 

ul.shadow_box.large li.top {
	background: url('../_gfx/shadow_box_large_top.png');
}

ul.shadow_box.large li.content {
	background: url('../_gfx/shadow_box_large_content.png');
}

ul.shadow_box.large li.foot {
	background: url('../_gfx/shadow_box_large_foot.png');
	height: 30px;
}

ul.shadow_box.large li.content {
	width: 100%;
}

ul.shadow_box.large .fullwidth {
	float: left;
	padding: 0 35px;
	margin: 10px 0 0 0;
}

ul.shadow_box.large .fullwidth h1 {
	font-size: 1.1em;
}

ul.shadow_box.large .fullwidth p {
	margin: 10px 0;
	line-height: 1.3em;
	color: black;
}

.highlight_link a:link,
.highlight_link a:visited {
	color: #83b6c1;
	font-weight: bold;
}

ul.shadow_box.large .fullwidth div.four_col {
	width: 197px;
	float: left;
	margin-right: 10px;
}
ul.shadow_box.large .fullwidth div.four_col ul li a{
	word-wrap: break-word;
}
ul.shadow_box.large .fullwidth div.four_col.last { margin-right: 0; }

ul.shadow_box.large .fullwidth div.four_col h2 { 
	color: #b1b400;
	font-size: 1.1em;
	margin-bottom: 1em;
}

ul.shadow_box.large .fullwidth div.four_col li { 
	margin: 0 0 10px 0;
}

.greenUL ul {
	list-style: url('../_gfx/bullet.gif') outside;
	padding: 0 0 0 18px;
	margin: 0;
}

.greenUL ul li{
	line-height: 1.3em;
	margin: 0.5em 0;
	padding: 0;
	color: black;
}
p.aboutus span.label{
	float:left;
	width: 60px;
}
p.aboutus span.value a{
	color: #83B6C1;
}