@charset "utf-8";
/* CSS Document */

*, 
html, 
body
{
	color: #000;
	margin: 0;
	padding: 0;
	
}


html,
body { height:100%; }
body { 
/*font-size: 62.5%;*/

}

/*div { background-color: #fff; }*/

p
{
	color: #6d6d6d;
	margin-bottom: 12px;
	clear: both;
}
#middle ul li 
{
	font-size: 11pt;
	font-family:Palatino, regular;
	color: #6d6d6d;
	list-style-image:none;/*url('/img/bullet.jpg');*/
	list-style-position:inside;
	/*list-style-type:none;*/
}

h1
{ 
	background-image:url('/img/line.jpg');
	background-position:center bottom;
	background-repeat:repeat-x;
	clear:both;
	display:inline;
	font-size:18pt;
	font-weight:normal;
	height:20px;
	letter-spacing:-1px;
	padding-bottom:40px;
	float:left;
}

h1.with_br
{ 
	background-image:url('/img/line.jpg');
	background-position:center bottom;
	background-repeat:repeat-x;
	clear:both;
	display:inline;
	font-size:18pt;
	font-weight:normal;
	height:20px;
	letter-spacing:-1px;
	padding-bottom:60px;
	float:left;
}

h2 
{ 
	font-size: 15pt; 
	font-weight: normal;
}

h3
{
	font-weight: normal;
}

.ingress 
{ 
	font-size: 14pt; 
	color: #000;
	line-height:17pt;
}

#wrapp
{
	font-size: 11pt;
/*	border: 1px solid pink;    */
	position: relative;
    min-height:100%;
}

#top 
{
	width: 900px;
	margin:0 auto;
	text-align:center;
	clear: both;
	height: 132px;
	font-family: Helvetica, Regular;
}
	#logo a img
	{
		border: 0;
	}
	#menu 
	{
		line-height:26px;
		margin-top:5px;
		margin: 0 auto;
		font-size: 9pt;
	}
	#menu ul
	{
		border-top: 1px solid #dfdfe2;
		padding-left:95px;
	}
	#menu ul li 
	{
		list-style-image:url('/img/bullet.jpg');
		list-style-position:outside;
		float: left;
		padding-left:5px;
		padding-right:30px;
	}
		#menu ul li.menufirst 
		{
			list-style-image:none;
			list-style-type:none;
		}

		#menu ul li a,
		#rightside ul li a,
		#middle a
		{ 
			color: #000; 
			text-decoration: none;
/*			font-weight: bold;*/
		}

		#menu ul li a:hover,
		a.aktlink:hover, 
		.blokk a.link:hover,
		.blokk a.link2:hover,
		#rightside ul li a:hover,
		div.blokk a:hover,
		#middle a:hover
		{
			border-bottom: 1px solid #fbd502;
		}

		#menu ul li a.active,
		#menu ul li a:hover,
		.blokk a.link:hover,
		.blokk a.link2:hover,
		a.aktlink:hover,
		#rightside ul li a:hover,
		#rightside ul li a.active,
		#middle a:hover
		{
			color: #f57b20;
		}
		
		#middle a {
			border-bottom: 1px solid #dfdfe2;	
		}



