/* HEAD */

#head {
	position: absolute;
	z-index: 100;
	top: 50px;
	left: 10px;
	width: 800px;
}

#head h1 {
/*	font-family: "Kodemaker"; */
	font-weight: normal;
	text-indent: 320px;
/*	text-transform: uppercase; */
	font-size: 64px;
	line-height: 60px;
	letter-spacing: -1px;
	color: #d30707;
	margin: 0;
}

/* BODY */

#body {
	float: left;
	width: 100%;
	padding: 205px 0 10px 0;
}

#body .context {
	float: left;
	width: 300px;
	padding: 0 10px;
}

#body .content {
	float: right;
	width: 620px;
	padding: 0 10px;
}

/* FRONTPAGE INTRO */

#intro {
	float: left;
	width: 460px;
	padding: 0 10px;
}

/* FRONTPAGE FEATURE */

#feature {
	position: relative;
	z-index: 0;
	float: right;
	width: 460px;
	padding: 0 10px;
	margin: -205px 0 0 0;
}

/* name */

#body #feature h4 {
	line-height: 18px;
}

#body #feature h4 a {
	text-decoration: none;
}

#body #feature h4 a img {
	border: 0;
}

#body #feature h4 a strong {
	position: absolute;
	top: 290px;
	left: 170px;
	
	font-weight: normal;

	background: Black;
	text-decoration: none;
	color: White;
	padding: 0 6px 0 4px;
}

/* TICKER */

#ticker {
	float: left;
	width: 900px;
	height: 20px;
	background: url(../img/ticker.gif) top no-repeat;
	padding: 6px 30px;
	margin: 0 0 10px 0;
}

#ticker ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

#ticker ul li {
	line-height: 18px;
	padding: 0 10px;
}

#ticker ul li a {
	color: White;
	text-decoration: none;
}

#ticker ul li a:hover {
	text-decoration: underline;
}

/* TICKER */

#teasers {
	float: left;
	width: 100%;
}

#teasers .item {
	float: left;
	width: 300px;
	padding: 0 10px;
}/* NEWS */

#news {
	float: left;
	width: 100%;
	padding: 145px 0 10px 0;
}

#news .context {
	float: right;
	width: 480px;
	padding: 0;
}

#news .content {
	float: left;
	width: 460px;
	padding: 0 10px;
}

#news .content h1 {
	color: Black;
}

#news .content .head h4 {
}

#news .content .head h5 {
}

/* CONTEXT COLUMNS */

#news .context .c1 {
	float: left;
	width: 220px;
	padding: 0 10px;
}

/* CONTEXT H2 */

#news .context h2 {
	font-size: 16px;
	color: Black; 
}



/* CONTEXT SEARCH */

#news .context #search p {
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
}

/* CONTEXT TAGCLOUD */

#news .context #tagcloud ul {
	float: left;
	width: 100%;
}

#news .context #tagcloud ul li {
	border-top: 0;
	padding: 0;
}

/* CONTEXT LISTS */


#news .context ul {
	list-style: none;
	border-top: 1px solid #ccc;
	padding: 0;
	margin: 0 0 24px 0;
}

#news .context ul li {
	border-bottom: 1px solid #ccc;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px 0 4px 0;
}
/* MAP */

#map {
 	width: 100%; 
	height: 485px;
	margin: 0 0 8px 0;
}

/* QUOTE */ 

#quote {
	float: left;
	width: 100%;
}

#quote img {
	margin: 0 0 6px 0;
}

/* CONTACT */

#contact {
	float: left;
	width: 100%;
}

#contact img {
	margin: 0 0 6px 0;
}

#contact p,
#contact address {
	font-style: normal;
	margin: 0;
}

#contact h4,
#contact address strong {
	font-weight: normal;
}

#contact ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
}

#contact ul li {
	display: block;
	float: left;
	width: 100%;
/*	font-family: arial, sans-serif; */
	padding: 2px 0 4px 0;
	margin: 0 5px 0 0;
}

#contact ul li strong {
	display: none; 
}

#contact ul li em {
	font-style: normal;
}

#contact ul li em,
#contact ul li a {
	float: left;
	display: block;
	line-height: 18px;
	background: Black;
	text-decoration: none;
	color: White;
	padding: 0 6px 0 4px;
}

#contact ul li.email a:hover {
	background: #d30707;
}

#contact ul li.phone {
}

#contact ul li.telefax {
}

#contact ul li.email {
}

#contact ul li.social_media {
	padding: 24px 0 0 0;
}

#contact ul .linkedin {
	padding: 24px 0 0 0;
}

