*, div { margin : 0; padding: 0; }
img { border: 0; }
html { margin: 0;  padding: 0; width:100%; }
body { margin: 0px 0 0 0;  padding: 0 0 0px 0; font-family:  Helvetica, Arial, SunSans-Regular, sans-serif;  font-size: 62.5%;  height: 100.1%; background: url(../billeder/bg.png) repeat-y 0 0; }
.clear { clear: both;}
a { color: #000; text-decoration: none;  }
a:visited { color: #000;  text-decoration: none;  }
a:hover { color: #000; text-decoration: underline; z-index: 12;}
a:active { color: #000; text-decoration: underline; }

/*Logoet - matte #edf7f3*/
h1 { text-indent: -2232px;  }
h1 a { position: fixed; top: 166px; left:99px; margin-left: 0px; background: url(../billeder/HolmenDesign.png) no-repeat 0 0; width: 197px; height: 40px; display: block; }

div#holder {   height: 540px; position: relative; }
div#billeder {margin:20px 0 0 0px;padding: 13px 0 0 0;  width: 406px; float: left; margin-right: 16px;  }
div#billeder img  { max-width: 400px;  float: left; padding: 2px; border: 1px solid #CCC; margin-bottom: 12px;   }
div#tekst { margin:10px 0 0 0px; padding: 13px 0 0 0;  width: 400px; float: right;}
div#indhold div#tekst p { text-align: left; padding: 10px 0px 0 0px;}

div.video { text-align: center; margin-top: 24px; width: 640px; margin: 0 auto 20px auto; }
a.videolink { text-align: left; position: relative; top: -8px; font-size: 8px; }
/* index */
body#index { margin: 0;  padding: 0; font-family:  Helvetica, Arial, SunSans-Regular, sans-serif;  font-size: 62.5%;  height: 100.1%; background: none; }
body#index h1 a { position: relative; top: 117px; left:0px; margin-left: 0px; background: url(../billeder/HolmenIndex.png) no-repeat 0 0; width: 400px; height: 100px; display: block; margin-bottom: 44px; }
body#index div#holder div#indhold p { color: #666; font-family:  Helvetica, Arial, SunSans-Regular, sans-serif; font-size: 26px; padding: 0px; margin: 0px; position: relative; top: 60px; left:0px; }

body#index div#holder div#indhold { width: 371px; text-align: center; display: block; margin: 0 auto; left: 0; top: 160px; }
body#index div#holder div#indhold p.sprog {  position: relative; text-align: center; top: 87px; margin-left: 187px;}


div#indhold { position: relative; left: 400px; top:47px;  padding: 20px 0px  40px 0px;width: 830px;  }


/* press */
body#press div#indhold p.navnet { margin-top: 34px; margin-bottom: 0px; font-family:  Helvetica,Arial, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase;}
body#press div#indhold p.fotograf { margin-top: 6px; margin-bottom: 14px; font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; display: block; color: #7D7D7D; font-weight: normal;}
div.titlerne { min-height: 36px; display: block; }
body#press div#indhold { width: 670px;  }
body#press div#indhold img { padding: 2px; border: 1px solid #CCC;  } 


p.agentinfo { padding: 12px 44px; font-weight: bold; position: relative; top: 18px; }

/* kontakt */
body#kontakt div#indhold div#tekst p.kontakt1 {font-family:Helvetica,Arial, sans-serif; font-size: 18px; font-weight: bold;color: #000;  margin-bottom: 0; padding-top: 12px; margin-top: 34px;}
body#kontakt div#indhold div#tekst p.kontakt2 { color: #999999;  padding:0 0 8px 0; border-bottom: 1px solid #ccc; width: 200px; margin: 0 100px 16px 100px;}

body#kontakt div#indhold div#tekst p.kontakt3 { text-indent: -2223px; position: relative; height: 12px; table-align: center; padding-bottom:  42px; border-bottom: 1px solid #ccc; width: 140px; margin: 0 100px 16px 100px; padding-left: 60px;}








body#kontakt div#tekst p a.twitter,body#kontakt div#tekst p a.facebook {background: url(../billeder/social.png) no-repeat 0px 0px; padding-left: 24px; color: #787878;height: 29px;  width: 29px;display: block;text-align: left; padding-top: 3px;  }
body#kontakt div#tekst p a.twitter {background-position: 0 -200px; position: relative; top: -33px; left: 50px; }
body#kontakt div#tekst p a.facebook {background-position: 0px 0px; }

body#kontakt div#tekst p a.twitter:hover {background-position: 0 -300px;  }
body#kontakt div#tekst p a.facebook:hover {background-position: 0 -100px; }


body#kontakt div#indhold  div#tekst p { color: #2D2D2C; margin:  0 0 3px 0; padding: 0px 0 0 0;text-align: center; }

div.skjules { display: none;  }
div.Agent { margin-bottom:0px; height: 194px; min-height: 194px; display: block; clear:   }
div.Agent img { padding: 2px; border: 1px solid #CCC;  }
div.logoet p img { border: none;   }

ul#menu li ul li a { text-transform: lowercase; font-size: 9px; margin: 0;height: 12px; padding: 0; font-weight: normal; }
ul#menu li ul { margin-bottom: 14px; }
ul#menu li ul li { margin: 0; height: 12px;  padding: 0; min-height: 12px;}


/* services */
body#services div#indhold  div#tekst {padding: 25px 0 0 0; }
body#services div#indhold  div#tekst p {  margin:  0 0 0px 0; padding: 0px 0 0px 0;}
body#services div#indhold  div#tekst p strong { display: block; margin-bottom: 6px;}
body#services div#indhold  div#tekst p.pris { color: #787878; margin-bottom: 24px; margin-top: 6px; }
 
div#holder div#indhold p.tiltop { clear: both; text-indent: -2223px; }
div#holder div#indhold p.tiltop a { clear: both; height: 50px; width: 100%; display: block; background: url(../billeder/tiltop.png) no-repeat 50% 0;  }

/* Nyhedsbrev */
body div#indhold div#tekst p.advarsel1 { color: #79838d; padding: 0 0 0 24px; font-size: 18px;  background: url(../billeder/advarsel.png) no-repeat 0 0; }
legend, fieldset  { border: none; }
legend { display: none; }
form { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 16px; padding-bottom: 10px; margin-top: 18px;  }
label { display: none; }
input {  width: 378px; border: 1px solid #2D2D2C; padding: 8px 10px; margin-bottom: 8px; }
input#submit { background-color: #2D2D2C;width: 400px; color: #fff; border: none; line-height: 24px; font-size: 15px; font-weight: bold;  }
input#submit:hover { background-color: #787878;  }


body#bredspalte  div#indhold  div#tekst p { text-align: center; }
body#bredspalte  div#indhold  div#tekst p a { color: #787878; }


/*Link*/
body#bredspalte div#tekst, body#links div#tekst { margin:0px 0 0 0px; padding: 13px 0 0 0;  width: 832px; float: left;}
body#links div#tekst  div.link p.linknavn { font-family: Helvetica,  Arial, sans-serif; font-size: 14px; font-weight: bold; color: #787878; margin-bottom: 0;  }
div.link { width :120px; display: block; float: left; height: 200px; text-align: center; padding: 0; margin: 0; margin-left: 10px;margin-right: 8px; }
body#links div#tekst  div.link p  { font-family: Helvetica,  Arial, sans-serif;  text-align: center; margin-top: 0;  }

body#links div#tekst  div.link p a  { text-transform: lowercase;  }

body#services div#indhold  p.outside { font-style: italic; font-size: 11px; color:  rgb(120, 120, 120); }

div#indhold div#tekst div.port p.place  { margin: 0; padding-top: 6px;}
div#indhold div#tekst div.port p.photographer  { margin: 0; padding-top: 6px; color: rgb(120, 120, 120);}

/*agent*/
body#agent div#tekst { margin:10px 0 0 0px; padding: 6px 0 0 0;  width: 660px; }
body#agent div#tekst p { text-align: center; padding-left: 4px; padding-right: 4px; }
body#agent  div#indhold  div#tekst p img { padding: 2px; border: 1px solid #ccc; }
body#agent  div#indhold  div#tekst p a { color: #787878; }
body#agent  div#indhold p.overskriften { width: 650px; }
body#agent div#indhold { width: 660px;  }

body#smalspalte div#tekst { margin:0px 0 0 0px; padding: 13px 0 0 0;  width: 660px;}
body#smalspalte div#indhold div#tekst p {  text-align: center; }
body#smalspalte  div#indhold  div#tekst p img { padding: 2px; border: 1px solid #ccc; }
body#smalspalte  div#indhold  div#tekst p a { color: #787878; }
body#smalspalte div#indhold { width: 660px;  }


p.sprog { position: absolute; top: 0px; right: 0px; text-indent:  -4323px; }
p.sprog a#engelsk,p.sprog a#norsk { height: 27px; width: 27px; display: block; background: url(../billeder/sprog.png) no-repeat 0 0;}
p.sprog a#engelsk { background-position: 0 -200px; }
p.sprog a#norsk { background-position: 0 0px; position: relative; top: -27px; left: -30px; }
p.sprog a#engelsk:hover { background-position: 0 -300px; }
p.sprog a#norsk:hover { background-position: 0 -100px; }
div#indhold  p.engelsk a.aktiv { background-position: 0 -300px; }
div#indhold p.norsk a.aktiv { background-position: 0 -100px; }



body#links div#tekst { margin:0px 0 0 0px; padding-top: 0;}
body#about div#tekst,body#home div#tekst  { margin:10px 0 0 0px;}

body#about div#tekst p,body#links div#tekst p,body#home div#tekst p  { padding-right: 0px;}
body#links div#tekst p { font-size: 14px;}
p.fotograf { font-size: 10px; }

body#prosjekter div#indhold p { margin-top: 4px; line-height: 12px; }
body#press div#indhold p { margin-top: 4px; line-height: 12px; }

div#indhold p { text-align: center; font-size: 12px; margin: 3px 0 4px 0; }
div#indhold p.overskriften { border-bottom: 1px solid #ccc; padding: 30px 0 6px 0; text-align: center; margin: 0 0 0px 0; font-size: 24px; text-transform: uppercase; color: #787878; font-weight: bold; }
div#indhold p.overskrift{ text-transform: uppercase; font-weight: bold; }

div#indhold div#tekst p a { text-align: center; color: #333; font-size: 12px; }
div#indhold div#tekst p.title { text-align: center; border-bottom: 1px #a5a5a5 solid; width: 200px; text-transform: uppercase; color: #333; margin: 12px auto 0 auto; }

div#indhold div#tekst p.link { text-align: center; margin-top: 0px; padding-top: 2px;  }

div.toppen { height: 80px;}

div.port { margin-top: 32px; }


/*menuen.*/
ul#menu { width: 110px; position: fixed; top: 212px; left: 98px; border-top: 1px solid #828282;border-bottom: 1px solid #828282; padding: 20px 12px;  }
ul#menu li { list-style:none;  margin: 0px 0px 0 0;text-align: center; min-height: 24px; }
ul#menu li a { padding: 3px 3px 3px 3px; line-height: 18px; color: #fff; font-size: 12px; text-transform: uppercase; }
ul#menu li a.aktiv {text-decoration: none; color: #b4b4b4; font-weight: bold;  }
ul#menu li a:hover {text-decoration: none; color: #818181;  }
.overskrift { font-size: 12px;  color: #000; text-transform:uppercase;  margin-top: 0em; margin-bottom: 12px; line-height: 1em;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { height: 1%; }

div#indhold p.billede { margin-top: 0px;margin-bottom: 24px; }


p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
p#cross-links { text-align: center }
p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
		
a:focus { outline:none }
		

img{ border: 0 }
.stripViewer .panelContainer .panel ul { display:none; }
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */margin: 0px 0; position: relative; width: 100%; }


.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden; 
border: 0px solid #000; /* this is the border. should have the same value for the links */
margin: auto;
width: 370px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height: 72px;
clear: both;
background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
div#indhold .panelContainer div.panel a { margin-left: 8px; padding:0;}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 370px; /* Also specified in  .stripViewer  above */
}


.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: auto;
display: none;
}

.stripNav ul { /* The auto-generated set of links */
list-style: none;
}

.stripNav ul li {
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 0px;
text-indent: -9000em;
}




.stripNavL a, .stripNavR a {
display: block;
height: 60px;
width: 40px;
}

.stripNavL {
left: 0;
}

.stripNavR {
right: 0;
}

.stripNavL {
background: url("../billeder/left.png") no-repeat top;
}

.stripNavR {
background: url("../billeder/right.png") no-repeat top;
}





/* SLIDEREN
#slider { width: 380px; margin: 0px auto 12px auto; position: relative;  clear:both; }
.scroll { height: 70px;overflow: auto;position: relative;  clear: left; }
.scrollContainer div.panel { padding: 10px 10px; height: 60px; width: 360px;  }
.scrollContainer div.panel img {  }
div#indhold .scrollContainer div.panel p { margin: 0;font-size: 12px;}

div#indhold .scrollContainer div.panel a { margin-left: 6px; padding:0;}
div#indhold .scrollContainer div.panel a.aktiv {}

.scrollButtons { position: absolute;  top: 12px;  cursor: pointer; }
.scrollButtons.left { left: -24px; }
.scrollButtons.right { right: -24px; }
 */





img.Str { width: 400px; height: 288px;}




/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Used for categories to make things clear correctly */
.album_content {
	width:100%; 
	float:left;
}
.clear {
	clear:both
}
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;
	float:left;
}

/* Picture List UL */
.picturelist
{
	margin-left:0;
	padding-left:0;
}

/* Album and Picture Lists */
.thumb
{
	padding:0;
	width:150px;
	margin:0 0.5em 0.5em 0;
    
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;

}

.thumb a
{
	display:block;
	height:72px; 
/* Set link formatting*/
	
/* Thumb width*/ 
	
/* Thumb height*/
	
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin:0;
	background-color:white;
	text-decoration:none;
}
.albumcomment { text-align: left; }
.thumb a:visited img{}

.thumb a:hover img{}
.albumname
{
	font-size:smaller;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}
.albumname a
{
	display: inline;
        border: none;
        margin:none;
        padding:none;
        background-color:transparent;
}
.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
	font-style:italic;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}


/* CSS for Lightbox follows */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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;
	background-color: transparent;
	}
#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: transparent url(../templates/db/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../templates/db/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../templates/db/lightbox/images/nextlabel.gif) right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #fff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}