html {
	background-color: #fff;
	}
html, body {
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background: url(img/main_bcg.gif) top left repeat-x;
	}
* * body {
    text-align: center;
}
#main {
	position: relative;
	width: 838px;
	min-height: 100%;
	margin: 0px auto;
	background-image: url(img/top_bcg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	
}
* html #main {
	height: 100%;
	text-align: left;
}
#header {
	position: absolute;
	top: 0;
	height: 100px;
	width: 838px;
}
#content {
	position: relative;
	padding: 100px 0px 40px 0px;
	width: 802px;
	margin: 0 18px 0 18px;
}
#left_col {
	width: 570px;
	float: left;
	margin: 0;
	padding: 0;
	}
#right_col {
	width: 208px;
	float: left;
	margin: 0 0 0 24px;
	padding: 0;
	}
#footer {
	position: relative;
	height: 40px;
	width: 838px;
	padding: 0;
	background: url(img/footer_bcg.gif) top left repeat-x;
	clear: both;
}
* html #footer {
    bottom: -1px; /*dla IE*/
}
#footer p {
	font-size: 0.65em;
	color: #737373;
	padding-top: 22px;
	padding-left: 18px;
	margin: 0;
	}

/* nundroo http://www.nundroo.com/navigation/ */
#menu {
	width: 570px;
	height: 52px;
	}
#menu span {
	display: none;
}
* html #menu li{ float:left;}
#menu ul {
	position: relative;
	width: 570px;
	background: url(img/menu.gif) no-repeat;
	height: 52px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li#m_nyheter a {
	background: transparent;
	position: absolute;
	width: 69px;
	height: 52px;
	bottom: 0;
	text-decoration: none;
}
li#m_tjenester a {
	background: transparent;
	position: absolute;
	width: 73px;
	height: 52px;
	bottom: 0;
	text-decoration: none;
}
li#m_portefolje a {
	background: transparent;
	position: absolute;
	width: 73px;
	height: 52px;
	bottom: 0;
	text-decoration: none;
}
li#m_skole a {
	background: transparent;
	position: absolute;
	width: 51px;
	height: 52px;
	bottom: 0;
	text-decoration: none;
}
li#m_oppslag a {
	background: transparent;
	position: absolute;
	width: 67px;
	height: 52px;
	bottom: 0;
	text-decoration: none;
}
li#m_portal a {
	background: transparent;
	position: absolute;
	width: 53px;
	height: 52px;
	bottom: 0;
	text-decoration: none;
}
li#m_verktoy a {
	background: transparent;
	position: absolute;
	width: 62px;
	height: 52px;
	bottom: 0;
	text-decoration: none;
}
li#m_kontakt a {
	background: transparent;
	position: absolute;
	width: 60px;
	height: 52px;
	bottom: 0;
	text-decoration: none;
}

/* adjusted values for IE6 */
* html*li#m_nyheter a, * html*li#m_tjenester a, * html*li#m_portefolje a, * html*li#m_skole a, * html*li#m_oppslag a, * html*li#m_portal a, * html*li#m_verktoy a, * html*li#m_kontakt a { 
	bottom: -2px; 
	}

li#m_nyheter a { left: 0; background: url(img/m_nyheter_on.gif) 0 0 no-repeat; }
li#m_tjenester a { left: 71px; background: url(img/m_tjenester_on.gif) 0 0 no-repeat; }
li#m_portefolje a { left: 146px; background: url(img/m_portefolje_on.gif) 0 0 no-repeat; }
li#m_skole a { left: 221px; background: url(img/m_skole_on.gif) 0 0 no-repeat; }
li#m_oppslag a { left: 274px; background: url(img/m_oppslag_on.gif) 0 0 no-repeat; }
li#m_portal a { left: 343px; background: url(img/m_portal_on.gif) 0 0 no-repeat; }
li#m_verktoy a { left: 398px; background: url(img/m_verktoy_on.gif) 0 0 no-repeat; }
li#m_kontakt a { left: 462px; background: url(img/m_kontakt_on.gif) 0 0 no-repeat; }