#contact ul .linkedin a {
	background: url(../img/contact-linkedin.gif) left no-repeat;
	width: 72px;
	height: 18px;
	padding: 0 10px 0 0;
	line-height: 1000px;
	overflow: hidden;
}

#contact ul .twitter {
	padding: 24px 0 0 0;
}

#contact ul .twitter a {
	background: url(../img/contact-twitter.gif) left no-repeat;
	width: 80px;
	height: 22px;
	padding: 0 10px 0 0;
	line-height: 1000px;
	overflow: hidden;
}

#contact ul .cv {
	padding: 24px 0 0 0;
}

#contact ul .cv a {
	background: url(../img/cv_icon.png) left no-repeat;
	width: 40px;
	height: 40px;
	padding: 0 10px 0 0;
	line-height: 1000px;
	overflow: hidden;
}

#kodemakercv .cv {
}

#kodemakercv .cv a {
	display: block;
    background: url(../img/cv_icon.png) left no-repeat;
	width: 40px;
	height: 40px;
	line-height: 1000px;
	overflow: hidden;
}

/* LOGO GALLERY */

#logoGallery {
	float: right;
	width: 960px;
	margin: 0 -10px 0 0;
}

#logoGallery .item {
	float: left;
	width: 140px;
	padding: 0 10px;
	margin: 0 0 20px 0;
}

/* PEOPLE GALLERY */

#peopleGallery {
	float: right;
	width: 640px;
	margin: 0 -10px 0 0;
}

#peopleGallery .item {
	float: left;
	width: 140px;
	height: 168px;
	padding: 0 10px;
}

#peopleGallery .item h2 {
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#peopleGallery .item h2 a {
	text-decoration: none;
}


#peopleGallery .item h2 a img {
	border: 0;
	margin: 0 0 2px 0;
}

#peopleGallery .item h2 a strong {
	font-weight: normal;
}

#peopleGallery .item h2 a:hover strong {
	text-decoration: underline;
}

#peopleGallery .item p {
	font-size: 12px;
	line-height: 18px;
	color: #666;
}

/* LIST */

#peopleList {
	float: left;
	width: 100%;
}

#peopleList ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
}

#peopleList ul li {
	display: block;
	float: left;
	padding: 2px 0 4px 0;
	margin: 0 5px 0 0;
}

#peopleList ul li a {
	display: block;
	line-height: 18px;
	background: Black;
	text-decoration: none;
	color: White;
	padding: 0 6px 0 4px;
}

#peopleList ul li a:hover {
	background: #d30707;
}
/* DEFAULT */

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body {
	background: White;
	padding: 0;
	margin: 0;
}

/* GRID */

#grid {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/* HEADER */

#header {
	position: relative;
	background: url(../img/header.gif) top center no-repeat;
	width: 100%;
	height: 60px;
}

/* IDENT */

#ident {
	position: absolute;
	top: 110px;
	z-index: 10;
	padding: 0 10px;
}

#ident h1 {
	font-size: 60px;
	line-height: 60px;
	margin: 0;
}

#ident h1,
#ident h1 a {
	display: block;
	background: url(../img/kodemaker.gif) top left no-repeat;
	width: 315px;
	height: 60px;
	line-height: 1000px;
	overflow: hidden;
}

/* CONTENT */

#content {
	position: relative;
	float: left;
	width: 100%;
	background: White;
}

/* EDIT */

#content #edit {
	position: absolute;
	top: 10px;
	left: 10px;
}

#content #edit a {
	color: #ccc;
}

/* FOOTER */

#footer {
	position: relative;
	float: left;
	padding: 10px;
	width: 940px;
	border-top: 1px solid #ccc;
}

#footer address {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #666;
}

#footer address strong {
	font-weight: normal;
	color: Black;
}
/* h1 kompetanse */

