@media screen {
	body {
		margin: 0;
		padding: 0;
		top: 0 !important;
		background: #43213C url( "/images/web/bakgrunn.jpg" ) no-repeat 50% 0;
	}

	a {
		color: #fff;
	}

	a:hover {
		color: red;
	}

	img {
		border: none;
	}

	#main {
		width: 850px;
		margin: 0 auto;
	}

	#header {
		height: 149px;
		position: relative;
		background: #000;
	}

	#transparent, #slide0, #slide1 {
		position: absolute;
		top: 7px;
		left: 7px;
		height: 135px;
		width: 836px;
	}

	#slide1 {
		opacity: 0.00;
		-ms-filter: "alpha(opacity=0)";
		filter: alpha(opacity=0);
	}

	#transparent {
		z-index: 3;
	}

	#logo {
		position: absolute;
		top: 35px;
		left: 25px;
		width: 332px;
		height: 108px;
		background: transparent url( "/images/web/hildegunn.png" ) no-repeat 0 0;
		z-index: 4;
	}

	#m_logo {
		display: none;
	}

	#topright {
		position: absolute;
		top: 0px;
		right: 0;
		width: 279px;
		height: 164px;
		background: transparent url( "/images/web/ornament.png" ) no-repeat 0 0;
		z-index: 5;
	}

	/* The topmost main horizontal navigation list */
	#horizontal_navcontainer {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}

	#menu {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	#menu li {
		float: left;
		position: relative;
	}

	#menu li a {
		display: block;
		padding: 8px 20px;
		text-decoration: none;
		color: #fff;
	}

	#menu li a:hover {
		background: #543950;
	}

	#content {
		color: #fff;
		clear: left;
		position: relative;
		top: 15px;
		min-height: 440px;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
	}

	.content_home, .content_booklet {
		background: #000 url( "/images/backgrounds/contentbg-home.jpg" ) no-repeat 0 0;
	}

	.content_hildring {
		background: #000 url( "/images/backgrounds/contentbg-hildring.jpg" ) no-repeat 0 0;
	}

	.content_biography {
		background: #909f36 url( "/images/backgrounds/contentbg-biography.jpg" ) no-repeat 0 0;
	}

	.content_projects {
		background: #810053 url( "/images/backgrounds/contentbg-projects.jpg" ) no-repeat 0 -2px;
		padding-top: 35px;
		padding-bottom: 55px;
		text-align: center;
		font-size: 14px;
		font-style: italic;
 	}

	.content_pictures {
		background: #12a89d url( "/images/backgrounds/contentbg-pictures.jpg" ) no-repeat 1px 2px;
 	}

	.content_downloads {
		background: #6e5e78 url( "/images/backgrounds/contentbg-downloads.jpg" ) no-repeat 1px 2px;
 	}

	.content_downloads p {
		margin: 6px;
 	}

	.content_downloads a span.preview
	{
		display: none;
		position: absolute;
		top: 60px;
		left: 160px;
		height: 250px;
		width: 250px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 50% 50%; 
	}

	.content_downloads a:hover span.preview
	{
		display: block;
	}
	
	.content_links {
		background: #c3b59b url( "/images/backgrounds/contentbg-links.jpg" ) no-repeat 1px 2px;
		color: #000;
	}

	.content_links a {
		color: #000;
	}
	.content_links a:hover {
		color: #f00;
	}

	.content_contact {
		background: #732b36 url( "/images/backgrounds/contentbg-contact.jpg" ) no-repeat 0 0;
 	}

	#albumcontainer {
		position: absolute;
		top: 65px;
		left: 70px;
	}

	.content_home #hildringcover {
		position: relative;
		display: block;
		margin: 14px auto 14px -5px;
		width: 225px;
		height: 202px;
		text-decoration: none;
	}

	.content_home #hildringcover span {
		position: absolute;
		top: 45px;
		left: 20px;
		width: 135px;
		padding: 25px;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		background: #000;
		color: #fff;
		opacity: 0.75;
		-ms-filter: "alpha(opacity=75)";
		filter: alpha(opacity=75);
		display: none;
	}

	.content_home #hildringcover:hover span {
		display: block;
	}

	#gallerycontainer {
		position: absolute;
		top: 0;
		height: 440px;
		display: none;
		opacity: 0.00;
		-ms-filter: "alpha(opacity=0)";
		filter: alpha(opacity=0);
		z-index: 9;
		background: #000;
	}

	.content_booklet #gallerycontainer, .content_picture #gallerycontainer {
		display: block;
		opacity: 1.00;
		-ms-filter: "alpha(opacity=100)";
		filter: alpha(opacity=100);
	}

	.content_home #gallerycontainer, .content_booklet #gallerycontainer {
		left: 65px;
		width: 785px;
	}

	.content_pictures #gallerycontainer, .content_picture #gallerycontainer {
		left: 0;
		width: 850px;
	}

	#prevpic, #nextpic, #closegallery {
		position: absolute;
		top: 410px;
		width: 25px;
		height: 25px;
		display: none;
	}

  .content_booklet #prevpic, .content_booklet #nextpic, .content_booklet #closegallery, .content_picture #prevpic, .content_picture #nextpic, .content_picture #closegallery {
		display: block;
	}

	#prevpic {
		background: #000 url( "/images/web/prev.png" ) no-repeat 0 0;
	}

	#nextpic {
		background: #000 url( "/images/web/next.png" ) no-repeat 0 0;
	}

	#closegallery {
		background: #000 url( "/images/web/close.png" ) no-repeat 0 0;
	}

	#prevpic:hover, #nextpic:hover, #closegallery:hover {
		background-position: 0 -25px;
	}

	.content_home #prevpic, .content_booklet #prevpic {
		left: 305px;
	}

	.content_home #nextpic, .content_booklet #nextpic {
		left: 441px;
	}

	.content_home #closegallery, .content_booklet #closegallery {
		left: 745px;
	}

	.content_pictures #prevpic, .content_picture #prevpic {
		left: 357px;
	}

	.content_pictures #nextpic, .content_picture #nextpic {
		left: 493px;
	}

	.content_pictures #closegallery, .content_picture #closegallery {
		left: 815px;
	}

	#gallery {
		position: absolute;
		overflow: hidden;
	}

	.content_home #gallery, .content_booklet #gallery {
		left: 0;
		top: 21px;
		width: 770px;
		height: 385px;
	}

	.content_pictures #gallery, .content_picture #gallery {
		left: 6px;
		top: 4px;
		width: 838px;
		height: 400px;
	}

	#gallery div {
		position: absolute;
		background: #080808;
	}

  .content_pictures div.galleryimg img, .content_picture div.galleryimg img {
		display: block;
		margin: auto;
	}

  .content_home div.galleryimg img, .content_booklet div.galleryimg img {
		width: 770px;
		height: 385px;
	}

  .content_pictures div.galleryimg img, .content_picture div.galleryimg img {
    height: 400px;
	}

	.content_home #gallery div, .content_booklet #gallery div {
		left: 0;
		top: 0;
		width: 770px;
		height: 385px;
	}

	.content_pictures #gallery div, .content_picture #gallery div {
		left: 6px;
		top: 4px;
		width: 838px;
		height: 400px;
	}

	.disp {
		display: block !important;
	}

	#play {
		display: block;
		text-decoration: none;
		width: 60px;
	}

	#play:hover {
		padding: 3px 8px;
		background: #ddd;
		color: #000;
		text-align: center;
	}

	#notetext {
		position: absolute;
		top: 240px;
		left: 351px;
		width: 263px;
		height: 115px;
		color: #000;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
		overflow: auto;
	}

	#notetext h1 {
		font-size: 25px;
		color: #fff;
		margin: 3px 0;
	}

	#mp3player {
		position: absolute;
		top: 45px;
		left: 75px;
		height: 220px;
	}

	.content_hildring #hildringcover {
		position: absolute;
		top: 51px;
		left: 320px;
	}

	#buyalbum {
		position: absolute;
		top: 290px;
		left: 78px;
	}

	#buyalbum img {
		height: 43px
	}

	#biotext {
		position: absolute;
		top: 35px;
		left: 40px;
		width: 555px;
		height: 117px;
		font-style: italic;
	}

	a.pic img {
		position: absolute;
	}

	/*
	a.pic:hover img {
		margin: -1px;
		border: 1px solid #000;
	}
	*/

	#p0 img {
		left: 15px;
		top: 32px;
		width: 130px;
		height: 84px;
	}

	#p1 img {
		left: 168px;
		top: 27px;
		width: 75px;
		height: 105px;
	}

	#p2 img {
		left: 268px;
		top: 21px;
		width: 148px;
		height: 108px;
	}

	#p3 img {
		left: 446px;
		top: 55px;
		width: 117px;
		height: 101px;
	}

	#p4 img {
		left: 582px;
		top: 19px;
		width: 91px;
		height: 130px;
	}

	#p5 img {
		left: 703px;
		top: 43px;
		width: 122px;
		height: 87px;
	}

	#p6 img {
		left: 54px;
		top: 144px;
		width: 128px;
		height: 91px;
	}

	#p7 img {
		left: 227px;
		top: 167px;
		width: 134px;
		height: 107px;
	}

	#p8 img {
		left: 392px;
		top: 182px;
		width: 92px;
		height: 120px;
	}

	#p9 img {
		left: 524px;
		top: 201px;
		width: 132px;
		height: 90px;
	}

	#p10 img {
		left: 719px;
		top: 162px;
		width: 113px;
		height: 85px;
	}

	#p11 img {
		left: 23px;
		top: 263px;
		width: 140px;
		height: 116px;
	}

	#p12 img {
		left: 183px;
		top: 294px;
		width: 95px;
		height: 120px;
	}

	#p13 img {
		left: 347px;
		top: 340px;
		width: 132px;
		height: 81px;
	}

	#p14 img {
		left: 513px;
		top: 311px;
		width: 136px;
		height: 94px;
	}

	#p15 img {
		left: 692px;
		top: 261px;
		width: 118px;
		height: 136px;
	}

	#dlcol1 {
		position: absolute;
		left: 130px;
		top: 30px;
		width: 155px;
		text-align: center;
		font-style: italic;
	}

	#dlcol2 {
		position: absolute;
		right: 130px;
		top: 30px;
		width: 155px;
		text-align: center;
		font-style: italic;
	}

	#linkstable {
  	position: absolute;
		left: 30px;
		top: 25px;
		width: 800px;
		font-style: italic;
		border-spacing: 10px 15px;
	}

	#linkstable.r {
		vertical-align: bottom;
	}

	#contactcont {
  	position: absolute;
		left: 504px;
		top: 53px;
	}

  #contactcont .msg {
		font-weight: bold;
		width: 300px;
		text-align: center;
		padding: 5px;
		border: 1px solid;
	}

  #contactcont .error {
		font-weight: bold;
		width: 300px;
		text-align: center;
		padding: 2px 0;
		color: #fff;
		background: red;
		margin-bottom: 2px;
	}

	#contactform label {
		display: block;
		width: 300px;
		line-height: 23px;
		text-align: right;
	}

	#contactform label span {
		float: left;
	}

	#contactform textarea  {
  	width: 220px;
		height: 80px;
	}

	#buttonscont {
  	clear: both;
		padding-left: 70px;
		width: 220px;
	}

	#buttonscont input {
		margin: auto 15px;
	}

	#name, #email {
		width: 220px;
	}

	.largetext {
		font-size: 23px;
	}

	#footer {
		position: absolute;
		width: 128px;
		height: 25px;
		bottom: 6px;
		right: 34px;
		background: transparent url( "/images/web/www-hildegunn-com.png" ) no-repeat 0 0;
	}
}

@media print {
	body {
		font-family: serif;
	}

	#transparent, #slide0, #slide1, #topright, #horizontal_navcontainer, #gallerycontainer, #hildringcover span {
		display: none;
	}

	a {
		color: #000;
	}
}

@media handheld {
	#transparent, #slide0, #slide1, #topright, #gallerycontainer, #hildringcover span {
		display: none;
	}

	#m_logo {
		width: 100%;
	}
}