/*--------------------------------------------------------------------------
Nordic Crane Group | Website/system CSS stylesheet
Developed by Odin media as for Nordic Crane Group
Color scheme:
Dark blue		#00529c
Black			#000000
Dark grey		#898989
Light grey		#bdbdbd
GLOBAL ATTRIBUTES
--------------------------------------------------------------------------*/
.kontakt_heading {
color:#00529C;
font-size:12px;
font-weight:bold;
line-height:26px;
text-align:left;
}
.w-450  {
overflow:hidden;
width:440px;
}
.left {
float:left;
}
.marg {
margin-right: 10px;
}
.rightcol-article .news-subject
{
font-size:11px;
padding:0px;
line-height:14px;
margin-bottom:0px;
}
.rightcol-article .news-ingress
{
font-size:11px;
padding:0px;
line-height:14px;
margin-bottom:0px;
}
.rightcol-article .news-ingress a
{
font-size:11px;
padding:0px;
line-height:14px;
color:#333;
}
/*.ajax_link
{
float:left;
height:12px;
width: 100%;
}*/
.randompos
{
text-align:right;
}
.fronpageNewswrapper
{
float:left;
}
.fronpageNewstext h3
{
color:#00529C;
font-size:18px;
font-weight:normal;
padding-left:2px;
}
table.border { 1px solid #000; }
.person img.maillink { width: 20px; height: 22px; }
.maillink2 { width: 20px; height: 22px; }
.menulevel2_a
{
border-bottom:2px solid #B7D532;
color:#FFFFFF;
}
.m-button
{
float:right;
}
.cmssubject, .cmsteaser, .cmscontent { font-family: verdana, tahoma, sans-serif; font-size: 12px; line-height: 18px; }
#fieldwrapper_Value1_3
{
width: 640px;
}
* { margin: 0; padding: 0; text-decoration: none; }
a img, input, select, hr { border: none; }
body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	background: #bdbdbd url(/kunder/ncg/mm.nsf/lupGraphics/bodybg.jpg/$FILE/bodybg.jpg) repeat-x;
	text-align: center; /* positioning fix for IE*/
	color: #000000;
	font-size: 12px;
}
img, div, input { behavior: url(/kunder/ncg/mm.nsf/lupGraphics/iepngfix.htc/$FILE/iepngfix.htc); }
#frame { width: 960px; background: #fff; margin: 0 auto; }
a { color: #00529c; }
/*--------------------------------------------------------------------------
HEADER AND SEARCH SECTION
--------------------------------------------------------------------------*/
#header-frame { width: 960px; height: 131px; display: block; overflow: hidden; float: left; background: #fff url(/kunder/ncg/mm.nsf/lupgraphics/header.jpg/$FILE/header.jpg) no-repeat; }
#header { width: 910px; margin: 0 auto; overflow: hidden; }
#logo { width: 267px; height: 106px; float: left; margin: 0; }
#top-menu { width: 600px; height: 25px; float: right; text-align: left; }
#search { width: 226px; height: 45px; float: right; overflow: hidden; text-align: right; }
#top-main-menu { width: 620px; float: right; text-align: left; }
#top-menu ul { list-style-type: none; float: right; }
#top-menu ul li { float: left; }
#top-menu ul li a {	font-size: 10px; color: #00529c; border-right: 1px solid #00529c; padding: 0 5px; }
#top-menu ul li a:hover { color: #fff; border-bottom: 2px solid #b7d532; }
#top-menu ul li.first { border-left: none; }
#top-menu ul li a.last { border-right: none; padding-right: 0; }
#search #searchfield { width: 186px; /*height: 34px;*/ background: transparent url(/kunder/ncg/mm.nsf/lupGraphics/search-field.png/$FILE/search-field.png) no-repeat; float: left; font-size: 12px; color: #333; padding: 2px; }
#search #searchbutton { width: 34px; height: 34px; float: right; background: transparent url(/kunder/ncg/mm.nsf/lupGraphics/search-button.png/$FILE/search-button.png) no-repeat; }
#top-main-menu ul { list-style-type: none; float: right; margin-top: -1px; }
#top-main-menu ul li { float: left; height: 29px; border-right: 1px solid #0084ff; border-left: 1px solid #00274b; padding: 3px 8px; text-align: center; }
#top-main-menu ul li a { color: #fff; font-size: 14px; padding: 3px; width: 100%; }
#top-main-menu ul li a:hover { color: #fff; border-bottom: 2px solid #b7d532; }
#top-main-menu ul li a:active { color: #fff; border-bottom: 2px solid #b7d532; }
#top-main-menu ul li.first { border-left: none; }
#top-main-menu ul li.last { border-right: none; }
p.searchresults  { border-bottom: 1px solid #00592c; padding-bottom: 5px; }
p.searchpages  { border-top: 1px solid #00592c; padding-top: 5px; text-align: right; }
p.searchpages a { text-decoration: underline; padding: 2px 3px; }
p.searchpages a.active { text-decoration: none; padding: 2px 3px; color: #000; }
/*--------------------------------------------------------------------------
FOOTER SECTION
--------------------------------------------------------------------------*/
#footer-frame { width: 100%; height: 168px; overflow: hidden; background: #898989 url(/kunder/ncg/mm.nsf/lupgraphics/footerframebg.jpg/$FILE/footerframebg.jpg) repeat-x; }
#footer { width: 960px; height: 168px; margin: 0 auto; color: #ffffff; background: #898989 url(/kunder/ncg/mm.nsf/lupgraphics/footerbg.jpg/$FILE/footerbg.jpg) no-repeat; }
#footer p {color:#ffffff;}
/*#footer a { color: #ffffff; border-right: 1px solid #ffffff; padding-right: 5px; }*/
#footer a { color: #ffffff; padding-right: 5px; }
#footer a.last { color: #ffffff; border-right: none; padding-right: 5px; }
#footer a:hover { color: #ffffff; text-decoration: underline; }
/*--------------------------------------------------------------------------
FRAMEWORK
--------------------------------------------------------------------------*/
#content { width: 910px; margin: 0 auto; text-align: left; overflow: hidden; display: block; clear: both; }
#column-left { width: 525px; float: left; }
#column-right { width: 358px; float: right; }
#top-article { width: inherit; margin-bottom: 15px; }
/*--------------------------------------------------------------------------
MAP VIEW - RIGHT COLUMN
--------------------------------------------------------------------------*/
div#map { width: 358px; float: right; overflow: hidden; }
/*--------------------------------------------------------------------------
NEWS SECTIONS
--------------------------------------------------------------------------*/
div#frontpagenews { width: 910px; clear: both; display: block; margin: 10px auto; background: #ffffff url(/kunder/ncg/mm.nsf/lupgraphics/bg-gradient-blue.jpg/$FILE/bg-gradient-blue.jpg) repeat-x; overflow: hidden; }
.frontpage-article { width: 226px; float: left; text-align: left; display: block; overflow: hidden; margin-top: 5px; }
.frontpage-article p { line-height: 18px; width: 138px; float: right; font-size: 11px; margin-bottom: 0; }
.frontpage-article p.date { color: #22416a; }
.frontpage-article p a { font-size: 11px; color: #000000; }
.frontpage-article p a:hover { font-size: 11px; color: #22416a;; }
.frontpage-article img { width: 75px; height: 75px;float: left; margin-left: 5px; }
a#morenews { float: right; display: block; padding: 5px; color: #fff; background: #aacae9; margin-top: 3px; }
a#morenews:hover { float: right; display: block; padding: 5px; color: #fff; background: #00529c; margin-top: 3px; }
.rightcol-article { width: 327px; margin: 5px auto 0 auto; overflow: hidden; padding-bottom: 4px; }
.rightcol-article img { height: 75px; float: left;margin-right: 5px; }
.rightcol-article p a{font-size: 11px; color: #0000ff; }
.rightcol-article p a:hover { font-size: 11px; color: #22416a; }
span.date { font-size: 12px; color: #9e9e9e; line-height: 20px; }
p.ingress { font-size: 16px; color: #00519b; line-height: 20px; }
table.related-links { width: 100%; margin: 0 10px; }
table.related-links td { vertical-align: top; width: 50%; padding: 3px 0; }
table.related-links td a { font-size: 12px; color: #00529c; background: transparent url(/kunder/ncg/mm.nsf/lupGraphics/link-bullet-smallblue.jpg/$FILE/link-bullet-smallblue.jpg) left center no-repeat; padding-left: 20px; margin-left: 25px; }
table.related-links td a:hover { text-decoration: underline; }
#column-right ul li span.date { margin-right: 5px; }
/*--------------------------------------------------------------------------
BUSINESS AREAS - LINKS
--------------------------------------------------------------------------*/
a#area-boa, a#area-i, a#area-v, a#area-oog { width: 250px; height: 151px; display: block; }
a#area-boa span, a#area-v span, a#area-i span, a#area-oog span { font-size: 18px; padding: 0 3px; }
a#area-boa { background: #fff url(/kunder/ncg/mm.nsf/lupGraphics/area-byggoganlegg.jpg/$FILE/area-byggoganlegg.jpg) no-repeat; }
a#area-v { background: #fff url(/kunder/ncg/mm.nsf/lupGraphics/area-vindkraft.jpg/$FILE/area-vindkraft.jpg) no-repeat; }
a#area-i { background: #fff url(/kunder/ncg/mm.nsf/lupGraphics/area-industri.jpg/$FILE/area-industri.jpg) no-repeat; }
a#area-oog { background: #fff url(/kunder/ncg/mm.nsf/lupGraphics/area-oljeoggass.jpg/$FILE/area-oljeoggass.jpg) no-repeat; }
/*--------------------------------------------------------------------------
BOX SECTIONS | STANDARDMAL
boxset1: border, gray gradient background - positioned bottom
boxset2: border, gray gradient background - positioned top
boxset3: border, no background
boxset4: border, blue gradient background - positioned top
boxset5: borderless, gray gradient background - positioned top
boxset6: borderless, blue gradient background - positioned top
boxset7: borderless, no background
--------------------------------------------------------------------------*/
div.boxset1 { border: 1px solid #00529c; margin: 10px 0; background: transparent url(/kunder/ncg/mm.nsf/lupGraphics/bg-gradient-gray-reverse.jpg/$FILE/bg-gradient-gray-reverse.jpg) left bottom repeat-x; overflow: hidden; }
div.boxset2 { border: 1px solid #333; margin: 10px 0; background: transparent url(/kunder/ncg/mm.nsf/lupGraphics/bg-gradient-gray.jpg/$FILE/bg-gradient-gray.jpg) repeat-x; overflow: hidden; }
div.boxset3 { border: 1px solid #333; margin: 10px 0; background: transparent; overflow: hidden; }
div.boxset4 { border: 1px solid #333; margin: 10px 0; background: transparent url /kunder/ncg/mm.nsf/lupGraphics/bg-gradient-blue.jpg/$FILE/bg-gradient-blue.jpg) repeat-x; overflow: hidden; }
div.boxset5 { margin: 10px 0; background: transparent url(/kunder/ncg/mm.nsf/lupGraphics/bg-gradient-gray.jpg/$FILE/bg-gradient-gray.jpg) repeat-x; overflow: hidden; }
div.boxset6 { margin: 10px 0; background: transparent url(/kunder/ncg/mm.nsf/lupGraphics/bg-gradient-blue.jpg/$FILE/bg-gradient-blue.jpg) repeat-x; overflow: hidden; }
div.boxset7 { margin: 10px 0; background: transparent; overflow: hidden; }
#column-left .boxset1, #column-left .boxset2, #column-left .boxset3, #column-left .boxset4, #column-left .boxset5, #column-left .boxset6, #column-left .boxset7 { width: 100%; }
div.boxset1 table, div.boxset2 table, div.boxset3 table, div.boxset4 table { margin: 0 5px; width: 100%; font-size: 12px; }
div.boxset1 table td, div.boxset2 table td, div.boxset3 table td, div.boxset4 table td { width: 50%; vertical-align: top; padding: 5px 0; }
div.boxset1 table td img, div.boxset2 table td img, div.boxset3 table td img, div.boxset4 table td img { float: left; margin-right: 5px; width: 57px; height: 66px; }
div.boxset1 iframe, div.boxset2 iframe, div.boxset3 iframe, div.boxset4 iframe { float: left; }
div.boxset1 small, div.boxset2 small, div.boxset3 small, div.boxset4 small { position: relative; top: 165px; left: -240px; }
table.business-areas { width: 100%; margin: -10px 10px 5px 10px; }
table.business-areas td { vertical-align: top; width: 50%; padding: 3px 0; }
table.business-areas td a { font-size: 12px; color: #00529c; background: transparent url(/kunder/ncg/mm.nsf/lupGraphics/link-bullet-smallblue.jpg/$FILE/link-bullet-smallblue.jpg) left center no-repeat; padding-left: 20px; }
table.business-areas td a:hover { text-decoration: underline; }
.prosjektbox { border: 1px solid #000; overflow: hidden; width: 100%; height: }
.prosjektbox .left { float: left; width: 250px; padding: 5px; overflow: hidden;}
.prosjektbox .right { float: right; width: 250px; padding: 5px; overflow: hidden; }
.person { padding-left: 5px; display: block; }
.person img { float: left; width: 57px; height: 66px; margin-right: 5px; }
.person p { width: 155px; float: right; text-align: left; margin-top: -8px; }
table.logos { width: 910px; margin: 0 auto; }
/*--------------------------------------------------------------------------
FORM ELEMENTS
--------------------------------------------------------------------------*/
span.selectbox { float: left; padding: 3px; margin-right: 15px; display: block; overflow: hidden; width: auto; }
span.selectbox select { border: 1px solid #ccc; background: #fff; padding: 1px 0 0 1px; }
span.selectbox select  option{ background: #fff; padding: 2px 15px 0 2px; }
span.select {/* With the padding included, the width is 190 pixels: the actual width of the image. */
position: absolute; width: 87px; height: 21px; padding: 0 24px 0 8px; color: #000; font: 12px/21px arial,sans-serif; background: url(/kunder/ncg/mm.nsf/lupGraphics/bg-select-span.jpg/$FILE/bg-select-span.jpg) no-repeat; overflow: hidden;}
span.inputbox { float: left; padding: 3px; margin-right: 15px; clear: both; }
span.inputbox input { border: 1px solid #ccc; background: #fff; padding: 2px; }
table.listings { border: 1px solid #ccc; font-size: 12px; width: 100%; /*overflow: hidden;*/ overflow: visible; }
table.listings td { vertical-align: middle; background: #ffffff; padding: 2px; border-left: 1px solid #ccc; }
table.listings td.alternate { vertical-align: middle; background: #f3f3f3; }
table.listings th { background: #ffffff url(/kunder/ncg/mm.nsf/lupGraphics/bg-select.jpg/$FILE/bg-select.jpg) left bottom repeat-x; font-size: 12px; text-align: left; padding: 2px; }
/*--------------------------------------------------------------------------
IMAGE SUPPORT
--------------------------------------------------------------------------*/
div.image-tight { /* kun bildetekstramme under bildet */ overflow: hidden; background: #eee; color: #000000; font-size: 11px; line-height: 14px; margin-bottom: 10px; }
div.image-loose { /* kun ramme rundt hele bildet */overflow: hidden; background: #eee; color: #000000; font-size: 11px; line-height: 14px; padding: 0px 0px 5px 0px; margin-bottom: 10px; text-align: center; }
div.image-height { /* høyrejustert bilde i innhold */ width: 250px; float: right; overflow: hidden; background: #eee; display: block; }
div.image-loose img { margin: 0 auto; }
div.image-tight p { font-size: 11px; padding: 5px; margin: 0;}
div.image-loose p, div.image-height p { font-size: 11px; padding: 5px; margin: 0; text-align: left;}
/*--------------------------------------------------------------------------
MOUSEOVER I ANSATTSOK
--------------------------------------------------------------------------*/
a.contactlink { position: relative; text-decoration: none; }
a.contactlink span { display: none; position: absolute; top: 0; left: 150px; width: 300px; border: 1px solid #000; color: 000; background: #fff; padding: 5px; overflow: hidden;}
a.contactlink span img { float: left; margin-right: 5px; width: 57px; height: 66px; }
a.contactlink em { color: red }
a.contactlink tt { color: black; font-size: 1.5em; }
a.contactlink:hover { color: #000; }
a.contactlink:hover span { display: block }
/*--------------------------------------------------------------------------
TEXT ELEMENTS | Tags
--------------------------------------------------------------------------*/
h1 { color: #00529c; font-size: 30px; font-weight: normal; line-height: 30px; margin-bottom: 15px; }
h2 { color: #00529c; font-size: 30px; font-weight: normal; line-height: 36px; }
h3 { color: #00529c; font-size: 18px; font-weight: normal; line-height: 30px; margin-bottom: 8px; }
.boxset1 h3, .boxset2 h3, .boxset3 h3, .boxset4 h3, .boxset5 h3, .boxset6 h3, .boxset7 h3,
.boxset1 h4, .boxset2 h4, .boxset4 h4, .boxset4 h4, .boxset5 h4, .boxset6 h4, .boxset7 h4 { padding: 5px; }
.boxset1 p, .boxset2 p, .boxset3 p, .boxset4 p, .boxset5 p, .boxset6 p, .boxset7 p { padding: 5px; }
div#column-right h3 { width: 337px; color: #00529c; font-size: 18px; font-weight: normal; line-height: 26px; float: right; text-align: left; margin-bottom: 0; padding-top: 4px; }
div#column-right .documentpad {padding-top:10px;}
h4 { color: #00529c; font-size: 12px; font-weight: bold; line-height: 18px; }
div#column-right h4 { color: #00529c; font-size: 12px; font-weight: bold; line-height: 18px; padding: 5px; }
h5 { /*STIKKTITTEL*/ color: #b2d235; font-size: 14px; line-height: 36px; }
p { font-size: 12px; color: #000000; line-height: 18px; margin-bottom: 10px; }
#top-article p { font-size: 18px; line-height: 24px; color: #000000; }
table p { line-height: 14px; }
#footer p { padding-top: 1px; }
#content ul { list-style-type: square; margin-left: 25px; color: #00529c; }
#content ul li { margin-bottom: 3px; }
#content ul li a:hover { text-decoration: underline; }
/*--------------------------------------------------------------------------
POSITIONING, MARGINAL and STYLIZING CLASSES
--------------------------------------------------------------------------*/
.divider { clear: both; width: 100%; display: block; }
.right { float: right; }
.left { float: left; }
.leftplace { float: left; clear: left; }
.center { margin: 0 auto; }
.txt-right { text-align: right; }
.txt-left { text-align: left; }
.txt-center { text-align: center; }
.w-auto { width: auto; }
.w-full { width: 100%; }
.w-910 { width: 910px; overflow: hidden; margin: 0 auto; }
.w-337 { width: 337px; overflow: hidden;}
.w-450 { width: 450px; overflow: hidden;}
.w-230 { width: 230px; overflow: hidden;}
.w-48p { width: 48%; overflow: hidden;}
.margin-b-5 { margin-bottom: 5px; }
.margin-t-5 { margin-top: 5px; }
.margin-l-5 { margin-left: 5px; }
.margin-r-5 { margin-right: 5px; }
.margin-a-5 { margin: 5px; }
.margin-b-10 { margin-bottom: 10px; }
.margin-t-10 { margin-top: 10px; }
.margin-l-10 { margin-left: 10px; }
.margin-r-10 { margin-right: 10px; }
.margin-a-10 { margin: 10px; }
.margin-b-25 { margin-bottom: 25px; }
.margin-t-25 { margin-top: 25px; }
.margin-l-25 { margin-left: 25px; }
.margin-r-25 { margin-right: 25px; }
.margin-a-25 { margin: 25px; }
.margin-t-35 { margin-top: 35px; }
.margin-b-50 { margin-bottom: 50px; }
.margin-t-50 { margin-top: 50px; }
.margin-l-50 { margin-left: 50px; }
.margin-r-50 { margin-right: 50px; }
.margin-a-50 { margin: 50px; }
.padding-b-10 { padding-bottom: 10px; }
.padding-t-10 { padding-top: 10px; }
.padding-l-10 { padding-left: 10px; }
.padding-r-10 { padding-right: 10px; }
.padding-a-10 { padding: 10px; }
.padding-b-25 { padding-bottom: 25px; }
.padding-t-25 { padding-top: 25px; }
.padding-l-25 { padding-left: 25px; }
.padding-r-25 { padding-right: 25px; }
.padding-a-25 { padding: 25px; }
.padding-b-50 { padding-bottom: 50px; }
.padding-t-50 { padding-top: 50px; }
.padding-l-50 { padding-left: 50px; }
.padding-r-50 { padding-right: 50px; }
.padding-a-50 { padding: 50px; }
.border-full-blue { border: 1px solid #00529c; }
.border-full-black { border: 1px solid #000000; }
.border-full-lightgray { border: 1px solid #bebebe; }
/*----*/
.cmssubject { color: #00529c; font-size: 30px; font-weight: normal; line-height: 48px; }
.cmsteaser, .cmsteaser p, .cmscontent, .cmscontent p { font-size:12px font-family: verdana, arial, tahoma, sans-serif; line-height: 18px; }
/**** SITEMAP ****/
.sitemapl1 {
/*1,Sitemap level 1*/
margin-left:0px;
background-color:#EEEEEE;
margin-top:5px;
}
.sitemapl2 {
/*1,Sitemap level 2*/
margin-left:20px;
}
.sitemapl3 {
/*1,Sitemap level 3*/
margin-left:40px;
background-color:#EEEEEE;
}
.sitemapl4 {
/*1,Sitemap level 4*/
margin-left:60px;
}
.sitemapl5 {
/*1,Sitemap level 5*/
margin-left:80px;
background-color:#EEEEEE;
}
.sitemaplinks {
/*1,sitemap link*/
text-decoration:none;
color:#000000;
}