body.kompetanse #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.kompetanse #content #head h1 {
	background: url(../img/head/kompetanse.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 alfeinar */

body.alfeinar #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.alfeinar #content #head h1 {
	background: url(../img/head/alfeinar.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 anders */

body.anders #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.anders #content #head h1 {
	background: url(../img/head/anders.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 andre */

body.andre #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.andre #content #head h1 {
	background: url(../img/head/andre.gif) top left no-repeat; 
	width: 700px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 finn */

body.finn #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.finn #content #head h1 {
	background: url(../img/head/finn.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 fredrik */

body.fredrik #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.fredrik #content #head h1 {
	background: url(../img/head/fredrik.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 gry */

body.gry #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.gry #content #head h1 {
	background: url(../img/head/gry.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 hjem */

body.hjem #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.hjem #content #head h1 {
	background: url(../img/head/hjem.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 jobb */

body.jobb #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.jobb #content #head h1 {
	background: url(../img/head/jobb.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 kjetil */

body.kjetil #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.kjetil #content #head h1 {
	background: url(../img/head/kjetil.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 kolbjorn */

body.kolbjorn #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.kolbjorn #content #head h1 {
	background: url(../img/head/kolbjorn.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 kristoffer */

body.kristoffer #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.kristoffer #content #head h1 {
	background: url(../img/head/kristoffer.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 kontakt */

body.kontakt #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.kontakt #content #head h1 {
	background: url(../img/head/kontakt.gif) top left no-repeat; 
	width: 620px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 kristian */

body.kristian #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.kristian #content #head h1 {
	background: url(../img/head/kristian.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 mennesker */

body.mennesker #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.mennesker #content #head h1 {
	background: url(../img/head/mennesker.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 magnar */

body.magnar #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.magnar #content #head h1 {
	background: url(../img/head/magnar.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 magnus */

body.magnus #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.magnus #content #head h1 {
	background: url(../img/head/magnus.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 referanser */

body.referanser #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.referanser #content #head h1 {
	background: url(../img/head/referanser.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 per */

body.per #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.per #content #head h1 {
	background: url(../img/head/per.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 steintore */

body.steintore #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.steintore #content #head h1 {
	background: url(../img/head/steintore.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 ronny */

body.ronny #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.ronny #content #head h1 {
	background: url(../img/head/ronny.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 rune */

body.rune #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.rune #content #head h1 {
	background: url(../img/head/rune.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 stein */

body.stein #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.stein #content #head h1 {
	background: url(../img/head/stein.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 stenmorten */

body.stenmorten #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.stenmorten #content #head h1 {
	background: url(../img/head/stenmorten.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 stian */

body.stian #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.stian #content #head h1 {
	background: url(../img/head/stian.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 stig-melling */

body.stig-melling #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.stig-melling #content #head h1 {
	background: url(../img/head/stig-melling.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 torstein */

body.torstein #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.torstein #content #head h1 {
	background: url(../img/head/torstein.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 trygve */

body.trygve #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.trygve #content #head h1 {
	background: url(../img/head/trygve.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	
/* h1 yen */

body.yen #content #head {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 800px;	
}


body.yen #content #head h1 {
	background: url(../img/head/yen.gif) top left no-repeat; 
	width: 800px;
	height: 130px;
	line-height: 1000px;
	overflow: hidden;
}

	/* MENU */

#menu {
	float: left;
	width: 940px;
	height: 50px;
	padding: 10px 10px 0 10px;
}

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

#menu ul li {
	float: left;
	font-size: 16px;
	line-height: 24px;
}

/* link */

#menu ul li a {
	text-decoration: none;
	display: block;
	padding: 16px 10px 10px 10px;
	color: White;
}

#menu ul li a:hover {
	text-decoration: underline;
}

/* current */

#menu ul li strong {
	display: block;
	padding: 16px 10px 10px 10px;
}

#menu ul li strong {
	font-weight: normal;
	color: #999;
}

/* parent */

#menu ul li em {
	font-style: normal;
}

#menu ul li em a {
	color: #999;
}

/* home */

#menu ul li.item-1 {
	width: 305px;
	padding: 0 5px;
}

#menu ul li.item-1 a,
#menu ul li.item-1 strong {
	float: left;
	padding: 16px 10px 10px 25px;
	background: url(../img/menu-home.gif) left no-repeat;
}

#menu ul li.item-1 strong {
	background: url(../img/menu-home-on.gif) left no-repeat;
}/* GLOBAL */

body {
	font-family: "Times New Roman", serif;
	color: Black;
}

/* LINKS */

a {
	color: #d30707;
}

a:hover {
	color: Black;
	color: #333;
}

/* HEADERS */

h1,
h2 {
	font-size: 24px;
	font-weight: normal;
	line-height: 36px;
	color: #d30707;
	margin: 0 0 0 0;
}

h3 {
	font-size: 24px;
	font-weight: normal;
	line-height: 36px;
	margin: 0 0 36px 0;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin: 0;
}

h5 {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 18px 0;
}

p,
address {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 24px 0;
}

strong {
	font-weight: bold;
}

p + h2 {
	margin: 30px 0 6px 0;
}

ul,
ol {
	margin: 0 0 24px 0;
}

ul li,
ol li {
	font-size: 16px;
	line-height: 24px;
}

/* CITE AND Q */

cite {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #d30707;
}

cite a {
	text-decoration: none;
}

q {
	color: #666;
}

q:before {
}

q:after {
}