.header{
	background-image: url(header.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:94px;
	width:100%;
	margin:0 auto;

}

#de_lang{
	background-image: url(social/german.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:60px;
	width:75px;	
		float:right;
		margin-right:3px;
		margin-top:13px;	
}

#de_lang:hover{
	background-image: url(social/german_mo.png);
}

#en_lang{
	background-image: url(social/english.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:60px;
	width:75px;	
		float:right;
		margin-right:3px;
		margin-top:13px;	
}

#en_lang:hover{
	background-image: url(social/english_mo.png);
}

  /* Parallax base styles
  --------------------------------------------- */

  .parallax {
    height: 500px; /* fallback for older browsers */
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 300px;
    perspective: 300px;
  }

  .parallax__group {
    position: relative;
    height: 500px; /* fallback for older browsers */
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .parallax__layer--fore {
    -webkit-transform: translateZ(90px) scale(.7);
    transform: translateZ(90px) scale(.7);
    z-index: 1;
  }

  .parallax__layer--base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
  }

  .parallax__layer--back {
    -webkit-transform: translateZ(-300px) scale(2);
    transform: translateZ(-300px) scale(2);
    z-index: 3;
  }

  .parallax__layer--deep {
    -webkit-transform: translateZ(-600px) scale(3);
    transform: translateZ(-600px) scale(3);
    z-index: 2;
  }


  /* Debugger styles - used to show the effect
  --------------------------------------------- */

  .debug {
    position: fixed;
    top: 0;
    left: .5em;
    z-index: 999;
    background: rgba(0,0,0,.85);
    color: #fff;
    padding: .5em;
    border-radius: 0 0 5px 5px;
  }
  .debug-on .parallax__group {
    -webkit-transform: translate3d(800px, 0, -800px) rotateY(30deg);
    transform: translate3d(700px, 0, -800px) rotateY(30deg);
 }
  .debug-on .parallax__layer {
    box-shadow: 0 0 0 2px #000;
    opacity: 0.9;
  }
  .parallax__group {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
  }


  /* demo styles
  --------------------------------------------- */

  body, html {
    overflow: hidden;
  }

  body {
    font: 100% / 1.5 Arial;
	/*background-color:#102E64;*/
  }

  * {
    margin:0;
    padding:0;
  }

  .parallax {
    /*font-size: 200%;*/
	font-family: 'PT Sans Caption', sans-serif;
  }

   /* centre the content in the parallax layers */
  .title {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }



  /* style the groups
  --------------------------------------------- */

  #group1 {
    z-index: 5; /* slide over group 2 */
	height: 800px;
	width:100vw;
  }

  #group2 {
    z-index: 2; /* slide under groups 1 and 3 */
	height:640px; /*height: 100vh;*/
	width:100vw;
  }

  #group3 {
    z-index: 4; /* slide over group 2 and 4 */
	height:570px; /*height: 100vh;*/
	width:100vw;
  }

  #group4 {
    z-index: 3; /* slide under group 3 and 5 */
	height:460px; /*height: 100vh;*/
	width:100vw;
  }

  #group6 {
    z-index: 2; /* slide under group 5 and 7 */
	height:680px; /*height: 100vh;*/
	width:100vw;
  }
  #group6 .parallax__layer--back {
	height:900px;	
  }

  #group7 {
    z-index: 3; /* slide over group 7 */
	height: 480px;
	width:100vw;	
  }
  
   #group8 {
    z-index: 2;  /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }
  
   #group9 {
    z-index: 1;  /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }
  
   #group10 {
    z-index: 4; /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }

   #group11 {
    z-index: 1; /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }

   #group12 {
    z-index: 2; /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }

   #group13 {
    z-index: 3; /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }  

   #group14 {
    z-index: 2; /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }

   #group15 {
    z-index: 3; /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }

   #group16 {
    z-index: 2; /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }

   #group17 {
    z-index: 3; /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }    

   #group18 {
    z-index: 2; /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }

   #group19 {
    z-index: 3; /* slide over group 7 */
   height: 800px;
	width:100vw;	
  }  

   
  /* GROUPS */
  
   #grp1_base{
		background-image:url(groups/group1/base.jpg);
		background-position:top center;
		background-repeat:no-repeat;
		width: 100vw;
		height: 100vh;
   } 
   
   #grp2_fore{
		background-image:url(groups/group2/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   	
   }   
   
   #grp2_base{
		background-image:url(groups/group2/base.jpg);
		background-position:top center;
		background-repeat:no-repeat;
		width: 100vw;
		height: 100vh;
   }

   #grp3_fore{
		background-image:url(groups/group3/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;  		
   } 
   
   #grp3_base{
 		background-image:url(groups/group3/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }  

   #grp4_base{
 		background-image:url(groups/group4/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }  	
   
   #grp5_base{
 		background-image:url(groups/group5/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }     

   #grp6_base{
 		background-image:url(groups/group6/base.png);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   } 

   #grp6_back{
 		background-image:url(groups/group6/background.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }    
   
   #grp7_base{
 		background-image:url(groups/group7/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }    

 
   #grp8_base{
 		background-image:url(groups/group8/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }    

   #grp8_fore{
		background-image:url(groups/group8/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   }       

   #grp9_base{
 		background-image:url(groups/group9/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   } 
   
   #grp9_fore{
		background-image:url(groups/group9/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   }   

   #grp10_base{
 		background-image:url(groups/group10/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }    
   
   #grp10_fore{
		background-image:url(groups/group10/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   }  
   
   #grp11_base{
 		background-image:url(groups/group11/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }    

   #grp11_fore{
		background-image:url(groups/group11/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   }   

   #grp12_base{
 		background-image:url(groups/group12/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   } 
   #grp12_fore{
		background-image:url(groups/group12/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   }      
   
   #grp13_base{
 		background-image:url(groups/group13/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   } 
   
   #grp13_fore{
		background-image:url(groups/group13/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   }       
   
   #grp14_base{
 		background-image:url(groups/group14/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }    

   #grp14_fore{
		background-image:url(groups/group14/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   } 

   #grp15_base{
 		background-image:url(groups/group15/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   } 
   
   #grp15_fore{
		background-image:url(groups/group15/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   }      

   #grp16_base{
 		background-image:url(groups/group16/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   } 
   
   #grp16_fore{
		background-image:url(groups/group16/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   }
   
    #grp17_base{
 		background-image:url(groups/group17/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }    

   #grp17_fore{
		background-image:url(groups/group17/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   }   

   #grp18_base{
 		background-image:url(groups/group18/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   } 
   
   #grp18_fore{
		background-image:url(groups/group18/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   }    

   #grp19_base{
 		background-image:url(groups/group19/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   } 
   
   #grp19_fore{
		background-image:url(groups/group19/foreground.png);
		background-position:top center;
		background-repeat:no-repeat;   		
   } 
   
   #grp20_base{
 		background-image:url(groups/group20/base.jpg);
		background-position:top center;
		background-repeat:no-repeat; 
		width: 100vw;
		height: 100vh;		
   }    
   