#main 
{
	margin:0 auto;
	font-size: 11pt;
	clear:both;
	padding-bottom: 210px;
	font-family:Palatino, regular;
	margin-top:25px;
}

	#innhold
	{
		width: 900px;
		margin:0 auto;
	}

	.sechjem,
	.sechjem2, 
	.secreferanser,
	.seckampanje
	{
		/*background-color: #f4f5f7;
		background-color: #e6e6e6;*/
		background-color:#d7d6d6;
        clear:both;
	}
	

	.topMhjem,
	.topMhjem2,
	.topMreferanser,
	.topMkampanje
	{
		background-image:url('/img/bg_top_line.jpg');
		background-repeat:repeat-x;
		height:9px;
		width:100%;
		margin-bottom:5px;
		background-position:bottom;
	}
	
	.topM,
	.topMwebutvikling,
	.topMwebdesign,
	.topMaktuelt,
	.topMgrafiskDesign,
	.topMaktuelt,
	.topMomByte 
	{
		/*
		background-image:url('/img/bg_top_line.jpg');
		background-repeat:repeat-x;
		*/
		border-top: 1px solid black;
		margin:0 auto 25px;; 
		height:9px;
		width:900px;
		background-position:bottom;
	}

	/*.bottomMhjem,*/
	.bottomMreferanser,
	.bottomMkampanje
	{
		background-image:url('/img/bg_bottom_line.jpg');
		background-repeat:repeat-x;
		height:9px;
		width:100%;
		background-position:top;
		clear: both;
		margin-top:5px;
	}

	.bottomM2,	
	.bottomM2webutvikling,
	.bottomM2webdesign,
	.bottomM2aktuelt,
	.bottomM2grafiskDesign,
	.bottomM2omByte
	{
		background-image:url('/img/line_dots_bottom.jpg');
		background-repeat:repeat-x;
		height:25px;
		width:900px;
		margin: 0 auto;
		background-position:bottom;
		clear: both;
	}
	.bottomM,
	.bottomMwebutvikling,
	.bottomMwebdesign,
	.bottomMaktuelt,
	.bottomMgrafiskDesign,
	.bottomMomByte
	{
		background-image:url('/img/line_dobble_bottom.jpg');
		background-position:bottom;
		background-repeat:repeat-x;
		height:40px;
		margin:0 auto;
		width:900px;
		clear: both;
	}
	#leftside
	{
		width: 240px;
		float: left;
	}
    #leftside h1 {
        max-width: 220px;
    }
	#rightside, 
	#rightside h1 
	{
		text-align:left;
		float:right;
		width: 180px;
	}
	#middle
	{
		width: 400px;
		float: left;
        font-family:Palatino,regular;
	}
	#middle ul 
    {
        margin-top:-10px;
        float:left;
        clear: both;
        /*padding-left:33px;*/
        font-family:Palatino,regular;
        margin-bottom: 10px;
    }
	#hjem  div.blokk, div.blokk_wide
	{
		/*height:392px;*/
		height: 250px;
		margin-bottom:4px;
	}
	
	#hjem div.blokk_wide
	{
		height:276px;
	}
	
	
	#referanser div.blokk 
	{
		height:150px;
		margin-bottom:7px;
	}
	div.blokk_wide
	{
		width: 486px;
		float: left;
		margin-right: 4px;
		margin-left:4px;
		background-color: #fff;
		margin-bottom:4px;
		border: 1px solid #c4c2c2;
		padding-bottom:0px;
		font-family:Palatino,regular;
		
/*		margin-top:20px;*/

	}
	
	div.blokk_wide h3{
		
		font-size:2em;
		margin-bottom:20px;
		font-family:Palatino,regular;
		
		}
		
	div.blokk_wide ul{
		
		font-size:1.1em;
		font-family:Palatino,regular;
		margin-left:20px;
		
		}
		
	div.blokk_wide li{
		
		line-height:24px;
		font-family:Palatino,regular;
		
		}	
	
	div.blokk
	{
		width: 218px;
		float: left;
		margin-right: 4px;
		background-color: #fff;
		margin-bottom:4px;
		border: 1px solid #c4c2c2;
		padding-bottom:0px;
/*		margin-top:20px;*/

	}
	.blokk p, 
	.blokk h3, 
	.blokk a.link, 
	.blokk a.link2,
	.blokk h3
	{
		clear:both;
		margin-left:16px;
		margin-right:16px;
		float:left;
		#width:190px;
	}
	.blokk a.link, .blokk h2, a.aktlink
	{
		font-size: 14pt;
	}
	
	.blokk a.link2
	{
		display: inline;
		padding-bottom:2px;
		text-decoration:none;
		float:left;
		margin-top: 8px;
		margin-bottom:-5px;
		font-size: 16px;
		margin-bottom:0px;
		border-bottom: 1px solid #dfdfe2;
	}

	
	.blokk a.link,
	.blokk h2,
	a.aktlink
	{
		display: inline;
		padding-bottom:2px;
		text-decoration:none;
		float:left;
		margin-top: 12px;
		margin-bottom:0px;
		border-bottom: 1px solid #dfdfe2;
	}

	.blokk h3
	{
		border-bottom: 1px solid #dfdfe2;
	}
	.blokk p 
	{
		margin-bottom: 10px;
		font-size:13px;
		margin-top:8px;
	}
	.bilde 
	{
		clear:both;
		float:left;
		height:100px;
		width:218px;
		border-bottom: 1px solid #dfdfe2;
		/*display: none;*/
	}
	#hjem .bilde,
	#hjem2 .bilde { display: none; }
	
#footer 
{
	height: 120px;
	margin: 0 auto;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
    position: absolute;
    bottom: 0;
	background-color:#000;
    list-style-position:inside;
	float: left;
	clear: both;
	/*background-image:url(/img/bg_bottom.jpg);*/
	color: #a1a4a4;
	background-repeat:repeat-x;
	background-position:bottom;
	vertical-align:bottom;
	margin-bottom:0;
	padding-bottom:0;
}

#footer img {
float: left; 
}

.footer-wrap { 
	color: #a1a4a4;
	padding-right:20px;
	width:880px;
	margin:0 auto;
	margin-top:20px;
	height:100px;
}

.footer-wrap ul {
text-align:left;
list-style:none outside none;
float: right;
margin-left:30px;
color: #a1a4a4
}

.footer-wrap ul li,
.footer-wrap ul li a {
color: #a1a4a4;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#kontaktskjema h6{
float:right;
width:178px; 
background-color:#fff;
font-size:1em;
text-align:left;
text-indent:15px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:-2px;
}

#kontaktskjema input, 
#kontaktskjema textarea, 
#kontaktskjema select, 
#kontaktskjema option 
{
    margin-top: 3px;
	font-family: Helvetica, Regular;
	font-size: 10pt;
	border-top: 1px solid #c4c2c2;
	border-bottom: 1px solid #c4c2c2;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 176px;
	/*padding-left: 4px;*/
	float: right;
	background-color: #fff;
	color: #acacae;
	height: 20px;
	padding-top:4px;
	/*padding-left:15px; */
	text-indent:15px;
}

