/* Author: Roger Andersson */

.edgeLoad-EDGE-15243277 { 
	visibility:hidden; 
}
.edgeLoad-EDGE-111659154 { 
	visibility:hidden; 
}

.cover {  
	position: absolute;
    background-position: 0px, 0px;
}

.pageR {  
	display: block;
	cursor: pointer;
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.pageL {  
	display: block;
	cursor: pointer;
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.pageInfoTextbox {
	position: absolute;
	padding: 0px;  
}
.Prev {  
	cursor: pointer;
	display: none;
}
.Next {  
	cursor: pointer;
	display: block;
}
.Slider_Booklet1 { 
	cursor: pointer; 
	display: block;
}
.Slider_Booklet2 {  
	cursor: pointer; 
	display: block;
}
.Slider_Booklet3 {  
	cursor: pointer; 
	display: block;
}
.Slider_Booklet4 {  
	cursor: pointer; 
	display: block;
}
.Slider_Booklet5 {  
	cursor: pointer; 
	display: block;
}
.Slider_Booklet6 {  
	cursor: pointer; 
	display: block;
}
.Slider_Booklet7 {  
	cursor: pointer; 
	display: block;
}
.SliderAktiv_Booklet1 { 
	display: none;
}
.SliderAktiv_Booklet2 {  
	display: none;
}
.SliderAktiv_Booklet3 {  
	display: none;
}
.SliderAktiv_Booklet4 {  
	display: none;
}
.SliderAktiv_Booklet5 {  
	display: none;
}
.SliderAktiv_Booklet6 {  
	display: none;
}
.SliderAktiv_Booklet7 {  
	display: none;
}


/* =============================================================================
   Mobil
   ========================================================================== */

@media (max-width: 767px) {
	.body {
		background-color: rgb(66, 65, 60);
		background-position: 0% 0%;
		background-repeat: repeat;
		background-attachment: scroll;
		background-size: auto;
		}
	
	.wrapper {
		position: relative;
		min-height: 100vh;
		width: clamp(320px, auto, 480px);
		margin-left: 0px;
		margin-right: 0px;
		background-image:url("../../img/bgs/BakgrundY480-blur.jpg");
		background-position: 0% 0px;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: 100%;
		-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
		-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
		margin-top: 0px;
		float: none;
		clear: none;
		}
	
	.header {
		float: none;
		width: auto;
		height: clamp(50px, 100%, 75px);
		margin-top: 0px;
		margin-left: 0px;
		clear: none;
		background-color: rgba(40,40,40,0.30);
	}
	
	#logga768 {
		float: none;
		width: auto;
		max-width: 100%;
		height: auto;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		clear: none;
		color: rgb(0, 0, 0);
		display: block;
	}
	
	.sidebar {
		float: none;
		position: static;
		width: auto;
		hight: auto;
		min-height: 100vh;
		margin-top: 17%;
		clear: none;
		margin-left: 0px;
		top: 0px;
		left: 0px;
		display: none;
	}
	
	#portfolio {
		float: none;
		width: clamp(100px, auto, 200px);
		height: clamp(100px, auto, 200px);
		max-hight: 100%;
		padding-top: 0%;
		padding-bottom: 0%;
		padding-right: 33%;
		padding-left: 33%;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#info {
		float: none;
		width: clamp(100px, auto, 200px);
		height: clamp(100px, auto, 200px);
		padding-top: 10%;
		padding-bottom: 0%;
		padding-right: 33%;
		padding-left: 33%;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#kontakt {
		float: none;
		width: clamp(100px, auto, 200px);
		height: clamp(100px, auto, 200px);
		padding-top: 10%;
		padding-bottom: 0%;
		padding-right: 33%;
		padding-left: 33%;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#portfolioContainer1 {
		position: relative;
		float: none;
		margin-top: 17%;
		margin-left: auto;
		margin-right: auto;
		clear: none;
		height: 240px;
		width: clamp(320px, auto, 480px);
		max-height: 240px;
		max-width: 480px;
		display: block;
		overflow:visible !important;
	}
	
	#portfolioContainer2 {
		display: none;
	}
	
	.pageContainer {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 2048px;
		-moz-perspective: 2048px;
		perspective: 2048px;
	}
	
	#mStage {
		display: block;
		overflow:visible !important;
	}
	
	#Stage {
		display: none;
	}
	
	#Stage:fullscreen {
		display: none;
	} 	
	
	@media
	only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
	only screen and (max-width: 480px) and (min--moz-device-pixel-ratio: 2),
	only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 2/1),
	only screen and (max-width: 480px) and (min-device-pixel-ratio: 2),
	only screen and (max-width: 480px) and (min-resolution: 192dpi),
	only screen and (max-width: 480px) and (min-resolution: 2dppx) {
		.wrapper {
			background-image:url("../../img/bgs/BakgrundY480-blur-hi-res.jpg");
		}	
	}
}

