/* Author: Roger Andersson */

/* =============================================================================
   Default
   ========================================================================== */

.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   width: auto;
   max-width: 100%;
   min-width: 0px;
   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
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto; 
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   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
   ========================================================================== */

.sidebar {
   float: right;
   height: 648px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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);
}

/* =============================================================================
   Portfolio
   ========================================================================== */

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

#portfolioContainer1 {
	display: none;   
} 

#portfolioContainer2 {
	position: relative;
	float: none;
	height: 768px;
	width: 1024px;
	max-height: 1200px;
	max-width: 1600px;
	margin-top: 20px;
	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;	
}  

.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;
}

/* =============================================================================
   Hi-res display
   ========================================================================== */

@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundX1920-blur-hi-res.jpg");
   }	
}

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

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

.wrapper {
   position: relative;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   max-width: inherit;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX5120-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
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   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
   ========================================================================== */

.sidebar {
   float: right;
   height: 1296px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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);
}
	
/* =============================================================================
   Portfolio
   ========================================================================== */


#portfolioContainer2 {
	height: 1200px;
	width: 1600px;
} 

/* =============================================================================
   Desktop 34" display+
   ========================================================================== */

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

.wrapper {
   position: relative;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   max-width: inherit;
   min-width: 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
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   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
   ========================================================================== */

.sidebar {
   float: right;
   height: 1296px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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);
}

/* =============================================================================
   Portfolio
   ========================================================================== */

	
#portfolioContainer2 {
	height: 1200px;
	width: 1600px;
} 	
 
/* =============================================================================
   Desktop 27" display+
   ========================================================================== */

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

.wrapper {
   position: relative;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   max-width: inherit;
   min-width: 0px;
   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
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   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
   ========================================================================== */

.sidebar {
   float: right;
   height: 1296px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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);
}

 /* =============================================================================
   Portfolio
   ========================================================================== */

#portfolioContainer1 {
	display: none;   
} 

#portfolioContainer2 {
	position: relative;
	float: none;
	height: 1200px;
	width: 1600px;
	max-height: 1200px;
	max-width: 1600px;
	margin-top: 0px;
	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
   ========================================================================== */

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

.wrapper {
   position: relative;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   width: auto;
   max-width: 100%;
   min-width: 0px;
   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
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   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
   ========================================================================== */

.sidebar {
   float: right;
   height: 1296px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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);
}

 /* =============================================================================
   Portfolio
   ========================================================================== */

#portfolioContainer1 {
	display: none;   
} 

#portfolioContainer2 {
	position: relative;
	float: none;
	height: 900px;
	width: 1200px;
	max-height: 1200px;
	max-width: 1600px;
	margin-top: 20px;
	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;	
} 

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

@media only screen and (min-width: 1281px) 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;
	 height: 1024px;
	 margin-left: auto;
	 margin-right: auto;
	 width: auto;
	 max-width: 100%;
	 min-width: 0px;
	 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
   ========================================================================== */

  .header {
   	float: none;
   	height: 128px;
   	margin-top: 0px;
   	clear: none;
   	width: auto;
   	background-color: rgba(40,40,40,0.30);
  }
  
  #logga320 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }
	  
  #logga375 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }
  
  #logga414 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }    
  
  #logga480 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }
  
  #logga768 {
   	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
   ========================================================================== */

  .sidebar {
	 float: right;
	 height: 648px;
	 clear: none;
	 width: 164px;
	 position: static;
	 top: 0px;
	 left: 0px;
  }
  
  #portfolio {
	 float: right;
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 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: auto;
	 max-width: 100%;
	 height: auto;
	 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: auto;
	 max-width: 100%;
	 height: auto;
	 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);
  }
  
/* =============================================================================
   Portfolio
   ========================================================================== */

#portfolioContainer1 {
	display: none;   
} 

#portfolioContainer2 {
	position: relative;
	float: none;
	height: 768px;
	width: 1024px;
	max-height: 1200px;
	max-width: 1600px;
	margin-top: 20px;
	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;	
} 

/* =============================================================================
   Hi-res display
   ========================================================================== */

  @media 
  only screen and (min-width: 1281px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 1281px) and (max-width: 1366px) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 1281px) and (max-width: 1366px) and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-width: 1281px) and (max-width: 1366px) and (min-device-pixel-ratio: 2),
  only screen and (min-width: 1281px) and (max-width: 1366px) and (min-resolution: 192dpi),
  only screen and (min-width: 1281px) and (max-width: 1366px) and (min-resolution: 2dppx) {
	 .wrapper {
		background-image:url("../../img/bgs/BakgrundX1366-blur-hi-res.jpg");
	 }	
  }
}

