body {	
	background-image: url(images/gradient2.jpg); 
	background-repeat: repeat-x;
	background-color: #D6D5D1; 
	}
	
h1 {
	margin: 0;
	padding: 0;
	font-size: 1px;
	height: 149px;
	text-indent: -2000px;
	background: url(images/topleft3.jpg);
	border-left:1px solid #545454;	
	border-right:1px solid #545454;	
	border-top:1px solid #545454;		
	}
	
h2 {
	padding: 0 0 0 0px;
	margin: 10px 5px 0px 15px; 
	color: #000000;
	font: 18px 	Verdana, Times New Roman, Times, serif;
	font-style:italic;
	font-weight:bold;	
	}
	
#hMenu {
	border-style: solid;
	border-color: #545454;
	border-width: 1px 0;
	height: 25px;	
	/*background: #cbd1c3 url() no-repeat;*/
	padding: 0 0 0 5px;
	border-left:1px solid #545454;	
	border-right:1px solid #545454;	
	}

#Menubar {
	margin: -27px 0px 0px 0px;
	padding: 3px 0px 0px 0px;	
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
/*	font: bold 14px Georgia, Times New Roman, Times, serif; */
	/*color: #0D7520;*/
	border-style: solid;
	border-color: #545454;
	border-width: 1px 0px 1px 1px;
	height: 22px;
	width: 698px;
	
	background: #cbd1c3 url(images/bar.jpg);	
	/*
	border-left:1px solid #545454;	
	border-right:1px solid #545454;	
	*/
	}

	#Menubar a { 
		color: #0B397B;
		text-decoration:none;
	}
	#Menubar a:visited { 
		color: #0B397B; 
		text-decoration:none;
	}
	#Menubar a:hover { 
		color: #0B397B;
		text-decoration:underline; 
	}
	#Menubar a:active { 
		color: #0B397B; 
		text-decoration:none;
	}	
	
	.MenubarPos {
		/*margin: 0px 0px 0px 40px;	*/
		margin: 0px 0px 0px 27px;
	}

	
#blokk_1, #blokk_2, #blokk_3, #blokk_4
	{
	height:535px;
	float:left;
	overflow:auto;		
	}
	
	#blokk_1 {
		width:159px;
		background-color:#f0f0f0;
		border-right:1px solid #545454;	
		border-left:1px solid #545454;
		/* - padding -*/
	}
	
	#blokk_1 p {
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		margin: 5px 5px 10px 15px;		
		}
		
		.nyhDato{
			font: 11px Verdana, Arial, Helvetica, sans-serif;
		}

		.lesmer{
			font: 11px Verdana, Arial, Helvetica, sans-serif;
			display: block;
			height: 25px;
			text-align: right;
		}
		
		.meny, .meny_top, .meny_under {
			display: block;
			color: #0D7520;
			font: bold 14px Georgia, Times New Roman, Times, serif;
			margin: 0 0 0 -15px;
			margin-top:10px;
	/*		background: #cbd1c3 url(bullet2.gif) no-repeat 95px 0px; */
			padding: 0 0 0 15px;
			}
			
			.meny_top {
				margin-bottom:25px;
			}	
			.meny_under {
				font: bold 12px Georgia, Times New Roman, Times, serif;
				position:relative;
				left:15px;

			}	
				
	
	#blokk_2 {
		width:697px;
		background-color:#f4f4f4;	
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		border-left:1px solid #545454;
	}
	
		#blokk_2 p {		
			margin: 10px 15px 10px 15px;		
	    }
		
		#blokk_2 table {		
			margin: 5px 0px 0px 15px;
	    }
		
		/*
		#blokk_2 img {		
			border: 1px solid #828282;
			padding: 3px;
			float: left;
			margin: 10px 5px 5px 15px; 
			
			}		
		*/
		
	#blokk_3 {
		width:200px;
		background-color:#EEEEEE;	
		border-style: solid;
		border-color: #545454;
		border-width: 0px 1px 0px 1px;
		overflow:hidden;
	
	/*border-left: #0066CC 1px solid;		*/
	}
	
		#blokk_3 p {
			color: #0D7520;
			font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
			margin: 5px 5px 15px 5px;		
			}
			
			
		 #blokk_3 .img1 {
		 	height:174px;
		 	width:200px;
			padding:0;
			margin:0;
			border-bottom:1px #545454 solid;
			float:left;
			position:relative;
			top:0px;
			}	
			
		#blokk_3 .img2 {
			height:174px;
		 	width:200px;
			padding:0;
			margin:0;
			border-top:1px #545454 solid;
			border-bottom:1px #545454 solid;			
			float:left;
			position:relative;
			top:4px;
		}
		
		#blokk_3 .img3 {
			height:175px;
		 	width:200px;
			padding:0;
			margin:0;
			border-top:1px #545454 solid;			
			float:left;
			position:relative;
			top:8px;
		}		
			
		.menyRight {
			display: block;
			color: #0066CC;
			font: bold 14px Georgia, Times New Roman, Times, serif;						
	/*		background: #cbd1c3 url(bullet2.gif) no-repeat 95px 0px; */
			margin-top: 10px;
			}			
			

	
	#blokk_4 { /* Legger seg over blokk 1 */
		width:898px;
		background-color:#f4f4f4;	
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		border-style: solid;
		border-color: #545454;
		border-width: 0px 1px 0px 1px;
	}
	
		#blokk_4 p {								
			margin: 10px 15px 10px 15px;			
	    }
	