li#m_nyheter a:hover, li#m_tjenester a:hover, li#m_portefolje a:hover, li#m_skole a:hover, li#m_oppslag a:hover, li#m_portal a:hover, li#m_verktoy a:hover, li#m_kontakt a:hover { 
	background-position: 0 -52px;
	}
	
/* submenu */
#submenu_box {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 208px;
	background-color: #fff4e3;
	}
#smbox_content {
	padding:0;
	}
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc {
	background-color: transparent;
	background-repeat: no-repeat;
	}
#tlc {
	background-image:url(img/tlc.gif);
	background-position: 0% 0%;
	}
#trc {
	background-image:url(img/trc.gif);
	background-position: 100% 0%;
	}
#blc {
	background-image:url(img/blc.gif);
	background-position: 0% 100%;
	}
#brc {
	background-image:url(img/brc.gif);
	background-position: 100% 100%;
	}
#tb, #bb {
	background-color: transparent;
	background-repeat: repeat-x;
	}	
#tb {
	/*background-image:url(img/tb.gif);
	background-position: 0% 0%;*/
	}
#bb	{
	background-image:url(img/bb.gif);
	background-position: 50% 100%;
	}
#rb	{
	/*background-image:url(img/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;*/
	}
#lb	{
	/*background-image:url(img/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;*/
	}
ul#submenu {
	list-style: none;
	margin: 0 0 0 21px;
	padding: 22px 0 22px 0;
	width: 166px;
	}
#submenu li {
	font-size: 0.75em;
	line-height: 135%;
	padding-bottom: 31px;
	font-weight: bold; 
	background: url(img/sm_line.gif) center bottom repeat-x;
	}
#submenu li a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	}
#submenu li a:hover {
	color: #003e69;
	text-decoration: underline;
	}
#submenu li span {
	display: block;
	font-size: 0.85em;
	color: #333;
	}
	
/* text */

#text {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #fff;
	}
#text_content {
	padding: 18px;
	color: #3d3d3d;
	}
#ttlc, #ttrc, #tblc, #tbrc {
	background-color: transparent;
	background-repeat: no-repeat;
	}
#ttlc {
	background-image:url(img/ttlc.gif);
	background-position: 0% 0%;
	}
#ttrc {
	background-image:url(img/ttrc.gif);
	background-position: 100% 0%;
	}
#tblc {
	background-image:url(img/tblc.gif);
	background-position: 0% 100%;
	}
#tbrc {
	background-image:url(img/tbrc.gif);
	background-position: 100% 100%;
	}
#ttb, #tbb {
	background-color: transparent;
	background-repeat: repeat-x;
	}	
#ttb {
	background-image:url(img/ttb.gif);
	background-position: 0% 0%;
	}
#tbb {
	background-image:url(img/tbb.gif);
	background-position: 50% 100%;
	}
#trb {
	background-image:url(img/tr.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}
#tlb {
	background-image:url(img/tl.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
/* inside text boxes */

#text_content .date {
	font-size: 0.65em;
	}
#text_content img {
	float: left;
	padding: 4px;
	background-color: #fff;
	border: solid 1px #bfdfed;
	margin-right: 1.5em;
	}
#text_content .btn {
	float: none;
	padding: 0;
	background: none;
	border: none;
	}



/* news on home page */
.news {
	width: 208px;
	padding-bottom: 26px;
	background: url(img/news_line.gif) bottom left repeat-x;
	}
.news h4 {
	font-size: 0.875em;
	font-weight: normal;
	color: #003e69;
	line-height: 130%;
	margin: 0 0 0.5em 0;
	}
.news .date {
	font-size: 0.6em;
	color: #5f5f5f;
	margin: 0 0 0.6em 0;
	}
.news p {
	font-size: 0.7em;
	color: #464646;
	line-height: 140%;
	margin: 0 0 0.7em 0;
	}
.news .more {
	margin: 0;
	}
.news a {
	color: #ef7d00;
	text-decoration: none;
	}
.news a:hover {
	color: #ef7d00;
	text-decoration: underline;
	}
	
/* nyheter */

.news_entry {
	padding-bottom: 31px;
	background: url(img/nyheter_line.gif) center bottom repeat-x;
	}
	
/* logo */
#logo {
	position: absolute;
	left: 15px;
	top: 42px;
	border: 0;
	}

