@charset "UTF-8";
/* CSS Document */

hr {height:1px; border:none; color:#D4915D; background-color:#D4915D;}

#covercover {
	position: fixed; 
	height: 100%; 
	width: 100%; 
	top:0; 
	left: 0; 
	background: #333; 
	z-index:9999; 
    padding-top: 200px; 
}
#holder {
	position: absolute;
	width: 1024px;
	height: 683px;
	z-index: 2;
	text-align: center;
	font-family: sans-serif;
}

#backgroundphoto
{
	position: absolute;
	width: 1024px;
	height: 683px;
	z-index: 3;
	text-align: center;
	font-family: sans-serif;
}

#cover {
	
	position: absolute;
	width: 1024px;
	height: 750px;
	z-index: 999;
	background-color: #222222;
	/*background-image: url(images/background_photos/HH_background16.jpg*/);
}
#gradient {
	position: absolute;
	width: 1024px;
	height: 64px;
	left: 0px;
	top: 0px;
	z-index: 30;
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-image: url(images/background_solids/gradient.png);
}
#backgroundphototrans1 {
	position: absolute;
	width: 475px;
	height: 683px;
	z-index: 2;
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-image: url(images/background_photos/HH_background16_R475_2.jpg);
}
#backgroundphototrans2 {
	position: absolute;
	width: 475px;
	height: 683px;
	z-index: 2;
	filter: alpha(opacity=50);
	opacity: 0.6;
	background-image: url(images/background_photos/HH_background9_R475.jpg);
}
#backgroundphototrans3 {
	position: absolute;
	left: 560px;
	width: 475px;
	height: 683px;
	z-index: 2;
	filter: alpha(opacity=50);
	opacity: 0.6;
	background-image: url(images/background_photos/HH_background13_R475.jpg);
}
#backgroundphototrans4 {
	position: absolute;
	width: 475px;
	height: 683px;
	z-index: 2;
	filter: alpha(opacity=50);
	opacity: 0.6;
	background-image: url(https://www.hakanhardenberger.com/site/css/images/background_photos/HH_background6_R475.jpg);
}
#backgroundphototrans5 {
	position: absolute;
	width: 475px;
	height: 683px;
	z-index: 2;
	filter: alpha(opacity=50);
	opacity: 0.6;
	background-image: url(images/background_photos/HH_background22_R475.jpg);
}
#backgroundphototrans6 {
	position: absolute;
	left: 560px;
	width: 475px;
	height: 683px;
	z-index: 2;
	filter: alpha(opacity=50);
	opacity: 0.6;
	background-image: url(images/background_photos/HH_background29_R475.jpg);
}
#backgroundphototrans7 {
	position: absolute;
	left: 560px;
	width: 475px;
	height: 683px;
	z-index: 2;
	filter: alpha(opacity=50);
	opacity: 0.6;
	background-image: url(images/background_photos/HH_background30_R475.jpg);
}
#backgroundphotohome {
	position: absolute;
	width: 1024px;
	height: 683px;
	z-index: 1;
	/*background-image: url(images/background_photos/HH_background16.jpg);*/
}
#backgroundphotobiog {
	position: absolute;
	width: 1024px;
	height: 683px;
	z-index: 1;
	/*background-image: url(images/background_photos/HH_background15.jpg);*/
}
#backgroundphotocal {
	position: absolute;
	width: 1024px;
	height: 683px;
	z-index: 1;
	/*background-image: url(images/background_photos/HH_background14.jpg);*/
}
#backgroundphotopress {
	position: absolute;
	width: 1024px;
	height: 683px;
	z-index: 1;
	/*background-image: url(images/background_photos/HH_background13.jpg);*/
}
#backgroundphotomedia {
	position: absolute;
	width: 1024px;
	height: 683px;
	z-index: 1;
	/*background-image: url(images/background_photos/HH_background12.jpg);*/
}
#backgroundphotorecordings {
	position: absolute;
	width: 1024px;
	height: 683px;
	z-index: 1;
	/*background-image: url(images/background_photos/HH_background11.jpg);*/
}
#backgroundphotocontact {
	position: absolute;
	width: 1024px;
	height: 683px;
	z-index: 1;
	/*background-image: url(images/background_photos/HH_background10.jpg);*/
}