/* =============================================================================
   Tablet portrait
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1024px) {
	.body {
		background-color: rgb(66, 65, 60);
		background-position: 0% 0%;
		background-repeat: repeat;
		background-attachment: scroll;
		background-size: auto;
    }
    
    .wrapper {
        position: relative;
		min-height: 100vh;		
   		height: clamp(1024px, 100vh, 1366px);
   		width: clamp(768px, auto, 1024px);
		margin-left: 0px;
		margin-right: 0px;
		background-image:url("../../img/bgs/BakgrundY1024-blur.jpg");
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
        -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
        -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
        box-shadow: 0px 0px 0px rgba(0,0,0,0);
        margin-top: 0px;
        float: none;
        clear: none;
    }
	
	.header {
		float: none;
		width: auto;
		height: 128px;
		margin-top: 0px;
		margin-left: 0px;
		clear: none;
		background-color: rgba(40,40,40,0.30);
	}
	
	#logga768 {
		float: left;
		width: auto;
		max-width: 100%;
		height: auto;
		max-hight: 100%;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
		display: block;
	}
	
	.sidebar {
		float: right;
		position: static;
		width: 164px;
		hight: 648px;
		margin-top: 10%;
		top: 0px;
		left: 0px;
		clear: none;
		display: none;
	}
	
	#portfolio {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 20%;
		padding-bottom: 20%;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 10%;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#info {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 20%;
		padding-bottom: 20%;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 10%;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#kontakt {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 20%;
		padding-bottom: 20%;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 10%;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#portfolioContainer1 {
		display: none;   
	} 
	
	#portfolioContainer2 {
		position: relative;
		float: left;
		height: auto;
		width: 100%;
		max-height: 1200px;
		max-width: 1600px;
		margin-top: 100px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		top: 0px;
		left: 0px;
		display: block;   	
		overflow:visible !important;
		-webkit-transition: background-color 2s;
	} 
	
	.pageContainer { 
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 4096px;
		-moz-perspective: 4096px;
		perspective: 4096px;
	}
	
	#mStage {
		display: none;   
	}   
	
	#mStage:fullscreen {
		display: none; 
	} 
	
	#Stage {
		display: block;   
		overflow:visible !important;	 
	}  	
		
	@media
	only screen and (min-width: 768px) and (max-width: 1024) and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-width: 768px) and (max-width: 1024) and (min--moz-device-pixel-ratio: 2),
	only screen and (min-width: 768px) and (max-width: 1024) and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-width: 768px) and (max-width: 1024) and (min-device-pixel-ratio: 2),
	only screen and (min-width: 768px) and (max-width: 1024) and (min-resolution: 192dpi),
	only screen and (min-width: 768px) and (max-width: 1024) and (min-resolution: 2dppx) {
		.wrapper {
			background-image:url("../../img/bgs/BakgrundY1024-blur-hi-res.jpg");
		}
	}
}	 	

/* =============================================================================
   Tablet landscape
   ========================================================================== */

@media (min-width: 1025px) and (max-width: 1366px) {
	.body {
		background-color: rgb(66, 65, 60);
		background-position: 0% 0%;
		background-repeat: repeat;
		background-attachment: scroll;
		background-size: auto;
	}
		
	.wrapper {
		position: relative;
		max-height: 100vh;
		height: clamp(1024px, 100vh, 1067px);
		width: clamp(1025px, auto, 1366px);
		margin-left: auto;
		margin-right: auto;
		background-image:url("../../img/bgs/BakgrundX1366-blur.jpg");
		background-position: 0% 0px;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: 100%;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		float: none;
		margin-top: 0px;
		clear: none;
	}
	
	.header {
		float: none;
		width: auto;
		height: 128px;
		margin-top: 0px;
		margin-left: 0px;
		clear: none;
		background-color: rgba(40,40,40,0.30);
	}
	
	#logga768 {
		float: left;
		width: auto;
		max-width: 100%;
		height: auto;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		clear: none;
		color: rgb(0, 0, 0);
		display: block;
	}  
	
	.sidebar {
		float: right;
		position: static;
		width: 164px;
		hight: 648px;
		margin-top: 0px;
		top: 0px;
		left: 0px;
		clear: none;			
	}	
	
	#portfolio {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 80px;
		padding-bottom: 30px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#info {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#kontakt {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#portfolioContainer1 {
		display: none;
	}
	
	#portfolioContainer2 {
		position: relative;
		float: none;
		height: auto;
		width: 75%;
		max-height: 1200px;
		max-width: 1600px;
		margin-top: 3%;
		margin-left: 5%;
		margin-right: 7%;
		clear: none;
		top: 0px;
		left: 0px;
		display: block;
		overflow:visible !important;
		-webkit-transition: background-color 2s;
	}
	
	.pageContainer {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 4096px;
		-moz-perspective: 4096px;
		perspective: 4096px;
	}
	
	#mStage {
		display: none;
	}
	
	#mStage:fullscreen {
		display: none;
	}
	
	#Stage {
		display: block;
		overflow:visible !important;
	}
	
	#Stage:fullscreen {
		background-color: rgba(255,255,255,0);
		height: 100%;
		width: 100%;
		max-height: 1200px;
		max-width: 1600px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	} 
	
	@media
	only screen and (min-width: 1025px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-width: 1025px) and (max-width: 1366px) and (min--moz-device-pixel-ratio: 2),
	only screen and (min-width: 1025px) and (max-width: 1366px) and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-width: 1025px) and (max-width: 1366px) and (min-device-pixel-ratio: 2),
	only screen and (min-width: 1025px) and (max-width: 1366px) and (min-resolution: 192dpi),
	only screen and (min-width: 1025px) and (max-width: 1366px) and (min-resolution: 2dppx) {
		.wrapper {
			background-image:url("../../img/bgs/BakgrundX1366-blur-hi-res.jpg");
		}	
	}

} 	