#kontaktskjema textarea
{
	height: 80px;
	overflow:auto;
}

/*
#kontaktskjema textarea:focus, 
#kontaktskjema input:focus 
{
	border: 1px solid #dfdfe2;
}
*/

#kontaktskjema input.submit-button 
{
	float:right;
	width:60px;
	float:right;
	color: #000;
	clear:both;
	height:25px;
	padding-bottom:4px;
	padding-left:0px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;
	border: 1px solid #c4c2c2;
	text-indent:0px;
	cursor:pointer;
}

#kontaktskjema form 
{
	float:left;
}


#kontaktskjema form div, 
#rightside .right-border
{
	background-image:url('/img/line_dots_bottom.jpg');
	background-position:center bottom;
	background-repeat:repeat-x;
	clear:both;
	height:2px;
	margin:0 auto;
	/*width:132px;*/
	width: 100%;
	float:right;
}

#kontaktskjema form div 
{
	height: 7px;
	
}

#kontaktskjema{
border:1px solid #c4c2c2;
width:178px;
float:right;
background-color:#fff;
}

#rightside 
{
	float: right;
	text-align: right;
}

#rightside .right-border 
{
	margin-top: 30px;
	margin-bottom: 20px;
	clear:both;
	float: right;
}
#rightside ul 
{
	text-align: left;
	list-style:none;
	width: 100%;
	float: right;
}
#rightside ul li 
{
	height:24px;
    width: 200px;
}
#rightside ul li a
{
	text-decoration: none;
	border-bottom: 1px solid #dfdfe2;
}
#rightside ul li a.active {
border-bottom: 1px solid #fbd502;
}
#slideshow
{
margin-bottom: 40px;
border:1px solid #dedde1;
width:400px;
}

.reflink
{
font-size: 10pt;
}

#nav a {
background:#fff none repeat scroll 0 0;
margin:-4px 2px;
padding:4px;
text-align:right;
display:block;
float: left;
text-decoration:none;
line-height:0px;
border:1px solid #dedde1;
}
#nav a.activeSlide { background: #c5c5c6; border:1px solid #dedde1; }
#nav a:focus { outline: none; }
#nav { float: right; margin-right:2px; margin-top:15px; clear: both }

#prev, #next { 
float:left;
height:0px;
margin-top:10px;
width:10px;
padding-right:0px;
margin-left:10px;
}

#prev { background-image:url('/img/prev2.jpg'); }
#next { background-image:url('/img/next2.jpg'); }


#controll {

padding-left:225px;
}


.blokk img {
padding:0px;
border:0;
border-bottom:1px solid #DFDFE2;

}
.blokk a p {
display:inline;
}



#slogan 
{
	/*margin:0 auto;
	margin-top: 10px;
	width:100%;
	height:20px;
	clear:both;
	text-align:right;
	padding-bottom:260px;*/
	padding-bottom:130px;
	text-align:right;
	width:100%;
	clear:both;
	/*background-color:#E6E6E6;*/
		background-color:#d7d6d6;
}

#hjem-nyheter,
#hjem-referanser
{
	margin:0 auto;
	margin-top: -200px;
	width:100%;
	height:210px;
	clear:both;
	text-align:right;
	padding-bottom:260px;
	background-image:url('/img/front/bg_grey.jpg');
	background-repeat:repeat;
}
#hjem-nyheter .hjem-nyhet {
height: 250px;
}

.hjem-nyhet {
float:left;
margin-right:10px;
text-align:left;
width:215px;
height: 260px;
/*padding-bottom: 100px;*/
}

.hjem-nyhet a img { border: 0; }

.hjem-nyhet a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
display:block;
padding-bottom:4px;
margin-bottom:8px;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
}
.hjem-nyhet a:hover {
color: #DE6D18;
}

.hjem-nyhet p {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:16px;
color:#000;
}
#hjem-nyheter h1,
#hjem-referanser h1 {
	background-image:none;
	border-bottom:1px solid #FFFFFF;
	color:#DE6D18;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin-bottom:8px;
	padding-bottom:0px;
	text-align:left;
	width:890px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:bold;
}

#slogan p {
	width: 380px;
	float: right;
	margin-right:8px;
}

#slogan div,
#hjem-nyheter .nyhet-wrap,
#hjem-referanser .nyhet-wrap
{
width:900px;
margin:0 auto;
padding-top:10px;
}

#aktuelt p { padding-top: 4px; }


#scroll {

height:202px;
overflow:hidden;
position:relative;
width:200px;
float: left;
}
.selmt {
  position: absolute;
  top: 210px;
  left: 5px;
  height: 195px;
  width:190px;
}

.firma-tabell {
	width:660px;
}
.firma-tabell .label {
width: 150px;
}

.firma-tabell tr td input {
	width:400px;
}
.firma-tabell tr td textarea {
  width:400px;
  height:200px;
}
.firma-tabell tr td { 
	vertical-align:top;
}

#admin #middle { width: 660px; }