body {
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	font-size: 100%;	
	font-family: Arial;	
	
}

#container {
	width: 1024px;	
	margin: 0px auto;
}

h1 {
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, Arial;
	font-size: 1.5em;
	margin-bottom: 7px;
	font-weight: bold;
	margin-right: 45px;
}

ul#top {
 display: inline;	
 list-style: none;
 margin: 0px;
 padding: 0px;
 font-size: 0.875em;
 text-transform: uppercase;
 color: #000000;
 margin-left: 50px;
 font-weight: bold;
}

ul#top li {
list-style: none;
display: inline;
margin-right: 15px;		
}

img#toplogo {
display: block;
margin-left: 50px;
margin-bottom: 11px;
}

img#logo {
margin-top: 5px;
clear: both;	
height: 227px;
width: 1024px;
margin-bottom: 10px;
}

ul#navigation {
list-style: none;
text-transform: uppercase;	
color: #000000;
margin: 0px;
padding: 0px;
padding-left: 50px;
width: 130px;
float: left;
}

ul#navigation li {
font-size: 0.75em;	
}

ul#navigation li.section {
font-weight: bold;
font-size: 0.875em;
padding-bottom: 7.5px;
}

ul#navigation li {
margin-bottom: 2px;	
}

li.selected {
color: #616161;	
}

li.selected a {
color: #616161;	
}

ul#navigation li#galleri {
padding-top: 0px;	
}

ul#navigation li#kontakt {

}

ul#navigation li#ommig {
padding-top: 00px;	
}

a {
 color: #000000;
 text-decoration: none;	
}

#toplogo {

}

a:hover{
color: #616161;	
}

#main {

width: 546px;	
float: left;
margin-left: 80px;
padding: 0px;
margin-top: -2px;
}

h2 {
text-transform: uppercase;
font-size: 1.5em;
color: #616161;
padding: 0px;	
margin: 0px;
margin-bottom: 8px;
}

#main p {
margin: 0px;
padding: 0px;
margin-bottom: 15px;
font-family: arial;	
font-size: 0.875em;
color: #000000;
line-height: 20px;
text-align: justify;
}

#main img {
margin-top: 5px;
margin-bottom: 10px;
}

#line {
 margin-top: 5px !important;
 margin-bottom: 30px !important;	
}

.album {
margin-top: 20px;
margin-left: 20px;
}

.albumthumb {
float: left; 
}

.albumdesc {
margin-left: 5px;
float: left;

}

.albumdesc h3 {
margin: 0px;
padding: 0px;
}

.image {
float: left;
margin: 10px;
border: 0px;
}

.imagethumb {

}

#main h2 a {
color: #616161;
}

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

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 0px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	margin-top: 10px;
	z-index: 10;
	cursor: pointer;

	}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;

	margin: 0 auto;
	margin-top: -30px;
	line-height: 1.4em;
	overflow: auto;  
	width: 100%	
	}

#imageData{	padding:0 10px; color: #000; margin: 0 auto; margin-left: 10px; }
#imageData #imageDetails{ width: 100%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	 
#imageContainer {

}	
#lightboxImage {
padding: 10px;
background: white;
margin-top: -100px;
cursor: pointer;
}
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

#imageDetails2 {
 float: left; text-align: left;
 line-height: 20px;
 width: 50px;
}

.lightboxh3 {
margin: 0px;
padding: 0px;
font-size: 1.5em;
font-weight: bolx;
text-transform: uppercase; 
}

.lightboxp {
text-transform: uppercase;
margin: 0px;
padding: 0px;
}

#imageDetails {
width: 100%;
height: 50px;
}

#prevLink {
float: left; 
color: white !important;
width: 50px;
margin-left: -60px;
cursor: pointer;
}

#prevLink img {
height: 0px;
width: 0px;
}

#clicktoclose {
float: left;
width: 100%;
color: white;
text-transform:uppercase;
text-align: center; 
font-size: 10px;
margin-left: 10px;
}

#nextLink {
width: 50px;
margin-right: -80px;
float: right;
color: white;
cursor: pointer;
}

#nextLink img {
height: 0px;
width: 0px;
}


.overlibtitle {
font-size: 12px;
color: #616161;
padding-bottom: 2px;
}

.overlibtext {
color: #999;
}

#gansikte {
display: inline;
margin-bottom: 25px;
float: left;
}


#gdjur {
display: inline;
float: left;
margin-left: 44px;
margin-bottom: 25px;
margin-right: 20px;

}



#gvin {
display: inline;
float: left;
margin-left: 24px;

}




#govrigt {
display: inline;
float: left;
width: 408px;
margin-top: -382px;
margin-bottom: 100px;
}

#spacerli {
height: 5px;
}






/*
	<div id="pagenavigation" class="pagelist">
<ul class="pagelist">
  <li class="prev"><span class="disabledlink">&laquo; prev</span></li>
  <li class="current"><a href="/galleri/index.php?album=vin" title="Page 1 (Current Page)">1</a></li>
  <li><a href="/galleri/index.php?album=vin&amp;page=2" title="Page 2">2</a></li>

  <li><a href="/galleri/index.php?album=vin&amp;page=3" title="Page 3">3</a></li>
  <li><a href="/galleri/index.php?album=vin&amp;page=4" title="Page 4">4</a></li>
  <li><a href="/galleri/index.php?album=vin&amp;page=5" title="Page 5">5</a></li>
  <li class="next"><a href="/galleri/index.php?album=vin&amp;page=2" title="Next Page">next &raquo;</a></li>
</ul>
</div>

*/

#pagenavigation {
	text-align: center;
}

ul.pagelist {
	list-style: none;
	display: inline;
	font-weight: bold;
	font-size: 0.825em;
}

ul.pagelist li {
	display: inline;
}

.current A {
	color: #616161;	
}

.disabledlink {
	text-decoration: line-through;
	color: #000000;
}