/* =============================================================================
   Laptop
   ========================================================================== */

@media (min-width: 1367px) and (max-width: 1920px) {
	.body {
		background-color: rgb(66, 65, 60);
		background-position: 0% 0%;
		background-repeat: repeat;
		background-attachment: scroll;
		background-size: auto;
	}
	
	.wrapper {
		position: relative;
		max-height: 100vh;
		height: clamp(1024px, 100vh, 1280px);
		width: clamp(1367px, auto, 1920px);
		margin-left: auto;
		margin-right: auto;
		background-image:url("../../img/bgs/BakgrundX1920-blur.jpg");
		background-position: 0% 0px;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: 100%;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		float: none;
		margin-top: 0px;
		clear: none;
	}
	
	.header {
		float: none;
		width: auto;
		height: 128px;
		margin-top: 0px;
		margin-left: 0px;
		clear: none;
		background-color: rgba(40,40,40,0.30);
	}
	
	#logga768 {
		float: none;
		width: auto;
		max-width: 100%;
		height: auto;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		clear: none;
		color: rgb(0, 0, 0);
		display: block;
	}   
	
	.sidebar {
		float: right;
		position: static;
		width: 164px;
		hight: 648px;
		margin-top: 0px;
	    margin-left: 0px;
		top: 0px;
		left: 0px;
		clear: none;			
	}

	#portfolio {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 80px;
		padding-bottom: 30px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#info {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 40px;
		padding-bottom: 30px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#kontakt {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 40px;
		padding-bottom: 30px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#portfolioContainer1 {
		display: none;
	}
	
	#portfolioContainer2 {
		position: relative;
		float: none;
		height: 768px;
		width: 1024px;
		max-height: 1200px;
		max-width: 1600px;
		margin-top: 3%;
		margin-left: auto;
		margin-right: auto;
		clear: none;
		top: 0px;
		left: 0px;
		display: block;
		overflow:visible !important;
		-webkit-transition: background-color 2s;
	}
	
	.pageContainer {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 4096px;
		-moz-perspective: 4096px;
		perspective: 4096px;
	}
	
	#mStage {
		display: none;
	}
	
	#mStage:fullscreen {
		display: none;
	}
	
	#Stage {
		display: block;
		overflow:visible !important;
	}
	
	#Stage:fullscreen {
		background-color: rgba(255,255,255,0);
		height: 100%;
		width: 100%;
		max-height: 1200px;
		max-width: 1600px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}  
	
	@media
	only screen and (min-width: 1367px) and (max-width: 1920px) and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-width: 1367px) and (max-width: 1920px) and (min--moz-device-pixel-ratio: 2),
	only screen and (min-width: 1367px) and (max-width: 1920px) and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-width: 1367px) and (max-width: 1920px) and (min-device-pixel-ratio: 2),
	only screen and (min-width: 1367px) and (max-width: 1920px) and (min-resolution: 192dpi),
	only screen and (min-width: 1367px) and (max-width: 1920px) and (min-resolution: 2dppx) {
		.wrapper {
			background-image:url("../../img/bgs/BakgrundX1920-blur-hi-res.jpg");
		}
	}
	
} 	
	
/* =============================================================================
   Desktop
   ========================================================================== */