#bunn, #bunn2, #bunn3
	{		
	float:left;
/*	background-color:#FF66CC; */	
	width: 898px;
	height:53px;
	}	
	
		#bunn {
			background: #cbd1c3 url(images/bunnbanner2.png) no-repeat;
			background-color:#FFFFFF;
		}
		
		#bunn p {
			margin: 8px 0px 0px 215px;
			font: 13px Verdana, Arial, Helvetica, sans-serif;
			color: #777777;
			text-decoration:none;
		}
			#bunn a { 
				color: #777777;
				text-decoration:none;
			}
			#bunn a:visited { 
				color: #777777; 
				text-decoration:none;
			}
			#bunn a:hover { 
				color: #777777;
				text-decoration:underline; 
			}
			#bunn a:active { 
				color: #777777; 
				text-decoration:none;
			}	
		
		#bunn2 {
			background-color:#FFFFFF;
		}
		
		#bunn3 {
			height:12px;
			font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
			color:#cccccc;	
		}
		
		#bunn3 p {
			margin:0px 0 8px 185px;
			color:#EAEAEA;
		}
		
		#bunn3 a { 
			color: #EAEAEA;
			text-decoration:none;
		}
		#bunn3 a:visited { 
			color: #EAEAEA; 
			text-decoration:none;
		}
		#bunn3 a:hover { 
			color: #ffffff;
			text-decoration:underline; 
		}
		#bunn3 a:active { 
			color: #EAEAEA; 
			text-decoration:none;
		}	

#bunnwrapper2 {
	overflow: hidden;
	width: 698px;
	margin: 0 auto;	
	margin-top:5px;
	
}

#bunnwrapper {
	overflow: hidden;
	width: 898px;
	margin: 0 auto;		
	border: 1px solid #545454;
}


#wrapper {
	overflow: hidden;
/*	min-height:400px;  IE Bug */
	width: 900px;
	margin: 0 auto;	 /* IE gir F. */	
	font: 13px/19px Trebuchet MS, Georgia, Times New Roman, serif;
}
	
	
	
	#logo {
		margin: -149px 0px 0px 699px;
		height: 175px;
		border-right:1px solid #545454;	
		border-bottom:1px solid #545454;	
		/*background: url(images/a-til-aa-logo.jpg) no-repeat; */
		background: url(images/AtiAA175.jpg) no-repeat;
	}
	
	#image2 {
		margin: -67px 5px 15px 90px;
		height: 69px;
		background: url(turist2.gif) no-repeat;
	}
	
	#image1 {
		margin: 0px 0px 0px 0px; 
		height: 128px;	
		background: url(images/googb.jpg) no-repeat;
	}

	#imageright {
		margin: 0px 0px 0px 0px; 
		/*height: 504px;	*/
		background: url(images/Snekker-3.jpg) no-repeat;
	}
	