/* =============================================================================
   Laptop 1025 - 1280
   ========================================================================== */

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

.wrapper {
   position: relative;
   height: auto;
   margin-left: auto;
   margin-right: auto;
   width: auto;
   max-width: 1280px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX1280-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
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;      
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);   
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#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
   ========================================================================== */

.sidebar {
   float: right;
   height: 648px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   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);
}

#info {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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);
}

 /* =============================================================================
   Portfolio
   ========================================================================== */

#portfolioContainer1 {
	position: relative;
	float: none;
	height: 600px;
	width: 800px;
	max-height: 600px;
	max-width: 800px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: 18%;
	clear: none;
	top: 0px;
	left: 0px;
	overflow:visible !important;
    -webkit-transition: background-color 2s;
	display: block;  
} 

#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;	 
}  

#mStage: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;	  
} 

#Stage {
	display: none;  
}  

#Stage:fullscreen {
	display: none;  
} 

/* =============================================================================
   Hi-res display
   ========================================================================== */

 @media 
  only screen and (min-width:1025px) and (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width:1025px) and (max-width: 1280px) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width:1025px) and (max-width: 1280px) and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-width:1025px) and (max-width: 1280px) and (min-device-pixel-ratio: 2),
  only screen and (min-width:1025px) and (max-width: 1280px) and (min-resolution: 192dpi),
  only screen and (min-width:1025px) and (max-width: 1280px) and (min-resolution: 2dppx) {
	 .wrapper {
		background-image:url("../../img/bgs/BakgrundX1280-blur-hi-res.jpg");
	 }	
  }
}

/* =============================================================================
   iPad Pro Tablet portrait
   ========================================================================== */

@media only screen and (min-width: 1024px) and (orientation: portrait) { 
    .body {
       background-color: rgb(66, 65, 60); 
       background-position: 0% 0%;
       background-repeat: repeat;
       background-attachment: scroll;
       background-size: auto;
    }
    
    .wrapper {
        position: relative;
   		height: 1366px;
   		width: 1024px;
        max-width: 1024px;
   		min-width: 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;
        height: 128px;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        width: auto;
	 	background-color: rgba(40,40,40,0.30);	
   }

	#logga320 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}
    
	#logga375 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}

	#logga414 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}    

	#logga480 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}

   #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; 
        height: 648px;
        width: 164px;
        top: 0px;
        left: 0px;
        margin-top: 80px;
        clear: none;
		display: none;
   }

   #portfolio {
        float: right;
        width: auto;
        max-width: 100%;
        height: auto;
   		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: auto;
        max-width: 100%;
        height: auto;
   		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: auto;
        max-width: 100%;
        height: auto;
   		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: left;
		height: 768px;
		width: 1024px;
		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: 1024) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 1024) and (orientation: portrait) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 1024) and (orientation: portrait) and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-width: 1024) and (orientation: portrait) and (min-device-pixel-ratio: 2),
  only screen and (min-width: 1024) and (orientation: portrait) and (min-resolution: 192dpi),
  only screen and (min-width: 1024) and (orientation: portrait) and (min-resolution: 2dppx) {
	 .wrapper {
		background-image:url("../../img/bgs/BakgrundY1024-blur-hi-res.jpg");
	 }	
  }
}

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

@media only screen and (min-width:801px) and (max-width: 1024px) and (orientation: landscape) {
.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 768px;
   margin-left: auto;
   margin-right: auto;
   width: 1024px;
   max-width: 1024px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX1024-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
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;      
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);   
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#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
   ========================================================================== */

.sidebar {
   float: right;
   height: 648px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   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);
}

#info {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   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: auto;
   max-width: 100%;
   height: auto;
   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);
}

 /* =============================================================================
   Portfolio
   ========================================================================== */

#portfolioContainer1 {
	position: relative;
	float: left;
	height: 600px;
	width: 800px;
	max-height: 600px;
	max-width: 800px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: auto;
	clear: none;
	top: 0px;
	left: 0px;
	overflow:visible !important;
    -webkit-transition: background-color 2s;
	display: block;  
} 

#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;	 
}  