#greyback {
	position: absolute;
	width: 475px;
	height: 683px;
	z-index: 4;
	background-color: #35363A;
	left: 0px;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#orangeback {
	position: absolute;
	width: 475px;
	height: 683px;
	z-index: 4;
	background-color: #645648; /*ARTux 543210 --- 645648 */
	left: 0px;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#greybackleft {
	position: absolute;
	width: 560px;
	height: 683px;
	z-index: 4;
	background-color: #35363A;
	left: 450px;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#whitebackleft {
	position: absolute;
	width: 560px;
	height: 683px;
	z-index: 4;
	background-color: #FFF;
	left: 450px;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#whitebackcentre {
	position: absolute;
	width: 456px;
	height: 638px;
	z-index: 4;
	background-color: #FFF;
	left: 0px;
	filter: alpha(opacity=80);
	opacity: 0.8;
	top: 45px;
}
#whitebackcentrecontact {
	position: absolute;
	width: 388px;
	height: 638px;
	z-index: 4;
	background-color: #FFF;
	left: 0px;
	filter: alpha(opacity=80);
	opacity: 0.8;
	top: 45px;
}
#whitebackcentremedia {
	position: absolute;
	width: 620px;
	height: 638px;
	z-index: 4;
	background-color: #FFF;
	left: 0px;
	filter: alpha(opacity=70);
	opacity: 0.7;
	top: 45px;
}
#TEXT {
	position: absolute;
	width: 450px;
	height: 639px;
	z-index: 20;
	left: 209px;
	top: 45px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	outline: none;
}
#TEXTnews {
	position: absolute;
	z-index: 20;
	left: 629px;
	top: 436px;
	width: 340px;
	height: 234px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	outline: none;
}
#TEXTcontact {
	position: absolute;
	width: 381px;
	height: 639px;
	z-index: 20;
	left: 188px;
	top: 45px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	outline: none;
}

#TEXTrec {
	position: absolute;
	width: 450px;
	height: 639px;
	z-index: 20;
	left: 209px;
	top: 45px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	outline: none;
}

#TEXTmedia {
	position: absolute;
	width: 600px;
	height: 639px;
	z-index: 20;
	left: 0px;
	top: 45px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	outline: none;
}

#TEXTcal {
	position: absolute;
	width: 450px;
	height: 639px;
	z-index: 20;
	left: 209px;
	top: 45px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	outline: none;
}
#TEXTvideo {
	position: relative;
	width: 595px;
	height: 614px;
	left: 5px;

	z-index: 20;
	background-image: url(images/background_solids/white.png);
	
	filter: alpha(opacity=90);
	opacity: 0.9;
	
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	outline: none;
}

#menuhome {
	position: absolute;
	z-index: 7;
	left: 765px;
	top: 200px;
}

#calendardiv {
	position: absolute;
	width: 600px;
	height: 583px;
	z-index: 7;
	left: 100px;
	top: 100px;
	text-align: left;
	overflow: scroll;
}
#verticalline {
	position: absolute;
	left: 626px;
	top: 483px;
	width: 1px;
	height: 200px;
	z-index: 7;
	background-image: url(images/background_solids/white.png);
	filter: alpha(opacity=40);
	opacity: 0.4;
}
#verticalline2 {
	position: absolute;
	left: 375px;
	top: 235px;
	width: 1px;
	height: 200px;
	z-index: 7;
	background-image: url(images/background_solids/white.png);
	filter: alpha(opacity=40);
	opacity: 0.4;
}
#newshome {
	position: absolute;
	z-index: 7;
	text-align: left;
	left: 629px;
	top: 456px;
	width: 340px;
	height: 214px;
	outline: none;
	border-radius: 10px;
	border-color: #6FB4B2;
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 10px auto;
}
#newshome2 {
	position: absolute;
	z-index: 7;
	text-align: left;
	left: 570px;
	top: 458px;
	width: 454px;
	height: 214px;
	outline: none;
	border-radius: 10px;
	border-color: #6FB4B2;
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 10px auto;
}
#newsorangeback {
	position: absolute;
	left: 560px;
	top: 468px;
	width: 454px;
	height: 214px;
	z-index: 4;
	background-color: #543210;
	filter: alpha(opacity=40);
	opacity: 0.4;
}
#newstitle {
	position: absolute;
	z-index: 7;
	text-align: left;
	left: 576px;
	top: 559px;
}
#newstitle2 {
	position: absolute;
	z-index: 7;
	text-align: left;
	left: 571px;
	top: 441px;
}
#soundcloud {
	position: absolute;
	z-index: 22;
	filter: alpha(opacity=100);
	opacity: 1;
}