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

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 60%; color: #000000;
}

h1 {
	font-size: 100%;
}

p {
	font-size: 90%;
}

img {
	border:0;
}

#wrapper {
	border-style: solid;
	border-color:#999999;
	padding: 2.5%;
	width: 1150px;
	height: 700px;
	z-index: 0;
	background-image: url('bryggorgradient2.gif');
	background-repeat: no-repeat;
	background-attachment:fixed;
}

#cvfil {
	position:absolute;
	left:709px;
	top:465px;
	width:173px;
	height:167px;
	z-index:7;
}

#orly {
	position:absolute;
	left:10px;
	top:127px;
	width:126px;
	height:115px;
	z-index:6;
}

#orly2 {
	position:absolute;
	left:180px;
	top:12px;
	width:126px;
	height:115px;
	z-index:6;
}

#orly3 {
	position:absolute;
	left:1050px;
	top:373px;
	width:126px;
	height:115px;
	z-index:6;
}

#orly4 {
	position:absolute;
	left:398px;
	top:579px;
	width:126px;
	height:115px;
	z-index:6;
}

#bear {
	position:absolute;
	left:14px;
	top:544px;
	width:204px;
	height:199px;
	z-index:5;
}

#plaster {
	position:absolute;
	left:748px;
	top:25px;
	width:114px;
	height:128px;
	z-index:6;
}

#design {
	position:absolute;
	left:521px;
	top:421px;
	width:302px;
	height:76px;
	z-index:4;
}

#kuvar {
	position:absolute;
	left:290px;
	top:20px;
	width:725px;
	height:428px;
	z-index:4;
}

#inne1 {
	position:absolute;
	left:351px;
	top:111px;
	width:228px;
	height:192px;
	z-index:5;
}

#inne2 {
	position:absolute;
	left:578px;
	top:66px;
	width:352px;
	height:303px;
	z-index:5;
}

#inne3 {
	position:absolute;
	left:935px;
	top:111px;
	width:171px;
	height:192px;
	z-index:5;
}

#inne4 {
	position:absolute;
	left:351px;
	top:314px;
	width:227px;
	height:193px;
	z-index:5;
}

#inne5 {
	position:absolute;
	left:615px;
	top:314px;
	width:228px;
	height:192px;
	z-index:5;
}

#inne6 {
	position:absolute;
	left:878px;
	top:313px;
	width:228px;
	height:192px;
	z-index:5;
}

#berne {
	position:absolute;
	left:181px;
	top:57px;
	width:644px;
	height:172px;
	z-index:-1;
}

#midtext {
	position:absolute;
	left:370px;
	top:225px;
	width:362px;
	height:85px;
	z-index:1;
	
}

#seal {
	position:absolute;
	left:827px;
	top:347px;
	width:109px;
	height:97px;
	z-index:3;
}

#porttext {
	position:absolute;
	left:86px;
	top:379px;
	width:100px;
	height:50px;
	z-index:1;
}

#cvtext {
	position:absolute;
	left:96px;
	top:431px;
	width:100px;
	height:50px;
	z-index:1;
}

#hemtext {
	position:absolute;
	left:78px;
	top:327px;
	width:100px;
	height:50px;
	z-index:1;
}

#kontakttext {
	position:absolute;
	left:102px;
	top:483px;
	width:100px;
	height:50px;
	z-index:1;
}

#brovag {
	background-image: url('brovag300.png');
	position:absolute;
	left:899px;
	top:38px;
	width:300px;
	height:400px;
	z-index:2;
}

#baat {
	background-image: url('baat300.png');
	position:absolute;
	left:899px;
	top:38px;
	width:300px;
	height:400px;
	z-index:2;
}

#pink {
	background-image: url('pink300.png');
	position:absolute;
	left:899px;
	top:38px;
	width:300px;
	height:400px;
	z-index:2;
}

#skog {
	background-image: url('skog300.png');
	position:absolute;
	left:899px;
	top:38px;
	width:300px;
	height:400px;
	z-index:2;
}

#sidor {
	background-image: url('sidor300.png');
	position:absolute;
	left:899px;
	top:38px;
	width:300px;
	height:400px;
	z-index:2;
}

#stimlogo {
	position:absolute;
	left:33px;
	top:39px;
	width:800px;
	height:200px;
	z-index:2;
}

#stimlog {
	background-image: url('fiskstimmindre2.gif');
	position:absolute;
	left:37px;
	top:39px;
	width:800px;
	height:200px;
	z-index:2;
}

#lankar {
	position:absolute;
	left:100px;
	top:276px;
	width:200px;
	height:50px;
	z-index:1;
}

#lankarr {
	position:absolute;
	left:16px;
	top:207px;
	width:200px;
	height:50px;
	z-index:2;
}

#pil {
	position:absolute;
	left:203px;
	top:328px;
	width:125px;
	height:205px;
	z-index:1;
}

#pill {
	position:absolute;
	left:138px;
	top:260px;
	width:125px;
	height:205px;
	z-index:1;
}

#domo {
	position:fixed;
	left:1029px;
	top:574px;
	width:101px;
	height:104px;
	z-index:2;
}

#footer {
	text-align: center; 
	color: #999999; 
	margin-bottom: 1%;
	z-index: 1;
}

#lightbox {	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}

#lightbox img { 
	width: auto; 
	height: auto;
}

#lightbox a img { 
	border: none; 
}

#outerImageContainer { 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}

#imageContainer { 
	padding: 10px; 
}

#loading { 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}

#hoverNav { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav { 
	left: 0;
}

#hoverNav a {
	outline: none;
}
 
#prevLink, #nextLink { 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;
	base64,AAAA); /* lura IE att visa hover */ 
	display: block; 
}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink { 
	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%; 
}

#imageData {	
	padding:0 10px; 
	color: #666; 
}

#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption { 
	font-weight: bold;	
}

#imageData #numberDisplay { 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}	
		
#imageData #bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 

#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}
	
/*
#header a {
background: #fff url(logo.jpg) no-repeat;
height: 132px;
width: 366px;
}

#header a {
display: block;
height: 132px;
width: 366px;
text-indent: -2000px;
}

menu .ommig a{
display: block;
background: url(ommig.jpg) no-repeat;
width: 209px;
height: 84px;
}

menu .ommig a:hover{
background: url (ommig-hover.jpg) no-repeat;
}

*/