#mStage: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;	  
} 

#Stage {
	display: none;  
}  

#Stage:fullscreen {
	display: none;  
} 

/* =============================================================================
   Hi-res display
   ========================================================================== */

 @media 
  only screen and (min-width:801px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width:801px) and (max-width: 1024px) and (orientation: landscape) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width:801px) and (max-width: 1024px) and (orientation: landscape) and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-width:801px) and (max-width: 1024px) and (orientation: landscape) and (min-device-pixel-ratio: 2),
  only screen and (min-width:801px) and (max-width: 1024px) and (orientation: landscape) and (min-resolution: 192dpi),
  only screen and (min-width:801px) and (max-width: 1024px) and (orientation: landscape) and (min-resolution: 2dppx) {
	 .wrapper {
		background-image:url("../../img/bgs/BakgrundX1024-blur-hi-res.jpg");
	 }	
  }
}

/* =============================================================================
   Tablet 800x600 landscape
   ========================================================================== */

@media only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) {
.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 600px;
   margin-left: auto;
   margin-right: auto;
   width: 800px;
   max-width: 800px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX800-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
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;      
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);   
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#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
   ========================================================================== */

.sidebar {
   float: right;
   height: 506px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 20px;
   padding-bottom: 20px;
   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: auto;
   max-width: 100%;
   height: auto;
   padding-top: 20px;
   padding-bottom: 20px;
   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: auto;
   max-width: 100%;
   height: auto;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

 /* =============================================================================
   Portfolio
   ========================================================================== */

#portfolioContainer1 {
	position: relative;
	float: left;
	height: 469px;
	width: 625px;
	max-height: 469px;
	max-width: 625px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: auto;
	clear: none;
	top: 0px;
	left: 0px;
	overflow:visible !important;
    -webkit-transition: background-color 2s;
	display: block;  
} 

#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;	 
}  

#mStage: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;	  
} 

#Stage {
	display: none;  
}  

#Stage:fullscreen {
	display: none;  
} 

/* =============================================================================
   Hi-res display
   ========================================================================== */

  @media 
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (min-device-pixel-ratio: 2),
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (min-resolution: 192dpi),
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (min-resolution: 2dppx) {
	 .wrapper {
		background-image:url("../../img/bgs/BakgrundX800-blur-hi-res.jpg");
	 }	
  }
}

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

@media only screen and (max-width: 768px) { 
    .body {
       background-color: rgb(66, 65, 60); 
       background-position: 0% 0%;
       background-repeat: repeat;
       background-attachment: scroll;
       background-size: auto;
    }
    
    .wrapper {
        position: relative;
   		height: 1024px;
   		width: 768px;
        max-width: 768px;
   		min-width: 0px;
		background-image:url("../../img/bgs/BakgrundY768-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;
        height: 128px;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        width: auto;
 		background-color: rgba(40,40,40,0.30);		
   }

	#logga320 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}
    
	#logga375 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}

	#logga414 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}    

	#logga480 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}

   #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; 
        height: 648px;
        width: 164px;
        top: 0px;
        left: 0px;
        margin-top: 80px;
        clear: none;
   		display: none;
   }

   #portfolio {
        float: right;
        width: auto;
        max-width: 100%;
        height: auto;
   		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);
   }

   #info {
        float: right;
        width: auto;
        max-width: 100%;
        height: auto;
   		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: auto;
        max-width: 100%;
        height: auto;
   		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);
   }
   
/* =============================================================================
   Portfolio
   ========================================================================== */
    
#portfolioContainer1 {
	position: relative;
	float: left;
	height: 904px;
	width: 768px;
	max-height: none;
	max-width: 768px;
	margin-top: 50px;
	margin-left: 0px;
	margin-right: 0px;
	clear: both;
	top: 0px;
	left: 0px;
	overflow:visible !important;
    -webkit-transition: background-color 2s;
	display: block;   		
} 

#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;  
} 

/* =============================================================================
   Hi-res display
   ========================================================================== */  

@media 
only screen and (max-width: 768) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 768) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 768) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 768) and (min-device-pixel-ratio: 2),
only screen and (max-width: 768) and (min-resolution: 192dpi),
only screen and (max-width: 768) and (min-resolution: 2dppx) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundY768-blur-hi-res.jpg");
   }	
}
}

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