.display_change{
	display:none;
}


/* KALYPSO LOGO */


#logo{
 	background-image:url(10year_wip.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:177px;
	height:69px;
	margin-top:3px;
	float:left;
}

/* SOCIAL MENU */

#social_menu{
	margin:0 auto;
	width:1000px;
	height:75px;
		
}

#fbbt{
 		background-image:url(social/fbbt.png);
		background-position:top center;
		background-repeat:no-repeat; 		
		width:75px;
		height:75px;
		float:right;
		margin-right:3px;
		margin-top:5px;		
}

#fbbt:hover{
 		background-image:url(social/fbbt_mo.png);
}

#fb_trenn{
 		background-image:url(social/trenner.png);
		background-position:top center;
		background-repeat:no-repeat; 
		width:2px;
		height:34px;
		float:right;
		margin-top:24px;		
		margin-right:3px;
}

#twbt{
 		background-image:url(social/twbt.png);
		background-position:top center;
		background-repeat:no-repeat; 	
		width:75px;
		height:75px;
		float:right;
		margin-right:3px;
		margin-top:5px;
}

#twbt:hover{
 		background-image:url(social/twbt_mo.png);
}

#tw_trenn{
 		background-image:url(social/trenner.png);
		background-position:top center;
		background-repeat:no-repeat; 
		width:2px;
		height:34px;
		float:right;
		margin-top:24px;
		margin-right:3px;
}