@media (min-width: 1921px) and (max-width: 2560px) {  
	.body {
		background-color: rgb(66, 65, 60);
		background-position: 0% 0%;
		background-repeat: repeat;
		background-attachment: scroll;
		background-size: auto;
	}   

	.wrapper {
		position: relative;
		max-height: 100vh;
		height: clamp(1024px, 100vh, 2048px);
		width: clamp(1921px, auto, 2560px);
		margin-left: auto;
		margin-right: auto;
		background-image: url("../../img/bgs/BakgrundX2560-blur.jpg");
		background-position: 0% 0px;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: 100%;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		float: none;
		margin-top: 0px;
		clear: none;
	}
	
	.header {
		float: none;
		width: auto;
		height: 128px;
		margin-top: 0px;
		margin-left: 0px;
		clear: none;
		background-color: rgba(40,40,40,0.30);
	}
	
	#logga768 {
		float: none;
		width: auto;
		max-width: 100%;
		height: auto;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		clear: none;
		color: rgb(0, 0, 0);
		display: block;
	}   
	
	.sidebar {
		float: right;
		position: static;
		width: 164px;
		hight: 1296px;
		margin-top: 0px;
	    margin-left: 0px;
		top: 0px;
		left: 0px;
		clear: none;
	}   			
	
	#portfolio {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 140px;
		padding-bottom: 40px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#info {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#kontakt {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#portfolioContainer1 {
		display: none;
	}
	
	#portfolioContainer2 {
		position: relative;
		float: none;
		height: 1200px;
		width: 1600px;
		max-height: 1200px;
		max-width: 1600px;
		margin-top: 1%;
		margin-left: auto;
		margin-right: auto;
		clear: none;
		top: 0px;
		left: 0px;
		display: block;
		overflow:visible !important;
		-webkit-transition: background-color 2s;
	}
	
	.pageContainer {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 4096px;
		-moz-perspective: 4096px;
		perspective: 4096px;
	}
	
	#mStage {
		display: none;
	}
	
	#mStage:fullscreen {
		display: none;
	}
	
	#Stage {
		display: block;
		overflow:visible !important;
	}
	
	#Stage:fullscreen {
		background-color: rgba(255,255,255,0);
		height: 100%;
		width: 100%;
		max-height: 1200px;
		max-width: 1600px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	} 
	
} 	

/* =============================================================================
   Desktop 4K display
   ========================================================================== */

@media (min-width: 2561px) {    
	.body {
		background-color: rgb(66, 65, 60);
		background-position: 0% 0%;
		background-repeat: repeat;
		background-attachment: scroll;
		background-size: auto;
	}
	
	.wrapper {
		position: relative;
		max-height: 100vh;
		height: clamp(1024px, 100vh, 2048px);
		width: clamp(2561px, 100%, inherit);
		margin-left: 0px;
		margin-right: 0px;
		background-image:url("../../img/bgs/BakgrundX3440-blur.jpg");
		background-position: 0% 0px;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: 100%;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		float: none;
		margin-top: 0px;
		clear: none; 
	}
	
	.header {
		float: none;
		width: auto;
		height: 128px;
		margin-top: 0px;
		margin-left: 0px;
		clear: none;
		background-color: rgba(40,40,40,0.30);
	}
	
	#logga768 {
		float: none;
		width: auto;
		max-width: 100%;
		height: auto;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		clear: none;
		color: rgb(0, 0, 0);
		display: block;
	} 
	
	.sidebar {
		float: right;
		position: static;
		width: 164px;
		hight: 1296px;
		margin-top: 0px;
	    margin-left: 0px;
		top: 0px;
		left: 0px;
		clear: none;			
	}
	
	#portfolio {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 120px;
		padding-bottom: 45px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#info {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 45px;
		padding-bottom: 45px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#kontakt {
		float: right;
		width: 100px;
		height: 100px;
		padding-top: 45px;
		padding-bottom: 45px;
		padding-right: 32px;
		padding-left: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	#portfolioContainer1 {
		display: none;
	}
	
	#portfolioContainer2 {
		position: relative;
		float: none;
		height: 1200px;
		width: 1600px;
		max-height: 1200px;
		max-width: 1600px;
		margin-top: 1%;
		margin-left: auto;
		margin-right: auto;
		clear: none;
		top: 0px;
		left: 0px;
		display: block;
		overflow:visible !important;
		-webkit-transition: background-color 2s;
	}
	
	.pageContainer {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 4096px;
		-moz-perspective: 4096px;
		perspective: 4096px;
	}
	
	#mStage {
		display: none;
	}
	
	#mStage:fullscreen {
		display: none;
	}
	
	#Stage {
		display: block;
		overflow:visible !important;
	}
	
	#Stage:fullscreen {
		background-color: rgba(255,255,255,0);
		height: 100%;
		width: 100%;
		max-height: 1200px;
		max-width: 1600px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	} 
}