@media only screen and (max-width: 736px) {

.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 852px;
   width: 480px;
   max-width: 736px;
   min-width: 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
   ========================================================================== */

.header {
   width: auto;
   height: 75px;
   margin-top: 0px;
   margin-left: 0%;
   clear: none;
   background-color: rgba(40,40,40,0.30);  
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}  

/* =============================================================================
   Sidebar
   ========================================================================== */

.sidebar {
    width: 480px;
    height: 777px;
    margin-top: 100px;
    clear: none;
    margin-left: 0%;
    float: none;
    position: static;
    top: 0px;
    left: 0px;
   	display: none;
}

/* =============================================================================
   Portfolio
   ========================================================================== */

#portfolioContainer1 {
    position: relative;
    float: left;
    margin-top: 80px;
    margin-left: 0px;
    clear: both;
    width: 480px;
    height: 777px;
	max-width: 480px;
	max-height: none;
	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;  
} 

/* =============================================================================
   Hi-res display
   ========================================================================== */
 
@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");
   }
} 
}

/* =============================================================================
   iPhone 6 Plus
   ========================================================================== */

@media only screen and (max-width: 414px) {

.wrapper {
   position: relative;
   height: 736px;
   width: 414px;
   max-width: 414px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundY414-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);
   float: none;
   clear: none; 
}

.header {
   width: auto;
   height: 65px;
   margin-top: 0px;
   margin-left: 0%;
   clear: none;
   background-color: rgba(40,40,40,0.30);  
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

.sidebar {
    width: 414px;
    height: 671px;
    margin-top: 60px;
    clear: none;
    margin-left: 0px;
    float: none;
    position: static;
    top: 0px;
    left: 0px;
   	display: none;
}

#portfolioContainer1 {
    position: relative;
    float: left;
    margin-top: 70px;
    margin-left: 0px;
    clear: both;
    width: 414px;
    height: 670px;
	max-width: 414px;
	max-height: none;
	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;  
} 

/* =============================================================================
   Hi-res display
   ========================================================================== */

@media 
only screen and (max-width: 414px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 414px) and (min-device-pixel-ratio: 3) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundY414x3-blur-hi-res.jpg");
   }	
}	
}

/* =============================================================================
   iPhone 6
   ========================================================================== */

@media only screen and (max-width: 375px) {

.wrapper {
   position: relative;
   height: 667px;
   width: 375px;
   max-width: 375px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundY375-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);
   float: none;
   clear: none; 
}

.header {
   width: auto;
   height: 59px;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   background-color: rgba(40,40,40,0.30);  
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

.sidebar {
    width: 375px;
    height: 608px;
    margin-top: 60px;
    clear: none;
    margin-left: 0px;
    float: none;
    position: static;
    top: 0px;
    left: 0px;
   	display: none;
}

#portfolioContainer1 {
    position: relative;
    float: left;
    margin-top: 70px;
    margin-left: 0px;
    clear: both;
    width: 375px;
    height: 607px;
	max-width: 375px;
	max-height: none;
 	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;  
} 

/* =============================================================================
   Hi-res display
   ========================================================================== */

@media 
only screen and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 375px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 375px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 375px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 375px) and (min-resolution: 192dpi),
only screen and (max-width: 375px) and (min-resolution: 2dppx) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundY375-blur-hi-res.jpg");
   }	
}	
}

/* =============================================================================
   iPhone 5
   ========================================================================== */

@media only screen and (max-width: 320px) {

.wrapper {
   position: relative;
   height: 568px;
   width: 320px;
   max-width: 320px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundY320-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);
   float: none;
   clear: none; 
}

.header {
   width: auto;
   height: 50px;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   background-color: rgba(40,40,40,0.30);  
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}        

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

.sidebar {
    width: 320px;
    height: 380px;
    margin-top: 20px;
    clear: none;
    margin-left: 0px;
    float: none;
    position: static;
    top: 0px;
    left: 0px;
   	display: none;
}

#portfolioContainer1 {
    position: relative;
    float: left;
    margin-top: 60px;
    margin-left: 0px;
    clear: both;
    width: 320px;
    height: 518px;
	max-width: 320px;
	max-height: none;
 	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;  
} 

/* =============================================================================
   Hi-res display
   ========================================================================== */

@media 
only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 320px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 320px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 320px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 320px) and (min-resolution: 192dpi),
only screen and (max-width: 320px) and (min-resolution: 2dppx) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundY320-blur-hi-res.jpg");
   }	
}	
}