/* claim */
h1#claim {
	margin: 0;
	}
#claim {
	display: block;
	padding: 245px 0 0 0;
    overflow: hidden;
    background-image: url("img/claim.jpg"); 
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:245px; /* for IE5.5's bad box model */
	}
	
/* address in header */
#top_address {
	position: absolute;
	right: 33px;
	top: 46px;
	font-size: 0.7em;
	color: #003e69;
	margin: 0;
	padding: 0;
	}
#top_address a {
	color: #003e69;
	text-decoration: none;
	}
#top_address a:hover {
	color: #ef7d00;
	text-decoration: underline;
	}

/* projects' screenshots on home page */

.screenshot {
	width: 180px;
	padding: 0 15px 0 0;
	margin: 0;
	float: left;
	}
.screenshot a img {
	border: 0;
	}
.screenshot p {
	color: #595959;
	font-size: 0.7em;
	}
.last {
	padding: 0;
	}
	
/* portfolio */

#portfolio_entry {
	display: table;
	width: 534px;
	background: url(img/portfolio_line.gif) top center repeat-y;
	}
#portfolio_left {
	display: table-cell;
	float: left;
	width: 373px;
	}
#portfolio_right {
	display: table-cell;
	vertical-align: middle;
	float: right;
	}
#portfolio_right p {
	margin: 0;
	}
	
/* pagination */

#pagination {
	height: 35px;
	padding-left: 18px;
	}
#text_content #pagination {
	height: 15px;
	padding: 0;
	}
#projects #pagination {
	height: 15px;
	padding: 0;
	clear: both;
	}
#pagination ul {
	line-height: 0.8em; 
	list-style: none; 
	padding: 0; 
	margin: 0;
	}
#pagination ul li {
	float: left; 
	padding: 0; 
	margin: 0; 
	font-size: 0.65em;
	}
#pagination li.bilde {
	color: #003e69;
	font-weight: bold;
	padding: 5px 10px 0 0;
	}
#pagination ul a, #pagination ul li.current { 
	display: block; 
	background: #fff; 
	color: #003e69; 
	padding: 4px 5px 2px; 
	border: 1px solid #bfdfed; 
	margin-right: 4px; 
	text-decoration: none; 
	}
#pagination ul a:hover {
	background: #bfdfed; 
	color: #fff; 
	font-weight: bold; 
	border: 1px solid #bfdfed; 
	}
#pagination ul li.current { 
	background: #bfdfed; 
	color: #003e69; 
	font-weight: bold; 
	border: 1px solid #bfdfed;
	}
	
/* headers */

#prosjekter_h, #tjenester_h, #portefolje_h, #nyheter_h, #skole_h, #oppslag_h, #portal_h, #verktoy_h, #kontakt_h {
	padding: 51px 0 0 0;
	margin: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:51px; /* for IE5.5's bad box model */
	}

#prosjekter_h {
    background-image: url("img/h_prosjekter.gif"); 
	}
#tjenester_h {
    background-image: url("img/h_tjenester.gif"); 
	}
#portefolje_h {
    background-image: url("img/h_portefolje.gif"); 
	}
#nyheter_h {
    background-image: url("img/h_nyheter.gif"); 
	}
#skole_h {
    background-image: url("img/h_skole.gif"); 
	}
#oppslag_h {
    background-image: url("img/h_oppslag.gif"); 
	}
#portal_h {
    background-image: url("img/h_portal.gif"); 
	}
#verktoy_h {
    background-image: url("img/h_verktoy.gif"); 
	}
#kontakt_h {
    background-image: url("img/h_kontakt.gif"); 
	}
	
/* generic styles */

h3 {
	font-size: 1.1em;
	margin: 0;
	font-weight: normal;
	color: #0072bc;
	}
h4 {
	font-size: 1em;
	margin: 0;
	font-weight: normal;
	color: #0072bc;
	}
p {
	font-size: 0.75em;
	line-height: 1.4em;
	color: #3d3d3d;
	}
a {
	color: #f97602;
	text-decoration: none;
	}
a:hover {
	color: #f97602;
	text-decoration: underline;
	}

/* clearfix*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}