#ytbt{
 		background-image:url(social/ytbt.png);
		background-position:top center;
		background-repeat:no-repeat; 
		width:75px;
		height:75px;
		float:right;
		margin-top:5px;
}

#ytbt:hover{
 		background-image:url(social/ytbt_mo.png);
}

#tt_trenn{
 		background-image:url(social/trenner.png);
		background-position:top center;
		background-repeat:no-repeat; 
		width:2px;
		height:34px;
		float:right;
		margin-top:24px;
		margin-right:3px;
}

#ttbt{
 		background-image:url(social/ttbt.png);
		background-position:top center;
		background-repeat:no-repeat; 
		width:75px;
		height:75px;
		float:right;
		margin-top:5px;
}

#ttbt:hover{
 		background-image:url(social/ttbt_mo.png);
}

#nl{
	background-image:url(social/nl.png);
	background-position:top center;
	background-repeat:no-repeat; 
	width:272px;
	height:63px;
	margin-top:10px;			
}

#nl:hover{
	background-image:url(social/nl_mo.png);
}
	
		/* SOCIAL MENU 2 */
		
		#socialmenu2{
			margin:0 auto;
			width:600px;
			height:110px;
			padding-right:150px;
		}
		
		#nlbt{
			background-image:url(social/nlbt.png);
			background-position:top center;
			background-repeat:no-repeat; 
			width:334px;
			height:83px;	
		}
		#nlbt:hover{
			background-image:url(social/nlbt_mo.png);
		}
		
		#fb{
			background-image:url(social/fb.png);
			background-position:top center;
			background-repeat:no-repeat; 
			width:108px;
			height:109px;
			float:right;
		
		}
		#fb:hover{
			background-image:url(social/fb_mo.png);
		}		
		
		#tt{
			background-image:url(social/tt.png);
			background-position:top center;
			background-repeat:no-repeat; 
			width:89px;
			height:109px;
			float:right;
			margin-left:35px;
			margin-right:35px;
		}
		#tt:hover{
			background-image:url(social/tt_mo.png);
		}				
		
		#yt{
			background-image:url(social/yt.png);
			background-position:top center;
			background-repeat:no-repeat; 
			width:98px;
			height:109px;
			float:right;
			margin-right:35px;			
		}
		#yt:hover{
			background-image:url(social/yt_mo.png);
		}				

		#tw{
			background-image:url(social/tw.png);
			background-position:top center;
			background-repeat:no-repeat; 
			width:98px;
			height:109px;
			float:right;
		}		
		#tw:hover{
			background-image:url(social/tw_mo.png);
		}				
		
#open{
	color:#12347A;
}

#open:hover{
	cursor:pointer;
	color:#2B6BC2;
}

#open2{
	color:#12347A;
}

#open2:hover{
	cursor:pointer;
	color:#2B6BC2;
}

/*** SLIDER ***/

h1 { color: white }

#slideshow-wrap {
    display: block;
    height: 320px;
    min-width: 260px;
    max-width: 640px;
    margin: auto;
    border: 12px rgba(255,255,240,1) solid;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    margin-top: 20px;
    position: relative;
}

#slideshow-inner {
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    overflow: hidden;
    position: relative;
}

#slideshow-inner>ul {
    list-style: none;
    height: 100%;
    width: 500%;
    overflow: hidden;
    position: relative;
    left: 0px;
    -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}

#slideshow-inner>ul>li {
    width: 20%;
    height: 320px;
    float: left;
    position: relative;
}

#slideshow-inner>ul>li>img {
    margin: auto;
    height: 100%;
}

