html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, li, ul, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
/* ol, ul { list-style: none; */ }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/**************************************
	BODY, LINKS & TYPOGRAPHY
***************************************/

body { background: #c7e3ce url('img/pattern3.png'); padding-bottom: 20px;
	line-height: 1.3; font-family: "lucida grande", "lucida sans", "helvetica neue", helvetica, arial, sans-serif; }

a {	color: #93474d; text-decoration: none; }
a:hover { border-bottom: 1px solid; }
a.nohover { border: 0; }
a.map { background: url('img/map.jpg') no-repeat; height: 264px; width: 218px; display: block; 
	text-indent: -9000px; margin-left: 20px; }
a.map:hover { background: url('img/map-hover.jpg') no-repeat; }
a.morelink { font-size: 0.75em; }
a.morelink, .infolink { letter-spacing: 1px;
	font-family: "lucida grande", "helvetica neue", helvetica, arial, sans-serif; }
			
.infolink { font-size: 0.75em; color: #405273; }

h1 a { background: url('img/title2.png') no-repeat 45px 0; height: 130px; width:920px; display: block; }

h2 { background: url('img/intro-l.png') no-repeat top left; font-family: cambria, georgia, serif; 
	color: #405273; padding-top: 18px; padding-left: 30px; height: 28px; }

h2.page { padding-left: 300px; }

h3 { font-size: 20px; color: #fff; font-style: italic; font-family: georgia, serif; 
	margin: 20px 0 0 15px; letter-spacing: 1px; }
#sidebar .head { font-size: 1.3333em; font-family: georgia; color: #7c9682; text-align: center;
	margin-bottom: 10px; }
	
h4 { font-weight: bold; }

dl { font-size: 0.75em; margin-bottom: 10px; }
dt { font-weight: bold; }
dt, dd { display: inline; }

/**************************************
	
***************************************/
	
#contact { background: #aecbb5; font-size: 0.75em; padding: 10px 0; text-align: center;
		color: #52705a; position: static; letter-spacing: 0.05em; }

#header { border-top: 00px solid #87af91; background: url('img/tobar.png') repeat-x; 
		width: 960px; height: 130px; margin: 0 auto; padding-top: 20px; text-indent: -9000px; 
		position: relative; }
	
#header img { height: 130px; width: 870px; position: absolute; bottom: 0; left: 45px; } 

span.infolink { background: url('img/intro-r.png') no-repeat top right; padding: 20px 30px 0 0; 
		height: 25px; position: absolute; right: 0; bottom: 0; }

span.infolink2 { background-image: none; letter-spacing: 1px; margin-right: 10px; }

#wrapper { width: 980px; margin: 0 auto; position: relative; overflow: hidden; }

#intro { background: #aac2c4 url('img/lettercurve.png') no-repeat 555px 0; width: 100%; height: 45px; position: relative; letter-spacing: 1px; }

span#backhome { position: absolute; top: 12px; left: 85px; font-size: 0.75em; text-indent: -9000px; }
span#backhome a { background: url('img/home-button.png'); width: 109px; height: 30px; display: block; }
span#backhome a:hover { background: url('img/home-button-hover.png'); }

ul#aktuelt li { line-height: 1.5; color: #444; }
ul#aktuelt-full { list-style: none; width: 60%;}

#headerContent {  background: url('img/nav-border.png') repeat-y right; position: relative;
		text-align: left; float: left; height: 270px; font-weight: 100; width: 260px;
		padding: 10px 20px 0 0; letter-spacing: 0px; margin: 10px 0 0; z-index: 0; }
		
#nav-gfx-t { background: url('img/nav-top.png') no-repeat 10px 0; height: 10px; width: 280px;
		position: absolute; top: 45px; left: 0; display: block; z-index: 0; }

#headerContent li { list-style: none; font-size: 0.75em; margin: 10px 0 10px 20px; }

#photo { float: left; position: relative; width: 700px; height: 300px; }
#photo img { border-right: 10px solid #d8ebdd; }

#transp-t, #transp-b { height: 10px; overflow: hidden; width: 670px; position: absolute; display: block; }
#transp-t { background: #8ea2bb; top: 0; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
#transp-b { background: #477b54; bottom: 0; width: 680px; left: 0;
		-moz-opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; }
.transp-t-page { top: 45px !important; left: 280px; }
.photo-border-r-page { top: 45px !important; }

#photo-border-r { background: url('img/photo-gfx-r.png') no-repeat; margin-right: 10px; 
		display: block; width: 20px; height: 300px; position: absolute; right: 0; top: 0; }
		
ul#services { position: absolute; top: 20px; left: 20px; color: #eee; list-style: none;
	font-family: georgia, serif; line-height: 1.2; }
ul#services li { background: ; padding: 5px; letter-spacing: 1px; }
		
#div-box { background: #87af91 url('img/subhead-l.png') no-repeat left; margin-top: -10px; float: left; height: 55px; width: 270px;
		border-right: 10px solid #8fb398; }

#subhead { background: #87af91 url('img/subhead-r.png') no-repeat right bottom; float: left; 
		width: 700px; height: 55px; margin-top: -10px; z-index: -1; border-right: 0px solid #8fb398; position: relative; }

/**************************************
	
***************************************/

#sidebar { float: left; width: 260px; border-right: 10px solid #d8ebdd; display: inline;
		padding: 10px 10px 20040px 0; font-size: 0.75em; margin-bottom: -20000px;  /* X */
}

ul#attractions { line-height: 1.7; margin: 15px 0 0 20px; list-style: none; text-align: center; }

iframe { border: 1px solid; }

#map { border-left: 0px solid #87af91; margin: 10px 0 0 20px; }

#main { float: right; width: 630px; margin-right: 20px; border-right: 10px solid #d8ebdd; display: inline;
		padding: 25px 20px 20020px; color: #444; line-height: 1.7; margin-bottom: -20000px;  /* X */ }

#main P { font-size: 0.75em; padding: 0 0 10px; }
#main P#first { float: right; }
#main ul#features { font-size: 0.75em; clear: left; padding: 0 0 10px; margin-left: 20px; } 

#main img#first { float: left; width: 280px; border-right: 10px solid #D8EBDD; margin: 0 20px 30px -20px; }

#main img#second { float: right; width: 320px; margin: 10px -20px 20px 20px; clear: left;
		border-left: 10px solid #D8EBDD; }

.gallery-item img { }

#footer { background: #87af91; clear: both; width: 980px; margin: 0 auto;
		font-size: 0.75em; color: #597e62; letter-spacing: 1px; overflow: hidden;  }
		
#footer a { color: #597e62; }

#copyright { height: 35px; background: url('img/subhead-l.png') no-repeat left; width: 235px; 
		display: block; float: left; padding: 20px 0 0 35px; border-right: 10px solid #8fb398; }

#madeby { height: 35px; background: url('img/subhead-r.png') no-repeat right; width: 600px; 
		float: right; text-align: right;  padding: 20px 50px 0 0; }

/**************************************
	Lightbox 2
***************************************/
		
#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; }
#imageData a:hover, #hoverNav a:hover { border: 0; }
a.lightbox { border-bottom: 1px solid transparent; }

#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); /* Trick IE into showing 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; }

.galleryItem { float: left; display: inline; }

.galleryItem:hover { border: 0; }