#nyheter {
	height: 24;
	background-color: #0B397B;
	font: 12px Verdana, Times New Roman, Times, Serif;
	font-weight: 700;
	padding: 2px 2px;
	color: #f0f0f0;
}

.kampanjetekst {
	text-align: left;
	float:right;
}

a { 
	color: #0B397B;
	text-decoration:none;
}
	a:visited { 
	color: #0B397B; 
	text-decoration:none;
}
a:hover { 
	color: #0B397B;
	text-decoration:underline; 
}
a:active { 
	color: #0B397B; 
	text-decoration:none;
}
	
#output {
	margin-top:20px;
	color:#000000;
	}

#vareliste {
	margin-top:20px;
	color:#000000;
	}

.bl {background: url(bl.gif) 0 100% no-repeat #BCD1B0; width: 190px;}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}		

#ds {	
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:3px 0 0 500px;
}
	#ds a { 
	color: #ffffff;
	text-decoration:none;
	}
	#ds a:visited { 
	color: #ffffff; 
	text-decoration:none;
	}
	#ds a:hover { 
	color: #ffffff;
	text-decoration:underline; 
	}
	#ds a:active { 
	color: #ffffff; 
	text-decoration:none;
	}

.ikoner {
	border:none;
	float: left;
	margin: 0 0 0 15px; /* height 10 - left 15 */

}

.button_large {
	width:110px;
	border:1px solid;
	background-color:#e1e1e1;	
	margin-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;	
}

#valFeilmelding {
	margin-top:0px;
	color:#000000;
}


/* Prosjektliste */

.projlist {
background-color:#F2F2F2;
border: 1px #CCCCCC solid;
width:700px;
height:90px;
overflow:hidden;
margin: 15px 15px 10px 15px;
}

.projlist img {
float:left;
margin-right:5px;
border-right:1px #CCCCCC solid;
border-top:none;
border-bottom:none;
border-left:none;
width: 125px;
height: 90px;
}

.projlist p {
margin:0;
padding:0;
}

.projlist A:link {text-decoration: none; color: #000000;}
.projlist A:visited {text-decoration: none; color: #000000;}
.projlist A:active {text-decoration: none; color: #000000;}
.projlist A:hover {text-decoration: none; color: #000000;}

A:link {text-decoration: underline; color: #0000C6;}
A:visited {text-decoration: underline; color: #0000C6;}
A:active {text-decoration: underline; color: #0000C6;}
A:hover {text-decoration: underline; color: #000000;}



/* Ansatte */



.crewlist {
background-color:#F2F2F2;
border: 1px #CCCCCC solid;
width:270px;
height:120px;
overflow:hidden;
margin: 15px 15px 10px 15px;
float:left;
}

.crewlist img {
float:left;
margin-right:5px;
border-right:1px #CCCCCC solid;
border-top:none;
border-bottom:none;
border-left:none;
width: 96px;
height: 120px;
}

.crewlist p {
margin:0;
padding:0;
}

.crewlist A:link {text-decoration: none; color: #000000;}
.crewlist A:visited {text-decoration: none; color: #000000;}
.crewlist A:active {text-decoration: none; color: #000000;}
.crewlist A:hover {text-decoration: none; color: #0D3C70;}

A:link {text-decoration: underline; color: #0000C6;}
A:visited {text-decoration: underline; color: #0000C6;}
A:active {text-decoration: underline; color: #0000C6;}
A:hover {text-decoration: underline; color: #000000;}


ul.circle {list-style-type:square}
ul.circle {list-style-position:inside}

/* jquery gallery */

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}