#slideshow-wrap input[type=radio] {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 100;
    visibility: hidden;
}

#slideshow-wrap label:not(.arrows):not(.show-description-label) {
    position: absolute;
    left: 50%;
    bottom: -45px;
    z-index: 100;
    width: 12px;
    height: 12px;
    background-color: rgba(200,200,200,1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

#slideshow-wrap label:not(.arrows):active { bottom: -46px }

#slideshow-wrap input[type=radio]#button-1:checked~label[for=button-1] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-2:checked~label[for=button-2] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-3:checked~label[for=button-3] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-4:checked~label[for=button-4] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-5:checked~label[for=button-5] { background-color: rgba(100,100,100,1) }

#slideshow-wrap label[for=button-1] { margin-left: -36px }

#slideshow-wrap label[for=button-2] { margin-left: -18px }

#slideshow-wrap label[for=button-4] { margin-left: 18px }

#slideshow-wrap label[for=button-5] { margin-left: 36px }

#slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul { left: 0 }

#slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul { left: -100% }

#slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul { left: -200% }

#slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul { left: -300% }

#slideshow-wrap input[type=radio]#button-5:checked~#slideshow-inner>ul { left: -400% }

label.arrows {
    /*font-family: 'WebSymbolsRegular';*/
    font-size: 35px;
    color: rgb(115,115,115); /*rgb(255,255,210);*/
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: none;
    opacity: 0.7;
    cursor: pointer;
    z-index: 1000;
    background-color: transparent;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    text-shadow: 0px 0px 3px rgba(0,0,0,.8);
}

label.arrows:hover { opacity: 1 }

label.arrows:active { margin-top: -23px }

input[type=radio]#button-1:checked~.arrows#arrow-2, input[type=radio]#button-2:checked~.arrows#arrow-3, input[type=radio]#button-3:checked~.arrows#arrow-4, input[type=radio]#button-4:checked~.arrows#arrow-5 {
    right: -55px;
    display: block;
}

input[type=radio]#button-2:checked~.arrows#arrow-1, input[type=radio]#button-3:checked~.arrows#arrow-2, input[type=radio]#button-4:checked~.arrows#arrow-3, input[type=radio]#button-5:checked~.arrows#arrow-4 {
    left: -55px;
    display: block;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

input[type=radio]#button-2:checked~.arrows#arrow-1 { left: -19px }

input[type=radio]#button-3:checked~.arrows#arrow-2 { left: -37px }

input[type=radio]#button-5:checked~.arrows#arrow-4 { left: -73px }

.description {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*font-family: 'Yanone Kaffeesatz';*/
    z-index: 1000;
	font-size:0.95em;
	text-align:center;
}

.description input { visibility: hidden }

.description label {
    /*font-family: 'WebSymbolsRegular';*/
    background-color: rgba(255,255,240,1);
    position: relative;
    left: -17px;
    top: 00px;
    width: 40px;
    height: 27px;
    display: inline-block;
    text-align: center;
    padding-top: 7px;
    border-bottom-right-radius: 15px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    z-index: 5;
    color: rgb(20,20,20);
}

#slideshow-inner>ul>li:hover .description label { opacity: 1 }

.description input[type=checkbox]:checked~label { opacity: 1 }

.description .description-text {
    background-color: rgba(255,255,230,.5);
    padding-left: 25px;
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 15px;
    position: relative;
    top: 275px;
    z-index: 4;
    opacity: 1;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    color: rgb(20,20,20);
}

.description input[type=checkbox]:checked~.description-text { opacity: 1 }

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

#copyright{
	font-size:11px;
}

 a { color: #000; text-decoration:none; } 
 a:link { color: #000; text-decoration:none; } 
 a:visited { color: #000; text-decoration:none; }
 a:hover { color: #000; text-decoration:underline; }
 
 
#learnmore{
	width:100px;
	height:150px;
	position: relative; 
	margin:0 auto ; 
	padding-right: 0px;   
	margin-top: 550px;  
	right: 0px;
}