*, div { margin : 0; padding: 0; }
img { border: 0; }
html { margin: 0;  padding: 0; width:100%; background: transparent url(../billeder/bund.png) repeat-x center bottom; }
body { margin: -12px 0 0 0;  padding: 0 0 24px 0; font-family:  Arial, Helvetica, SunSans-Regular, sans-serif;  font-size: 62.5%;  height: 100.1%; }
.clear { clear: both;}
a { color: #6cb834; text-decoration: none; }
a:visited { color: #6cb834;  text-decoration: none;  }
a:hover { color: #666; text-decoration: none; z-index: 12;}
a:active { color: #00b173; text-decoration: none; }

/*Logoet - matte #edf7f3*/
h1 { text-indent: -2232px; }
h1 a { position: absolute; top: 12px; left:0px; background: url(../billeder/PernilleBraun.png) no-repeat 0 0; width: 244px; height: 26px; }

p.sprog { position: absolute; right: -0px; top: 44px; z-index: 9090;  }
p.sprog a { color: #000; text-transform:uppercase; }
p.sprog a:hover { text-decoration: underline;  }
p.sprog a:visited { color: #000; text-transform:uppercase; }


div#holder { width: 920px; padding-bottom: 3px; margin: 24px auto; position: relative;}
div#top { height: 32px; background: url(../billeder/streg.png) repeat-x left bottom; padding-bottom: 6px; position: relative;}
body#index div#indhold, body#English div#indhold { background: url(../billeder/flet.jpg) no-repeat 590px 0; min-height: 500px; padding-top: 64px;}
body#index div#indhold p, body#English div#indhold p  { width: 350px; padding: 0px;}

div#indhold {  width: 600px; min-height: 500px; padding: 24px 24px 50px 200px; position: relative;}
body#Vaerker div#indhold, body#Works div#indhold {  width: 930px; min-height: 500px;margin: 24px 0 0 0; padding: 24px 0px 50px 0px;}
body#index div#indhold,body#English div#indhold { background: url(../billeder/flet.jpg) no-repeat 590px 0; min-height: 500px; padding-top: 64px;}


div.album_content h3 { display: none;}

p { font-size: 12px; text-align: left; color: #000; line-height: 1.4em;  }

/*Topmenuen.*/
ul#menu { width: 270px;  position:absolute; top: 20px; right: -46px;font-size: 1.2em;  }
ul#menu li { list-style:none;  margin: 0px 8px 0 0; float: left; text-align: right; }
ul#menu li a { text-decoration:none;  padding: 3px 3px;  display: block; height: 14px; text-align: center; }
ul#menu li a.aktiv { color: #fff;    }
ul#menu li a:hover { color: #fff;  }

ul#menu li { text-indent: -4000px; }
ul#menu a.Vaerker { top: 0px; left: 0px; width: 80px; background: transparent url(../billeder/menu.png) no-repeat 0px 0px;  }
ul#menu a.Kontakt {top: 0px; left: 100px; width: 90px; background: transparent url(../billeder/menu.png) no-repeat -100px 0px;  }
ul#menu a.Cv {top: 0px; left: 200px; width: 50px; background: transparent url(../billeder/menu.png) no-repeat -200px 0px;  }
ul#menu a.Vaerker:hover { background-position: 0px -100px;  }
ul#menu a.Kontakt:hover { background-position: -100px -100px; }
ul#menu a.Cv:hover {  background-position: -200px -100px;  }

ul#menu a.Works { top: 0px; left: 0px; width: 80px; background: transparent url(../billeder/menu2.png) no-repeat 0px 0px;  }
ul#menu a.Contact {top: 0px; left: 100px; width: 90px; background: transparent url(../billeder/menu2.png) no-repeat -87px 0px;  }
ul#menu a.CvEnglish {top: 0px; left: 200px; width: 50px; background: transparent url(../billeder/menu2.png) no-repeat -200px 0px;  }
ul#menu a.Works:hover { background-position: 0px -100px;  }
ul#menu a.Contact:hover { background-position: -87px -100px; }
ul#menu a.CvEnglish:hover {  background-position: -200px -100px;  }

ul#menu a.Works:active { background-position: 0px -200px;  }
ul#menu a.Contact:active { background-position: -87px -200px; }
ul#menu a.CvEnglish:active {  background-position: -200px -200px;  }

ul#menu a.Vaerker:active { background-position: 0px -200px;  }
ul#menu a.Kontakt:active { background-position: -100px -200px; }
ul#menu a.Cv:active {  background-position: -200px -200px;  }


ul#menu li.currentpage a.Vaerker { background-position: 0px -200px;  }
ul#menu li.currentpage a.Kontakt { background-position: -100px -200px; }
ul#menu li.currentpage a.Cv {  background-position: -200px -200px;  }

ul#menu li.currentpage a.Works { background-position: 0px -200px;  }
ul#menu li.currentpage a.Contact { background-position: -87px -200px; }
ul#menu li.currentpage a.CvEnglish {  background-position: -200px -200px;  }


.overskrift { font-size: 12px; font-weight: bold;  color: #000; text-transform:uppercase;  margin-top: 1.5em; margin-bottom: 6px; line-height: 1em;}
div#indhold p.Groenverskrift { font-size: 12px;  color: #6cb834; text-transform:uppercase;  margin: 21px 0 22px 0; line-height: 1em;}

div#indhold p.CvAar { width: 80px; float:left; position:relative; margin-left: -80px;  }
div#indhold p.cvaar { width: 80px; float:left; position:relative; margin-left: -80px;  }
body#Cv div#indhold p {position:relative; left: 80px; line-height: 18px;}
body#Cv div#indhold .overskrift { font-size: 12px; font-weight: normal;  color: #000;  margin-top: 24px; margin-bottom: 36px; line-height: 1em;margin-left: -80px;}
body#Cv div#indhold p.Groenverskrift { font-size: 12px;  color: #6cb834; text-transform:uppercase;  margin: 31px 0 22px 0; line-height: 1em;margin-left: -80px;}
body#Cv div#indhold p.groenverskrift { font-size: 12px;  color: #6cb834; text-transform:uppercase;  margin: 31px 0 22px 0; line-height: 1em;margin-left: -80px;}



.flyd { float: right;}

.album_content {width:100%; float:left;}
.clear {clear:both}
ul.albumlist {	margin-left:200px;	padding-left:0;float:left;}

.picturelist {	margin-left:2px;padding-left:0;}

/* Album and Picture Lists */
 li.bredde1,  li.bredde3,  li.bredde5, li.bredde7,  li.bredde9,  li.bredde11, li.bredde13,  li.bredde15,  li.bredde17,li.bredde19,  li.bredde21,  li.bredde23,li.bredde25,  li.bredde27,  li.bredde29,  li.bredde31 { width: 550px;}
 li.bredde2,  li.bredde4,  li.bredde6,li.bredde8,  li.bredde10,  li.bredde12 ,li.bredde14,  li.bredde16,  li.bredde18, li.bredde20,  li.bredde22,  li.bredde24,li.bredde26,  li.bredde28,  li.bredde30 ,li.bredde32  { width: 490px;}
 li.thumb2 { list-style:none; clear:both;  margin-bottom: 0px; height: 34px;  line-height: 34px; font-size: 12px; background: url(../billeder/streg2.png) no-repeat center; position: relative;  }

ul.albumlist  li.thumb2 p.albumname a { color: #000; background-color: #fff; padding: 10px 12px; margin: 0; }
ul.albumlist li.thumb2 p.albumname {font-size: 13px; width: 350px;text-align:left;font-weight:normal;font-style:normal;float: left;  padding:2px 0 0 0; }
.albumlist { margin-left:0px;padding-left:0; margin-top: 24px; }

li.thumb2 img {  border: 1px solid #000; background-color: #fff;}
li.thumb2 span.borderen { float: right; border-left: 6px solid #fff;}

.thumb
{	padding:0;	margin:0 0 0em 0; text-decoration:none; line-height:normal; list-style-type:none; text-align:left; float:left;
}

.thumb a img
{
margin-bottom: 6px;
}

.thumb a
{
    font-size: 11px;
	text-transform: uppercase;
	display:block;
	height:350px; 
	padding:0px;
	margin:0 8px 0 0;
	color: #000;
	font-weight:normal;
	background-color:white;
	text-decoration:none;
}
.thumb a:visited img
{
}

.thumb a:hover img
{
}


.albumpicturecount
{
	font-size:smaller;
	text-align:left;
	font-weight:normal;
	font-style:italic;
}

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

.albumnav
{
	text-align:left;
	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
{
	padding:18px;
	width:80%;
	margin:0;
	background-color:white;
	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;
	}
#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(../modules/Album/templates/db/lightbox/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../modules/Album/templates/db/lightbox/images/next.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: 72px; 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=40);
	-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 */
	}